From ebbd788fbb2c0b45d4473798efc57eec8ba74a25 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期二, 18 六月 2024 14:51:16 +0800
Subject: [PATCH] 版本更新至2.11.5
---
src/views/demo/system/role/RoleDrawer.vue | 104 ++++++++++++++++++++++-----------------------------
1 files changed, 45 insertions(+), 59 deletions(-)
diff --git a/src/views/demo/system/role/RoleDrawer.vue b/src/views/demo/system/role/RoleDrawer.vue
index 16fa395..2bd1970 100644
--- a/src/views/demo/system/role/RoleDrawer.vue
+++ b/src/views/demo/system/role/RoleDrawer.vue
@@ -21,68 +21,54 @@
</BasicForm>
</BasicDrawer>
</template>
-<script lang="ts">
- import { defineComponent, ref, computed, unref } from 'vue';
- import { BasicForm, useForm } from '/@/components/Form/index';
+<script lang="ts" setup>
+ import { ref, computed, unref } from 'vue';
+ import { BasicForm, useForm } from '@/components/Form';
import { formSchema } from './role.data';
- import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
- import { BasicTree, TreeItem } from '/@/components/Tree';
+ import { BasicDrawer, useDrawerInner } from '@/components/Drawer';
+ import { BasicTree, TreeItem } from '@/components/Tree';
- import { getMenuList } from '/@/api/demo/system';
+ import { getMenuList } from '@/api/demo/system';
- export default defineComponent({
- name: 'RoleDrawer',
- components: { BasicDrawer, BasicForm, BasicTree },
- emits: ['success', 'register'],
- setup(_, { emit }) {
- const isUpdate = ref(true);
- const treeData = ref<TreeItem[]>([]);
+ const emit = defineEmits(['success', 'register']);
+ const isUpdate = ref(true);
+ const treeData = ref<TreeItem[]>([]);
- const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
- labelWidth: 90,
- baseColProps: { span: 24 },
- schemas: formSchema,
- showActionButtonGroup: false,
- });
-
- const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
- resetFields();
- setDrawerProps({ confirmLoading: false });
- // 闇�瑕佸湪setFieldsValue涔嬪墠鍏堝～鍏卼reeData锛屽惁鍒橳ree缁勪欢鍙兘浼氭姤key not exist璀﹀憡
- if (unref(treeData).length === 0) {
- treeData.value = (await getMenuList()) as any as TreeItem[];
- }
- isUpdate.value = !!data?.isUpdate;
-
- if (unref(isUpdate)) {
- setFieldsValue({
- ...data.record,
- });
- }
- });
-
- const getTitle = computed(() => (!unref(isUpdate) ? '鏂板瑙掕壊' : '缂栬緫瑙掕壊'));
-
- async function handleSubmit() {
- try {
- const values = await validate();
- setDrawerProps({ confirmLoading: true });
- // TODO custom api
- console.log(values);
- closeDrawer();
- emit('success');
- } finally {
- setDrawerProps({ confirmLoading: false });
- }
- }
-
- return {
- registerDrawer,
- registerForm,
- getTitle,
- handleSubmit,
- treeData,
- };
- },
+ const [registerForm, { resetFields, setFieldsValue, validate }] = useForm({
+ labelWidth: 90,
+ baseColProps: { span: 24 },
+ schemas: formSchema,
+ showActionButtonGroup: false,
});
+
+ const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
+ resetFields();
+ setDrawerProps({ confirmLoading: false });
+ // 闇�瑕佸湪setFieldsValue涔嬪墠鍏堝～鍏卼reeData锛屽惁鍒橳ree缁勪欢鍙兘浼氭姤key not exist璀﹀憡
+ if (unref(treeData).length === 0) {
+ treeData.value = (await getMenuList()) as any as TreeItem[];
+ }
+ isUpdate.value = !!data?.isUpdate;
+
+ if (unref(isUpdate)) {
+ setFieldsValue({
+ ...data.record,
+ });
+ }
+ });
+
+ const getTitle = computed(() => (!unref(isUpdate) ? '鏂板瑙掕壊' : '缂栬緫瑙掕壊'));
+
+ async function handleSubmit() {
+ try {
+ const values = await validate();
+ setDrawerProps({ confirmLoading: true });
+ // TODO custom api
+ console.log(values);
+ closeDrawer();
+ emit('success');
+ } finally {
+ setDrawerProps({ confirmLoading: false });
+ }
+ }
</script>
--
Gitblit v1.9.3