CN-1612 feat: 部分css重构内容：策略policy列表与策略新增

src/assets/css/components/views/charts2/entityDetailSubscriberMap.scss

@@ -1,14 +1,16 @@
+$text-color-primary: var(--el-text-color-primary);
+
 .subscriber-map {
   height: 100%;
 
   svg {
-    fill: #fff;
+    fill: var(--el-fill-color-blank);
   }
   .subscriber-map-header {
     height: 34px;
     padding-bottom: 10px;
     font-size: 14px;
-    color: #353636;
+    color: $text-color-primary;
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -20,7 +22,7 @@
   }
   .subscriber-map-body {
     position: relative;
-    border: 1px solid #E2E5EC;
+    border: 1px solid var(--el-border-color-light);
     border-radius: 4px;
     height: calc(100% - 34px);
 
@@ -44,7 +46,7 @@
 
         svg {
           transition: height .1s linear, width .1s linear;
-          fill: #fff;
+          fill: var(--el-fill-color-blank);
         }
 
         &.map-marker--human {
@@ -67,7 +69,7 @@
         &.map-marker--hover {
           width: 30px;
           height: 30px;
-          border: 2px solid rgba(255,255,255,1);
+          border: 2px solid var(--el-color-white);
           z-index: 2;
 
           &.map-marker--human svg {
@@ -82,7 +84,7 @@
         &.map-marker--highlight {
           width: 30px;
           height: 30px;
-          border: 2px solid #fff;
+          border: 2px solid var(--el-color-white);
           background-color: rgb(204,68,68);
           z-index: 3;
 
@@ -148,7 +150,7 @@
                 text-align: right;
                 width: 60px;
                 font-size: 12px;
-                color: #353636;
+                color: $text-color-primary;
               }
               .item__value {
                 font-size: 12px;
@@ -163,7 +165,7 @@
               .item-record__header {
                 font-family: Helvetica;
                 font-size: 16px;
-                color: #353636;
+                color: $text-color-primary;
                 font-weight: 400;
                 height: 38px;
                 line-height: 38px;
@@ -219,7 +221,7 @@
                       border-left: 2px #cccccc dotted;
                       height: 34px;
                       margin-left: 6px;
-                      transition: all 0.2s;
+                      transition: all var(--el-transition-duration-fast);
                     }
                   }
                   .timeline__info--item {
@@ -282,7 +284,7 @@
                         height: 34px;
                         margin-left: 6px;
                         margin-top: 6px;
-                        transition: all 0.2s;
+                        transition: all var(--el-transition-duration-fast);
                       }
                     }
 
@@ -326,7 +328,7 @@
     .subscriber-map-point-tooltip__time {
       padding: 10px;
       font-size: 12px;
-      color: #353636;
+      color: $text-color-primary;
       font-weight: bold;
     }
     .subscriber-map-point-tooltip__coordinates {
@@ -342,7 +344,7 @@
         }
         .coordinate__value {
           font-size: 12px;
-          color: #353636;
+          color: $text-color-primary;
           font-weight: bold;
         }
       }
@@ -426,7 +428,7 @@
           text-align: right;
           width: 60px;
           font-size: 12px;
-          color: #353636;
+          color: $text-color-primary;
         }
         .item__value {
           font-size: 12px;
@@ -437,7 +439,7 @@
       .body__tracking {
         padding-top: 6px;
         font-size: 12px;
-        color: #38ACD2;
+        color: var(--el-color-business);
         text-decoration: underline;
         cursor: pointer;
       }