居民信息管理

src/layout/components/Sidebar/Item.vue

@@ -1,24 +1,24 @@
 <script>
 export default {
-  name: 'MenuItem',
+  name: "MenuItem",
   functional: true,
   props: {
     icon: {
       type: String,
-      default: ''
+      default: ""
     },
     title: {
       type: String,
-      default: ''
+      default: ""
     }
   },
   render(h, context) {
-    const { icon, title } = context.props
+    const { icon, title } = context.props;
-    const vnodes = []
+    const vnodes = [];
 
     if (icon) {
-      if (icon.includes('el-icon')) {
+      if (icon.includes("el-icon")) {
-        vnodes.push(<i class={[icon, 'sub-el-icon']} />)
+        vnodes.push(<i class={[icon, "sub-el-icon"]} />);
         // icon_menu_statistical
       } else {
         vnodes.push(
@@ -28,20 +28,18 @@ export default {
           // >
           //   <svg-icon icon-class={icon} />
           // </div>
-          <i
+          <i class={["icon_menu_" + icon, "icon_menu"]}></i>
-            class={['icon_menu_' + icon, 'icon_menu']}
+        );
-          ></i>
-        )
         // vnodes.push(<svg-icon icon-class={icon}/>)
       }
     }
 
     if (title) {
-      vnodes.push(<span slot='title'>{title}</span>)
+      vnodes.push(<span slot="title">{title}</span>);
     }
-    return vnodes
+    return vnodes;
   }
-}
+};
 </script>
 
 <style scoped>
@@ -58,9 +56,12 @@ export default {
 .icon_menu_convenience {
   background: url("./img/icon_convenience.png") no-repeat;
 }
-.icon_menu_workBook{
+.icon_menu_workBook {
   background: url("./img/icon_workBook.png") no-repeat;
 }
+.icon_menu_jmInfo {
+  background: url("./img/icon_jmInfo.png") no-repeat;
+}
 .sub-el-icon {
   color: currentColor;
   width: 1em;

src/router/index.js

@@ -165,7 +165,7 @@ export const constantRoutes = [
     redirect: "/residentInformation/list",
     meta: {
       title: "居民信息管理",
-      icon: "list",
+      icon: "jmInfo",
       roles: ["ESIDENT_ADMIN"]
     },
     children: [
@@ -175,7 +175,7 @@ export const constantRoutes = [
         name: "residentInformationList",
         meta: {
           title: "居民信息列表",
-          icon: "list",
+          icon: "jmInfo",
           affix: true,
           parentTitle: "居民信息管理"
         }