NEZ-2998 fix:dashboard 样式优化
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user