缓存数据迁移：zj--->base

 @import "../icon/iconfont.css";
 @import "../css/assets.css";
 @import "../css/components.css";
+/*缓存数据*/
+@import "../css/cacheData.css";
 
 .d-flex {
     display: flex;
@@ -126,3 +128,10 @@ custom-class="config-dialog"
 .breadcrumb .el-breadcrumb .el-breadcrumb__item {
     cursor: pointer;
 }
+
+.margin-top-bottom-30{
+    margin:30px 0;
+}
+.margin-top-bottom-10{
+    margin:10px 0;
+}

+.flex-div-start{
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+}
+.cache-container{
+    height:100%;
+    background: #FFFFFF;
+    padding:20px;
+}
+.tag-item{
+    margin-right: 10px;
+}
+.view-container{
+    min-height: 600px;
+    padding:0 10px 10px;
+    display: flex;
+    flex-flow: column;
+    align-items: flex-start;
+}
+.view-title{
+    padding-bottom: 10px;
+}
+.view-detail{
+    flex: 1;
+    width: 100%;
+    text-align: left;
+    border:1px  solid #ccc;
+    max-height: 600px;
+    overflow-y: auto;
+}
+.detail-data{
+    padding:10px;
+}

@@ -62,7 +62,12 @@ const routes = [{
 		path: '/alarmsubscribe/excludeKpi',
 		name: 'alarmSubscribeExcludeKpi',
 		component: () => myImport('views/alarmsubscribe/index')
-	}
+	},
+	{
+		path: '/cache',
+		name: 'cacheData',
+		component: () => myImport('views/cacheData/index')
+	},
 ];
 
 // hash模式： createWebHashHistory

@@ -53,5 +53,4 @@
 
 /*对比分析*/
 @import "../css/analysis.css";
-/*缓存数据*/
-@import "../css/cacheData.css";
+

@@ -128,13 +128,7 @@
     padding:15px ;
     flex:1;
 }
-.margin-top-bottom-30{
-    margin:30px 0;
-}
-.margin-top-bottom-10{
-    margin:10px 0;
 
-}
 .export-div{
     position: absolute;
     right:0;