路由 BUG

admin/src/pages/config/router.vue

@@ -15,7 +15,9 @@ import {
 import icons_json from '@icon-park/vue-next/icons.json';
 
 const icons_search = ref('')
+const icons_show = ref(true)
 const icons_list = computed(() => {
+  icons_show.value = false
   let list = []
   let search = icons_search.value
   if (!!search) {
@@ -51,6 +53,9 @@ const icons_list = computed(() => {
   for (let i in list_turn) {
     ret.push(list_turn[i])
   }
+  setTimeout(() => {
+    icons_show.value = true
+  })
   return ret
 })
 
@@ -148,13 +153,13 @@ const AdminDelete = async () => {
 }
 const deleteClick = () => {
   window.$box.confirm(
-    '是否确认删除该路由？',
-    '注意！删除后会影响系统运行！',
-    {
-      confirmButtonText: '确认',
-      cancelButtonText: '取消',
-      type: 'warning',
-    }
+      '是否确认删除该路由？',
+      '注意！删除后会影响系统运行！',
+      {
+        confirmButtonText: '确认',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }
   ).then(() => {
     AdminDelete()
   }).catch(() => {
@@ -200,7 +205,7 @@ const editDoneClick = async () => {
         }
         table_list.value.splice(index, 1);
       }
-      nextTick(()=>{
+      nextTick(() => {
         if (data.pid === 0) {
           if (!('children' in response.data.info)) {
             response.data.info.children = [];
@@ -232,6 +237,11 @@ const iconChooseClick = (icon) => {
   })
   icon_show.value = false
 }
+
+const iconClick = () => {
+  icon_show.value = true
+  icons_show.value = true
+}
 </script>
 <template>
   <div>
@@ -253,7 +263,7 @@ const iconChooseClick = (icon) => {
                 <el-col :span="4" v-for="(ii,kk) in i.children" :key="kk">
                   <div @click="iconChooseClick(ii.name)" cursor-pointer text-center m-2>
                     <div>
-                      <Icon :type="ii.name"></Icon>
+                      <Icon v-if="icons_show" :type="ii.name"></Icon>
                     </div>
                     <div>{{ ii.title }}</div>
                   </div>
@@ -274,7 +284,7 @@ const iconChooseClick = (icon) => {
             <el-tag w-full type="info">名称</el-tag>
           </div>
           <div ml-2>
-            <el-input class="input_line_input_wrapper" v-model="edit_data.name"
+            <el-input class="input_line_input_wrapper" v-model="edit_data.title"
                       placeholder="请输入名称"></el-input>
           </div>
         </div>
@@ -283,7 +293,7 @@ const iconChooseClick = (icon) => {
             <el-tag w-full type="info">路由</el-tag>
           </div>
           <div ml-2>
-            <el-input class="input_line_input_wrapper" v-model="edit_data.title"
+            <el-input class="input_line_input_wrapper" v-model="edit_data.name"
                       placeholder="请输入路由"></el-input>
           </div>
         </div>
@@ -292,7 +302,7 @@ const iconChooseClick = (icon) => {
             <el-tag w-full type="info">图标</el-tag>
           </div>
           <div ml-2>
-            <div @click="icon_show = true" cursor-pointer class="input_line_input_wrapper icon_wrapper" text-center>
+            <div @click="iconClick()" cursor-pointer class="input_line_input_wrapper icon_wrapper" text-center>
               <el-icon>
                 <Icon v-if="!!edit_data.icon" :type="edit_data.icon"></Icon>
               </el-icon>