From e5875000e60d4976f159f287ae3773f1d11960b3 Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期五, 22 十二月 2023 17:36:56 +0800 Subject: [PATCH] 调整FYForm表单逻辑 --- src/views/fytz/user/components/CompUserInfoAddDrawer.vue | 41 ++++++++++++++--------------------------- 1 files changed, 14 insertions(+), 27 deletions(-) diff --git a/src/views/fytz/user/components/CompUserInfoAddDrawer.vue b/src/views/fytz/user/components/CompUserInfoAddDrawer.vue index cbd243a..ef4039c 100644 --- a/src/views/fytz/user/components/CompUserInfoAddDrawer.vue +++ b/src/views/fytz/user/components/CompUserInfoAddDrawer.vue @@ -1,16 +1,18 @@ <template> <el-drawer - v-model="drawer_" title="鏂板鐢ㄦ埛" direction="rtl" + :model-value="modelValue" + @open="updateDrawer(true)" + @close="updateDrawer(false)" :before-close="onDrawerClose" > <CompUserInfo :create="true" - :active="drawer" - v-model:is-edit="drawerEdit" - @on-submit="onDrawerSubmit" - @on-cancel="onDrawerCancel" + :active="modelValue" + @updateEdit="(v) => (drawerEdit = v)" + @on-submit="updateDrawer(false)" + @on-cancel="updateDrawer(false)" ></CompUserInfo> </el-drawer> </template> @@ -21,26 +23,16 @@ export default { components: { CompUserInfo }, - props: ['drawer'], - emits: ['update:drawer'], + props: ['modelValue'], + emits: ['update:modelValue'], data() { return { - drawer_: this.drawer, - drawerEdit: false, + drawerEdit: false }; }, - watch: { - drawer(nValue) { - this.drawer_ = nValue; - }, - drawer_(nValue) { - this.$emit('update:drawer', nValue); - }, - }, methods: { - onDrawerSubmit() { - // 鍏抽棴寮瑰嚭妗� - this.drawer_ = false; + updateDrawer(status) { + this.$emit('update:modelValue', status); }, onDrawerClose(done) { if (this.drawerEdit) { @@ -50,18 +42,13 @@ confirmTitle: '鍙栨秷', onConfirm: () => { done(); - }, + } }); } else { // 鐩存帴鍏抽棴 done(); } }, - onDrawerCancel() { - this.onDrawerClose(() => { - this.drawer_ = false; - }); - }, - }, + } }; </script> -- Gitblit v1.9.3