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{
.el-input-group__append{
background-color: $--right-box-sub-title-background-color;

View File

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

View File

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

View File

@@ -19,17 +19,20 @@
:panel-lock="panelLock"
:placement="'bottom-start'"
:show-panel="showPanel"
style="display: inline-block;padding: 0"
class="selectDashboard"
@deletePanel="del"
@editPanel="edit"
@selectDashboard="panelChange"
@startPlay="startPlay"
>
<template v-slot:trigger>
<div class="selectDashboard-select">
<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>
<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 class="el-icon-arrow-down"></i>
</div>
</template>
<!-- 按钮插槽 -->
<template slot="button">