NEZ-2344 fix：Chart templates部分类型展示有误

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

@@ -5,6 +5,48 @@
   "css_prefix_text": "nz-icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "586976",
+      "name": "map-sankey",
+      "font_class": "sankey",
+      "unicode": "e784",
+      "unicode_decimal": 59268
+    },
+    {
+      "icon_id": "6537184",
+      "name": "地图",
+      "font_class": "map",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
+    },
+    {
+      "icon_id": "6807270",
+      "name": "Diagram-2",
+      "font_class": "diagram",
+      "unicode": "ec02",
+      "unicode_decimal": 60418
+    },
+    {
+      "icon_id": "11488020",
+      "name": "clock",
+      "font_class": "clock",
+      "unicode": "e762",
+      "unicode_decimal": 59234
+    },
+    {
+      "icon_id": "17692259",
+      "name": "走马灯",
+      "font_class": "projectTopology",
+      "unicode": "e765",
+      "unicode_decimal": 59237
+    },
+    {
+      "icon_id": "20559415",
+      "name": "165ranking",
+      "font_class": "rank",
+      "unicode": "e7ac",
+      "unicode_decimal": 59308
+    },
     {
       "icon_id": "32442422",
       "name": "New",

nezha-fronted/src/components/common/js/constants.js

@@ -251,6 +251,30 @@ export const chart = {
       value: 'stackArea',
       label: i18n.t('dashboard.panel.chartForm.typeVal.stackArea.label')
     },
+    {
+      value: 'area',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.stackArea.label')
+    },
+    {
+      value: 'point',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.point.label')
+    },
+    {
+      value: 'gauge',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.gauge.label')
+    },
+    {
+      value: 'sankey',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.sankey.label')
+    },
+    {
+      value: 'hexagon',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.hexagonFigure.label')
+    },
+    {
+      value: 'stat',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.singleStat.label')
+    },
     {
       value: 'bar',
       label: i18n.t('dashboard.panel.chartForm.typeVal.bar.label')
@@ -283,6 +307,7 @@ export const chart = {
       value: 'group',
       label: i18n.t('dashboard.panel.chartForm.group')
     },
+
     {
       value: 'logs',
       label: i18n.t('overall.logs')
@@ -290,6 +315,42 @@ export const chart = {
     {
       value: 'diagram',
       label: i18n.t('dashboard.panel.chartForm.typeVal.diagram.label')
+    },
+    {
+      value: 'treemap',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.treemap.label')
+    },
+    {
+      value: 'pie',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.pie.label')
+    },
+    {
+      value: 'bubble',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.bubble.label')
+    },
+    {
+      value: 'rank',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.rank.label')
+    },
+    {
+      value: 'log',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.log.label')
+    },
+    {
+      value: 'table',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.table.label')
+    },
+    {
+      value: 'map',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.map.label')
+    },
+    {
+      value: 'topology',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.topology.label')
+    },
+    {
+      value: 'clock',
+      label: i18n.t('dashboard.panel.chartForm.typeVal.clock.label')
     }
   ]
 }

nezha-fronted/src/components/common/table/settings/chartTmplTable.vue

@@ -40,6 +40,7 @@
         <span v-else-if="item.prop==='type'">
           <i :class="typeIcon(scope.row)"/>
         {{findTypeLabel(scope.row)}}
+          {{scope.row.type}}
         </span>
         <template v-else-if="item.prop === 'name'">
           <copy :copyData='scope.row[item.prop]' :showInfo='scope.row[item.prop]'>
@@ -114,6 +115,7 @@ export default {
   data () {
     return {
       chartTypeList: chartConstant.type,
+      qsArr: [],
       tableTitle: [
         {
           label: 'ID',
@@ -185,17 +187,56 @@ export default {
         case 'logs':
           str += 'nz-icon-logs'
           break
+        case 'log':
+          str += 'nz-icon-logs'
+          break
         case 'bubble':
           str += 'nz-icon-bubble'
           break
+        case 'area':
+          str += 'nz-icon-stack-area'
+          break
+        case 'point':
+          str += 'nz-icon-bubble'
+          break
+        case 'stat':
+          str += 'nz-icon-single-value'
+          break
+        case 'hexagon':
+          str += 'nz-icon-duobianxing'
+          break
+        case 'gauge':
+          str += 'nz-icon-menu-dashboard'
+          break
+        case 'treemap':
+          str += 'nz-icon-Firewall'
+          break
+        case 'sankey':
+          str += 'nz-icon-sankey'
+          break
+        case 'rank':
+          str += 'nz-icon-rank'
+          break
+        case 'diagram':
+          str += 'nz-icon-diagram'
+          break
+        case 'map':
+          str += 'nz-icon-map'
+          break
+        case 'clock':
+          str += 'nz-icon-clock'
+          break
+        case 'topology':
+          str += 'nz-icon-projectTopology'
+          break
         default :
-          str += 'nz-icon-table1'
+          // str += 'nz-icon-table1'
           break
       }
       return str
     },
     findTypeLabel (row) {
-      const typeItem = this.chartTypeList.find(title => title.value === row.type)
+      const typeItem = this.chartTypeList.find(title => title.value == row.type)
       return typeItem ? this.$t(typeItem.label) : '-'
     }
   }