fix(视图): 修复AntV组合图插件维度/指标下拉菜单没有对齐问题

This commit is contained in:
ulleo 2024-03-28 16:01:25 +08:00
parent 03b285447e
commit 0ade71cc0e
4 changed files with 34 additions and 14 deletions

View File

@ -23,7 +23,7 @@
<el-dropdown-item>
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="sort">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-sort" />
<span>{{ $t('chart.sort') }}</span>
<span class="summary-span-item">({{ $t('chart.'+item.sort) }})</span>
@ -41,7 +41,7 @@
<el-dropdown-item v-show="item.deType === 1" divided>
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="dateStyle">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-c-scale-to-original" />
<span>{{ $t('chart.dateStyle') }}</span>
<span class="summary-span-item">({{ $t('chart.'+item.dateStyle) }})</span>
@ -61,7 +61,7 @@
<el-dropdown-item v-show="item.deType === 1">
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="datePattern">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-timer" />
<span>{{ $t('chart.datePattern') }}</span>
<span class="summary-span-item">({{ $t('chart.'+item.datePattern) }})</span>
@ -251,4 +251,9 @@ export default {
margin-left: 4px;
color: #878d9f;
}
.inline-menu-text {
display: flex;
flex-direction: row;
align-items: center;
}
</style>

View File

@ -78,7 +78,7 @@
@command="sort"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-sort"/>
<span>{{ $t('chart.sort') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.sort) }})</span>
@ -107,7 +107,7 @@
@command="dateStyle"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-c-scale-to-original"/>
<span>{{ $t('chart.dateStyle') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.dateStyle) }})</span>
@ -149,7 +149,7 @@
@command="datePattern"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-timer"/>
<span>{{ $t('chart.datePattern') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.datePattern) }})</span>
@ -420,4 +420,9 @@ span {
margin-left: 4px;
color: #878d9f;
}
.inline-menu-text {
display: flex;
flex-direction: row;
align-items: center;
}
</style>

View File

@ -33,7 +33,7 @@
<el-dropdown-item v-show="chart.type ==='chart-mix'">
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="switchChartType">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-s-data"/>
<span>{{ $t('chart.chart_type') }}</span>
</span>
@ -49,7 +49,7 @@
<el-dropdown-item v-show="chart.type !== 'table-info'" :divided="chart.type === 'chart-mix'">
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="summary">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-notebook-2"/>
<span>{{ $t('chart.summary') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.summary) }})</span>
@ -83,7 +83,7 @@
@command="quickCalc"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-s-grid"/>
<span>{{ $t('chart.quick_calc') }}</span>
<span class="summary-span-item">({{
@ -114,7 +114,7 @@
@command="sort"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-sort"/>
<span>{{ $t('chart.sort') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.sort) }})</span>
@ -391,6 +391,11 @@ span {
margin-left: 4px;
color: #878d9f;
}
.inline-menu-text {
display: flex;
flex-direction: row;
align-items: center;
}
.summary-span {
margin-left: 4px;

View File

@ -33,7 +33,7 @@
<el-dropdown-item v-show="chart.type ==='chart-mix'">
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="switchChartType">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-s-data"/>
<span>{{ $t('chart.chart_type') }}</span>
</span>
@ -49,7 +49,7 @@
<el-dropdown-item :divided="chart.type === 'chart-mix'">
<el-dropdown placement="right-start" size="mini" style="width: 100%" @command="summary">
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-notebook-2"/>
<span>{{ $t('chart.summary') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.summary) }})</span>
@ -83,7 +83,7 @@
@command="quickCalc"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-s-grid"/>
<span>{{ $t('chart.quick_calc') }}</span>
<span class="summary-span-item">({{
@ -114,7 +114,7 @@
@command="sort"
>
<span class="el-dropdown-link inner-dropdown-menu">
<span>
<span class="inline-menu-text">
<i class="el-icon-sort"/>
<span>{{ $t('chart.sort') }}</span>
<span class="summary-span-item">({{ $t('chart.' + item.sort) }})</span>
@ -391,6 +391,11 @@ span {
margin-left: 4px;
color: #878d9f;
}
.inline-menu-text {
display: flex;
flex-direction: row;
align-items: center;
}
.summary-span {
margin-left: 4px;