NEZ-2373 fix：快照模板支持 增加 表头修改按钮

nezha-fronted/src/assets/css/common.scss

@@ -565,7 +565,7 @@ textarea {
 .el-dialog__header{
   color: $--color-text-primary;
 }
-#entranceHtml {
+#entranceHtml,#entrance {
   .el-icon-arrow-right {
     font-family: "nz-icon" !important;
     font-size: 16px;
@@ -576,6 +576,12 @@ textarea {
   .el-icon-arrow-right:before {
     content: "\e6ad";
   }
+  .el-icon-arrow-up{
+    font-family: nz-icon!important;
+  }
+  .el-icon-arrow-up:before{
+    content: "\e6af";
+  }
   .el-icon-arrow-down{
     font-family: nz-icon!important;
   }

nezha-fronted/src/assets/css/themes/src/pagination.scss

@@ -74,7 +74,7 @@
 
     .el-icon {
       display: block;
-      font-size: 12px;
+      font-size: 12px !important;
       font-weight: bold;
     }
   }

nezha-fronted/src/components/common/mixin/exportHtml.js

@@ -1,5 +1,4 @@
 import bus from '@/libs/bus'
-import { Loading } from 'element-ui'
 export default {
   data () {
     return {

nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue

@@ -4287,7 +4287,6 @@ export default {
           document.body.removeChild(link) // 下载完成移除元素
           window.URL.revokeObjectURL(href) // 释放blob对象
         }
-        this.$refs.topTool.closeDialog()
       }, () => {
         this.$message.error('123')
       })

nezha-fronted/src/components/page/dashboard/explore/exploreItemHtml.vue

@@ -28,12 +28,13 @@
         <el-collapse-item class="el-collapse-item__height" name="2" title="Table">
           <div slot="title" class="explore-table-title">
             {{$t('dashboard.panel.chartForm.typeVal.table.label')}}
-<!--            <i-->
+            <i
-<!--              class="nz-icon-gear nz-icon"-->
+              class="nz-icon-gear nz-icon"
-<!--              style="position: absolute;right: 10px;top: 8px"-->
+              style="position: absolute;right: 10px;top: 8px"
-<!--              @click.stop="tools.showCustomTableTitle = true"-->
+              @click.stop="tools.showCustomTableTitle = true"
-<!--              :title="$t('overall.selectColumns')"-->
+              :title="$t('overall.selectColumns')"
-<!--            ></i>-->
+            >
+            </i>
             <!-- 自定义table列 -->
             <transition name="el-zoom-in-top">
               <element-set
@@ -51,13 +52,14 @@
           </div>
           <!-- 自定义table列 -->
           <div class="nz-table-list explore-table">
-            <el-table ref="exploreTable"
+            <el-table
-                      v-my-loading="tools.loading"
+              ref="exploreTable"
-                      class="metric-table"
+              v-my-loading="tools.loading"
-                      :data="tableData"
+              class="metric-table"
-                      border
+              :data="tableData"
-                      :header-cell-class-name="({ column }) => column.property === 'gear' ? 'explore-table-gear' : ''"
+              border
-                      tooltip-effect="light">
+              :header-cell-class-name="({ column }) => column.property === 'gear' ? 'explore-table-gear' : ''"
+              tooltip-effect="light">
               <el-table-column
                 v-for="(item, index) in tools.customTableTitle"
                 v-if="item.show"
@@ -85,8 +87,7 @@
               </template>
             </el-table>
           </div>
-          <pagination ref="Pagination" :page-obj="pageObj" @pageNo='pageNo'
+          <pagination ref="Pagination" :page-obj="pageObj" @pageNo='pageNo' @pageSize='pageSize'></pagination>
-                      @pageSize='pageSize'></pagination>
         </el-collapse-item>
       </template>
       <!--log-->

nezha-fronted/src/entrance/exportHtml/exportHtml.js

@@ -2,7 +2,7 @@
 // import 'element-ui/lib/theme-chalk/index.css'
 // import 'xterm/dist/xterm.css'
 import '@/assets/css/main.scss'
-// import '@/assets/css/font/iconfont.js'
+import '@/assets/css/font/iconfont.js'
 import ElementUI from 'element-ui'
 import i18n from '@/components/common/i18n'
 
@@ -21,12 +21,14 @@ import { clickoutside, bottomBoxWindow, stringTimeParseToUnix, unixTimeParseToSt
 import * as tools from '@/components/common/js/tools.js'
 import * as constants from '@/components/common/js/constants.js'
 
+import elementSet from '@/components/common/elementSet' // 自定义表头组件
 import chartList from '@/components/chart/chartList.vue' // 全局引入 chartList 组件 防止 chart-group爆粗
-
 import pickTime from '@/components/common/pickTime'
 import nzDataList from '@/components/common/table/nzDataList'
 import mainMixin from '@/components/common/mixin/mainMixinFun'
 import Pagination from '@/components/common/pagination'
+
+Vue.component('element-set', elementSet) // 公用设置表头
 Vue.component('pick-time', pickTime)
 Vue.component('nzDataList', nzDataList)
 Vue.component('chartList', chartList)