主界面

src/router/homePage.js

@@ -0,0 +1,8 @@
+const homePage = {
+	icon: "el-icon-coin",
+	path: "/homePage",
+	title: "首页",
+	component: () => import("@/views/homePage"),
+}
+
+export default homePage;

src/router/routers.js

@@ -1,10 +1,12 @@
 import System from "./system";
 import Plant from "./plant";
 import PersonalCenter from "./personalCenter";
+import homePage from "./homePage"
 const routes = [
   {...System},
 	{...Plant},
-	{ ...PersonalCenter}
+	{ ...PersonalCenter},
+	{ ...homePage}
 ];
 
 export default routes;

src/views/homePage/beta/index.vue

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

src/views/homePage/customer/index.vue

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

src/views/homePage/formal/index.vue

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

src/views/homePage/index.vue

@@ -0,0 +1,56 @@
+<template>
+	<ContentContainer class="homepage-wrapper">
+		<!-- 上面模块 -->
+		<div class="homepage-top-wrap clearfix">
+			<!-- 左侧客户树 -->
+			<div class="homepage-top-left-wrap fl">
+				<Customer />
+			</div>
+			<!-- 右侧预测版本列表、正式订单、产品需求 -->
+			<div class="homepage-top-right-wrap">
+				<Beta />
+			</div>
+		</div>
+		<!-- 下面模块（多版本比较、偏差分析、客户零件清单） -->
+		<div class="homepage-bottom-wrap">
+			<Formal />
+		</div>
+	</ContentContainer>
+</template>
+<script>
+import Customer from './customer'
+import Beta from './beta'
+import Formal from './formal'
+export default {
+  components:{
+    Customer,
+		Beta,
+		Formal
+  },
+}
+</script>
+<style lang="less" scoped>
+.homepage-wrapper {
+	height: 100%;
+	.homepage-top-wrap{
+		width: 100%;
+		height: calc(50% - 10px);
+		margin-bottom: 20px;
+		.homepage-top-left-wrap {
+			width: 300px;
+			background: #fff;
+			height: 100%;
+		}
+		.homepage-top-right-wrap {
+			margin-left: 320px;
+			background: #fff;
+			height: 100%;
+		}
+	}
+	.homepage-bottom-wrap{
+		width: 100%;
+		height: calc(50% - 10px);
+		background: #fff;
+	}
+}
+</style>