dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(视图-表格阈值): 表格阈值编辑界面输入框对齐。

Browse Source
This commit is contained in:
wisonic-s 2023-12-14 16:03:33 +08:00
parent a663ce6486
commit e214af834f
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
core/frontend/src/views/chart/components/senior/dialog/TableThresholdEdit.vue
View File

@ -117,13 +117,16 @@
v-show="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'" v-show="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'"
v-model="item.value" v-model="item.value"
class="value-item" class="value-item"
style="margin-left: 10px;" style="margin-left: 10px; padding-right: 10px"
:placeholder="$t('chart.drag_block_label_value')" :placeholder="$t('chart.drag_block_label_value')"
size="mini" size="mini"
clearable clearable
@change="changeThreshold" @change="changeThreshold"
/> />
<span v-if="item.term === 'between'"> <span
v-if="item.term === 'between'"
class="flex-between"
>
<el-input <el-input
v-model="item.min" v-model="item.min"
class="item-long-between" class="item-long-between"
@ -147,7 +150,10 @@
v-if="item.field === '1'" v-if="item.field === '1'"
:span="12" :span="12"
> >
<span v-show="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'"> <span
v-show="!item.term.includes('null') && !item.term.includes('empty') && item.term !== 'between'"
class="flex-between"
>
<el-select <el-select
v-model="item.targetField.fieldId" v-model="item.targetField.fieldId"
size="mini" size="mini"
@ -205,7 +211,10 @@
</el-select> </el-select>
</span> </span>
<span v-if="item.term === 'between'"> <span
v-if="item.term === 'between'"
class="flex-between"
>
<el-select <el-select
v-model="item.minField.fieldId" v-model="item.minField.fieldId"
size="mini" size="mini"
@ -787,4 +796,9 @@ span {
color: #F56C6C; color: #F56C6C;
font-size: 12px; font-size: 12px;
} }
.flex-between {
display: flex;
justify-content: space-between;
align-items: center;
}
</style> </style>