工厂模型

src/components/SideMenu.vue

@@ -51,13 +51,25 @@ export default {
   .el-menu-item [class^="el-icon-"] {
     margin-right: 10px;
   }
-  .el-menu-item,
-  .el-submenu {
-    min-height: 48px;
+	.el-menu-item,.el-submenu__title, .el-submenu,.el-menu-item.is-active {
+		min-height: 48px;
     line-height: 48px;
     font-size: 16px;
     font-family: PingFangSC-Medium, PingFang SC;
     font-weight: 500;
+	}
+  .el-menu-item {
+    color: #3d3d42;
+		background: #fff;
+    i,
+    i::before {
+      width: 22px;
+      height: 22px;
+      color: #2d9b8e;
+      display: inline-block;
+    }
+  }
+	.el-submenu__title, .el-submenu {
     color: #3d3d42;
     background: linear-gradient(360deg, #eaeaea 0%, #ececec 55%, #f9f9f9 100%);
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 0px 0px #cccccc,
@@ -69,13 +81,8 @@ export default {
       color: #2d9b8e;
       display: inline-block;
     }
-  }
-  .el-menu-item.is-active {
-    min-height: 48px;
-    line-height: 48px;
-    font-size: 16px;
-    font-family: PingFangSC-Medium, PingFang SC;
-    font-weight: 500;
+	}
+  .el-menu-item.is-active, .el-menu-item:hover {
     color: #fff;
     background: linear-gradient(360deg, #1f534e 0%, #2b978e 57%, #3cbdb2 100%);
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25), 0px 1px 0px 0px #cccccc,

src/router/plant.js

@@ -0,0 +1,16 @@
+const plant = {
+	icon: "el-icon-coin",
+	path: "/plant",
+	title: "工厂模型",
+	component: () => import("@/views/plant"),
+	children: [
+		{
+			icon: "el-icon-document",
+			path: "/plant/part",
+			title: "物料主数据维护",
+			component: () => import("@/views/plant/part"),
+		},
+	],
+}
+
+export default plant;

src/router/routers.js

@@ -1,6 +1,8 @@
 import System from "./system";
+import Plant from "./plant";
 const routes = [
-  {...System}
+  {...System},
+	{...Plant}
 ];
 
 export default routes;

src/views/plant/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>

src/views/plant/part/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <div></div>
+</template>