2022年5月9日18:11:11

src/crud/index.vue

@@ -37,7 +37,7 @@
         <el-dialog v-model="dialogFormVisible" :title="`${title}`">
             <!-- 是否自定义Dialog -->
             <div v-if="tableFrom.customDialog">
-                
+
             </div>
             <!-- 系统内容 -->
             <el-form ref="ruleFormRef" :rules="rules" :model="form">

src/data/menuData.ts

@@ -11,114 +11,120 @@ frameUrl?:string; 嵌套外链。
  */
 export const list = [
     // {
-        // title: '售后服务',
-        // path: 'home', //对应name名称
-        // icon: 'one',
-        // auth: true,
-        // order: 1,
-        // children: [
-            {
-                title: '基础信息查询服务',
-                path: 'home',
-                children: [{
-                    title: '用户信息查询及变更服务',
-                    path: 'userQueryChange',
-                    children: []
-                }, {
-                    title: '车辆信息查询及变更服务',
-                    path: 'vehicleEnquirChange',
-                    children: []
-                }, {
-                    title: '签约信息查询服务',
-                    path: 'signingQuery',
-                    children: []
-                }, {
-                    title: '卡片信息查询服务',
-                    path: 'cardQueries',
-                    children: []
-                }, {
-                    title: 'OBU信息查询服务',
-                    path: 'OBUQuery',
-                    children: []
-                }]
-            },
-            {
-                title: '通行流水查询服务',
-                path: 'trafficFlow',
+    // title: '售后服务',
+    // path: 'home', //对应name名称
+    // icon: 'one',
+    // auth: true,
+    // order: 1,
+    // children: [
+    {
+        title: '基础信息查询服务',
+        path: 'home',
+        icon: 'Notification',
+        children: [{
+            title: '用户信息查询及变更服务',
+            path: 'userQueryChange',
+            children: []
+        }, {
+            title: '车辆信息查询及变更服务',
+            path: 'vehicleEnquirChange',
+            children: []
+        }, {
+            title: '签约信息查询服务',
+            path: 'signingQuery',
+            children: []
+        }, {
+            title: '卡片信息查询服务',
+            path: 'cardQueries',
+            children: []
+        }, {
+            title: 'OBU信息查询服务',
+            path: 'OBUQuery',
+            children: []
+        }]
+    },
+    {
+        title: '通行流水查询服务',
+        path: 'trafficFlow',
+        children: []
+    }, {
+        title: '黑名单查询服务',
+        path: 'blacklistQuery',
+        children: []
+    }, {
+        title: '卡签售后服务',
+        path: 'home',
+        icon: 'Postcard',
+        children: [{
+            title: '卡签补办服务',
+            path: 'cardFillDo',
+            children: []
+        }, {
+            title: '卡签续期服务',
+            path: 'cardRenewal',
+            children: []
+        }, {
+            title: '标签重新激活服务',
+            path: 'TABActivate',
+            children: []
+        }, {
+            title: '主动挂起(解除)服务',
+            path: 'initiativeHangUp',
+            children: []
+        }, {
+            title: '被动挂起(解除)服务',
+            path: 'passivityHangUp',
+            children: []
+        }, {
+            title: '卡签注销',
+            path: 'TABActivate',
+            children: []
+        }]
+    }, {
+        title: '储值卡资金服务',
+        path: 'home',
+        icon: 'CreditCard',
+        children: [{
+            title: '对公账户注册审核服务',
+            path: 'home',
+            icon: 'Collection',
+            children: [{
+                title: '对公账户注册审核服务',
+                path: 'corporateaccountManage',
                 children: []
-            }, {
-                title: '黑名单查询服务',
-                path: 'blacklistQuery',
+            }]
+        }, {
+            title: '充值及圈存服务',
+            path: 'home',
+            icon: 'CopyDocument',
+            children: [{
+                title: '储值卡充值服务(修复)[圈存]',
+                path: 'cardrechargefix',
                 children: []
             }, {
-                title: '卡签售后服务',
-                path: 'home',
-                children: [{
-                    title: '卡签补办服务',
-                    path: 'cardFillDo',
-                    children: []
-                }, {
-                    title: '卡签续期服务',
-                    path: 'cardRenewal',
-                    children: []
-                }, {
-                    title: '标签重新激活服务',
-                    path: 'TABActivate',
-                    children: []
-                }, {
-                    title: '主动挂起(解除)服务',
-                    path: 'initiativeHangUp',
-                    children: []
-                }, {
-                    title: '被动挂起(解除)服务',
-                    path: 'passivityHangUp',
-                    children: []
-                }, {
-                    title: '卡签注销',
-                    path: 'TABActivate',
-                    children: []
-                }]
+                title: '对公账户打款充值服务',
+                path: 'advancepaymentaccount',
+                children: []
+            }]
+        }, {
+            title: '注销退费服务',
+            path: 'cardrefundcostManage',
+            children: []
+        }, {
+            title: '补卡额及补交服务',
+            path: 'home',
+            icon:'Connection',
+            children: [{
+                title: '储值卡-补卡额服务',
+                path: 'supplyCardBalance',
+                children: []
             }, {
-                title: '储值卡资金服务',
-                path: 'home',
-                children: [{
-                    title: '对公账户注册审核服务',
-                    path: 'home',
-                    children: [{
-                        title: '对公账户注册审核服务',
-                        path: 'corporateaccountManage',
-                        children: []
-                    }]
-                }, {
-                    title: '充值及圈存服务',
-                    path: 'home',
-                    children: [{
-                        title: '储值卡充值服务(修复)[圈存]',
-                        path: 'cardrechargefix',
-                        children: []
-                    }, {
-                        title: '对公账户打款充值服务',
-                        path: 'advancepaymentaccount',
-                        children: []
-                    }]
-                }, {
-                    title: '注销退费服务',
-                    path: 'cardrefundcostManage',
-                    children: []
-                }, {
-                    title: '补卡额及补交服务',
-                    path: 'home',
-                    children: [{
-                        title: '储值卡-补卡额服务',
-                        path: 'supplyCardBalance',
-                        children: []
-                    }, {
-                        title: '储值卡-补交服务',
-                        path: 'addsupplyCardBalance',
-                        children: []
-                    }]
-                }]
-            }
-        // ]
+                title: '储值卡-补交服务',
+                path: 'addsupplyCardBalance',
+                children: []
+            }]
+        }]
+    }
+    // ]
     // }
 ];

src/layout/components/Item.vue

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

src/layout/components/SidebarItem.vue

@@ -3,7 +3,7 @@
     <!-- 父级菜单 -->
     <el-sub-menu v-if="item.children && item.children.length > 0" :index="item.title + ',' + item.path">
       <template #title>
-        <Item />
+        <Item :icon="item.icon" />
         <span style="font-size:14px">{{ item.title }}</span>
       </template>
       <el-menu-item-group>

src/views/dengmingcong/cardFillDo/cardFillDo.vue

@@ -13,9 +13,6 @@
 </template>
 <script setup lang="ts">
     import CRUD from "@/crud/index.vue";
-    // import {
-    //     homeData
-    // } from '@/data/tableConfig' //表单配置
     import {
         Data
     } from '@/data/cardAfter/cardFillDo' //表单配置