Showing
8 changed files
with
51 additions
and
10 deletions
1 | @import "../icon/iconfont.css"; | 1 | @import "../icon/iconfont.css"; |
2 | @import "../css/assets.css"; | 2 | @import "../css/assets.css"; |
3 | @import "../css/components.css"; | 3 | @import "../css/components.css"; |
4 | +/*缓存数据*/ | ||
5 | +@import "../css/cacheData.css"; | ||
4 | 6 | ||
5 | .d-flex { | 7 | .d-flex { |
6 | display: flex; | 8 | display: flex; |
@@ -126,3 +128,10 @@ custom-class="config-dialog" | @@ -126,3 +128,10 @@ custom-class="config-dialog" | ||
126 | .breadcrumb .el-breadcrumb .el-breadcrumb__item { | 128 | .breadcrumb .el-breadcrumb .el-breadcrumb__item { |
127 | cursor: pointer; | 129 | cursor: pointer; |
128 | } | 130 | } |
131 | + | ||
132 | +.margin-top-bottom-30{ | ||
133 | + margin:30px 0; | ||
134 | +} | ||
135 | +.margin-top-bottom-10{ | ||
136 | + margin:10px 0; | ||
137 | +} |
1 | +.flex-div-start{ | ||
2 | + display: flex; | ||
3 | + align-items: center; | ||
4 | + justify-content: flex-start; | ||
5 | +} | ||
6 | +.cache-container{ | ||
7 | + height:100%; | ||
8 | + background: #FFFFFF; | ||
9 | + padding:20px; | ||
10 | +} | ||
11 | +.tag-item{ | ||
12 | + margin-right: 10px; | ||
13 | +} | ||
14 | +.view-container{ | ||
15 | + min-height: 600px; | ||
16 | + padding:0 10px 10px; | ||
17 | + display: flex; | ||
18 | + flex-flow: column; | ||
19 | + align-items: flex-start; | ||
20 | +} | ||
21 | +.view-title{ | ||
22 | + padding-bottom: 10px; | ||
23 | +} | ||
24 | +.view-detail{ | ||
25 | + flex: 1; | ||
26 | + width: 100%; | ||
27 | + text-align: left; | ||
28 | + border:1px solid #ccc; | ||
29 | + max-height: 600px; | ||
30 | + overflow-y: auto; | ||
31 | +} | ||
32 | +.detail-data{ | ||
33 | + padding:10px; | ||
34 | +} |
@@ -62,7 +62,12 @@ const routes = [{ | @@ -62,7 +62,12 @@ const routes = [{ | ||
62 | path: '/alarmsubscribe/excludeKpi', | 62 | path: '/alarmsubscribe/excludeKpi', |
63 | name: 'alarmSubscribeExcludeKpi', | 63 | name: 'alarmSubscribeExcludeKpi', |
64 | component: () => myImport('views/alarmsubscribe/index') | 64 | component: () => myImport('views/alarmsubscribe/index') |
65 | - } | 65 | + }, |
66 | + { | ||
67 | + path: '/cache', | ||
68 | + name: 'cacheData', | ||
69 | + component: () => myImport('views/cacheData/index') | ||
70 | + }, | ||
66 | ]; | 71 | ]; |
67 | 72 | ||
68 | // hash模式: createWebHashHistory | 73 | // hash模式: createWebHashHistory |
@@ -128,15 +128,9 @@ | @@ -128,15 +128,9 @@ | ||
128 | padding:15px ; | 128 | padding:15px ; |
129 | flex:1; | 129 | flex:1; |
130 | } | 130 | } |
131 | -.margin-top-bottom-30{ | ||
132 | - margin:30px 0; | ||
133 | -} | ||
134 | -.margin-top-bottom-10{ | ||
135 | - margin:10px 0; | ||
136 | 131 | ||
137 | -} | ||
138 | .export-div{ | 132 | .export-div{ |
139 | position: absolute; | 133 | position: absolute; |
140 | right:0; | 134 | right:0; |
141 | top:0; | 135 | top:0; |
142 | -} | ||
136 | +} |
-
Please register or login to post a comment