fix: 参数配置表单样式排齐

This commit is contained in:
TsMask
2023-11-23 21:59:34 +08:00
parent 10a48af368
commit 2030509cbb
4 changed files with 14 additions and 8 deletions

View File

@@ -73,7 +73,7 @@ function fnTabActiveTopTag(key: string | number) {
tableState.arrayColumns.push({ tableState.arrayColumns.push({
title: t('common.operate'), title: t('common.operate'),
key: 'index', key: 'index',
align: 'left', align: 'center',
fixed: 'right', fixed: 'right',
width: 5, width: 5,
}); });
@@ -601,7 +601,7 @@ function arrayChildExpand(key: Record<string, any>, row: Record<string, any>) {
tableState.arrayChildColumns.push({ tableState.arrayChildColumns.push({
title: t('common.operate'), title: t('common.operate'),
key: 'index', key: 'index',
align: 'left', align: 'center',
fixed: 'right', fixed: 'right',
width: 5, width: 5,
}); });

View File

@@ -1619,6 +1619,8 @@ onMounted(() => {
autocomplete="off" autocomplete="off"
:validate-on-rule-change="false" :validate-on-rule-change="false"
:validateTrigger="[]" :validateTrigger="[]"
:label-col="{ span: 6 }"
:labelWrap="true"
> >
<a-form-item <a-form-item
v-for="item in modalState.data" v-for="item in modalState.data"

View File

@@ -1663,13 +1663,15 @@ onMounted(() => {
autocomplete="off" autocomplete="off"
:validate-on-rule-change="false" :validate-on-rule-change="false"
:validateTrigger="[]" :validateTrigger="[]"
:label-col="{ span: 6 }"
:labelWrap="true"
> >
<a-form-item <a-form-item
v-for="item in modalState.data" v-for="item in modalState.data"
:label="item.display" :label="item.display"
:name="item.name" :name="item.name"
:required="item.optional === 'false'" :required="item.optional === 'false'"
style="margin-bottom: 2px" style="margin-bottom: 4px"
> >
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft">
<template #title v-if="item.comment"> <template #title v-if="item.comment">

View File

@@ -113,9 +113,9 @@ function fnActiveConfigNode(key: string | number) {
title: t('common.operate'), title: t('common.operate'),
dataIndex: 'index', dataIndex: 'index',
key: 'index', key: 'index',
align: 'left', align: 'center',
fixed: 'right', fixed: 'right',
width: 5, width: 3,
}); });
arrayState.columns = columns; arrayState.columns = columns;
@@ -590,9 +590,9 @@ function arrayChildExpand(
title: t('common.operate'), title: t('common.operate'),
dataIndex: 'index', dataIndex: 'index',
key: 'index', key: 'index',
align: 'left', align: 'center',
fixed: 'right', fixed: 'right',
width: 5, width: 3,
}); });
arrayChildState.columns = columns; arrayChildState.columns = columns;
@@ -1458,13 +1458,15 @@ onMounted(() => {
autocomplete="off" autocomplete="off"
:validate-on-rule-change="false" :validate-on-rule-change="false"
:validateTrigger="[]" :validateTrigger="[]"
:label-col="{ span: 6 }"
:labelWrap="true"
> >
<a-form-item <a-form-item
v-for="item in modalState.data" v-for="item in modalState.data"
:label="item.display" :label="item.display"
:name="item.name" :name="item.name"
:required="item.optional === 'false'" :required="item.optional === 'false'"
style="margin-bottom: 2px" style="margin-bottom: 4px"
> >
<a-tooltip placement="topLeft"> <a-tooltip placement="topLeft">
<template #title v-if="item.comment"> <template #title v-if="item.comment">