优化

src/views/system/menuMange/components/MenuFormModal.vue

@@ -43,66 +43,70 @@
             <el-input v-model="form.title" placeholder="标题" />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="访问路径" prop="path">
-            <el-input v-model="form.path" placeholder="访问路径" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="菜单图标" prop="icon">
-            <el-input v-model="form.icon" placeholder="菜单图标" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="重定向" prop="redirect">
-            <el-input v-model="form.redirect" placeholder="重定向路径" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="菜单Name" prop="name">
-            <el-input v-model="form.name" placeholder="菜单Name" />
-          </el-form-item>
-        </el-col>
+        <template v-if="form.type != '2'">
+          <el-col :span="12">
+            <el-form-item class="w-full" label="访问路径" prop="path">
+              <el-input v-model="form.path" placeholder="访问路径" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item class="w-full" label="菜单图标" prop="icon">
+              <el-input v-model="form.icon" placeholder="菜单图标" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item class="w-full" label="重定向" prop="redirect">
+              <el-input v-model="form.redirect" placeholder="重定向路径" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item class="w-full" label="菜单Name" prop="name">
+              <el-input v-model="form.name" placeholder="菜单Name" />
+            </el-form-item>
+          </el-col>
+        </template>
         <el-col :span="12">
           <el-form-item class="w-full" label="权限编码" prop="code">
             <el-input v-model="form.code" placeholder="权限编码" />
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="组件路径" prop="component">
-            <el-input v-model="form.component" placeholder="组件路径" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="外链地址" prop="link">
-            <el-input v-model="form.link" placeholder="外链地址" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item class="w-full" label="显示菜单" prop="activeMenu">
-            <el-input v-model="form.activeMenu" placeholder="显示菜单路径" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="是否隐藏" prop="hide">
-            <el-checkbox v-model="form.hide" true-value="Y" false-value="N" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="是否全屏" prop="full">
-            <el-checkbox v-model="form.full" true-value="Y" false-value="N" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="是否固定" prop="affix">
-            <el-checkbox v-model="form.affix" true-value="Y" false-value="N" />
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item label="是否缓存" prop="keepAlive">
-            <el-checkbox v-model="form.keepAlive" true-value="Y" false-value="N" />
-          </el-form-item>
-        </el-col>
+        <template v-if="form.type != '2'">
+          <el-col :span="12">
+            <el-form-item class="w-full" label="组件路径" prop="component">
+              <el-input v-model="form.component" placeholder="组件路径" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item class="w-full" label="外链地址" prop="link">
+              <el-input v-model="form.link" placeholder="外链地址" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item class="w-full" label="显示菜单" prop="activeMenu">
+              <el-input v-model="form.activeMenu" placeholder="显示菜单路径" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否隐藏" prop="hide">
+              <el-checkbox v-model="form.hide" true-value="Y" false-value="N" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否全屏" prop="full">
+              <el-checkbox v-model="form.full" true-value="Y" false-value="N" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否固定" prop="affix">
+              <el-checkbox v-model="form.affix" true-value="Y" false-value="N" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="是否缓存" prop="keepAlive">
+              <el-checkbox v-model="form.keepAlive" true-value="Y" false-value="N" />
+            </el-form-item>
+          </el-col>
+        </template>
       </el-row>
     </el-form>
 
@@ -148,17 +152,15 @@
     hide: 'N', // 是否隐藏
     full: 'N', // 是否全屏
     affix: 'N', // 是否固定
-    activeMenu: 'Y', // 选中菜单的地址
+    activeMenu: '', // 选中菜单的地址
     keepAlive: 'Y', // 是否缓存
     sortNo: 1,
   });
 
   const submitForm = async () => {
-    // console.log(treeSelectRef.value.getCurrentNode(), '---');
-    // return
     const params = {
       ...form.value,
-      parent: form.value.type == 'first' ? null : treeSelectRef.value.getCurrentNode(),
+      parent: form.value.type == '0' ? null : treeSelectRef.value.getCurrentNode(),
     };
     try {
       await formRef.value.validate();
@@ -191,7 +193,7 @@
       hide: 'N', // 是否隐藏
       full: 'N', // 是否全屏
       affix: 'N', // 是否固定
-      activeMenu: 'Y', // 选中菜单的地址
+      activeMenu: '', // 选中菜单的地址
       keepAlive: 'Y', // 是否缓存
       sortNo: 1,
     };