NEZ-2726 fix: Tool-ping、trace界面样式调整

nezha-fronted/src/assets/css/components/common/rightBox/moduleBox.scss

@@ -270,7 +270,7 @@
   .ti-input {
     border: 1px solid $--border-color-light;
     .ti-tag.ti-valid {
-      background-color: $--label-background-color !important;;
+      background-color: $--background-color-base !important;;
       color: $--color-text-primary !important;;
     }
     .ti-new-tag-input {

nezha-fronted/src/assets/css/components/page/tool/ping.scss

@@ -22,9 +22,9 @@
       overflow-y: auto;
       box-sizing: border-box;
       border-radius: 2px;
-      border: 1px solid $--button-icon-border-color !important;
+      border: 1px solid $--border-color-light !important;
       .ti-tag.ti-valid {
-        background-color: $--label-background-color !important;;
+        background-color: $--background-color-base !important;;
         color: $--color-text-primary !important;;
       }
       .ti-new-tag-input {
@@ -59,11 +59,11 @@
     padding: 2px 4px !important;
     border-radius: 2px !important;
     border-right: none !important;
-    background: $--label-background-color;
+    background: $--background-color-base;
     margin-right: 5px;
     color: $--color-text-primary;
     i{
-      font-size: 14px !important;
+      font-size: 12px !important;
     }
   }
   .btn{
@@ -425,9 +425,19 @@ td.el-table__expanded-cell:hover {
 #pingTable{
   th.el-table__expand-column{
     .arrow-expand{
+      display: flex;
+      justify-content: center;
       i.nz-icon{
         cursor: pointer;
-        padding-left: 2px;
+        width: 14px;
+        height: 14px;
+        border: 1px solid #d9d9d9;
+        color: $--color-text-regular;
+        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.06);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 14px;
       }
     }
   }

nezha-fronted/src/assets/css/components/page/tool/trace.scss

@@ -22,9 +22,9 @@
       overflow-y: auto;
       box-sizing: border-box;
       border-radius: 2px;
-      border: 1px solid $--button-icon-border-color !important;
+      border: 1px solid $--border-color-light !important;
       .ti-tag.ti-valid {
-        background-color: $--label-background-color !important;;
+        background-color: $--background-color-base !important;;
         color: $--color-text-primary !important;;
       }
       .ti-new-tag-input {
@@ -59,11 +59,11 @@
     padding: 2px 4px !important;
     border-radius: 2px !important;
     border-right: none !important;
-    background: $--label-background-color;
+    background: $--background-color-base;
     margin-right: 5px;
     color: $--color-text-primary;
     i{
-      font-size: 14px !important;
+      font-size: 12px !important;
     }
   }
   .btn{
@@ -162,9 +162,19 @@
           }
           th.el-table__expand-column{
             .arrow-expand{
+              display: flex;
+              justify-content: center;
               i.nz-icon{
+                width: 14px;
+                height: 14px;
                 cursor: pointer;
-                padding-left: 2px;
+                border: 1px solid #d9d9d9;
+                color: $--color-text-regular;
+                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.06);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 14px;
               }
             }
           }
@@ -183,6 +193,9 @@
   }
   .el-input-group__append{
     color: $--color-text-primary;
+    background-color: $--right-box-sub-title-background-color;
+    border: 1px solid $--border-color-light;
+    border-left: none;
   }
 }
 .pop-tit{

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

@@ -5,6 +5,20 @@
   "css_prefix_text": "nz-icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "34724146",
+      "name": "全部展开",
+      "font_class": "quanbuzhankai1",
+      "unicode": "e7d7",
+      "unicode_decimal": 59351
+    },
+    {
+      "icon_id": "34724147",
+      "name": "全部收起",
+      "font_class": "quanbushouqi1",
+      "unicode": "e7d8",
+      "unicode_decimal": 59352
+    },
     {
       "icon_id": "34708233",
       "name": "Diagnosis result",

nezha-fronted/src/components/common/table/tool/pingTable.vue

@@ -11,8 +11,8 @@
     <el-table-column type="expand">
       <template #header>
         <div class="arrow-expand" @click="toggleRowExpansion">
-            <i v-if="expandData" class="nz-icon nz-icon-quanbuzhankai"></i>
-            <i v-else class="nz-icon nz-icon-quanbushouqi"></i>
+            <i v-if="expandData" class="nz-icon nz-icon-quanbuzhankai1"></i>
+            <i v-else class="nz-icon nz-icon-quanbushouqi1"></i>
         </div>
       </template>
       <template slot-scope="{ row }">

nezha-fronted/src/components/common/table/tool/traceTable.vue

@@ -11,8 +11,8 @@
     <el-table-column type="expand">
       <template #header>
         <div class="arrow-expand" @click="toggleRowExpansion">
-            <i v-if="expandData" class="nz-icon nz-icon-quanbuzhankai"></i>
-            <i v-else class="nz-icon nz-icon-quanbushouqi"></i>
+            <i v-if="expandData" class="nz-icon nz-icon-quanbuzhankai1"></i>
+            <i v-else class="nz-icon nz-icon-quanbushouqi1"></i>
         </div>
       </template>
       <template slot-scope="{ row }">