From 43981545c5aefdb4248d89e3121a200d53332c7a Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 22 十月 2024 17:44:21 +0800
Subject: [PATCH] 1. 添加子任务编辑功能（暂存）

---
 src/components/form/FYForm.vue |   96 ++++++++++++++++++++++++++++++++++--------------
 1 files changed, 68 insertions(+), 28 deletions(-)

diff --git a/src/components/form/FYForm.vue b/src/components/form/FYForm.vue
index ade1ff9..ef4cbb8 100644
--- a/src/components/form/FYForm.vue
+++ b/src/components/form/FYForm.vue
@@ -9,10 +9,16 @@
   >
     <slot name="form-item" :formObj="formObj"></slot>
     <el-form-item v-if="showButtons">
-      <el-button :disabled="!edit" type="primary" @click="onSubmit" :loading="loading"
-        >鎻愪氦</el-button
+      <el-button
+        :disabled="!edit"
+        type="primary"
+        @click="onSubmit"
+        :loading="loading"
+        >{{ submitName }}</el-button
       >
-      <el-button v-if="useReset" :disabled="!edit" @click="onReset">閲嶇疆</el-button>
+      <el-button v-if="useReset" :disabled="!edit" @click="onReset"
+        >閲嶇疆</el-button
+      >
       <el-button v-if="useCancel" @click="onCancel">鍙栨秷</el-button>
     </el-form-item>
   </el-form>
@@ -26,17 +32,34 @@
  * 鍙紶鍏ュ垵濮嬭〃鍗曟暟鎹甪ormInfo锛岃〃鍗曟牎楠岃鍒檙ules
  * 瀹炵幇submit鍜宑ancel瑙﹀彂鍑芥暟
  */
-import { defineProps, defineEmits, reactive, ref, watch, computed } from 'vue';
+import {
+  defineProps,
+  defineEmits,
+  reactive,
+  ref,
+  watch,
+  computed,
+  defineExpose
+} from 'vue';
 import { useFormConfirm } from '@/composables/formConfirm';
 
 const props = defineProps({
   //琛ㄥ崟鍩烘湰淇℃伅
-  formInfo: Object,
+  formInfo: {
+    type: Object,
+    default: () => {
+      return {};
+    }
+  },
   //琛ㄥ崟妫�楠岃鍒�
   rules: Object,
   showButtons: {
     type: Boolean,
     default: true
+  },
+  submitName: {
+    type: String,
+    default: '鎻愪氦'
   },
   //鍙栨秷鎸夐挳鏄惁鍙敤
   useCancel: Boolean,
@@ -62,8 +85,8 @@
   _locations: [
     {
       required: true,
-      message: '鐪�/甯�/鍖�/闀囦笉鑳戒负绌�',
-      trigger: 'change',
+      message: '琛屾斂鍖哄垝涓嶈兘涓虹┖',
+      trigger: 'change'
     }
   ],
   _scenetype: [
@@ -76,14 +99,15 @@
 });
 
 //琛ㄥ崟鎿嶄綔鍑芥暟
-const { formObj, formRef, edit, onSubmit, onCancel, onReset, clear } = useFormConfirm({
-  submit: {
-    do: submit
-  },
-  cancel: {
-    do: cancel
-  }
-});
+const { formObj, formRef, edit, onSubmit, onCancel, onReset, clear } =
+  useFormConfirm({
+    submit: {
+      do: submit
+    },
+    cancel: {
+      do: cancel
+    }
+  });
 
 //鍔犺浇鐘舵��
 const loading = ref(false);
@@ -92,14 +116,17 @@
 function submit() {
   loading.value = true;
   return new Promise((resolve, reject) => {
-    emit('submit', formObj, () => {
-      loading.value = false;
-      resolve();
-    },(err)=>{
-      loading.value = false;
-      reject(err);
-    });
-  });
+    emit(
+      'submit',
+      formObj,
+      () => {
+        resolve();
+      },
+      (err) => {
+        reject(err ? err : '');
+      }
+    );
+  }).finally(() => (loading.value = false));
 }
 
 //鍙栨秷鎸夐挳瑙﹀彂
@@ -107,9 +134,9 @@
   emit('cancel');
 }
 
-const allRules = computed(()=>{
-  return {...baseRules, ...props.rules}
-})
+const allRules = computed(() => {
+  return { ...baseRules, ...props.rules };
+});
 
 //鐩戝惉琛ㄥ崟鍒濆鏁版嵁浼犲叆
 watch(
@@ -131,9 +158,22 @@
 );
 
 //鐩戝惉琛ㄥ崟缂栬緫鐘舵��
-watch(edit, (nValue) => {
-  emit('update:isEdit', nValue);
+watch(
+  () => props.isEdit,
+  (nV, oV) => {
+    if (nV != oV) {
+      edit.value = nV;
+    }
+  },
+  { immediate: true }
+);
+watch(edit, (nV, oV) => {
+  if (nV != oV) {
+    emit('update:isEdit', nV);
+  }
 });
+
+defineExpose({ formObj, onSubmit, onCancel, onReset });
 </script>
 
 <style scoped></style>

--
Gitblit v1.9.3