| 
					
				 | 
			
			
				@@ -26,12 +26,16 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<!-- :default-checked-keys="checkedkeys"  默认勾选的节点的 key 的数组--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<!-- :default-expanded-keys="expandedKeys" 默认展开的节点的 key 的数组--> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		<!-- @node-click 节点单击事件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-		<el-tree :data="treeData" :default-expanded-keys="expandedKeys" :default-checked-keys="checkedkeys" node-key="id" class="tree-line" ref="treeRef"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		<el-tree :data="treeData" :default-expanded-keys="expandedKeys" :default-checked-keys="checkedkeys" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+			node-key="id" class="tree-line" ref="treeRef"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			<template #default="{ node, data }"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<!-- 复选框 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<el-checkbox v-if="data.ischeck == '1' && store.userport == 'PC'" v-model="node.checked" :indeterminate="node.indeterminate" :disabled="!!node.disabled" @change="handleCheckBoxChange($event, data, node)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<el-checkbox v-if="data.ischeck == '1' && store.userport == 'PC'" v-model="node.checked" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					:indeterminate="node.indeterminate" :disabled="!!node.disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					@change="handleCheckBoxChange($event, data, node)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</el-checkbox> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-				<el-switch v-else-if="data.ischeck == 1 && store.userport == 'APP'" width="30rem" size="small" v-model="node.checked" @change="handleCheckBoxChange($event, data, node)" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+				<el-switch v-else-if="data.ischeck == 1 && store.userport == 'APP'" width="30rem" size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					v-model="node.checked" @change="handleCheckBoxChange($event, data, node)" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<span class="custom-tree-node" @click="handleClick(data)" style="width: 150rem;text-align: left;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<!-- 字体、图标 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<!-- <span> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -54,7 +58,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<!-- 透明度 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				<template v-if="node.checked && data.opacity >0"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					<div style="width: 80rem; padding: 0 20rem; position: absolute; right: 0"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						<el-slider v-model="data.opacity" @input="handleSliderChange($event, data)" :max="1" :min="0.1" :step="0.1" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						<el-slider v-model="data.opacity" @input="handleSliderChange($event, data)" :max="1" :min="0.1" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+							:step="0.1" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					</div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			</template> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -109,7 +114,8 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				let _node = this.$refs.treeRef.getNode(data); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				if (_node.isLeaf) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					this.setLayersControl(jt3d, data, checked); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					this.$refs.treeRef.setChecked(_node, checked); //是否设置子节点,默认为false,利用tree组件渲染后带有的isLeaf(是否为叶子节点)属性,如果为叶子节点就选中。利用tree的API就实现了正确的回显效果	 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+					this.$refs.treeRef.setChecked(_node, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+						checked); //是否设置子节点,默认为false,利用tree组件渲染后带有的isLeaf(是否为叶子节点)属性,如果为叶子节点就选中。利用tree的API就实现了正确的回显效果	 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					//控制子节点 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -481,8 +487,10 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 														imageryLayers.lowerToBottom(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 														imageryLayers.raise(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 														if (layertype === '标注') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-															var imageryLayers = jt3d._viewer.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-															imageryLayers.raiseToTop(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+															var imageryLayers = jt3d._viewer 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+																.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+															imageryLayers.raiseToTop(window[ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+																serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 														} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 													} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 												}); 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -513,38 +521,42 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						case "WebMapServiceImageryProvider": //WMS地图服务 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							if (checked) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								data.isinit = '1'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								console.log('参数配置', data.datasource) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								// http://10.88.88.9:6080/arcgis/services/LYBQZ_YX_102100_202201/MapServer/WMSServer?request=GetCapabilities&service=WMS 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								//设置参数 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								let _options = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									id: _serviceId, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									url: data.datasource, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-									layers: "SDYTMP:map_zrzy_water_polylon", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									alpha: _opacity 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								if (parameterset) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									if (parameterset.layers) { //WMTS请求的层名 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										_options.layers = parameterset.layers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										_options.parameters = parameterset.parameters 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										if (parameterset.minimumLevel) { //最小层级 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 											_options.minimumLevel = parameterset.minimumLevel; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										if (parameterset.maximumLevel) { //最大层级 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 											_options.maximumLevel = parameterset.maximumLevel; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+										// console.log('option') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										jt3d.layer.addWebMapService(_options, function(serviceId) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											console.log('添加成功') 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 											//重置图层顺序 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-											_self.setLayerNumber(jt3d, serviceId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-											if (atlastype === "底图") { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-												var imageryLayers = jt3d._viewer.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-												imageryLayers.lowerToBottom(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-												imageryLayers.raise(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-												if (layertype === '标注') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-													var imageryLayers = jt3d._viewer.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-													imageryLayers.raiseToTop(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-												} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-											} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// _self.setLayerNumber(jt3d, serviceId) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											var imageryLayers = jt3d._viewer.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											console.log('添加成功', imageryLayers) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											imageryLayers.raiseToTop(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// if (atlastype === "底图") { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 	var imageryLayers = jt3d._viewer.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 	imageryLayers.lowerToBottom(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 	imageryLayers.raise(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 	if (layertype === '标注') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 		var imageryLayers = jt3d._viewer.imageryLayers; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 		imageryLayers.raiseToTop(window[serviceId]); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// 	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+											// } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 										ElMessage("请检测图层表parameterset字段是否设置layers"); 
			 |