center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

refactor: 视图编辑工具栏宽度扩大适配

Browse Source
This commit is contained in:
wangjiahao 2022-05-25 13:36:26 +08:00
parent 73a9a0bd05
commit 19d344f4df
9 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/views/chart/components/drag-item/ChartDragItem.vue
View File

@ -257,7 +257,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 70px; width: 100px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
frontend/src/views/chart/components/drag-item/DimensionExtItem.vue
View File

@ -245,7 +245,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 70px; width: 100px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
frontend/src/views/chart/components/drag-item/DimensionItem.vue
View File

@ -284,7 +284,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 70px; width: 100px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
frontend/src/views/chart/components/drag-item/DrillItem.vue
View File

@ -141,7 +141,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 100px; width: 115px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
frontend/src/views/chart/components/drag-item/FilterItem.vue
View File

@ -149,7 +149,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 100px; width: 115px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
frontend/src/views/chart/components/drag-item/QuotaExtItem.vue
View File

@ -359,7 +359,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 50px; width: 80px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
frontend/src/views/chart/components/drag-item/QuotaItem.vue
View File

@ -355,7 +355,7 @@ export default {
.item-span-style{ .item-span-style{
display: inline-block; display: inline-block;
width: 50px; width: 80px;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

14
frontend/src/views/chart/view/ChartEdit.vue
View File

@ -40,7 +40,7 @@
</el-row> </el-row>
<el-row class="view-panel-row"> <el-row class="view-panel-row">
<el-tabs :stretch="true" class="tab-header"> <el-tabs :stretch="true" class="tab-header">
<el-tab-pane :label="$t('chart.chart_data')" class="padding-tab" style="width: 300px"> <el-tab-pane :label="$t('chart.chart_data')" class="padding-tab" style="width: 350px">
<div v-if="view.dataFrom==='template'" class="view-panel-Mask"> <div v-if="view.dataFrom==='template'" class="view-panel-Mask">
<span style="opacity: 1;"> <span style="opacity: 1;">
<el-button <el-button
@ -56,7 +56,7 @@
</span> </span>
</div> </div>
<el-row class="view-panel"> <el-row class="view-panel">
<el-col class="theme-border-class" :span="12" style="border-right: 1px solid #E6E6E6;"> <el-col class="theme-border-class" :span="11" style="border-right: 1px solid #E6E6E6;">
<div style="display: flex;align-items: center;justify-content: center;padding: 6px;"> <div style="display: flex;align-items: center;justify-content: center;padding: 6px;">
<el-input <el-input
v-model="searchField" v-model="searchField"
@ -145,7 +145,7 @@
</el-col> </el-col>
<el-col <el-col
:span="12" :span="13"
style="height: 100%;border-right: 1px solid #E6E6E6;" style="height: 100%;border-right: 1px solid #E6E6E6;"
class="theme-border-class" class="theme-border-class"
> >
@ -650,7 +650,7 @@
</el-col> </el-col>
</el-row> </el-row>
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('chart.chart_style')" class="padding-tab" style="width: 300px"> <el-tab-pane :label="$t('chart.chart_style')" class="padding-tab" style="width: 350px">
<chart-style <chart-style
v-if="chartProperties || view.isPlugin" v-if="chartProperties || view.isPlugin"
:param="param" :param="param"
@ -675,7 +675,7 @@
@onChangeBackgroundForm="onChangeBackgroundForm" @onChangeBackgroundForm="onChangeBackgroundForm"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('chart.senior')" class="padding-tab" style="width: 300px;"> <el-tab-pane :label="$t('chart.senior')" class="padding-tab" style="width: 350px;">
<el-row class="view-panel"> <el-row class="view-panel">
<div <div
v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix') || view.type.includes('gauge')) || view.type === 'text'" v-if="view.type && (view.type.includes('bar') || view.type.includes('line') || view.type.includes('mix') || view.type.includes('gauge')) || view.type === 'text'"
@ -2523,7 +2523,7 @@ export default {
position:absolute; position:absolute;
top:0px; top:0px;
left: 0px; left: 0px;
width: 300px; width: 350px;
z-index: 2; z-index: 2;
cursor:not-allowed; cursor:not-allowed;
display: flex; display: flex;
@ -2848,7 +2848,7 @@ span {
} }
::v-deep .item-axis { ::v-deep .item-axis {
width: 128px !important; width: 168px !important;
} }
::v-deep .el-slider__input { ::v-deep .el-slider__input {

2
frontend/src/views/panel/edit/index.vue
View File

@ -1366,7 +1366,7 @@ export default {
} }
.tools-window-main { .tools-window-main {
width: 300px; width: 350px;
background-color: #FFFFFF; background-color: #FFFFFF;
transition: 1s; transition: 1s;
} }