NEZ-2998 fix:dashboard 样式优化

This commit is contained in:
zyh
2023-07-17 17:47:50 +08:00
parent b13d0aee7f
commit b41c4e768b
4 changed files with 24 additions and 8 deletions

View File

@@ -247,6 +247,18 @@
} }
} }
.selectDashboard{
.selectDashboard-select{
display: flex;
align-items: center;
i.el-icon-arrow-down{
font-size: 16px;
margin-left: 5px;
color: $--color-text-regular;
}
}
}
.right-box-playlist{ .right-box-playlist{
.el-input-group__append{ .el-input-group__append{
background-color: $--right-box-sub-title-background-color; background-color: $--right-box-sub-title-background-color;

View File

@@ -151,7 +151,7 @@
} }
.show-panel-name{ .show-panel-name{
display: inline-block; display: inline-block;
padding: 0 5px; padding: 0 8px;
font-weight: bold; font-weight: bold;
max-width: 310px; max-width: 310px;
overflow:hidden; overflow:hidden;

View File

@@ -16,6 +16,7 @@ export const chartTimeSeriesLineOption = {
showTitle: true, showTitle: true,
feature: { feature: {
dataZoom: { dataZoom: {
show: false,
yAxisIndex: false, yAxisIndex: false,
title: { title: {
zoom: i18n.t('overall.toolBox.zoom'), zoom: i18n.t('overall.toolBox.zoom'),
@@ -24,7 +25,7 @@ export const chartTimeSeriesLineOption = {
}, },
// stack使用自定义按钮 // stack使用自定义按钮
myStack: { myStack: {
show: true, show: false,
title: i18n.t('overall.toolBox.stack'), title: i18n.t('overall.toolBox.stack'),
icon: stackIconSvg, icon: stackIconSvg,
iconStyle: {} iconStyle: {}
@@ -51,7 +52,7 @@ export const chartTimeSeriesLineOption = {
grid: { grid: {
left: 20, left: 20,
right: 35, right: 35,
top: 42, top: 20,
bottom: 15, bottom: 15,
containLabel: true containLabel: true
}, },

View File

@@ -19,17 +19,20 @@
:panel-lock="panelLock" :panel-lock="panelLock"
:placement="'bottom-start'" :placement="'bottom-start'"
:show-panel="showPanel" :show-panel="showPanel"
style="display: inline-block;padding: 0" 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">
<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>
</div>
</template> </template>
<!-- 按钮插槽 --> <!-- 按钮插槽 -->
<template slot="button"> <template slot="button">