From 7215bacd77a7351248e93e0d765a6ef82ce0f347 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com>
Date: Fri, 18 Feb 2022 23:57:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(Menu.vue):=20=E6=95=B0=E6=8D=AE=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E6=B7=BB=E5=8A=A0=E5=A4=96=E9=93=BE=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/menu/components/Menu.vue | 34 +++++++++++++++++------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/views/system/menu/components/Menu.vue b/src/views/system/menu/components/Menu.vue
index 3c814e11..013bf0bc 100644
--- a/src/views/system/menu/components/Menu.vue
+++ b/src/views/system/menu/components/Menu.vue
@@ -104,18 +104,18 @@
           <el-input v-model="formData.name" placeholder="请输入菜单名称"/>
         </el-form-item>
 
-        <el-form-item label="是否外链" >
-          <el-radio-group v-model="isExternal">
+        <el-form-item label="是否外链">
+          <el-radio-group v-model="isExternalPath">
             <el-radio :label="false">否</el-radio>
             <el-radio :label="true">是</el-radio>
           </el-radio-group>
         </el-form-item>
 
-        <el-form-item v-if="isExternal" label="外链地址" prop="path">
+        <el-form-item v-if="isExternalPath" label="外链地址" prop="path">
           <el-input v-model="formData.path" placeholder="请输入外链完整路径"/>
         </el-form-item>
 
-        <el-form-item v-if="!isExternal" label="页面路径" prop="component">
+        <el-form-item v-if="!isExternalPath" label="页面路径" prop="component">
           <el-input
               v-model="formData.component"
               placeholder="system/user/index"
@@ -192,9 +192,9 @@ import {reactive, ref, unref, onMounted, toRefs} from "vue";
 import SvgIcon from '@/components/SvgIcon/index.vue';
 import TreeSelect from '@/components/TreeSelect/index.vue';
 import IconSelect from '@/components/IconSelect/index.vue';
+import {isExternal} from '@/utils/validate.ts'
 
 const emit = defineEmits(['menuClick'])
-const showChooseIcon = ref(false);
 const iconSelectRef = ref(null);
 
 const queryFormRef = ref(ElForm)
@@ -243,10 +243,24 @@ const state = reactive({
   },
   menuOptions: [] as any[],
   currentRow: undefined,
-  isExternal: false
+  showChooseIcon: false,
+  isExternalPath: false
 })
 
-const {loading, single, multiple, queryParams, menuList, total, dialog, formData, rules, menuOptions,isExternal} = toRefs(state)
+const {
+  loading,
+  single,
+  multiple,
+  queryParams,
+  menuList,
+  total,
+  dialog,
+  formData,
+  rules,
+  menuOptions,
+  isExternalPath,
+  showChooseIcon
+} = toRefs(state)
 
 function handleQuery() {
   // 重置父组件
@@ -328,6 +342,8 @@ async function handleUpdate(row: any) {
   const id = row.id || state.ids
   getMenuDetail(id).then(response => {
     state.formData = response.data
+    const path = state.formData.path
+    state.isExternalPath = isExternal(path);
   })
 }
 
@@ -383,12 +399,12 @@ function cancel() {
 
 function showSelectIcon() {
   (iconSelectRef as any).value.reset();
-  showChooseIcon.value = true;
+  state.showChooseIcon = true;
 }
 
 function selected(name: string) {
   state.formData.icon = name;
-  showChooseIcon.value = false;
+  state.showChooseIcon = false;
 }
 
 onMounted(() => {