From 50f11921daf05d9847ab325e98387442ef7882b0 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期一, 05 八月 2024 16:13:38 +0800
Subject: [PATCH] 一些更改
---
src/views/demo/system/dept/DeptModal.vue | 94 ++++++++++++++++++++++------------------------
1 files changed, 45 insertions(+), 49 deletions(-)
diff --git a/src/views/demo/system/dept/DeptModal.vue b/src/views/demo/system/dept/DeptModal.vue
index 95f8b32..198b94d 100644
--- a/src/views/demo/system/dept/DeptModal.vue
+++ b/src/views/demo/system/dept/DeptModal.vue
@@ -3,60 +3,56 @@
<BasicForm @register="registerForm" />
</BasicModal>
</template>
-<script lang="ts">
- import { defineComponent, ref, computed, unref } from 'vue';
- import { BasicModal, useModalInner } from '/@/components/Modal';
- import { BasicForm, useForm } from '/@/components/Form/index';
+<script lang="ts" setup>
+ import { ref, computed, unref } from 'vue';
+ import { BasicModal, useModalInner } from '@/components/Modal';
+ import { BasicForm, useForm } from '@/components/Form';
import { formSchema } from './dept.data';
- import { getDeptList } from '/@/api/demo/system';
- export default defineComponent({
- name: 'DeptModal',
- components: { BasicModal, BasicForm },
- emits: ['success', 'register'],
- setup(_, { emit }) {
- const isUpdate = ref(true);
+ import { getDeptList } from '@/api/demo/system';
- const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
- labelWidth: 100,
- baseColProps: { span: 24 },
- schemas: formSchema,
- showActionButtonGroup: false,
- });
+ defineOptions({ name: 'DeptModal' });
- const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
- resetFields();
- setModalProps({ confirmLoading: false });
- isUpdate.value = !!data?.isUpdate;
+ const emit = defineEmits(['success', 'register']);
- if (unref(isUpdate)) {
- setFieldsValue({
- ...data.record,
- });
- }
- const treeData = await getDeptList();
- updateSchema({
- field: 'parentDept',
- componentProps: { treeData },
- });
- });
+ const isUpdate = ref(true);
- const getTitle = computed(() => (!unref(isUpdate) ? '鏂板閮ㄩ棬' : '缂栬緫閮ㄩ棬'));
-
- async function handleSubmit() {
- try {
- const values = await validate();
- setModalProps({ confirmLoading: true });
- // TODO custom api
- console.log(values);
- closeModal();
- emit('success');
- } finally {
- setModalProps({ confirmLoading: false });
- }
- }
-
- return { registerModal, registerForm, getTitle, handleSubmit };
- },
+ const [registerForm, { resetFields, setFieldsValue, updateSchema, validate }] = useForm({
+ labelWidth: 100,
+ baseColProps: { span: 24 },
+ schemas: formSchema,
+ showActionButtonGroup: false,
});
+
+ const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+ resetFields();
+ setModalProps({ confirmLoading: false });
+ isUpdate.value = !!data?.isUpdate;
+
+ if (unref(isUpdate)) {
+ setFieldsValue({
+ ...data.record,
+ });
+ }
+ const treeData = await getDeptList();
+ updateSchema({
+ field: 'parentDept',
+ componentProps: { treeData },
+ });
+ });
+
+ const getTitle = computed(() => (!unref(isUpdate) ? '鏂板閮ㄩ棬' : '缂栬緫閮ㄩ棬'));
+
+ async function handleSubmit() {
+ try {
+ const values = await validate();
+ setModalProps({ confirmLoading: true });
+ // TODO custom api
+ console.log(values);
+ closeModal();
+ emit('success');
+ } finally {
+ setModalProps({ confirmLoading: false });
+ }
+ }
</script>
--
Gitblit v1.9.3