2025-07-03 17:39:09 +08:00
|
|
|
|
import * as treeNodeOption from "./treeNode";
|
|
|
|
|
|
import { hideSource, showSource } from "@/api/gisAPI";
|
|
|
|
|
|
import { cusRenderNode, cusRenderNode2d } from "./treeNode";
|
|
|
|
|
|
import { updatePid } from "../../api/gisAPI";
|
|
|
|
|
|
import { cusUpdateNode } from "./treeNode";
|
|
|
|
|
|
import { ipcRenderer, contextBridge } from "electron";
|
|
|
|
|
|
import { set } from "nprogress";
|
|
|
|
|
|
|
|
|
|
|
|
let nodes = [];
|
|
|
|
|
|
const tree = {
|
|
|
|
|
|
data() {
|
|
|
|
|
|
return {
|
|
|
|
|
|
treeObj: null,
|
|
|
|
|
|
setting: {
|
|
|
|
|
|
edit: {
|
|
|
|
|
|
enable: true,
|
|
|
|
|
|
showRemoveBtn: false,
|
|
|
|
|
|
showRenameBtn: false,
|
|
|
|
|
|
drag: {
|
|
|
|
|
|
isMove: true,
|
|
|
|
|
|
isCopy: false,
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
check: {
|
|
|
|
|
|
enable: true,
|
|
|
|
|
|
nocheckInherit: false,
|
|
|
|
|
|
chkboxType: { Y: "ps", N: "s" },
|
|
|
|
|
|
},
|
|
|
|
|
|
view: {
|
|
|
|
|
|
selectedMulti: true,
|
|
|
|
|
|
// autoCancelSelected: true
|
|
|
|
|
|
},
|
|
|
|
|
|
data: {
|
|
|
|
|
|
key: {
|
|
|
|
|
|
//zdatas数据中表示节点name的属性key
|
|
|
|
|
|
name: "source_name",
|
|
|
|
|
|
checked: "is_show",
|
|
|
|
|
|
},
|
|
|
|
|
|
simpleData: {
|
|
|
|
|
|
enable: true,
|
|
|
|
|
|
idKey: "source_id",
|
|
|
|
|
|
pIdKey: "p_id",
|
|
|
|
|
|
nameKey: "source_name",
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
callback: {
|
|
|
|
|
|
onRightClick: this.onRightClick,
|
|
|
|
|
|
beforeDrag: this.beforeDrag,
|
|
|
|
|
|
onDrop: this.onDrop,
|
|
|
|
|
|
beforeRemove: this.beforeRemove,
|
|
|
|
|
|
beforeDrop: this.beforeDrop,
|
|
|
|
|
|
// beforeCollapse: this.beforeCollapse,
|
|
|
|
|
|
onRemove: this.onRemove,
|
|
|
|
|
|
onMouseDown: this.onMouseDown,
|
|
|
|
|
|
onClick: this.onClick,
|
|
|
|
|
|
onDblClick: this.onDblClick,
|
|
|
|
|
|
beforeClick: this.zTreeBeforeClick,
|
|
|
|
|
|
onCheck: this.onCheck,
|
|
|
|
|
|
onExpand: this.addChildNodes,
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
|
|
|
addChildNodes(event, treeId, treeNode) {
|
|
|
|
|
|
if (treeNode.children.length) return;
|
|
|
|
|
|
var treeObj = $.fn.zTree.getZTreeObj(treeId);
|
|
|
|
|
|
//加载shp gdb kml子级数据
|
|
|
|
|
|
if (treeNode.source_type == "FeatureCollection") {
|
|
|
|
|
|
var newnodes = window._entityMap.get(treeNode.fid).getAllNode();
|
|
|
|
|
|
if (newnodes) {
|
|
|
|
|
|
let arrt = treeNode.detail.hasOwnProperty("fieldName")
|
|
|
|
|
|
? treeNode.detail.fieldName
|
|
|
|
|
|
: treeNode.detail.defaultfieldName;
|
|
|
|
|
|
newnodes.list.forEach((it) => {
|
|
|
|
|
|
let zijiNodes = [];
|
|
|
|
|
|
if (it.name == treeNode.source_name) {
|
|
|
|
|
|
if (it.features && it.features.length) {
|
|
|
|
|
|
it.features.forEach((item) => {
|
|
|
|
|
|
let ziNode = {
|
|
|
|
|
|
source_id: item.id,
|
|
|
|
|
|
source_type: item.type,
|
|
|
|
|
|
source_name: item.properties[arrt],
|
|
|
|
|
|
detail: { ...item, info: { type: "richText" } },
|
|
|
|
|
|
is_show: 1,
|
|
|
|
|
|
fid: treeNode.fid,
|
|
|
|
|
|
};
|
|
|
|
|
|
zijiNodes.push(ziNode);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
let childNode = treeObj.getNodeByParam(
|
|
|
|
|
|
"source_id",
|
|
|
|
|
|
treeNode.source_id,
|
|
|
|
|
|
null
|
|
|
|
|
|
);
|
|
|
|
|
|
if (childNode) {
|
|
|
|
|
|
treeObj.addNodes(childNode, zijiNodes, true);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
setOptions2d(node) {
|
|
|
|
|
|
if (node.source_type !== "directory") {
|
|
|
|
|
|
node.icon = treeNodeOption.cusNodeIcon(node.source_type);
|
|
|
|
|
|
if (node.is_show) treeNodeOption.cusRenderNode2d(node);
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 设置node节点的属性
|
|
|
|
|
|
* @param node
|
|
|
|
|
|
*/
|
|
|
|
|
|
setOptions(node) {
|
|
|
|
|
|
if (node.source_type !== "directory") {
|
|
|
|
|
|
node.icon = treeNodeOption.cusNodeIcon(node);
|
|
|
|
|
|
if (
|
|
|
|
|
|
(node.is_show && node.source_type != "path") ||
|
|
|
|
|
|
node.source_type == "path"
|
|
|
|
|
|
) {
|
|
|
|
|
|
if (!["pressModel", "terrainDig"].includes(node.source_type)) {
|
|
|
|
|
|
treeNodeOption.cusRenderNode(node, false);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 对象数组按照key属性进行排序
|
|
|
|
|
|
* @param key
|
|
|
|
|
|
* @returns {function(*, *): *}
|
|
|
|
|
|
*/
|
|
|
|
|
|
keysort(key) {
|
|
|
|
|
|
return function(a, b) {
|
|
|
|
|
|
return a[key] - b[key];
|
|
|
|
|
|
};
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
zTreeBeforeClick(treeId, treeNode, clickFlag) {
|
|
|
|
|
|
this.$changeComponentShow(".rightMenu", false);
|
|
|
|
|
|
this.treeObj.cancelSelectedNode();
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 树形节点右键点击
|
|
|
|
|
|
* @param event 事件对象
|
|
|
|
|
|
* @param treeId 树形结构id
|
|
|
|
|
|
* @param treeNode 鼠标右键点击时所在节点的 JSON 数据对象
|
|
|
|
|
|
*/
|
|
|
|
|
|
onRightClick(event, treeId, treeNode) {
|
|
|
|
|
|
//没按ctrl的时候执行&& !treeNodeOption.getSelectedNodes(this.treeObj).length <2
|
|
|
|
|
|
let selectNodes = treeNodeOption.getSelectedNodes(this.treeObj);
|
|
|
|
|
|
let isnewSelect = true; //是否为新选中
|
|
|
|
|
|
selectNodes.forEach((item) => {
|
|
|
|
|
|
if (treeNode && item.source_id == treeNode.source_id)
|
|
|
|
|
|
isnewSelect = false;
|
|
|
|
|
|
});
|
|
|
|
|
|
console.log("selectNodes1111111111111111111111", selectNodes);
|
|
|
|
|
|
if (!event.ctrlKey && (selectNodes.length < 2 || isnewSelect))
|
|
|
|
|
|
treeNodeOption.cusSelectNode(this.treeObj, treeNode);
|
|
|
|
|
|
let menus = treeNodeOption.showRightMenu(event, this.treeObj);
|
2025-08-22 10:33:34 +08:00
|
|
|
|
let ids = [
|
|
|
|
|
|
"模型图层",
|
|
|
|
|
|
"特效图层",
|
|
|
|
|
|
"标绘图层",
|
|
|
|
|
|
"二维军标图层",
|
|
|
|
|
|
"三维军标图层",
|
|
|
|
|
|
];
|
|
|
|
|
|
// 判断source_ids中如果包含ids中的id则不显示右键菜单
|
|
|
|
|
|
if (treeNode && treeNode.source_id) {
|
|
|
|
|
|
if (ids.includes(treeNode.source_id)) {
|
|
|
|
|
|
menus = [
|
|
|
|
|
|
"addDirectory",
|
|
|
|
|
|
"addResource",
|
|
|
|
|
|
"pictureLocation",
|
|
|
|
|
|
"importPanorama",
|
|
|
|
|
|
];
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
console.log("treeNode", treeNode);
|
2025-07-03 17:39:09 +08:00
|
|
|
|
console.log(menus);
|
|
|
|
|
|
if (menus.length == 0) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
// this.$changeComponentShow(".rightMenu", true);
|
|
|
|
|
|
// if (window.childNo) {
|
|
|
|
|
|
let that = this;
|
|
|
|
|
|
let menuBox = document.querySelector(".rightMenu");
|
|
|
|
|
|
menuBox.style.display = "block";
|
|
|
|
|
|
that.$nextTick(() => {
|
|
|
|
|
|
$root_home_index.$refs.tree.$refs.rightMenu.initMenu(menus, treeNode);
|
|
|
|
|
|
});
|
|
|
|
|
|
// }
|
|
|
|
|
|
},
|
|
|
|
|
|
beforeDrag(treeId, treeNodes) {
|
|
|
|
|
|
console.log("beforeDrag", treeId, treeNodes);
|
|
|
|
|
|
|
|
|
|
|
|
// if(treeNodes[0].isleaf == true){ //叶子节点
|
|
|
|
|
|
// return false
|
|
|
|
|
|
// }else{
|
|
|
|
|
|
// return true
|
|
|
|
|
|
// }
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 用于捕获节点拖拽操作结束的事件回调函数
|
|
|
|
|
|
* @param event 事件对象
|
|
|
|
|
|
* @param treeId 树形结构id
|
|
|
|
|
|
* @param treeNodes 被拖拽的节点 JSON 数据集合
|
|
|
|
|
|
* @param targetNode 成为 treeNodes 拖拽结束的目标节点 JSON 数据对象
|
|
|
|
|
|
* @param moveType
|
|
|
|
|
|
*/
|
|
|
|
|
|
onDrop(event, treeId, treeNodes, targetNode, moveType) {
|
|
|
|
|
|
console.log("用于捕获节点拖拽操作结束的事件回调函数");
|
|
|
|
|
|
console.log("1111", treeId, treeNodes, moveType, targetNode);
|
|
|
|
|
|
// 获取check的node下所有的节点，得到所有的id
|
|
|
|
|
|
let nodes = this.treeObj.getSelectedNodes();
|
|
|
|
|
|
let source_ids = [];
|
|
|
|
|
|
nodes.forEach((item) => {
|
|
|
|
|
|
source_ids.push(item.source_id);
|
|
|
|
|
|
});
|
|
|
|
|
|
let updateTree = (nodes, p_id) => {
|
|
|
|
|
|
nodes.forEach((item) => {
|
|
|
|
|
|
item.p_id = p_id;
|
|
|
|
|
|
this.treeObj.updateNode(item);
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
window.AllNodes = this.treeObj.getNodes();
|
|
|
|
|
|
/* else {*/
|
|
|
|
|
|
if (targetNode == null) {
|
|
|
|
|
|
updatePid(
|
|
|
|
|
|
{
|
|
|
|
|
|
source_ids,
|
|
|
|
|
|
p_id: "",
|
|
|
|
|
|
trees: [
|
|
|
|
|
|
{
|
|
|
|
|
|
source_id: treeNodes[0].source_id,
|
|
|
|
|
|
tree_index: treeNodes[0].getIndex(),
|
|
|
|
|
|
},
|
|
|
|
|
|
],
|
|
|
|
|
|
},
|
|
|
|
|
|
(res) => {
|
|
|
|
|
|
// updateTree(nodes, -1);
|
|
|
|
|
|
}
|
|
|
|
|
|
);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
// let ParentNode = nodes[0].getParentNode();
|
|
|
|
|
|
let Nodes = this.treeObj.getNodesByParam(
|
|
|
|
|
|
"level",
|
|
|
|
|
|
treeNodes[0].level,
|
|
|
|
|
|
null
|
|
|
|
|
|
);
|
|
|
|
|
|
console.log("Nodes", Nodes, treeNodes);
|
|
|
|
|
|
let trees = [];
|
|
|
|
|
|
Nodes.forEach((item) => {
|
|
|
|
|
|
trees.push({
|
|
|
|
|
|
source_id: item.source_id,
|
|
|
|
|
|
tree_index: item.getIndex(),
|
|
|
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
let p_id = ["prev", "next"].includes(moveType)
|
|
|
|
|
|
? targetNode.p_id
|
|
|
|
|
|
: targetNode.source_id;
|
|
|
|
|
|
if (p_id == "") {
|
|
|
|
|
|
p_id = -1;
|
|
|
|
|
|
}
|
|
|
|
|
|
console.log("p_id", this.treeObj.getSelectedNodes());
|
|
|
|
|
|
updatePid({ source_ids, p_id, trees }, (res) => {
|
|
|
|
|
|
console.log(res);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 用于捕获节点拖拽操作结束之前的事件<EFBFBD><EFBFBD>调函数，并且根据返回值确定是否允许此拖拽操作
|
|
|
|
|
|
* @param treeId 树形结构id
|
|
|
|
|
|
* @param treeNodes 被拖拽的节点 JSON 数据集合
|
|
|
|
|
|
* @param targetNode treeNodes 被拖拽放开的目标节点 JSON 数据对象
|
|
|
|
|
|
* @param moveType 指定移动到目标节点的相对位置《"inner"：成为子节点，"prev"：
|
|
|
|
|
|
* 成为同级前一个节点，"next"：成为同级后一个节点》
|
|
|
|
|
|
* @returns {boolean} 返回 false，zTree 将恢复被拖拽的节点，也无法触发 onDrop 事件回调函数
|
|
|
|
|
|
*/
|
|
|
|
|
|
beforeDrop(treeId, treeNodes, targetNode, moveType) {
|
2025-08-22 10:33:34 +08:00
|
|
|
|
if (
|
|
|
|
|
|
["prev", "next", "inner"].includes(moveType) &&
|
|
|
|
|
|
[
|
|
|
|
|
|
"模型图层",
|
|
|
|
|
|
"特效图层",
|
|
|
|
|
|
"标绘图层",
|
|
|
|
|
|
"二维军标图层",
|
|
|
|
|
|
"三维军标图层",
|
|
|
|
|
|
].includes(treeNodes[0].source_id)
|
|
|
|
|
|
) {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
2025-07-03 17:39:09 +08:00
|
|
|
|
if (
|
|
|
|
|
|
["prev", "next", "inner"].includes(moveType) &&
|
|
|
|
|
|
["pressModel", "terrainDig"].includes(treeNodes[0].source_type)
|
|
|
|
|
|
) {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (["prev", "next"].includes(moveType)) {
|
|
|
|
|
|
let parent = this.treeObj.getNodeByParam(
|
|
|
|
|
|
"source_id",
|
|
|
|
|
|
targetNode.p_id,
|
|
|
|
|
|
null
|
|
|
|
|
|
);
|
|
|
|
|
|
if (
|
|
|
|
|
|
parent &&
|
|
|
|
|
|
!treeNodeOption.nodeType[parent.source_type].allowChildren
|
|
|
|
|
|
)
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (targetNode) {
|
|
|
|
|
|
if (
|
|
|
|
|
|
moveType == "inner" &&
|
|
|
|
|
|
!treeNodeOption.nodeType[targetNode.source_type].allowChildren
|
|
|
|
|
|
) {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 用于捕获zTree上鼠标按键按下后的事件回调函数
|
|
|
|
|
|
* @param event
|
|
|
|
|
|
* @param treeId
|
|
|
|
|
|
* @param treeNode
|
|
|
|
|
|
*/
|
|
|
|
|
|
onMouseDown(event, treeId, treeNode) {
|
|
|
|
|
|
// console.log(treeNode);
|
|
|
|
|
|
// window.treeNode = treeNode
|
|
|
|
|
|
// treeNodeOption.cusSelectNode(this.treeObj, treeNode);
|
|
|
|
|
|
/*this.$changeComponentShow(".rightMenu", false);
|
|
|
|
|
|
this.treeObj.cancelSelectedNode()*/
|
|
|
|
|
|
let isShift = event.shiftKey;
|
|
|
|
|
|
let isCtrl = event.ctrlKey;
|
|
|
|
|
|
if ((!isShift && !isCtrl) || !treeNode) {
|
|
|
|
|
|
nodes = [];
|
|
|
|
|
|
}
|
2025-08-22 10:33:34 +08:00
|
|
|
|
let ids = [
|
|
|
|
|
|
"模型图层",
|
|
|
|
|
|
"特效图层",
|
|
|
|
|
|
"标绘图层",
|
|
|
|
|
|
"二维军标图层",
|
|
|
|
|
|
"三维军标图层",
|
|
|
|
|
|
];
|
|
|
|
|
|
if (treeNode) {
|
|
|
|
|
|
if (ids.includes(treeNode.source_type)) {
|
|
|
|
|
|
return false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
console.log("nodes", treeNode);
|
2025-07-03 17:39:09 +08:00
|
|
|
|
if (treeNode) {
|
|
|
|
|
|
nodes.push(treeNode);
|
|
|
|
|
|
//根据编辑表单的回调，控制图层的勾选显示
|
|
|
|
|
|
//判断是否是图层文件
|
|
|
|
|
|
if (isCtrl) {
|
|
|
|
|
|
let isSelected = this.treeObj
|
|
|
|
|
|
.getSelectedNodes()
|
|
|
|
|
|
.some((node) => node.source_id === treeNode.source_id);
|
|
|
|
|
|
if (isSelected) {
|
|
|
|
|
|
console.log("isSelected", isSelected, nodes);
|
|
|
|
|
|
// 如果节点已选中，则取消选中
|
|
|
|
|
|
nodes = nodes.filter(
|
|
|
|
|
|
(node) => node.source_id !== treeNode.source_id
|
|
|
|
|
|
);
|
|
|
|
|
|
} else {
|
|
|
|
|
|
// 如果节点未选中，则添加到选中列表
|
|
|
|
|
|
nodes.push(treeNode);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (
|
|
|
|
|
|
treeNode.source_type !== "directory" &&
|
|
|
|
|
|
treeNode.source_type !== "layer"
|
|
|
|
|
|
) {
|
|
|
|
|
|
if (
|
|
|
|
|
|
!(
|
|
|
|
|
|
_entityMap.get(treeNode.source_id) &&
|
|
|
|
|
|
_entityMap.get(treeNode.source_id).Dialog
|
|
|
|
|
|
)
|
|
|
|
|
|
) {
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
_entityMap.get(treeNode.source_id).Dialog.showCallBack = () => {
|
|
|
|
|
|
// 获取check的node下所有的节点，得到所有的id
|
|
|
|
|
|
treeNode.is_show = !treeNode.is_show;
|
|
|
|
|
|
let nodes = this.treeObj.transformToArray(treeNode);
|
|
|
|
|
|
let source_ids = [];
|
|
|
|
|
|
nodes.forEach((item) => {
|
|
|
|
|
|
source_ids.push(item.source_id);
|
|
|
|
|
|
});
|
|
|
|
|
|
//根据source_id获取对应的资源更改其在地球上的显示状态
|
|
|
|
|
|
let sourceStatus = (source_ids, status) => {
|
|
|
|
|
|
source_ids.forEach((id) => {
|
|
|
|
|
|
let source = window._entityMap.get(id);
|
|
|
|
|
|
let node = this.treeObj.getNodeByParam("source_id", id, null);
|
|
|
|
|
|
if (window.right_entityMap.get(treeNode.source_id))
|
|
|
|
|
|
window.right_entityMap.get(treeNode.source_id).show = status;
|
|
|
|
|
|
window._entityMap.get(treeNode.source_id).show = status;
|
|
|
|
|
|
node.is_show = status;
|
|
|
|
|
|
cusUpdateNode(node);
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
// 调用接口更改数据库is_show的值
|
|
|
|
|
|
if (treeNode.is_show)
|
|
|
|
|
|
showSource({ source_ids }, (data) => {
|
|
|
|
|
|
sourceStatus(source_ids, treeNode.is_show);
|
|
|
|
|
|
});
|
|
|
|
|
|
else
|
|
|
|
|
|
hideSource({ source_ids }, (data) => {
|
|
|
|
|
|
sourceStatus(source_ids, treeNode.is_show);
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
this.treeObj.cancelSelectedNode();
|
|
|
|
|
|
this.$changeComponentShow(".rightMenu", false);
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
// onMouseDown(event, treeId, treeNode) {
|
|
|
|
|
|
// let isShift = event.shiftKey;
|
|
|
|
|
|
// let isCtrl = event.ctrlKey;
|
|
|
|
|
|
|
|
|
|
|
|
// // 如果点击的不是节点，清空选择并隐藏右键菜单
|
|
|
|
|
|
// if (!treeNode) {
|
|
|
|
|
|
// nodes = [];
|
|
|
|
|
|
// this.treeObj.cancelSelectedNode();
|
|
|
|
|
|
// this.$changeComponentShow(".rightMenu", false);
|
|
|
|
|
|
// return;
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// // 处理 Ctrl 键多选
|
|
|
|
|
|
// if (isCtrl) {
|
|
|
|
|
|
// let isSelected = this.treeObj
|
|
|
|
|
|
// .getSelectedNodes()
|
|
|
|
|
|
// .some((node) => node.source_id === treeNode.source_id);
|
|
|
|
|
|
|
|
|
|
|
|
// if (isSelected) {
|
|
|
|
|
|
// console.log("isSelected");
|
|
|
|
|
|
// // 如果节点已选中，则取消选中
|
|
|
|
|
|
// this.treeObj.cancelSelectedNode(treeNode);
|
|
|
|
|
|
// nodes = nodes.filter((node) => node.source_id !== treeNode.source_id);
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// console.log("如果节点未选中，则添加到选中列表");
|
|
|
|
|
|
|
|
|
|
|
|
// // 如果节点未选中，则添加到选中列表
|
|
|
|
|
|
// this.treeObj.selectNode(treeNode, true);
|
|
|
|
|
|
// nodes.push(treeNode);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// /* nodes.forEach((item) => {
|
|
|
|
|
|
// // this.treeObj.selectNode(item, true);
|
|
|
|
|
|
// }); */
|
|
|
|
|
|
// } else if (!isShift) {
|
|
|
|
|
|
// // 如果没有按下Ctrl或Shift，则只选中当前节点
|
|
|
|
|
|
// nodes = [treeNode];
|
|
|
|
|
|
// this.treeObj.cancelSelectedNode();
|
|
|
|
|
|
// this.treeObj.selectNode(treeNode, true);
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// // Shift 多选逻辑保持不变
|
|
|
|
|
|
// nodes.push(treeNode);
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// // 处理非目录和非图层类型的节点
|
|
|
|
|
|
// if (
|
|
|
|
|
|
// treeNode.source_type !== "directory" &&
|
|
|
|
|
|
// treeNode.source_type !== "layer"
|
|
|
|
|
|
// ) {
|
|
|
|
|
|
// if (
|
|
|
|
|
|
// !(
|
|
|
|
|
|
// _entityMap.get(treeNode.source_id) &&
|
|
|
|
|
|
// _entityMap.get(treeNode.source_id).Dialog
|
|
|
|
|
|
// )
|
|
|
|
|
|
// ) {
|
|
|
|
|
|
// return;
|
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
|
|
// _entityMap.get(treeNode.source_id).Dialog.showCallBack = () => {
|
|
|
|
|
|
// // 获取check的node下所有的节点，得到所有的id
|
|
|
|
|
|
// treeNode.is_show = !treeNode.is_show;
|
|
|
|
|
|
// let nodes = this.treeObj.transformToArray(treeNode);
|
|
|
|
|
|
// let source_ids = [];
|
|
|
|
|
|
// nodes.forEach((item) => {
|
|
|
|
|
|
// source_ids.push(item.source_id);
|
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
|
|
// //根据source_id获取对应的资源更改其在地球上的显示状态
|
|
|
|
|
|
// let sourceStatus = (source_ids, status) => {
|
|
|
|
|
|
// source_ids.forEach((id) => {
|
|
|
|
|
|
// let source = window._entityMap.get(id);
|
|
|
|
|
|
// let node = this.treeObj.getNodeByParam("source_id", id, null);
|
|
|
|
|
|
// if (window.right_entityMap.get(treeNode.source_id)) {
|
|
|
|
|
|
// window.right_entityMap.get(treeNode.source_id).show = status;
|
|
|
|
|
|
// }
|
|
|
|
|
|
// window._entityMap.get(treeNode.source_id).show = status;
|
|
|
|
|
|
// node.is_show = status;
|
|
|
|
|
|
// cusUpdateNode(node);
|
|
|
|
|
|
// });
|
|
|
|
|
|
// };
|
|
|
|
|
|
|
|
|
|
|
|
// // 调用接口更改数据库is_show的值
|
|
|
|
|
|
// if (treeNode.is_show) {
|
|
|
|
|
|
// showSource({ source_ids }, (data) => {
|
|
|
|
|
|
// sourceStatus(source_ids, treeNode.is_show);
|
|
|
|
|
|
// });
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// hideSource({ source_ids }, (data) => {
|
|
|
|
|
|
// sourceStatus(source_ids, treeNode.is_show);
|
|
|
|
|
|
// });
|
|
|
|
|
|
// }
|
|
|
|
|
|
// };
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// this.treeObj.cancelSelectedNode();
|
|
|
|
|
|
// this.$changeComponentShow(".rightMenu", false);
|
|
|
|
|
|
// }
|
|
|
|
|
|
// },
|
|
|
|
|
|
onClick(e, treeId, treeNode, clickFlagNumber) {
|
|
|
|
|
|
let isShift = e.shiftKey;
|
|
|
|
|
|
let isCtrl = e.ctrlKey;
|
|
|
|
|
|
// 点击文件夹，下面所有的source_id
|
|
|
|
|
|
if (isShift) {
|
|
|
|
|
|
if (nodes.length > 1) {
|
|
|
|
|
|
//如果是按下shift键
|
|
|
|
|
|
let pId = treeNode.p_id;
|
|
|
|
|
|
let nodeIndexs = [];
|
|
|
|
|
|
nodes.forEach((item) => {
|
|
|
|
|
|
nodeIndexs.push(item.getIndex());
|
|
|
|
|
|
});
|
|
|
|
|
|
let Nodes = this.treeObj.getNodesByParam("p_id", pId, null);
|
|
|
|
|
|
nodeIndexs.sort((x, y) => x - y);
|
|
|
|
|
|
let minIndex = nodeIndexs[0];
|
|
|
|
|
|
let maxIndex = nodeIndexs[nodeIndexs.length - 1];
|
|
|
|
|
|
Nodes.forEach((item) => {
|
|
|
|
|
|
let i = item.getIndex();
|
|
|
|
|
|
if (i >= minIndex && i <= maxIndex) {
|
|
|
|
|
|
this.treeObj.selectNode(item, true);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (isCtrl) {
|
|
|
|
|
|
nodes.forEach((item) => {
|
|
|
|
|
|
this.treeObj.selectNode(item, true);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
//物理沙盘-传输对方数据
|
|
|
|
|
|
// if (nodes[0].source_type === 'point') {
|
|
|
|
|
|
// ipcRenderer.send('setNodes', '110');
|
|
|
|
|
|
// ipcRenderer.on("replayRenderer", (event, data) => {
|
|
|
|
|
|
// this.$message.success(data)
|
|
|
|
|
|
// });
|
|
|
|
|
|
// }
|
|
|
|
|
|
if (!isCtrl || !isShift) {
|
|
|
|
|
|
let source_ids = [];
|
|
|
|
|
|
console.log("treeNode", treeNode);
|
|
|
|
|
|
// 判断是否是图层文件
|
|
|
|
|
|
if (treeNode.source_type == "directory") {
|
|
|
|
|
|
// 获取treeNode下面的所有souer_id
|
|
|
|
|
|
if (treeNode.children) {
|
|
|
|
|
|
treeNode.children.forEach((item) => {
|
|
|
|
|
|
source_ids.push(item.source_id);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
source_ids.push(treeNode.source_id);
|
|
|
|
|
|
}
|
|
|
|
|
|
console.log("source_ids", source_ids);
|
|
|
|
|
|
YJ.Global.splitScreen.setActiveId(source_ids);
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 捕获 zTree 上鼠标双击之后的事件回调函数s
|
|
|
|
|
|
* @param event
|
|
|
|
|
|
* @param treeId
|
|
|
|
|
|
* @param treeNode
|
|
|
|
|
|
*/
|
|
|
|
|
|
onDblClick(event, treeId, treeNode) {
|
2025-08-22 10:33:34 +08:00
|
|
|
|
console.log("双击文件夹", treeNode);
|
2025-07-03 17:39:09 +08:00
|
|
|
|
let entity = window._entityMap.get(treeNode.source_id);
|
2025-07-17 18:54:05 +08:00
|
|
|
|
// if (!entity) {
|
|
|
|
|
|
// this.$message.warning("无资源数据");
|
|
|
|
|
|
// }
|
2025-07-03 17:39:09 +08:00
|
|
|
|
//飞行漫游
|
|
|
|
|
|
if (treeNode.source_type === "roam") {
|
|
|
|
|
|
this.$message("单击鼠标右键可结束当前漫游");
|
|
|
|
|
|
YJ.Global.FlyRoam.flyTo(window.Earth1, treeNode.detail.points);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
// 轨迹运动
|
|
|
|
|
|
if (treeNode.source_type === "path") {
|
|
|
|
|
|
if (window.$PATH) {
|
|
|
|
|
|
window.$PATH.viewFollow = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
window.$PATH = entity;
|
|
|
|
|
|
entity.viewFollow = true;
|
|
|
|
|
|
return;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if (window.$PATH) {
|
|
|
|
|
|
window.$PATH.viewFollow = false;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (treeNode.source_type === "Feature") {
|
|
|
|
|
|
console.log("shon", treeNode);
|
|
|
|
|
|
window._entityMap.get(treeNode.fid).flyTo(treeNode.source_id);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
// "groundImage"
|
|
|
|
|
|
if (treeNode.source_type === "groundImage") {
|
|
|
|
|
|
window._entityMap.get(treeNode.source_id).load(() => {
|
|
|
|
|
|
window._entityMap.get(treeNode.source_id).flyTo();
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
if (
|
|
|
|
|
|
treeNode.source_type === "node" ||
|
|
|
|
|
|
treeNode.source_type === "element"
|
|
|
|
|
|
) {
|
|
|
|
|
|
let bim = window._entityMap
|
|
|
|
|
|
.get(treeNode.fid)
|
|
|
|
|
|
.featureFlyto(treeNode.source_id.split("_")[0]);
|
|
|
|
|
|
|
|
|
|
|
|
console.log("双击", bim, treeNode.source_id.split("_")[0]);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (treeNode && entity) {
|
|
|
|
|
|
window._entityMap.get(treeNode.source_id).flyTo();
|
|
|
|
|
|
window.right_entityMap.get(treeNode.source_id) &&
|
|
|
|
|
|
window.right_entityMap.get(treeNode.source_id).flyTo();
|
|
|
|
|
|
// if (treeNode.source_type == "path") {
|
|
|
|
|
|
// $root_home_index.$refs.editor.$refs.path.trajectoryObj[
|
|
|
|
|
|
// treeNode.source_id + "obj"
|
|
|
|
|
|
// ].cameraAttached = true;
|
|
|
|
|
|
// window._entityMap.get(treeNode.source_id).playing = true;
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// if (treeNode.detail.hasOwnProperty("customView")) {
|
|
|
|
|
|
// YJ.Global.flyTo(treeNode.detail.customView);
|
|
|
|
|
|
// } else {
|
|
|
|
|
|
// window._entityMap.get(treeNode.source_id).flyTo();
|
|
|
|
|
|
// window.right_entityMap.get(treeNode.source_id) &&
|
|
|
|
|
|
// window.right_entityMap.get(treeNode.source_id).flyTo();
|
|
|
|
|
|
// }
|
|
|
|
|
|
// }
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
|
|
|
* 捕获 checkbox / radio 被勾选 或 取消勾选的事件回调函数
|
|
|
|
|
|
* @param event
|
|
|
|
|
|
* @param treeId
|
|
|
|
|
|
* @param treeNode
|
|
|
|
|
|
*/
|
|
|
|
|
|
onCheck(event, treeId, treeNode) {
|
|
|
|
|
|
console.log(treeNode);
|
|
|
|
|
|
// 获取check的node下所有的节点，得到所有的id
|
|
|
|
|
|
let nodes = this.treeObj.transformToArray(treeNode);
|
|
|
|
|
|
let source_ids = [];
|
|
|
|
|
|
nodes.forEach((item) => {
|
|
|
|
|
|
if (item.isHidden == false) {
|
|
|
|
|
|
source_ids.push(item.source_id);
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
//根据source_id获取对应的资源更改其在地球上的显示状态
|
|
|
|
|
|
let sourceStatus = (source_ids, status) => {
|
|
|
|
|
|
source_ids.forEach((id) => {
|
|
|
|
|
|
// let node1 = this.treeObj.getNodeByParam("source_id", id, null);
|
|
|
|
|
|
// console.log("ddddddddddddddddddddddd", id, node1);
|
|
|
|
|
|
// let source1 = window._entityMap.get(id);
|
|
|
|
|
|
// console.log("source1", source1);
|
|
|
|
|
|
// return;
|
|
|
|
|
|
let source = window._entityMap.get(id);
|
|
|
|
|
|
let node = this.treeObj.getNodeByParam("source_id", id, null);
|
|
|
|
|
|
console.log("source", source, node);
|
|
|
|
|
|
node.source_name = node.oldname || node.source_name;
|
|
|
|
|
|
if (node.source_type == "Feature") {
|
|
|
|
|
|
let shp = window._entityMap.get(node.fid);
|
|
|
|
|
|
shp.setShow(status, id);
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
|
|
|
|
|
if (node.source_type == "FeatureCollection") {
|
|
|
|
|
|
let shp = window._entityMap.get(node.fid);
|
|
|
|
|
|
console.log("shp", shp);
|
|
|
|
|
|
node.children.forEach((item) => {
|
|
|
|
|
|
shp.setShow(status, item.source_id);
|
2025-08-22 10:33:34 +08:00
|
|
|
|
console.log("item", status, item);
|
2025-07-03 17:39:09 +08:00
|
|
|
|
});
|
|
|
|
|
|
return;
|
|
|
|
|
|
}
|
2025-09-02 10:01:05 +08:00
|
|
|
|
if (node.source_type == "pressModel") {
|
|
|
|
|
|
let p_entity = window._entityMap.get(node.p_id);
|
2025-07-03 17:39:09 +08:00
|
|
|
|
let entity = window._entityMap.get(node.source_id);
|
2025-09-02 10:01:05 +08:00
|
|
|
|
if (p_entity && status == true) {
|
|
|
|
|
|
p_entity.show = status;
|
|
|
|
|
|
}else if(entity){
|
2025-07-03 17:39:09 +08:00
|
|
|
|
entity.show = status;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
if (node.source_type == "node" || node.source_type == "element") {
|
|
|
|
|
|
let bim = window._entityMap.get(node.fid);
|
|
|
|
|
|
bim.featureShow(node.source_id.split("_")[0], status);
|
|
|
|
|
|
}
|
|
|
|
|
|
if (node.source_type == "roam") {
|
|
|
|
|
|
let num;
|
|
|
|
|
|
if (status) {
|
|
|
|
|
|
num = Infinity;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
num = 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
node.detail.repeat = num;
|
|
|
|
|
|
YJ.Global.FlyRoam.setRepeat(num);
|
|
|
|
|
|
}
|
|
|
|
|
|
if (window.right_entityMap.get(treeNode.source_id))
|
|
|
|
|
|
window.right_entityMap.get(treeNode.source_id).show = status;
|
|
|
|
|
|
if (node.source_type == "path") {
|
|
|
|
|
|
let pathModel = window._entityMap.get(id);
|
|
|
|
|
|
// console.log("pathModel+++++++++++++", pathModel, pathModel.modelShow);
|
|
|
|
|
|
if (pathModel) {
|
|
|
|
|
|
pathModel.show = status;
|
|
|
|
|
|
// pathModel.modelShow = status;
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
if (source) {
|
|
|
|
|
|
source.show = status;
|
|
|
|
|
|
} else {
|
|
|
|
|
|
cusRenderNode(node);
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
});
|
|
|
|
|
|
};
|
|
|
|
|
|
//调用接口更改数据库is_show的值
|
|
|
|
|
|
if (treeNode.is_show) {
|
|
|
|
|
|
showSource({ source_ids }, (data) => {
|
|
|
|
|
|
console.log(data);
|
|
|
|
|
|
sourceStatus(source_ids, treeNode.is_show);
|
|
|
|
|
|
});
|
|
|
|
|
|
} else {
|
|
|
|
|
|
hideSource({ source_ids }, (data) => {
|
|
|
|
|
|
console.log(data);
|
|
|
|
|
|
sourceStatus(source_ids, treeNode.is_show);
|
|
|
|
|
|
});
|
|
|
|
|
|
}
|
|
|
|
|
|
// YJ.Global.splitScreen.setActiveId([]);
|
|
|
|
|
|
},
|
|
|
|
|
|
},
|
|
|
|
|
|
};
|
|
|
|
|
|
export default tree;
|
