refactor(仪表板): 仪表板组件位置调整优化

This commit is contained in:
wangjiahao 2022-11-25 18:37:33 +08:00
parent 2c36204c60
commit 738c87b819
5 changed files with 52 additions and 35 deletions

View File

@ -5,7 +5,7 @@
trigger="click"
@mouseup="handleMouseUp"
>
<slot name="icon" />
<slot name="icon"/>
<el-dropdown-menu v-if="curComponent">
<el-dropdown-item
v-if="editFilter.includes(curComponent.type)"
@ -33,7 +33,7 @@
<el-dropdown-item v-if="!curComponent.auxiliaryMatrix">
<el-dropdown placement="right-start">
<span class="el-icon-copy-document">
{{ $t('panel.level') }} <i class="el-icon-arrow-right el-icon--right" />
{{ $t('panel.level') }} <i class="el-icon-arrow-right el-icon--right"/>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
@ -87,14 +87,14 @@
v-if="curComponent.type != 'custom-button'"
@click.native="hyperlinksSet"
>
<i class="icon iconfont icon-font icon-chaolianjie1" />
<i class="icon iconfont icon-font icon-chaolianjie1"/>
{{ $t('panel.hyperlinks') }}
</el-dropdown-item>
<el-dropdown-item
v-if="curComponent.type !== 'user-view' && !curComponent.auxiliaryMatrix"
v-if="curComponent.type !== 'view' && !curComponent.auxiliaryMatrix"
@click.native="positionAdjust"
>
<i class="el-icon-map-location" />
<i class="el-icon-map-location"/>
{{ $t('panel.position_adjust') }}
</el-dropdown-item>
</el-dropdown-menu>

View File

@ -1883,6 +1883,7 @@ export default {
back_parent: 'Back to previous'
},
panel: {
position_adjust_component: 'Position adjust',
active_font_size: 'Active font size',
carousel: 'Carousel',
switch_time: 'Switch time',

View File

@ -1883,6 +1883,7 @@ export default {
back_parent: '返回上一級'
},
panel: {
position_adjust_component: '位置調整',
active_font_size: '激活字體大小',
carousel: '輪播',
switch_time: '切換時間',

View File

@ -1883,6 +1883,7 @@ export default {
back_parent: '返回上一级'
},
panel: {
position_adjust_component: '位置调整',
active_font_size: '激活字体大小',
carousel: '轮播',
switch_time: '切换时间',

View File

@ -192,7 +192,7 @@
@command="chartFieldEdit"
>
<span class="el-dropdown-link">
<i class="el-icon-s-tools" />
<i class="el-icon-s-tools"/>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
@ -267,7 +267,7 @@
@command="chartFieldEdit"
>
<span class="el-dropdown-link">
<i class="el-icon-s-tools" />
<i class="el-icon-s-tools"/>
</span>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item
@ -362,7 +362,7 @@
style="padding: 6px;"
>
{{ $t('chart.change_chart_type') }}
<i class="el-icon-caret-bottom" />
<i class="el-icon-caret-bottom"/>
</el-button>
</el-popover>
</span>
@ -1116,7 +1116,20 @@
class="padding-tab"
style="width: 350px;"
>
<position-adjust />
<div class="attr-style theme-border-class">
<el-collapse
v-model="positionActiveNames"
class="style-collapse"
>
<el-collapse-item
:title="$t('panel.position_adjust_component')"
:name="'positionAdjust'"
>
<position-adjust/>
</el-collapse-item>
</el-collapse>
</div>
</el-tab-pane>
</el-tabs>
@ -1268,7 +1281,7 @@
width="800px"
class="dialog-css"
>
<quota-filter-editor :item="quotaItem" />
<quota-filter-editor :item="quotaItem"/>
<div
slot="footer"
class="dialog-footer"
@ -1295,7 +1308,7 @@
width="800px"
class="dialog-css"
>
<dimension-filter-editor :item="dimensionItem" />
<dimension-filter-editor :item="dimensionItem"/>
<div
slot="footer"
class="dialog-footer"
@ -1713,6 +1726,7 @@ export default {
},
data() {
return {
positionActiveNames: 'positionAdjust',
loading: false,
table: {},
dimension: [],