From 7450a275438c5c94c4b0014f813970d9da473116 Mon Sep 17 00:00:00 2001
From: Sanakey <714737083@qq.com>
Date: 星期六, 24 八月 2024 18:03:54 +0800
Subject: [PATCH] feat:完善线索表单，添加线索动态
---
src/views/clues/components/DrawerForm.vue | 123 ++++++++++++++++++++++++++--------------
1 files changed, 80 insertions(+), 43 deletions(-)
diff --git a/src/views/clues/components/DrawerForm.vue b/src/views/clues/components/DrawerForm.vue
index 22ff85f..2a10462 100644
--- a/src/views/clues/components/DrawerForm.vue
+++ b/src/views/clues/components/DrawerForm.vue
@@ -55,8 +55,10 @@
</div>
</Col>
<Col :span="11" :offset="2" :class="`${prefixCls}-col`">
- 5
-
+ <div class="mb-10px font-size-16px">鑱旂郴浜�</div>
+ <div class="p-10px bg-gray-1">
+ <BasicForm @register="registerForm2" />
+ </div>
</Col>
</Row>
@@ -74,7 +76,8 @@
import {getMenuList} from "@/api/demo/system";
import {TreeItem} from "@/components/Tree";
import {BasicForm, useForm} from "@/components/Form";
- import {schemas} from './drawerFormData.tsx'
+ import {schemas} from './drawerFormData'
+ import {schemas as schemas2} from './drawerContacterFormData'
const emit = defineEmits(['success', 'register']);
const isUpdate = ref(true);
@@ -89,47 +92,8 @@
// const [registerDrawer] = useDrawer();
- const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
- Logger.log('鎵撳紑浜咲rawerForm', data);
- isUpdate.value = !!data?.isUpdate;
- // // 鏂瑰紡1
- // setFieldsValue({
- // field2: data.data,
- // field1: data.info,
- // });
-
- // setDrawerProps({ confirmLoading: true });
- // setTimeout(() => {
- // setDrawerProps({ confirmLoading: false });
- // }, 1000);
-
- resetFields();
- if (unref(isUpdate)) {
- setFieldsValue({
- ...data.record,
- });
- }
- });
-
-
- async function handleSubmit() {
- try {
- const values = await validate();
- // const values = getFieldsValue();
- Logger.log('鐐瑰嚮submit',values);
- setDrawerProps({ confirmLoading: true });
- // TODO custom api
-
- closeDrawer();
- emit('success');
- } finally {
- setDrawerProps({ confirmLoading: false });
- }
-}
-
-
-
const modelRef = ref({});
+ // 宸︿晶琛ㄥ崟
const [
registerForm,
{ resetFields, setFieldsValue, validate }
@@ -151,6 +115,79 @@
span: 24,
},
});
+
+ // 鍙充晶琛ㄥ崟
+ const [
+ registerForm2,
+ { resetFields:resetFields2, setFieldsValue:setFieldsValue2, validate:validate2 }
+ // {
+ // // setFieldsValue,
+ // // setProps
+ // },
+ ] = useForm({
+ layout: 'vertical',
+ // labelWidth: 100,
+ showAdvancedButton: true, //寮�鍚姌鍙�
+ autoAdvancedLine: 5, // 瓒呰繃澶氬皯琛屾姌鍙�
+ alwaysShowLines: 4, // 濮嬬粓鏄剧ず澶氬皯琛�
+ schemas:schemas2,
+ // showActionButtonGroup: false, // 榛樿鏄剧ず鎿嶄綔鎸夐挳锛屽紑鍚墠浼氭樉绀烘姌鍙犳寜閽�
+ showResetButton:false, // 闅愯棌閲嶇疆鎸夐挳
+ showSubmitButton:false, // 闅愯棌鎻愪氦鎸夐挳
+ actionColOptions: {
+ span: 24,
+ },
+ });
+
+
+ const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+ Logger.log('鎵撳紑浜咲rawerForm', data);
+ isUpdate.value = !!data?.isUpdate;
+ // // 鏂瑰紡1
+ // setFieldsValue({
+ // field2: data.data,
+ // field1: data.info,
+ // });
+
+ // setDrawerProps({ confirmLoading: true });
+ // setTimeout(() => {
+ // setDrawerProps({ confirmLoading: false });
+ // }, 1000);
+
+ resetFields();
+ resetFields2();
+ if (unref(isUpdate)) {
+ setFieldsValue({
+ ...data.record,
+ });
+ setFieldsValue2({
+ ...data.record,
+ });
+ }
+ });
+
+
+ async function handleSubmit() {
+ try {
+ // const values = await validate();
+ const [values, values2] = await Promise.all([validate(), validate2()]);
+
+ // const values = getFieldsValue();
+ Logger.log('鐐瑰嚮submit 宸︿晶琛ㄥ崟values:',values);
+ Logger.log('鐐瑰嚮submit 鍙充晶琛ㄥ崟values2:', values2);
+ setDrawerProps({ confirmLoading: true });
+ // TODO custom api
+
+ closeDrawer();
+ emit('success');
+ } finally {
+ setDrawerProps({ confirmLoading: false });
+ }
+}
+
+
+
+
const prefixCls = 'clues-drawer';
// 鍏抽棴鎻愮ず淇℃伅
const visible = ref<boolean>(true);
--
Gitblit v1.8.0