菜单管理

src/views/system/menu/MenuDrawer.vue

 <template>
   <BasicDrawer v-bind="$attrs" @register="registerDrawer" showFooter :width="adaptiveWidth" :title="getTitle" @ok="handleSubmit">
-    <BasicForm @register="registerForm" class="menuForm" />
+    <a-spin :spinning="loading">
+      <BasicForm @register="registerForm" class="menuForm" />
+    </a-spin>
   </BasicDrawer>
 </template>
 <script lang="ts" setup>
@@ -18,7 +20,8 @@
   const menuType = ref(0);
   const isButton = (type) => type === 2;
   const isPort = (type) => type === 3;
-  const [registerForm, { setProps, resetFields, setFieldsValue, updateSchema, validate, clearValidate }] = useForm({
+  const loading = ref<boolean>(false);
+  const [registerForm, { setProps, resetFields, setFieldsValue, updateSchema, validate, clearValidate, getFieldsValue }] = useForm({
     labelCol: {
       md: { span: 4 },
       sm: { span: 6 },
@@ -36,11 +39,10 @@
     setDrawerProps({ confirmLoading: false });
     isUpdate.value = !!data?.isUpdate;
     menuType.value = data?.record?.menuType;
-    if (menuType.value) {
-      setFieldsValue({ menuType: menuType.value });
-    }
 
     //获取下拉树信息
+   try {
+    loading.value = true;
     const treeData = await list();
     updateSchema([
       {
@@ -66,8 +68,15 @@
       setFieldsValue(values);
       onUrlChange(values.url);
     }
+    //按钮类型情况下，编辑时候清除一下地址的校验
+    if (menuType.value == 2) {
+      clearValidate();
+    }
     //禁用表单
     setProps({ disabled: !attrs.showFooter });
+   } finally {
+    loading.value = false;
+   }
   });
   //获取弹窗标题
   const getTitle = computed(() => (!unref(isUpdate) ? '新增菜单' : '编辑菜单'));

src/views/system/menu/menu.data.ts

@@ -123,7 +123,7 @@ export const formSchema: FormSchema[] = [
             },
           ]);
           //update-begin---author:wangshuai ---date:20220729  for：[VUEN-1834]只有一级菜单，才默认值，子菜单的时候，清空------------
-          if (isMenu(e) && !formModel.id && formModel.component=='layouts/RouteView') {
+          if (isMenu(e) && !formModel.id && (formModel.component=='layouts/default/index' || formModel.component=='layouts/RouteView')) {
             formModel.component = '';
           }
           //update-end---author:wangshuai ---date:20220729  for：[VUEN-1834]只有一级菜单，才默认值，子菜单的时候，清空------------