Merge branch 'dev-3.8' of https://git.mesalab.cn/nezha/nezha-fronted into dev-3.9
This commit is contained in:
zhangyu
@@ -11,91 +11,89 @@
|
|||||||
<div v-if="panelData.length === 0" class="top-tool-left" style="margin-left: 10px;">
|
<div v-if="panelData.length === 0" class="top-tool-left" style="margin-left: 10px;">
|
||||||
<button id="dashboard-add-panel" class="nz-btn nz-btn-style-light nz-btn-size-small" v-has="'main_add'" @click="toAdd"><i class="nz-icon nz-icon-create-square"></i> {{$t("overall.addDashboard")}}</button>
|
<button id="dashboard-add-panel" class="nz-btn nz-btn-style-light nz-btn-size-small" v-has="'main_add'" @click="toAdd"><i class="nz-icon nz-icon-create-square"></i> {{$t("overall.addDashboard")}}</button>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="panelData.length">
|
<div v-if="panelData.length" class="top-tool-left" style="cursor: pointer;">
|
||||||
<div class="top-tool-left" style="cursor: pointer;">
|
<select-dashboard
|
||||||
<select-dashboard
|
ref="selectDashboard"
|
||||||
ref="selectDashboard"
|
:panel-data="panelData"
|
||||||
:panel-data="panelData"
|
:panel-lock="panelLock"
|
||||||
:panel-lock="panelLock"
|
:placement="'bottom-start'"
|
||||||
:placement="'bottom-start'"
|
:show-panel="showPanel"
|
||||||
:show-panel="showPanel"
|
class="selectDashboard"
|
||||||
class="selectDashboard"
|
@deletePanel="del"
|
||||||
@deletePanel="del"
|
@editPanel="edit"
|
||||||
@editPanel="edit"
|
@selectDashboard="panelChange"
|
||||||
@selectDashboard="panelChange"
|
@startPlay="startPlay"
|
||||||
@startPlay="startPlay"
|
>
|
||||||
>
|
<template v-slot:trigger>
|
||||||
<template v-slot:trigger>
|
<div class="selectDashboard-select">
|
||||||
<div class="selectDashboard-select">
|
<i style="color: #BEBEBE" class="el-icon-menu"></i>
|
||||||
<i style="color: #BEBEBE" class="el-icon-menu"></i>
|
<span :title="showPanel.name + ' (' + (showPanel.chartNum || 0) +' charts)' " class="show-panel-name">{{showPanel.name||$t('overall.notFound')}}</span>
|
||||||
<span :title="showPanel.name + ' (' + (showPanel.chartNum || 0) +' charts)' " class="show-panel-name">{{showPanel.name||$t('overall.notFound')}}</span>
|
<i @click.stop="delStarred(showPanel)" v-if="showPanel.starred===1" class="nz-icon nz-icon-a-xingzhuang2" :title ="$t('overall.starred')"></i>
|
||||||
<i @click.stop="delStarred(showPanel)" v-if="showPanel.starred===1" class="nz-icon nz-icon-a-xingzhuang2" :title ="$t('overall.starred')"></i>
|
<i @click.stop="addStarred(showPanel)" v-else class="nz-icon nz-icon-xingzhuang" :title ="$t('overall.unstarred')"></i>
|
||||||
<i @click.stop="addStarred(showPanel)" v-else class="nz-icon nz-icon-xingzhuang" :title ="$t('overall.unstarred')"></i>
|
<i class="el-icon-arrow-down"></i>
|
||||||
<i class="el-icon-arrow-down"></i>
|
</div>
|
||||||
</div>
|
</template>
|
||||||
</template>
|
<!-- 按钮插槽 -->
|
||||||
<!-- 按钮插槽 -->
|
<template slot="button">
|
||||||
<template slot="button">
|
|
||||||
<span class="dashboard-select-add" v-has="'main_add'" :title='$t("overall.addDashboard")' @click="toAdd">
|
<span class="dashboard-select-add" v-has="'main_add'" :title='$t("overall.addDashboard")' @click="toAdd">
|
||||||
<i class="nz-icon nz-icon-create-square"></i> {{$t('overall.addDashboard')}}
|
<i class="nz-icon nz-icon-create-square"></i> {{$t('overall.addDashboard')}}
|
||||||
</span>
|
</span>
|
||||||
<!-- 通过dashboard模板创建 -->
|
<!-- 通过dashboard模板创建 -->
|
||||||
<span v-has="'main_add'" @click="addByTemplate" :title='$t("dashboard.dashboard.addByTemplate")' class="dashboard-addBy-template">
|
<span v-has="'main_add'" @click="addByTemplate" :title='$t("dashboard.dashboard.addByTemplate")' class="dashboard-addBy-template">
|
||||||
<i class="nz-icon nz-icon-template1"></i>
|
<i class="nz-icon nz-icon-template1"></i>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</select-dashboard>
|
</select-dashboard>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="top-tool-right">
|
<div v-if="panelData.length" class="top-tool-right">
|
||||||
<!-- 仪表盘轮播 -->
|
<!-- 仪表盘轮播 -->
|
||||||
<playlist v-if="playListControls" :playlistObj="playlistObj" :panelData="panelData" @stopPlaylist="stopPlaylist" @changePlay="panelChange"></playlist>
|
<playlist v-if="playListControls" :playlistObj="playlistObj" :panelData="panelData" @stopPlaylist="stopPlaylist" @changePlay="panelChange"></playlist>
|
||||||
|
|
||||||
<pick-time id="panel" ref="pickTime" v-model="searchTime" :refresh-data-func="dateChange" :use-chart-unit="false" :show-locked="true" class="margin-r-10" :sign="showPanel.id" :from="fromRoute.dashboard"></pick-time>
|
<pick-time id="panel" ref="pickTime" v-model="searchTime" :refresh-data-func="dateChange" :use-chart-unit="false" :show-locked="true" class="margin-r-10" :sign="showPanel.id" :from="fromRoute.dashboard"></pick-time>
|
||||||
|
|
||||||
<template v-if="!playListControls">
|
<template v-if="!playListControls">
|
||||||
<!-- 切换查看模式 -->
|
<!-- 切换查看模式 -->
|
||||||
<button class="top-tool-btn view-mode" :title="$t('overall.viewMode')" @click="cycle">
|
<button class="top-tool-btn view-mode" :title="$t('overall.viewMode')" @click="cycle">
|
||||||
<i class="nz-icon nz-icon-moshiqiehuan"></i>
|
<i class="nz-icon nz-icon-moshiqiehuan"></i>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<!-- 新增图表 -->
|
<!-- 新增图表 -->
|
||||||
<button id="panel-add-chart" v-has="'main_add'" :title="$t('overall.createChart')" class="top-tool-btn margin-r-10" type="button" @click="addChartBefore">
|
<button id="panel-add-chart" v-has="'main_add'" :title="$t('overall.createChart')" class="top-tool-btn margin-r-10" type="button" @click="addChartBefore">
|
||||||
<i class="nz-icon-create-square nz-icon"></i>
|
<i class="nz-icon-create-square nz-icon"></i>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<top-tool-more-options
|
<top-tool-more-options
|
||||||
:delete-objs="batchDeleteObjs"
|
:delete-objs="batchDeleteObjs"
|
||||||
ref="topTool"
|
ref="topTool"
|
||||||
id="panel"
|
id="panel"
|
||||||
:params="filter"
|
:params="filter"
|
||||||
:permissions="{
|
:permissions="{
|
||||||
import: 'main_add',
|
import: 'main_add',
|
||||||
export: 'main_edit'
|
export: 'main_edit'
|
||||||
}"
|
}"
|
||||||
:paramsType="'dashboard'"
|
:paramsType="'dashboard'"
|
||||||
class="top-tool-export"
|
class="top-tool-export"
|
||||||
export-file-name="chart"
|
export-file-name="chart"
|
||||||
export-url="/visual/dashboard/export"
|
export-url="/visual/dashboard/export"
|
||||||
import-url="/visual/dashboard/import"
|
import-url="/visual/dashboard/import"
|
||||||
:only-json="true"
|
:only-json="true"
|
||||||
@export="exportType"
|
@export="exportType"
|
||||||
@afterImport="afterImport"
|
@afterImport="afterImport"
|
||||||
>
|
>
|
||||||
<template v-slot:before>
|
<template v-slot:before>
|
||||||
<el-dropdown-item v-has="'main_edit'">
|
<el-dropdown-item v-has="'main_edit'">
|
||||||
<div id="panel-lock" @click="$store.dispatch('dispatchPanelLock',{flag:!panelLock})"><i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>{{!panelLock ? $t('overall.locked') : $t('overall.unlocked')}}</div>
|
<div id="panel-lock" @click="$store.dispatch('dispatchPanelLock',{flag:!panelLock})"><i :class="{'nz-icon nz-icon-lock':!panelLock,'nz-icon nz-icon-unlock':panelLock}"></i>{{!panelLock ? $t('overall.locked') : $t('overall.unlocked')}}</div>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</template>
|
</template>
|
||||||
<template v-slot:after>
|
<template v-slot:after>
|
||||||
<el-dropdown-item v-has="'dashboard_view'">
|
<el-dropdown-item v-has="'dashboard_view'">
|
||||||
<div id="chart-export-html" @click="exportType"><i class="nz-icon nz-icon-kuaizhao"></i>{{ $t('overall.snapshoot') }}</div>
|
<div id="chart-export-html" @click="exportType"><i class="nz-icon nz-icon-kuaizhao"></i>{{ $t('overall.snapshoot') }}</div>
|
||||||
</el-dropdown-item>
|
</el-dropdown-item>
|
||||||
</template>
|
</template>
|
||||||
</top-tool-more-options>
|
</top-tool-more-options>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="tableList" class="table-list" style='overflow-y: unset'>
|
<div id="tableList" class="table-list" style='overflow-y: unset'>
|
||||||
<div class="table-list-box">
|
<div class="table-list-box">
|
||||||
|
|||||||
Reference in New Issue
Block a user