UI

src/components/vBottomMenu.vue

@@ -41,6 +41,7 @@
 										<!-- 	<el-button type="danger" icon="el-icon-close" style="position: absolute;right: 0;top: 0;width: 1rem;height: 1rem;padding:0;"
 												@click.stop="closeChild"></el-button> -->
 					</div>
+					<!-- 林斑 -->
 					<div v-if="showBanChild && fastMenu.click == 'forestban'" class="nav-child">
 						<div class="forestban">
 						 <div class="forestban-con">
@@ -62,6 +63,28 @@
 					  	 	@click.stop="closeBanChild"></el-button>
 						</div>
 					</div>
+					<!-- 林场 -->
+					<div v-if="showChangChild && fastMenu.click == 'forestchang'" class="nav-child">
+						<div class="forestban">
+						 <div class="forestban-con">
+							  <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
+						 </div>
+						 <div class="forestban-right">
+							   <el-input
+							     placeholder="请输入内容"
+							     prefix-icon="el-icon-search"
+							     v-model="searchFB">
+							   </el-input>
+							    <el-checkbox-group v-model="checkList" >
+							       <el-checkbox label="复选框 A"></el-checkbox>
+							       <el-checkbox label="复选框 B"></el-checkbox>
+							       <el-checkbox label="复选框 C"></el-checkbox>
+							    </el-checkbox-group>
+						 </div>
+					  	 <el-button type="danger" icon="el-icon-close" style="position: absolute;right: 0;top: 0;width: 1rem;height: 1rem;padding:0;"
+					  	 	@click.stop="closeChangChild"></el-button>
+						</div>
+					</div>
 				</a>
 
 			</div>
@@ -91,6 +114,7 @@
 				eventLocationVisible: false,
 				showChild: false,
 				showBanChild: false,//林斑
+				showChangChild:false,//林场
 				fastMenu: [{
 						name: '事件定位',
 						icon: 'iconfont sj-icon-sjdw',
@@ -115,7 +139,7 @@
 					{
 						name: '林场',
 						icon: 'iconfont sj-icon-lczy',
-						click: ''
+						click: 'forestchang'
 					},
 					{
 						name: '电视墙',
@@ -181,14 +205,22 @@
 			choseLayerSwitching(url) {
 				window.choseLayerSwitching(url);
 			},
-			forestban(url){
-				window.forestban(url);
+			forestban(){
+				window.forestban();
 				console.log('林班')
 			},
+			forestchang(){
+				window.forestchang();
+				console.log('林场')
+			},
 			closeBanChild(){
 				this.showBanChild = false
 				this.checkList = []
 			},
+			closeChangChild(){
+				this.showChangChild = false
+				this.checkList = []
+			},
 			//图例收起弹出
 			btmIndent(){
 			    if(this.btmTipIndent == ''){