style：修改topo渐变 下拉为图标

nezha-fronted/src/assets/css/font/iconfont.svg

@@ -20,6 +20,12 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="arrow-left1" unicode="&#59131;" d="M210.88500949 384L841.59694303 759.7816572 672.94613541 448.63444528H2014.63696262v-127.31482565H672.79582245L841.59694303 8.21834279999996z"  horiz-adv-x="2218" />
+
+    
+    <glyph glyph-name="arrow-right1" unicode="&#59132;" d="M2014.63696262 384L1383.92502997 759.7816572l168.65080762-311.14721192H210.88500949v-127.31482565h1341.84114105L1383.92502997 8.21834279999996z"  horiz-adv-x="2218" />
+
+    
     <glyph glyph-name="fast-forward" unicode="&#59130;" d="M170.08082177-39.14113205000001C136.50949938-39.14113205000001 120.80526686-1.62024150000002 120.80526686 31.38685650000002V736.66674459C120.80526686 772.68303734 137.92005867 807.19473315 170.08082177 807.19473315c12.50696323-0.94037342 24.54373978-4.9839776 34.88784483-11.9427397l557.35918571-352.63994361a70.33991404 70.33991404 0 0 0 35.5461069-61.03021926 70.33991404 70.33991404 0 0 0-35.5461069-61.03022008L202.1475472-32.088333120000016a64.13345084 64.13345084 0 0 0-32.06672543-6.95876128zM621.45994971-39.14113205000001c-33.5713224 0-49.2755549 37.42685289-49.27555491 70.52798856V736.66674459c0 36.01629275 17.11479181 70.52798856 49.27555491 70.52798856 12.50696323-0.94037342 24.54373978-4.9839776 34.88784483-11.9427397l557.35918572-352.63994361a70.33991404 70.33991404 0 0 0 35.54610688-61.03021926 70.33991404 70.33991404 0 0 0-35.54610688-61.03022008l-560.18030513-352.63994362a64.13345084 64.13345084 0 0 0-32.06672542-6.95876128z"  horiz-adv-x="1365" />
 
     

nezha-fronted/src/assets/stylus/main.scss

@@ -168,6 +168,9 @@ li{
   line-height: 16px;
   position: relative;
 }
+.border-radius2{
+  border-radius: 2px;
+}
 .to-top {
   position: fixed;
   right: 17px;

nezha-fronted/src/components/common/language/cn.js

@@ -671,7 +671,7 @@ const cn = {
       source: "源IP",
       log: "日志",
       killErrorTip: "踢出失败",
-      monitor: "监控",
+      monitor:{monitor: "监控",},
       cmd: {
         cmd: "命令",
         history: "历史命令",
@@ -684,7 +684,7 @@ const cn = {
         play: "播放",
         replay: "重播",
         skipTip: "跳过无操作时间"
-      }
+      },
     },
     dc: {
       dc: "数据中心",

nezha-fronted/src/components/common/language/en.js

@@ -708,7 +708,7 @@ const en = {
       log: "Log",
       source: "Source IP",
       killErrorTip: "Killing failed",
-      monitor: "monitoring",
+      monitor:{monitor: "monitoring",},
       cmd: {
         cmd: "Command",
         history: "History command",

nezha-fronted/src/components/common/project/L5/CanvasProps.vue

@@ -341,8 +341,13 @@
                 <div class="p10 pl0 gradient-to">
                   <el-select v-model="selection.pen.gradientType" size="small"
                              @change="bkTypeChange" style="width: 60px;border-radius: 4px 0 0 4px;background: #F5F7FA" class="color-before-select">
-                    <el-option v-for="(item,index) in bkTypeOption" :value="item.id" :key="index"
-                               :label="item.name">
+                    <div slot="prefix">
+                      <i :class="['nz-icon',bkTypeOption.find(item1=>item1.id===selection.pen.gradientType).label,bkTypeOption.find(item1=>item1.id===selection.pen.gradientType).fontSize]"></i>
+                    </div>
+
+
+                    <el-option v-for="(item,index) in bkTypeOption" :value="item.id" :key="index">
+                      <i :class="['nz-icon',item.label,item.fontSize]" ></i>
                     </el-option>
                     <!--el-input__inner-->
                   </el-select>
@@ -1110,23 +1115,33 @@
         bkTypeOption:[
           {
             id:0,
-            name:'X'
+            name:'X',
+            label:'nz-icon-close',
+            fontSize:'font12 v-sub',
           },
           {
             id:2,
-            name:'↑'
+            name:'↑',
+            label:'nz-icon-arrow-up1',
+            fontSize:'font20',
           },
           {
             id:4,
-            name:'↓'
+            name:'↓',
+            label:'nz-icon-arrow-down2',
+            fontSize:'font20',
           },
           {
             id:1,
-            name:'→'
+            name:'→',
+            label:'nz-icon-arrow-right1',
+            fontSize:'font12 v-sub',
           },
           {
             id:3,
-            name:'←'
+            name:'←',
+            label:'nz-icon-arrow-left1',
+            fontSize:'font12 v-sub',
           }
         ],
         penDash:[
@@ -1684,6 +1699,14 @@
   .color-before-select .el-input__inner{
     background: rgb(245, 247, 250);
   }
+  .color-before-select  .el-input__prefix{
+    background: #fff;
+    left: 1px;
+    color: #333;
+    width: 30px;
+    height: 29px;
+    top: 1px;
+  }
 </style>
 <style lang="scss" scoped>
   .project-title {
@@ -2131,4 +2154,13 @@
   .color-arrows .nz-icon {
     font-size: 12px;
   }
+  .v-sub{
+    vertical-align: sub;
+  }
+  .font12{
+    font-size: 12px;
+  }
+  .font20{
+    font-size: 20px;
+  }
 </style>

nezha-fronted/src/components/common/project/topologyL5.vue

@@ -2049,7 +2049,7 @@
         });
         this.uploadPic.name='';
         this.uploadPic.unit='';
-        this.file=null
+        this.file=null;
         this.uploadPicShow=true;
       }
     },

nezha-fronted/src/components/common/timePicker.vue

@@ -17,7 +17,7 @@
     margin-left:0px;
     margin-top: 0px !important;
     text-align:left;
-    border-radius:4px;
+    border-radius:2px;
     min-width:80px;
     height:24px;
     border:solid 1px  #d8dce1;