NEZ-3246 feat：snapshot 中图表支持最大化功能

nezha-fronted/src/components/chart/ChartScreenHeader.vue

@@ -34,10 +34,10 @@
     <div class="chart-header__tools">
       <span v-if="chartInfo.remark" class="chart-header__tool top-tool-btn-group">
         <el-tooltip :content="chartInfo.remark" effect="light" placement="top">
-           <i class="nz-icon nz-icon-info-normal tool__icon"></i>
+          <i class="nz-icon nz-icon-info-normal tool__icon"></i>
         </el-tooltip>
       </span>
-      <span class="chart-header__tool" v-if="showTime(chartInfo.type)">
+      <span class="chart-header__tool" v-if="showTime(chartInfo.type)&&!isExportHtml">
         <pick-time
           :refresh-data-func="dateChange"
           v-model="searchTime"
@@ -48,7 +48,8 @@
           id="line-chart"
           :sign="chartInfo.id"
           @unitChange="unitChange"
-        ></pick-time>
+        >
+        </pick-time>
       </span>
       <span class="chart-header__tool" v-if="showSaveBtn(from)">
         <button id="endpoint-query-full-chart-save" v-has="'main_add'" class="nz-btn nz-btn-size-large nz-btn-style-normal" @click="saveChart">{{$t('dashboard.metric.saveChart')}}</button>

nezha-fronted/src/components/chart/chartHeader.vue

@@ -49,32 +49,36 @@
       <span v-show="chartInfo.param.collapse" class="collapse-content">({{chartData ? chartData.length : 0}} charts)</span>
     </div>
     <div class="temp"></div>
-    <div class="chart-header__tools" v-if="chartInfo.type !== 'endpointInfo' && chartInfo.type !== 'assetInfo' && !isExportHtml && showTool">
+    <div class="chart-header__tools" v-if="chartInfo.type !== 'endpointInfo' && chartInfo.type !== 'assetInfo' && showTool">
+      <!-- link -->
       <span v-if="chartInfo.param.link" :title="$t('overall.link')" class="chart-header__tool" @click="openUrl">
-       <i class="nz-icon nz-icon-more-app tool__icon"></i>
+        <i class="nz-icon nz-icon-more-app tool__icon"></i>
       </span>
+      <!-- remark -->
       <span v-if="chartInfo.remark" class="chart-header__tool">
         <el-tooltip :content="chartInfo.remark" effect="light" placement="top">
            <i class="nz-icon nz-icon-info-normal tool__icon"></i>
         </el-tooltip>
       </span>
       <template v-if="from!=='notebook'">
-        <span v-if="chartInfo.type=='group'&&!chartInfo.repeatIndex&&from!=='integration'" class="chart-header__tool" @click="addChartGroup">
-          <!-- <el-tooltip :content="$t('button.add')" effect="light" placement="top" > -->
-            <i class="nz-icon nz-icon-plus tool__icon" :title="$t('tip.add')"></i>
-          <!-- </el-tooltip> -->
+        <!-- group add -->
+        <span v-if="chartInfo.type=='group' && !chartInfo.repeatIndex&&from!=='integration' && !isExportHtml" class="chart-header__tool" @click="addChartGroup">
+          <i class="nz-icon nz-icon-plus tool__icon" :title="$t('tip.add')"></i>
         </span>
-        <span class="chart-header__tool" @click="refreshChart">
+        <!-- refresh -->
+        <span v-if="!isExportHtml" class="chart-header__tool" @click="refreshChart">
           <div :title="$t('dashboard.refresh')" effect="light" placement="top">
             <i class="nz-icon nz-icon-replay tool__icon"></i>
           </div>
         </span>
-        <span v-if="from !== this.$CONSTANTS.fromRoute.chartTemp && chartInfo.type!=='group' && showTool" class="chart-header__tool" @click="showFullscreen">
+        <!-- screen -->
+        <span v-if="chartInfo.type!=='group'" class="chart-header__tool" @click="showFullscreen">
           <div :title="$t('dashboard.screen')" effect="light" placement="top">
             <i class="nz-icon nz-icon-maxview tool__icon"></i>
           </div>
         </span>
-        <span class="chart-header__tool" v-if="!chartInfo.repeatIndex && from!=='integration' && showTool">
+        <!-- more -->
+        <span class="chart-header__tool" v-if="!chartInfo.repeatIndex && from!=='integration' && !isExportHtml">
           <el-dropdown v-clickoutside="clickos" v-has="['main_edit','main_delete','main_add']" trigger="click">
             <i class="el-icon-more tool__icon" @click.stop="dropdownMenuShow = !dropdownMenuShow" :title="$t('overall.more')"></i>
             <el-dropdown-menu style="display: none" class="temp-dropdown"></el-dropdown-menu>

nezha-fronted/src/components/chart/chartList.vue

@@ -89,6 +89,7 @@
         :filter="filter"
         :is-fullscreen="true"
         @groupShow="groupShow"
+        :isExportHtml="isExportHtml"
         :dataJson="dataJson"
         :panelLock="panelLock"
         :time-range="timeRange"

nezha-fronted/src/components/chart/panelChart.vue

@@ -35,6 +35,7 @@
     <chart-screen-header
       v-if="isFullscreen"
       :is-group="isGroup(chartInfo.type)"
+      :isExportHtml="isExportHtml"
       :isError="isError"
       :from="from"
       :nowTimeType="nowTimeType"