新建流程修改

@@ -32,10 +32,23 @@
 							<span>{{ item.name }}</span>
 						</div>
 						<div class="top-items">
-							<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" :router="true">
+							<el-menu
+								:default-active="activeIndex"
+								class="el-menu-demo"
+								mode="horizontal"
+								@select="handleSelect"
+								:router="true"
+							>
 								<el-submenu index="2">
-									<template slot="title">临时网页开发路由跳转</template>
-									<el-menu-item v-for="(item,index) in tempTab" :index="item.path" :key="'tempTab'+index">{{item.name}}</el-menu-item>
+									<template slot="title"
+										>临时网页开发路由跳转</template
+									>
+									<el-menu-item
+										v-for="(item, index) in tempTab"
+										:index="item.path"
+										:key="'tempTab' + index"
+										>{{ item.name }}</el-menu-item
+									>
 								</el-submenu>
 							</el-menu>
 						</div>
@@ -43,6 +56,13 @@
 					<div class="header-bottom">
 						<Navigation ref="navigation"></Navigation>
 					</div>
+					<el-dialog
+						title="新建"
+						:visible.sync="dialogVisible"
+						width="40%"
+					>
+						<Create @closeDialog="closeDialog"></Create>
+					</el-dialog>
 				</el-header>
 				<el-main>
 					<router-view />
@@ -55,16 +75,18 @@
 import util from "@/libs/util.js";
 import screenfull from "screenfull";
 import Navigation from "../components/IvyElement/navigation";
+import Create from "./panel/create/index";
 import LineTree from "../components/lineTree/lineTree";
 import { setTimeout } from "timers";
 export default {
 	components: {
 		Navigation,
 		LineTree,
+		Create,
 	},
 	data() {
 		return {
-			activeIndex:'1',
+			activeIndex: "1",
 			navigationList: [],
 			isActive: false,
 			textLogo: false,
@@ -72,43 +94,43 @@ export default {
 			defaultActive: "",
 			headTop: [
 				{
-					path:"/create",
+					path: "/create",
 					select: false,
 				},
 				{
-					path:"/add",
+					path: "/add",
 					select: false,
 				},
 				{
-					path:"/modify",
+					path: "/modify",
 					select: false,
 				},
 				{
-					path:"/change",
+					path: "/change",
 					select: false,
 				},
 				{
-					path:"/search",
+					path: "/search",
 					select: false,
-				}
+				},
 			],
-			tempTab:[
+			tempTab: [
 				{
-					path:'/zrz',
-					name:'自然幢'
+					path: "/zrz",
+					name: "自然幢",
 				},
 				{
-					path:'/dz',
-					name:'多幢'
+					path: "/dz",
+					name: "多幢",
 				},
 				{
-					path:'/h',
-					name:'户'
+					path: "/h",
+					name: "户",
 				},
 				{
-					path:'/zd',
-					name:'宗地'
-				}
+					path: "/zd",
+					name: "宗地",
+				},
 			],
 			// 上导航选中id
 			indId: undefined,
@@ -144,14 +166,14 @@ export default {
 									children: [
 										{
 											label: "宗地代码1933",
-											isZD:true
+											isZD: true,
 										},
 										{
 											label: "自然幢2100",
-											isZD:false
+											isZD: false,
 										},
 									],
-								}
+								},
 							],
 						},
 						{
@@ -177,6 +199,7 @@ export default {
 					children: [],
 				},
 			],
+			dialogVisible: false,
 		};
 	},
 	computed: {
@@ -264,6 +287,11 @@ export default {
 			}
 		},
 		selectTopItems(ind) {
+			if (ind == 0) {
+				//点击新建，弹框
+				this.dialogVisible = true;
+			} else {
+				this.dialogVisible = false;
 				this.indId = ind;
 				// this.menuSelect(this.navigationList, ind);
 				// this.$store.dispatch("setTabs/init_tabs");
@@ -271,6 +299,7 @@ export default {
 				this.$router.push(this.headTop[ind].path);
 				this.navSelect(ind);
 				// util.cookies.set("indId", ind);
+			}
 		},
 		// 上导航选中id
 		navSelect(id) {
@@ -290,11 +319,15 @@ export default {
 			screenfull.toggle();
 		},
 		//树控件点击事件
-		itemClick(data){
+		itemClick(data) {
 			console.log(data);
 		},
 		handleSelect(key, keyPath) {
 			console.log(key, keyPath);
+		},
+		//关闭新建子组件弹框
+		closeDialog(){
+			this.dialogVisible = false;
 		}
 	},
 };
@@ -399,7 +432,7 @@ export default {
 	}
 
 	.el-main {
-		background-color: #F1F4FC;
+		background-color: #f1f4fc;
 		color: #333;
 		// text-align: center;
 		// line-height: 160px;