2022年5月10日11:29:17

src/crud/index.vue

@@ -39,7 +39,7 @@
         <el-dialog v-model="dialogFormVisible" :title="tableFrom.titleDialog ? tableFrom.titleDialog : `${title}`">
             <!-- 是否自定义Dialog -->
             <div v-if="tableFrom.customDialog">
-                <slot name="search" :dialogFormVisible="dialogFormVisible" />
+                <!-- <slot name="search" :dialogFormVisible="dialogFormVisible" /> -->
             </div>
             <div v-else>
                 <!-- 系统内容 -->

src/data/menuData.ts

@@ -46,10 +46,12 @@ export const list = [
     {
         title: '通行流水查询服务',
         path: 'trafficFlow',
+        icon: 'Promotion',
         children: []
     }, {
         title: '黑名单查询服务',
         path: 'blacklistQuery',
+        icon: 'Opportunity',
         children: []
     }, {
         title: '卡签售后服务',

src/layout/components/Item.vue

@@ -1,6 +1,6 @@
 <template>
   <el-icon>
-    <Icon style="width: 16px;height: 16px;" :icon="icon" ></Icon>
+    <Icon v-if="icon" style="width: 16px;height: 16px;" :icon="icon" ></Icon>
   </el-icon>
 </template>
 <script>
@@ -10,7 +10,7 @@
     props: {
       icon: {
         type: String,
-        default: 'Apple'
+        default: ''
       }
     }
   }

src/layout/components/SidebarItem.vue

@@ -14,7 +14,7 @@
     <!-- 子项也负责跳转 -->
     <router-link style="text-decoration: none;" v-else :to="{name:`${item.path}`}">
       <el-menu-item class="el-menu-item" :index="item.title + ',' + item.path">
-        <!-- <Item /> -->
+        <Item v-if="item.icon" :icon="item.icon"/>
         <template #title>
           <span style="font-size:14px">{{ item.title }}</span>
         </template>

src/layout/index.vue

@@ -17,7 +17,7 @@
         <!-- 菜单主体部分 -->
         <div style="height: 100%;background-color: #FFFFFF;">
           <el-scrollbar height="100%">
-            <el-menu :default-active="menuIndex.menuIndex" width="280" mode="vertical" :router="false" @select="select"
+            <el-menu :default-active="menuIndex.menuIndex" mode="vertical" :router="false" @select="select"
               :collapse="!menuStart.menuIsExpansion" class="el-menu-vertical-demo">
               <SidebarItem :list="list" />
             </el-menu>