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

This commit is contained in:
zyh
2023-10-25 10:06:59 +08:00
parent 259a1bb6f3
commit 3b40a5d77a
4 changed files with 19 additions and 12 deletions

View File

@@ -37,7 +37,7 @@
<i class="nz-icon nz-icon-info-normal tool__icon"></i> <i class="nz-icon nz-icon-info-normal tool__icon"></i>
</el-tooltip> </el-tooltip>
</span> </span>
<span class="chart-header__tool" v-if="showTime(chartInfo.type)"> <span class="chart-header__tool" v-if="showTime(chartInfo.type)&&!isExportHtml">
<pick-time <pick-time
:refresh-data-func="dateChange" :refresh-data-func="dateChange"
v-model="searchTime" v-model="searchTime"
@@ -48,7 +48,8 @@
id="line-chart" id="line-chart"
:sign="chartInfo.id" :sign="chartInfo.id"
@unitChange="unitChange" @unitChange="unitChange"
></pick-time> >
</pick-time>
</span> </span>
<span class="chart-header__tool" v-if="showSaveBtn(from)"> <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> <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>

View File

@@ -49,32 +49,36 @@
<span v-show="chartInfo.param.collapse" class="collapse-content">({{chartData ? chartData.length : 0}} charts)</span> <span v-show="chartInfo.param.collapse" class="collapse-content">({{chartData ? chartData.length : 0}} charts)</span>
</div> </div>
<div class="temp"></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"> <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> </span>
<!-- remark -->
<span v-if="chartInfo.remark" class="chart-header__tool"> <span v-if="chartInfo.remark" class="chart-header__tool">
<el-tooltip :content="chartInfo.remark" effect="light" placement="top"> <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> </el-tooltip>
</span> </span>
<template v-if="from!=='notebook'"> <template v-if="from!=='notebook'">
<span v-if="chartInfo.type=='group'&&!chartInfo.repeatIndex&&from!=='integration'" class="chart-header__tool" @click="addChartGroup"> <!-- group add -->
<!-- <el-tooltip :content="$t('button.add')" effect="light" placement="top" > --> <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> <i class="nz-icon nz-icon-plus tool__icon" :title="$t('tip.add')"></i>
<!-- </el-tooltip> -->
</span> </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"> <div :title="$t('dashboard.refresh')" effect="light" placement="top">
<i class="nz-icon nz-icon-replay tool__icon"></i> <i class="nz-icon nz-icon-replay tool__icon"></i>
</div> </div>
</span> </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"> <div :title="$t('dashboard.screen')" effect="light" placement="top">
<i class="nz-icon nz-icon-maxview tool__icon"></i> <i class="nz-icon nz-icon-maxview tool__icon"></i>
</div> </div>
</span> </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"> <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> <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> <el-dropdown-menu style="display: none" class="temp-dropdown"></el-dropdown-menu>

View File

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

View File

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