From c7bd6db3190ff5c4b55d004db0b9fa944604925f Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 18 十月 2024 11:09:15 +0800 Subject: [PATCH] Merge branch 'lsf-topTask' --- src/components/form/FYForm.vue | 96 ++++++++++++++++++++++++++++++++++------------- 1 files changed, 69 insertions(+), 27 deletions(-) diff --git a/src/components/form/FYForm.vue b/src/components/form/FYForm.vue index 5bfa1b8..f8654cc 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,13 +116,18 @@ 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, + () => { + loading.value = false; + resolve(); + }, + (err) => { + loading.value = false; + reject(err ? err : ''); + } + ); }); } @@ -107,9 +136,9 @@ emit('cancel'); } -const allRules = computed(()=>{ - return {...baseRules.value, ...props.rules} -}) +const allRules = computed(() => { + return { ...baseRules, ...props.rules }; +}); //鐩戝惉琛ㄥ崟鍒濆鏁版嵁浼犲叆 watch( @@ -131,9 +160,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