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>
</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>

View File

@@ -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>
</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" > -->
<!-- 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>
<!-- </el-tooltip> -->
</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>

View File

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

View File

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