style：更新iconfont

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

@@ -313,3 +313,21 @@
   }
 }
 
+.choose-header-btn{
+  width: 32px;
+  height: 32px;
+  box-sizing: border-box;
+  border: 1px solid $--border-color-light;
+  border-radius: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: $--color-text-regular;
+  .nz-icon-mimakejian{
+    font-size: 16px;
+  }
+  .nz-icon-mimabukejian{
+    font-size: 18px;
+  }
+}

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

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "nz-icon"; /* Project id 2030432 */
-  src: url('iconfont.woff2?t=1651733602600') format('woff2'),
-       url('iconfont.woff?t=1651733602600') format('woff'),
-       url('iconfont.ttf?t=1651733602600') format('truetype');
+  src: url('iconfont.woff2?t=1652772229392') format('woff2'),
+       url('iconfont.woff?t=1652772229392') format('woff'),
+       url('iconfont.ttf?t=1652772229392') format('truetype');
 }
 
 .nz-icon {
@@ -13,6 +13,50 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.nz-icon-mimakejian:before {
+  content: "\e77a";
+}
+
+.nz-icon-mimabukejian:before {
+  content: "\e77b";
+}
+
+.nz-icon-kongtianjiaicon:before {
+  content: "\e77c";
+}
+
+.nz-icon-arrow-down:before {
+  content: "\e777";
+}
+
+.nz-icon-arrow-left:before {
+  content: "\e778";
+}
+
+.nz-icon-arrow-right:before {
+  content: "\e779";
+}
+
+.nz-icon-arrow-up:before {
+  content: "\e776";
+}
+
+.nz-icon-scan:before {
+  content: "\e774";
+}
+
+.nz-icon-shuru:before {
+  content: "\e772";
+}
+
+.nz-icon-Ping:before {
+  content: "\e773";
+}
+
+.nz-icon-Trace:before {
+  content: "\e775";
+}
+
 .nz-icon-queren:before {
   content: "\e771";
 }
@@ -705,19 +749,19 @@
   content: "\e6b6";
 }
 
