From b90d3572a9797d0c87ea27bf1a4a3f62eb3bc52c Mon Sep 17 00:00:00 2001
From: Wit〆苗大 <454690789@qq.com>
Date: 星期三, 18 一月 2023 22:43:45 +0800
Subject: [PATCH] fix(AppendForm): 修复 批量添加表单配置 按钮点击事件未使用批量方法 问题; 表单排版改用baseColProps一次配置，减少重复代码 (#2504)
---
src/views/demo/form/AppendForm.vue | 32 ++++----------------------------
1 files changed, 4 insertions(+), 28 deletions(-)
diff --git a/src/views/demo/form/AppendForm.vue b/src/views/demo/form/AppendForm.vue
index f5f3a19..d35eaa0 100644
--- a/src/views/demo/form/AppendForm.vue
+++ b/src/views/demo/form/AppendForm.vue
@@ -4,7 +4,9 @@
<BasicForm @register="register" @submit="handleSubmit">
<template #add="{ field }">
<Button v-if="Number(field) === 0" @click="add">+</Button>
- <Button class="ml-2" v-if="Number(field) === 0" @click="add">鎵归噺娣诲姞琛ㄥ崟閰嶇疆</Button>
+ <Button class="ml-2" v-if="Number(field) === 0" @click="batchAdd">
+ 鎵归噺娣诲姞琛ㄥ崟閰嶇疆
+ </Button>
<Button v-if="field > 0" @click="del(field)">-</Button>
</template>
</BasicForm>
@@ -28,32 +30,24 @@
field: 'field0a',
component: 'Input',
label: '瀛楁0',
- colProps: {
- span: 8,
- },
required: true,
},
{
field: 'field0b',
component: 'Input',
label: '瀛楁0',
- colProps: {
- span: 8,
- },
required: true,
},
{
field: '0',
component: 'Input',
label: ' ',
- colProps: {
- span: 8,
- },
slot: 'add',
},
],
labelWidth: 100,
actionColOptions: { span: 24 },
+ baseColProps: { span: 8 },
});
async function handleSubmit() {
@@ -73,9 +67,6 @@
field: `field${n.value}a`,
component: 'Input',
label: '瀛楁' + n.value,
- colProps: {
- span: 8,
- },
required: true,
},
'',
@@ -85,9 +76,6 @@
field: `field${n.value}b`,
component: 'Input',
label: '瀛楁' + n.value,
- colProps: {
- span: 8,
- },
required: true,
},
'',
@@ -98,9 +86,6 @@
field: `${n.value}`,
component: 'Input',
label: ' ',
- colProps: {
- span: 8,
- },
slot: 'add',
},
'',
@@ -117,27 +102,18 @@
field: `field${n.value}a`,
component: 'Input',
label: '瀛楁' + n.value,
- colProps: {
- span: 8,
- },
required: true,
},
{
field: `field${n.value}b`,
component: 'Input',
label: '瀛楁' + n.value,
- colProps: {
- span: 8,
- },
required: true,
},
{
field: `${n.value}`,
component: 'Input',
label: ' ',
- colProps: {
- span: 8,
- },
slot: 'add',
},
],
--
Gitblit v1.8.0