From 791123efe292554af743c69680f4ac90911a4b4c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=96=AA=E5=90=8D?= <942005050@qq.com>
Date: Mon, 15 Jan 2024 11:16:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=A1=A8=E5=8D=95form?=
 =?UTF-8?q?=E7=9B=91=E5=90=AC=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BasicForm/src/BasicForm.vue | 12 +++++++++++-
 src/components/Form/src/Form.vue           | 11 ++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/BasicForm/src/BasicForm.vue b/src/components/BasicForm/src/BasicForm.vue
index 93b9dc293..6fd86866e 100644
--- a/src/components/BasicForm/src/BasicForm.vue
+++ b/src/components/BasicForm/src/BasicForm.vue
@@ -14,6 +14,7 @@
       :schema="formSchema"
       :is-col="true"
       @opensearchTable="opensearchTable"
+      @onChange="onChange"
     >
       <template #crontab="formSchema" v-if="fromeWhere == 'countPlan'">
         <crontab v-model="formSchema.crontab" />
@@ -464,7 +465,8 @@ const emit = defineEmits([
   'selectChangeDetail',
   'tableFormChange',
   'buttonOperationClick',
-  'inputStringBlur'
+  'inputStringBlur',
+  'onChange'
 ])
 //普通下拉改变事件
 const formSelectChange = (field, val, row) => {
@@ -513,6 +515,14 @@ const inpuFocus = (headerItem, row, index) => {
     row
   )
 }
+/**
+ * 监听改变事件
+ * @param field 当前操作字段
+ * @param cur 改变后值
+ */
+  const onChange = (field, cur) => {
+  emit('onChange', field, cur)
+}
 
 // 修改盘点类型
 const selectChange = (field, val) => {
diff --git a/src/components/Form/src/Form.vue b/src/components/Form/src/Form.vue
index 16a4a1000..e3e2a36ec 100644
--- a/src/components/Form/src/Form.vue
+++ b/src/components/Form/src/Form.vue
@@ -54,7 +54,7 @@ export default defineComponent({
     vLoading: propTypes.bool.def(false),
     labelPosition: propTypes.string.def('left'),
   },
-  emits: ['register','opensearchTable'],
+  emits: ['register','opensearchTable', 'onChange'],
   setup(props, { slots, expose, emit }) {
     // element form 实例
     const elFormRef = ref<ComponentRef<typeof ElForm>>()
@@ -180,6 +180,14 @@ export default defineComponent({
         })
     }
 
+    /**
+     * 监听改变事件
+     * @param field 当前操作字段
+     * @param cur 改变后值
+     */
+    const onChange = (field, cur) => {
+      emit('onChange', field, cur)
+    }
     // 渲染formItem
     const renderFormItem = (item: FormSchema) => {
       // 单独给只有options属性的组件做判断
@@ -282,6 +290,7 @@ export default defineComponent({
                       {...(autoSetPlaceholder && setTextPlaceholder(item))}
                       {...setComponentProps(item)}
                       style={item.componentProps?.style}
+                      onChange={(e)=>{onChange(item.field, e)}}
                       {...(notRenderOptions.includes(item?.component as string) &&
                       item?.componentProps?.options
                         ? { options: item?.componentProps?.options || [] }