-.nz-icon-arrow-up:before {
+.nz-icon-arrow-up6:before {
   content: "\e6af";
 }
 
-.nz-icon-arrow-down:before {
+.nz-icon-arrow-down6:before {
   content: "\e6b0";
 }
 
-.nz-icon-arrow-right:before {
+.nz-icon-arrow-right6:before {
   content: "\e6ad";
 }
 
-.nz-icon-arrow-left:before {
+.nz-icon-arrow-left6:before {
   content: "\e6ae";
 }
 

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

@@ -5,6 +5,83 @@
   "css_prefix_text": "nz-icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "29755584",
+      "name": "密码可见",
+      "font_class": "mimakejian",
+      "unicode": "e77a",
+      "unicode_decimal": 59258
+    },
+    {
+      "icon_id": "29755585",
+      "name": "密码不可见",
+      "font_class": "mimabukejian",
+      "unicode": "e77b",
+      "unicode_decimal": 59259
+    },
+    {
+      "icon_id": "29755586",
+      "name": "空添加icon",
+      "font_class": "kongtianjiaicon",
+      "unicode": "e77c",
+      "unicode_decimal": 59260
+    },
+    {
+      "icon_id": "29684748",
+      "name": "下",
+      "font_class": "arrow-down",
+      "unicode": "e777",
+      "unicode_decimal": 59255
+    },
+    {
+      "icon_id": "29684749",
+      "name": "左",
+      "font_class": "arrow-left",
+      "unicode": "e778",
+      "unicode_decimal": 59256
+    },
+    {
+      "icon_id": "29684750",
+      "name": "右",
+      "font_class": "arrow-right",
+      "unicode": "e779",
+      "unicode_decimal": 59257
+    },
+    {
+      "icon_id": "29684477",
+      "name": "上",
+      "font_class": "arrow-up",
+      "unicode": "e776",
+      "unicode_decimal": 59254
+    },
+    {
+      "icon_id": "29610781",
+      "name": "scan",
+      "font_class": "scan",
+      "unicode": "e774",
+      "unicode_decimal": 59252
+    },
+    {
+      "icon_id": "29610763",
+      "name": "输入",
+      "font_class": "shuru",
+      "unicode": "e772",
+      "unicode_decimal": 59250
+    },
+    {
+      "icon_id": "29610764",
+      "name": "Ping",
+      "font_class": "Ping",
+      "unicode": "e773",
+      "unicode_decimal": 59251
+    },
+    {
+      "icon_id": "29610766",
+      "name": "Trace",
+      "font_class": "Trace",
+      "unicode": "e775",
+      "unicode_decimal": 59253
+    },
     {
       "icon_id": "29460715",
       "name": "确认",
@@ -1219,28 +1296,28 @@
     {
       "icon_id": "16915855",
       "name": "上",
-      "font_class": "arrow-up",
+      "font_class": "arrow-up6",
       "unicode": "e6af",
       "unicode_decimal": 59055
     },
     {
       "icon_id": "16915856",
       "name": "下",
-      "font_class": "arrow-down",
+      "font_class": "arrow-down6",
       "unicode": "e6b0",
       "unicode_decimal": 59056
     },
     {
       "icon_id": "16915721",
       "name": "右",
-      "font_class": "arrow-right",
+      "font_class": "arrow-right6",
       "unicode": "e6ad",
       "unicode_decimal": 59053
     },
     {
       "icon_id": "16915722",
       "name": "左",
-      "font_class": "arrow-left",
+      "font_class": "arrow-left6",
       "unicode": "e6ae",
       "unicode_decimal": 59054
     },

nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue

@@ -16,7 +16,17 @@
     <div class="right-box-form-box right-box__container chart-right-box">
       <el-form ref="chartForm" :model="editChart" :rules="rules" label-position= "top" label-width="120px">
         <el-form-item :label='$t("dashboard.panel.chartForm.name")' prop="name">
-          <el-input maxlength="64" show-word-limit size="small" v-model="editChart.name" id="chart-box-title"></el-input>
+          <div style="display:flex;align-items:center">
+            <el-input style="flex:1;margin-right:10px" maxlength="64" show-word-limit size="small" v-model="editChart.name" id="chart-box-title"></el-input>
+            <!-- 显示头部 -->
+            <div class="choose-header-btn" v-if="editChart.param&&editChart.param.showHeader!==0" @click="switchHeader(0)">
+              <i class="nz-icon nz-icon-mimakejian"></i>
+            </div>
+            <!-- 隐藏头部 -->
+            <div class="choose-header-btn" v-else @click="switchHeader(1)">
+              <i class="nz-icon nz-icon-mimabukejian"></i>
+            </div>
+          </div>
         </el-form-item>
 
         <div class="form-items--half-width-group">
@@ -196,6 +206,12 @@ export default {
     }
   },
   methods: {
+
+    switchHeader (value) {
+      // 1为显示 0为隐藏
+      this.editChart.param.showHeader = value
+    },
+
     clickOutside () {
       this.esc(false)
     },
@@ -356,7 +372,8 @@ export default {
               legend: true,
               valueMapping: false
             },
-            thresholds: [{ value: undefined, color: '#eeeeeeff' }]
+            thresholds: [{ value: undefined, color: '#eeeeeeff' }],
+            showHeader: 1
           }
         }
       }
@@ -374,7 +391,8 @@ export default {
           },
           elements: [{ expression: '', legend: '', type: 'expert', id: '', name: 'A' }],
           param: {
-            limit: 100
+            limit: 100,
+            showHeader: 1
           }
         }
       }
@@ -409,7 +427,8 @@ export default {
               legend: ''
             }
             ],
-            valueMapping: []
+            valueMapping: [],
+            showHeader: 1
           }
         }
         delete this.editChart.elements
@@ -426,7 +445,8 @@ export default {
             valueMapping: false
           },
           param: {
-            url: ''
+            url: '',
+            showHeader: 1
           }
         }
         delete this.editChart.elements

nezha-fronted/src/components/page/dashboard/panel.vue

@@ -208,7 +208,8 @@ export default {
             thresholds: false
           },
           thresholdShow: true,
-          thresholds: [{ value: undefined, color: randomcolor() }]
+          thresholds: [{ value: undefined, color: randomcolor() }],
+          showHeader: 1
         },
         elements: [{ expression: '', legend: '', type: 'expert', id: '', name: 'A' }],
         panel: '',