- ${pointData.title} + ${pointData.towerName}
基础开挖
- 2025-04-24
+ ${pointData.time1 || "/"}
基础开挖完成
- 2025-04-24
+ ${pointData.time2 || "/"}
基础浇筑完成
- 2025-04-24
+ ${pointData.time3 || "/"}
铁塔组立
- 2025-04-24
+ ${pointData.time4 || "/"}
铁塔组立完成
- 2025-04-24
+ ${pointData.time5 || "/"}
架线施工完成
- 2025-04-24
+ ${pointData.time6 || "/"}
+
+
+
`;
- }
- // 创建信息窗口，禁用默认样式
- const infoWindow = new BMapGL.InfoWindow(infoContent, {
- width: 0, // 宽度设为0，让内容决定宽度
- height: 0, // 高度设为0，让内容决定高度
- offset: new BMapGL.Size(0, -20), // 调整偏移量
- enableAutoPan: true, // 自动平移地图
- enableCloseOnClick: true, // 点击地图不关闭
- });
+ // 创建信息窗口，禁用默认样式
+ const infoWindow = new BMapGL.InfoWindow(infoContent, {
+ width: 0, // 宽度设为0，让内容决定宽度
+ height: 0, // 高度设为0，让内容决定高度
+ offset: new BMapGL.Size(0, -20), // 调整偏移量
+ enableAutoPan: true, // 自动平移地图
+ enableCloseOnClick: true, // 点击地图不关闭
+ });
- marker.addEventListener("click", function () {
- this.openInfoWindow(infoWindow);
+ marker.addEventListener("click", function () {
+ this.openInfoWindow(infoWindow);
- // 移除百度地图默认添加的三角箭头
- setTimeout(() => {
- const infoWindowElements =
- document.getElementsByClassName("BMap_bubble_pop");
- if (infoWindowElements.length > 0) {
- const popup = infoWindowElements[0];
- // 移除箭头元素
- const arrows =
- popup.getElementsByClassName("BMap_bubble_arrow");
- while (arrows[0]) {
- arrows[0].parentNode.removeChild(arrows[0]);
+ // 移除百度地图默认添加的三角箭头
+ setTimeout(() => {
+ const infoWindowElements =
+ document.getElementsByClassName("BMap_bubble_pop");
+ if (infoWindowElements.length > 0) {
+ const popup = infoWindowElements[0];
+ // 移除箭头元素
+ const arrows =
+ popup.getElementsByClassName("BMap_bubble_arrow");
+ while (arrows[0]) {
+ arrows[0].parentNode.removeChild(arrows[0]);
+ }
+ // 移除百度地图添加的额外样式
+ popup.style.background = "none";
+ popup.style.border = "none";
+ popup.style.boxShadow = "none";
}
- // 移除百度地图添加的额外样式
- popup.style.background = "none";
- popup.style.border = "none";
- popup.style.boxShadow = "none";
- }
- }, 50);
- });
+ }, 50);
+ });
- map.addOverlay(marker);
- });
+ map.addOverlay(marker);
+ });
+ }
// 调整视野使所有点可见
+
if (bounds.length > 0) {
- map.setViewport(bounds);
+ map.setViewport(calculateBounds(bounds), {
+ zoomFactor: 0.5, // 可选：缩放系数（0-1，值越小视野越大）
+ });
}
}
+function calculateBounds(points) {
+ console.log(points, "points999");
+ var lngs = points.map((p) => p.lng);
+ var lats = points.map((p) => p.lat);
+ var minLng = Math.min(...lngs);
+ var maxLng = Math.max(...lngs);
+ var minLat = Math.min(...lats);
+ var maxLat = Math.max(...lats);
+ return new BMapGL.Bounds(
+ new BMapGL.Point(minLng, minLat),
+ new BMapGL.Point(maxLng, maxLat)
+ );
+}
+
// 添加标点折线（智能绘制虚实线）
function addMapLine() {
- if (config.points.length < 2) return;
-
// 存储所有线段
const segments = [];
+ // 绘制杆塔线
+ if (towerList.length > 0) {
+ for (let i = 0; i < towerList.length - 1; i++) {
+ const startPoint = towerList[i];
+ const endPoint = towerList[i + 1];
- // 遍历点数组，创建线段
- for (let i = 0; i < config.points.length - 1; i++) {
- const startPoint = config.points[i];
- const endPoint = config.points[i + 1];
+ let lineColor = "";
+ let lineStyle = "";
+ if (
+ startPoint.towerProgress === 7 &&
+ endPoint.towerProgress === 7
+ ) {
+ lineColor = "#5ad8a6";
+ lineStyle = "solid";
+ } else if (startPoint.existSpan === 1 && endPoint.existSpan === 1) {
+ lineColor = "#d81e06";
+ lineStyle = "dashed";
+ } else {
+ lineColor = "#fff";
+ lineStyle = "dashed";
+ }
- // 判断两点是否都已完成
- const isSegmentCompleted =
- startPoint.isCompleted && endPoint.isCompleted;
+ // 创建线段点数组
+ const segmentPoints = [
+ new BMapGL.Point(startPoint.baiduLon, startPoint.baiduLat),
+ new BMapGL.Point(endPoint.baiduLon, endPoint.baiduLat),
+ ];
- // 创建线段点数组
- const segmentPoints = [
- new BMapGL.Point(startPoint.lng, startPoint.lat),
- new BMapGL.Point(endPoint.lng, endPoint.lat),
- ];
+ // 设置线段样式
+ const segmentOptions = {
+ strokeColor: lineColor, // 根据类型获取颜色
+ strokeWeight: config.polyline.strokeWeight,
+ strokeOpacity: config.polyline.strokeOpacity,
+ enableEditing: config.polyline.enableEditing,
+ enableClicking: config.polyline.enableClicking,
+ strokeStyle: lineStyle,
+ };
- // 设置线段样式
- const segmentOptions = {
- strokeColor: getSegmentColor(startPoint, endPoint), // 根据类型获取颜色
- strokeWeight: config.polyline.strokeWeight,
- strokeOpacity: config.polyline.strokeOpacity,
- enableEditing: config.polyline.enableEditing,
- enableClicking: config.polyline.enableClicking,
- strokeStyle: isSegmentCompleted ? "solid" : "dashed",
- };
-
- // 如果是虚线，设置虚线样式
- if (!isSegmentCompleted) {
- segmentOptions.strokeDashArray = [10, 5];
- segmentOptions.strokeOpacity = 0.6; // 虚线透明度降低
+ // 创建线段并添加到数组
+ segments.push(new BMapGL.Polyline(segmentPoints, segmentOptions));
}
+ }
- // 创建线段并添加到数组
- segments.push(new BMapGL.Polyline(segmentPoints, segmentOptions));
+ // 绘制交叉线路
+ if (crossingListNew.length > 0) {
+ for (let i = 0; i < crossingListNew.length - 1; i++) {
+ const startPoint = crossingListNew[i];
+ const endPoint = crossingListNew[i + 1];
+
+ // 创建线段点数组
+ const segmentPoints = [
+ new BMapGL.Point(startPoint.baiduLon, startPoint.baiduLat),
+ new BMapGL.Point(endPoint.baiduLon, endPoint.baiduLat),
+ ];
+
+ // 设置线段样式
+ const segmentOptions = {
+ strokeColor: "#fff", // 根据类型获取颜色
+ strokeWeight: config.polyline.strokeWeight,
+ strokeOpacity: config.polyline.strokeOpacity,
+ enableEditing: config.polyline.enableEditing,
+ enableClicking: config.polyline.enableClicking,
+ strokeStyle: "solid",
+ };
+
+ // 创建线段并添加到数组
+ segments.push(new BMapGL.Polyline(segmentPoints, segmentOptions));
+ }
}
// 将所有线段添加到地图
@@ -398,11 +752,66 @@ function getSegmentColor(startPoint, endPoint) {
return config.polyline.strokeColor;
}
-// 初始化地图
-initMap();
+// 获取组织树数据
+function getOrgTreeData() {
+ ajaxRequest(
+ dataUrl + "/backstage/digitalSignage/getProTree",
+ "POST",
+ {},
+ true,
+ function () {},
+ function (result) {
+ console.log(result, "组织机构树数据获取成功---");
+ const { data } = result;
+
+ // 判断是否有工程 有的话取第一个
+ if (data && data.length > 0) {
+ setSpreadToNodes(data);
+ treeData = data;
+ // 获取第一个工程
+ if (
+ data[0].children &&
+ data[0].children.length > 0 &&
+ data[0].children[0].children &&
+ data[0].children[0].children.length > 0
+ ) {
+ nodeId = data[0].children[0].children[0].id;
+
+ if (
+ data[0].children[0].children[0].lon &&
+ data[0].children[0].children[0].lat
+ ) {
+ intLng = data[0].children[0].children[0].lon;
+ intLat = data[0].children[0].children[0].lat;
+ }
+
+ getScrollData(nodeId);
+ getLegendData(nodeId);
+ getLocationInfo(nodeId);
+ }
+ }
+ },
+ function (xhr) {
+ error(xhr);
+ }
+ );
+}
+getOrgTreeData();
+// 递归
+function setSpreadToNodes(nodes, spreadValue = true) {
+ if (!nodes || !Array.isArray(nodes)) return;
+
+ nodes.forEach((node) => {
+ node.spread = spreadValue;
+
+ if (node.children && node.children.length > 0) {
+ setSpreadToNodes(node.children, spreadValue);
+ }
+ });
+}
// 获取左上角滚动数据源
-function getScrollData() {
+function getScrollData(id) {
const scrollData = [
{
name: "跨线路",
@@ -477,29 +886,102 @@ function getScrollData() {
],
},
];
+ const params = {
+ encryptedData: encryptCBC(JSON.stringify({ id })),
+ };
+ ajaxRequest(
+ dataUrl + "/backstage/digitalSignage/getThreeSpans",
+ "POST",
+ params,
+ true,
+ function () {},
+ function (result) {
+ // console.log(result, "左上角滚动数据获取成功---");
- let scrollBox = $(".content-wrapper");
- let innerHtml = "";
- scrollData.forEach((item, index) => {
- // 跨域描述内容
- let describeHtml = "";
- if (item.content && item.content.length > 0) {
- item.content.forEach((d, dIndex) => {
- describeHtml += `${d.name}:${d.value}`;
- });
+ const { data } = result;
+
+ let scrollBox = $(".content-wrapper");
+ let innerHtml = "";
+ if (data && data.length > 0) {
+ data.forEach((item) => {
+ let describeHtml = "";
+ if (item.spanType === "跨线路") {
+ describeHtml += `
+ 上层线路：${item.upperLine}
+ 下层线路: ${item.lowerLine}
+ 交叉角度: ${item.intersectionAngle} °
+ 垂直距离: ${item.verticalDistance} m
+ 安全裕度: ${item.safetyMargin} °
+ `;
+ } else {
+ describeHtml += `
+ 垂直净距：${item.verticalClearDistance} m
+ 杆塔间距: ${item.towerSpacing} m
+ 公路宽度: ${item.highwayWidth} m
+ `;
+ }
+
+ // 单行数据
+ innerHtml += `
+
+
+ + ${pointData.towerInfoVo.towerName} +
+
+ 基础开挖
+ ${pointData.towerInfoVo.time1 || "/"}
+
+
+ 基础开挖完成
+
+ ${pointData.towerInfoVo.time2 || "/"}
+
+
+
+ 基础浇筑完成
+
+ ${pointData.towerInfoVo.time3 || "/"}
+
+
+
+ 铁塔组立
+
+ ${pointData.towerInfoVo.time4 || "/"}
+
+
+
+ 铁塔组立完成
+
+ ${pointData.towerInfoVo.time5 || "/"}
+
+
+
+ 架线施工完成
+
+ ${pointData.towerInfoVo.time6 || "/"}
+
+
+
+
+ 交叉跨越信息 ( ${pointData.spanTowerName} ) +
+
+ 上层线路
+ ${pointData.upperLine}
+
+
+ 下层线路
+ ${pointData.lowerLine}
+
+
+ 交叉角度
+ ${pointData.intersectionAngle} °
+
+
+ 垂直距离
+ ${pointData.verticalDistance} m
+
+
+ 安全裕度
+ ${pointData.safetyMargin} °
+
+ ${item.spanType}
+
+ 
+ ${item.towerName} - ${item.nextTowerName}
+
+ ${describeHtml}
+
+ `;
+ });
+ }
+
+ scrollBox.html(innerHtml);
+ },
+ function (xhr) {
+ error(xhr);
}
-
- // 单行数据
- innerHtml += `
+ ${item.towerName} - ${item.nextTowerName}
+
+ ${describeHtml}
+
- ${item.name}
- ${item.location}
- ${describeHtml}
-
`;
- });
- scrollBox.html(innerHtml);
+ );
}
-getScrollData();
+// 获取左下角图例数据源
+function getLegendData(id) {
+ const params = {
+ encryptedData: encryptCBC(JSON.stringify({ id })),
+ };
+
+ ajaxRequest(
+ dataUrl + "/backstage/digitalSignage/getTowerProgressNum",
+ "POST",
+ params,
+ true,
+ function () {},
+ function (result) {
+ const { data } = result;
+
+ if (data) {
+ Object.values(data).forEach((value, index) => {
+ legendData[index].value = value;
+ });
+ }
+
+ const legendBox = $(".legend-box");
+ let innerHtml = "";
+ legendData.forEach((item, index) => {
+ innerHtml += `
+
+ 
+ ${item.name}
+ ${item.value}
+
+ `;
+ });
+ legendBox.html(innerHtml);
+ },
+ function (xhr) {
+ error(xhr);
+ }
+ );
+}
document.addEventListener("DOMContentLoaded", function () {
const scrollContent = document.getElementById("scrollContent");
@@ -567,57 +1049,49 @@ document.addEventListener("DOMContentLoaded", function () {
tree.render({
elem: "#orgTree", // 绑定元素
id: "orgTree", // 自定义索引
- data: getTreeData(), // 获取数据
+ data: treeData, // 获取数据
showCheckbox: false, // 是否显示复选框
isJump: false, // 是否允许点击节点时弹出新窗口
accordion: true, // 是否开启手风琴模式
edit: false, // 是否开启节点的操作图标
onlyIconControl: true, // 是否仅允许节点左侧图标控制展开收缩
click: function (obj) {
- console.log(obj.data); // 点击节点时的回调
- // 这里可以添加点击节点后的处理逻辑
+ console.log(obj.data);
+ // 判断是否是叶子节点（没有子节点或子节点数组为空）
+ if (
+ !obj.data.children ||
+ obj.data.children.length === 0
+ ) {
+ setActiveNode(obj.elem);
+ nodeId = obj.data.id;
+ getScrollData(nodeId);
+ getLegendData(nodeId);
+ getLocationInfo(nodeId);
+ } else {
+ }
+ },
+ done: function () {
+ console.log("树准备完毕");
+ expandToNodeId(nodeId);
},
});
}
- // 模拟获取树形数据（实际项目中替换为AJAX请求）
- function getTreeData() {
- return [
- {
- title: "总公司",
- id: 1,
- children: [
- {
- title: "技术部",
- id: 11,
- children: [
- { title: "前端组", id: 111 },
- { title: "后端组", id: 112 },
- { title: "测试组", id: 113 },
- ],
- },
- {
- title: "市场部",
- id: 12,
- children: [
- { title: "销售组", id: 121 },
- { title: "推广组", id: 122 },
- ],
- },
- {
- title: "人事部",
- id: 13,
- children: [
- { title: "招聘组", id: 131 },
- { title: "培训组", id: 132 },
- ],
- },
- ],
- },
- ];
+ initOrgTree();
+ setActiveNodeNew(nodeId);
+
+ function setActiveNode(elem) {
+ $("#orgTree")
+ .find(".layui-tree-click")
+ .removeClass("layui-tree-click");
+ $(elem).addClass("layui-tree-click");
}
- initOrgTree();
+ function setActiveNodeNew(nodeId) {
+ $("#orgTree")
+ .find('[data-id="' + nodeId + '"]')
+ .addClass("layui-tree-click");
+ }
});
});
@@ -637,72 +1111,3 @@ document.addEventListener("DOMContentLoaded", function () {
}
});
});
-
-// 获取左下角图例数据源
-function getLegendData() {
- const legendData = [
- {
- name: "基础开挖",
- value: "6",
- icon: "../../img/digitalSignage/yellow.png",
- },
- {
- name: "开挖完成",
- value: "6",
- icon: "../../img/digitalSignage/green.png",
- },
- {
- name: "浇筑完成",
- value: "6",
- icon: "../../img/digitalSignage/blue.png",
- },
- {
- name: "铁塔组立",
- value: "6",
- icon: "../../img/digitalSignage/orange.png",
- },
- {
- name: "组塔完成",
- value: "6",
- icon: "../../img/digitalSignage/zt_red.png",
- },
- {
- name: "架线完成",
- value: "6",
- icon: "../../img/digitalSignage/zt_purple.png",
- },
- {
- name: "附件安装",
- value: "6",
- icon: "../../img/digitalSignage/zt_green.png",
- },
- {
- name: "未 开 始",
- value: "6",
- icon: "../../img/digitalSignage/white.png",
- },
- {
- name: "索道运输",
- value: "6",
- icon: "../../img/digitalSignage/sd.png",
- },
- {
- name: "项 目 部",
- value: "6",
- icon: "../../img/digitalSignage/yellow.png",
- },
- ];
-
- const legendBox = $(".legend-box");
- let innerHtml = "";
- legendData.forEach((item, index) => {
- innerHtml += `
-
- ${item.name}
- ${item.value}
-
`;
- });
- legendBox.html(innerHtml);
-}
-
-getLegendData();
diff --git a/src/main/resources/static/pages/synthesisQuery/digitalSignage.html b/src/main/resources/static/pages/synthesisQuery/digitalSignage.html
index afedb71..c01fdcf 100644
--- a/src/main/resources/static/pages/synthesisQuery/digitalSignage.html
+++ b/src/main/resources/static/pages/synthesisQuery/digitalSignage.html
@@ -14,7 +14,7 @@
-
+