|
@@ -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");
|