Merge remote-tracking branch 'origin/master'

This commit is contained in:
liang.chao 2025-08-04 15:12:44 +08:00
commit ae343812c8
3 changed files with 472 additions and 292 deletions

View File

@ -881,7 +881,11 @@ async function addMapLine() {
let lineMaterial = null; // 用于存储线材质 let lineMaterial = null; // 用于存储线材质
// 判断条件部分保持不变 // 判断条件部分保持不变
if (startPoint.towerProgress == 8 && endPoint.towerProgress == 8) { if (
(startPoint.towerProgress == 8 &&
endPoint.towerProgress == 8) ||
startPoint.towerProgress == 8
) {
// lineColor = "#FFFF00"; // lineColor = "#FFFF00";
// lineMaterial = new Cesium.ColorMaterialProperty({ // lineMaterial = new Cesium.ColorMaterialProperty({
// // 实线 // // 实线
@ -940,7 +944,8 @@ async function addMapLine() {
(startPoint.towerProgress === 9 && (startPoint.towerProgress === 9 &&
endPoint.towerProgress === 9) || endPoint.towerProgress === 9) ||
(startPoint.towerProgress === 10 && (startPoint.towerProgress === 10 &&
endPoint.towerProgress === 10) endPoint.towerProgress === 10) ||
startPoint.towerProgress === 9
) { ) {
// lineColor = "#d81e06"; // lineColor = "#d81e06";
// lineMaterial = new Cesium.ColorMaterialProperty({ // lineMaterial = new Cesium.ColorMaterialProperty({
@ -1079,13 +1084,38 @@ async function addMapLine() {
const polyline = new mars3d.graphic.PolylineEntity({ const polyline = new mars3d.graphic.PolylineEntity({
positions: positions, positions: positions,
eventParent: false, // eventParent: true,
style: { style: {
width: 2, // 线宽(像素) width: 2, // 线宽(像素)
color: "#FFFF00", // 线颜色 color: "#FFFF00", // 线颜色
clampToGround: true, // 是否贴地山区建议设为true clampToGround: true, // 是否贴地山区建议设为true
}, },
}); });
// 添加点击事件
polyline.on(mars3d.EventType.click, function (event) {
// console.log("点击了标点", event.graphic.attr);
const graphic = event.graphic;
let infoContent = `
<div class="map-container-2 map-container">
<h4>公路所在杆塔${highwayList[i].towerName}</h4>
<div class="map-container-item">
<span>宽度</span>
<span>${highwayList[i].cablewayWidth || "/"}</span>
</div>
<div class="map-container-item">
<span>长度</span>
<span>${highwayList[i].cablewayLength || "/"}</span>
</div>
</div>`;
// 创建自定义信息窗体
// graphicLayer.bindPopup(infoContent, {
// position: graphic.position,
// });
graphic.bindPopup(infoContent);
graphic.openPopup();
});
graphicLayer.addGraphic(polyline); graphicLayer.addGraphic(polyline);
graphicLayerList.push(polyline); graphicLayerList.push(polyline);
} }
@ -1118,7 +1148,7 @@ async function addMapAThousandFields() {
if (points.length > 0) { if (points.length > 0) {
const graphic = new mars3d.graphic.PolygonEntity({ const graphic = new mars3d.graphic.PolygonEntity({
positions: points, positions: points,
eventParent: false, // eventParent: false,
style: { style: {
color: "#00FFFF", // 区域填充颜色 color: "#00FFFF", // 区域填充颜色
opacity: 0.5, // 透明度(0-1) opacity: 0.5, // 透明度(0-1)
@ -1129,6 +1159,31 @@ async function addMapAThousandFields() {
}, },
attr: { remark: "示例区域" }, attr: { remark: "示例区域" },
}); });
// 添加点击事件
graphic.on(mars3d.EventType.click, function (event) {
// console.log("点击了标点", event.graphic.attr);
const graphic = event.graphic;
let infoContent = `
<div class="map-container-2 map-container">
<h4>名称${item.name}</h4>
<div class="map-container-item">
<span>宽度</span>
<span>${item.cablewayWidth || "/"}</span>
</div>
<div class="map-container-item">
<span>长度</span>
<span>${item.cablewayLength || "/"}</span>
</div>
</div>`;
// 创建自定义信息窗体
// graphicLayer.bindPopup(infoContent, {
// position: graphic.position,
// });
graphic.bindPopup(infoContent);
graphic.openPopup();
});
graphicLayer.addGraphic(graphic); graphicLayer.addGraphic(graphic);
graphicLayerList.push(graphic); graphicLayerList.push(graphic);
} }

View File

@ -1,43 +1,52 @@
// 基本数据赋值 // 基本数据赋值
function initSetProData() { function initSetProData() {
let url = dataUrl + "/backstage/proProgress/detailQuery" let url = dataUrl + "/backstage/proProgress/detailQuery";
let obj = { let obj = {
id: objParams.id, id: objParams.id,
departId: objParams.departId departId: objParams.departId,
} };
let params = { let params = {
encryptedData: encryptCBC(JSON.stringify(obj)) encryptedData: encryptCBC(JSON.stringify(obj)),
} };
ajaxRequest(url, "POST", params, true, function () { ajaxRequest(
}, function (result) { url,
if (result.status === 200) { "POST",
setData(result.data); params,
} else { true,
layer.msg(result.msg, {icon: 2}) function () {},
function (result) {
if (result.status === 200) {
setData(result.data);
} else {
layer.msg(result.msg, { icon: 2 });
}
},
function (xhr) {
error(xhr);
} }
}, function (xhr) { );
error(xhr)
});
function setData(obj) { function setData(obj) {
$('.layui-progress').remove(); $(".layui-progress").remove();
$('#proName').html(obj.proName); $("#proName").html(obj.proName);
$('#companyName').html(obj.companyName); $("#companyName").html(obj.companyName);
$('#proStatus').html('<span style="color: #51d351;"> ● </span>' + (obj.proStatus || '/')); $("#proStatus").html(
$('#voltageLevel').html((obj.voltageLevel || '/')); '<span style="color: #51d351;"> ● </span>' + (obj.proStatus || "/")
$('#lineLength').html((obj.lineLength || '/') + 'km'); );
$('#towerNum').html(obj.towerNum); $("#voltageLevel").html(obj.voltageLevel || "/");
$('#towerNum2').html(obj.towerNum); $("#lineLength").html((obj.lineLength || "/") + "km");
$('#planStartTime').html(obj.planStartTime || '/'); $("#towerNum").html(obj.towerNum);
$('#planEndTime').html(obj.planEndTime || '/'); $("#towerNum2").html(obj.towerNum);
$('#updateTime').html(obj.updateTime || '/'); $("#planStartTime").html(obj.planStartTime || "/");
$("#planEndTime").html(obj.planEndTime || "/");
$("#updateTime").html(obj.updateTime || "/");
$("#progress").after(` $("#progress").after(`
<div class="layui-progress" lay-showpercent="true" lay-filter="demo-filter-progress"> <div class="layui-progress" lay-showpercent="true" lay-filter="demo-filter-progress">
<div class="layui-progress-bar layui-bg-blue" lay-percent="${obj.proProgress}%"></div> <div class="layui-progress-bar layui-bg-blue" lay-percent="${obj.proProgress}%"></div>
</div> </div>
`); `);
for (let i = 1; i <= 10; i++) { for (let i = 1; i <= 10; i++) {
$('#num' + i).html(obj['num' + i]); $("#num" + i).html(obj["num" + i]);
} }
element.render(); element.render();
} }
@ -45,147 +54,200 @@ function initSetProData() {
/**更新记录*/ /**更新记录*/
function setUpdateRecord() { function setUpdateRecord() {
let url = dataUrl + "/backstage/proProgress/updateRecord" let url = dataUrl + "/backstage/proProgress/updateRecord";
let obj = { let obj = {
id: objParams.id id: objParams.id,
} };
let params = { let params = {
encryptedData: encryptCBC(JSON.stringify(obj)) encryptedData: encryptCBC(JSON.stringify(obj)),
} };
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,}); let loadingMsg = layer.msg("数据加载中,请稍候...", {
ajaxRequest(url, "POST", params, true, function () { icon: 16,
}, function (result) { scrollbar: false,
layer.close(loadingMsg); time: 0,
if (result.status === 200) {
setUpdateRecordInfo(result.data);
} else {
layer.msg(result.msg, {icon: 2})
}
}, function (xhr) {
layer.close(loadingMsg);
error(xhr)
}); });
ajaxRequest(
url,
"POST",
params,
true,
function () {},
function (result) {
layer.close(loadingMsg);
if (result.status === 200) {
setUpdateRecordInfo(result.data);
} else {
layer.msg(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg);
error(xhr);
}
);
function setUpdateRecordInfo(list, obj) { function setUpdateRecordInfo(list, obj) {
let html = ''; let html = "";
if (list && list.length > 0) { if (list && list.length > 0) {
let imgUrl = '../../img/synthesisQuery/user_head_icon.png'; let imgUrl = "../../img/synthesisQuery/user_head_icon.png";
let imgUrl2 = '../../img/synthesisQuery/time_icon.png'; let imgUrl2 = "../../img/synthesisQuery/time_icon.png";
$.each(list, function (index, item) { $.each(list, function (index, item) {
html += '<div class="layui-timeline-item">' + html +=
'<div class="layui-timeline-item">' +
'<i class="layui-icon layui-timeline-axis"></i>' + '<i class="layui-icon layui-timeline-axis"></i>' +
'<div class="layui-timeline-content layui-text">' + '<div class="layui-timeline-content layui-text">' +
'<h3 class="layui-timeline-title">' + item.updateDate + '</h3>' + '<h3 class="layui-timeline-title">' +
item.updateDate +
"</h3>" +
'<div class="layui-panel">' + '<div class="layui-panel">' +
'<div class="oper-info layout">' + '<div class="oper-info layout">' +
'<div class="layout">' + '<div class="layout">' +
'<img src="' + imgUrl + '">' + '<img src="' +
'</div>' + imgUrl +
'">' +
"</div>" +
'<div class="user-oper layout">' + '<div class="user-oper layout">' +
'<div style="width: 100%">' + '<div style="width: 100%">' +
'<span>' + item.userName + '</span>' + "<span>" +
'</div>' + item.userName +
"</span>" +
"</div>" +
'<div style="width: 100%">' + '<div style="width: 100%">' +
'<span>' + item.updateDesc + '</span>' + "<span>" +
'</div>' + item.updateDesc +
"</span>" +
"</div>" +
'<div style="width: 100%">' + '<div style="width: 100%">' +
'<img src="' + imgUrl2 + '">' + '<img src="' +
'<span style="margin: 0 5px 0 5px;">' + item.updateTime + '</span>' + imgUrl2 +
'</div>' + '">' +
'</div>' + '<span style="margin: 0 5px 0 5px;">' +
item.updateTime +
"</span>" +
"</div>" +
"</div>" +
'<div class="layout">' + '<div class="layout">' +
'<span style="margin: 0 5px 0 5px;">完成进度 ' + item.finishProgress + ' % </span>' + '<span style="margin: 0 5px 0 5px;">完成进度 ' +
'</div>' + item.finishProgress +
'</div>' + " % </span>" +
'</div>' + "</div>" +
'</div>' + "</div>" +
'</div>'; "</div>" +
}) "</div>" +
"</div>";
});
} }
console.log(html) console.log(html);
$('.layui-timeline').empty().append(html); $(".layui-timeline").empty().append(html);
} }
} }
/**更新项目数据赋值*/ /**更新项目数据赋值*/
function setUpdateProData(value) { function setUpdateProData(value) {
let url = dataUrl + "/backstage/proProgress/getGxData" let url = dataUrl + "/backstage/proProgress/getGxData";
let obj = { let obj = {
id: objParams.id, id: objParams.id,
type: value type: value,
} };
let params = { let params = {
encryptedData: encryptCBC(JSON.stringify(obj)) encryptedData: encryptCBC(JSON.stringify(obj)),
} };
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,}); let loadingMsg = layer.msg("数据加载中,请稍候...", {
ajaxRequest(url, "POST", params, true, function () { icon: 16,
}, function (result) { scrollbar: false,
layer.close(loadingMsg); time: 0,
if (result.status === 200) {
setData(result.data);
} else {
layer.msg(result.msg, {icon: 2})
}
}, function (xhr) {
layer.close(loadingMsg);
error(xhr)
}); });
ajaxRequest(
url,
"POST",
params,
true,
function () {},
function (result) {
layer.close(loadingMsg);
if (result.status === 200) {
setData(result.data);
} else {
layer.msg(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg);
error(xhr);
}
);
function setData(data) { function setData(data) {
let obj = data.vo; let obj = data.vo;
let list = data.list; let list = data.list;
$('#towerNum2').html(obj.towerNum); $("#towerNum2").html(obj.towerNum);
for (let i = 1; i <= 10; i++) { for (let i = 1; i <= 10; i++) {
$('#num' + i).html(obj['num' + i]); $("#num" + i).html(obj["num" + i]);
} }
let html = ''; let html = "";
$.each(list, function (index, item) { $.each(list, function (index, item) {
if (item.chooseStatus === 1) { if (item.chooseStatus === 1) {
html += '<div class="tower-info layout" dataId="' + item.id + '" towerName="' + item.towerName + '" onclick="chooseData(this)"><p>' + item.towerName + '</p></div>'; html +=
'<div class="tower-info layout" dataId="' +
item.id +
'" towerName="' +
item.towerName +
'" onclick="chooseData(this)"><p>' +
item.towerName +
"</p></div>";
} else if (item.chooseStatus === 0) { } else if (item.chooseStatus === 0) {
html += '<div class="tower-info layout biddenChoose" dataId="' + item.id + '" towerName="' + item.towerName + '"><p>' + item.towerName + '</p></div>'; html +=
'<div class="tower-info layout biddenChoose" dataId="' +
item.id +
'" towerName="' +
item.towerName +
'"><p>' +
item.towerName +
"</p></div>";
} }
}) });
$('.tower-box').empty().append(html); $(".tower-box").empty().append(html);
} }
} }
function chooseData(that) { function chooseData(that) {
let towerName = $(that).find('p').eq(0).html(); let towerName = $(that).find("p").eq(0).html();
if ($(that).hasClass('choose')) { if ($(that).hasClass("choose")) {
$(that).removeClass('choose'); $(that).removeClass("choose");
let oldData = $('#updateDesc').val(); let oldData = $("#updateDesc").val();
let dataArr = oldData.split(';'); let dataArr = oldData.split(";");
const filteredArray = dataArr.filter(item => !item.includes(towerName)); const filteredArray = dataArr.filter(
$('#updateDesc').val(filteredArray.join(';')); (item) => !item.includes(towerName)
);
$("#updateDesc").val(filteredArray.join(";"));
} else { } else {
$(that).addClass('choose'); $(that).addClass("choose");
let oldData = $('#updateDesc').val(); let oldData = $("#updateDesc").val();
let value = getTypeName(towerName); let value = getTypeName(towerName);
$('#updateDesc').val(oldData + value); $("#updateDesc").val(oldData + value);
} }
function getTypeName(towerName) { function getTypeName(towerName) {
if (checkType === 1) { if (checkType === 1) {
return towerName + '-' + '协调完成;'; return towerName + "-" + "协调完成;";
} else if (checkType === 2) { } else if (checkType === 2) {
return towerName + '-' + '基础开挖;'; return towerName + "-" + "基础开挖;";
} else if (checkType === 3) { } else if (checkType === 3) {
return towerName + '-' + '基础开挖完成;'; return towerName + "-" + "基础开挖完成;";
}else if (checkType === 4) { } else if (checkType === 4) {
return towerName + '-' + '基础浇筑;'; return towerName + "-" + "基础浇筑;";
} else if (checkType === 5) { } else if (checkType === 5) {
return towerName + '-' + '基础浇筑完成;'; return towerName + "-" + "基础浇筑完成;";
} else if (checkType === 6) { } else if (checkType === 6) {
return towerName + '-' + '铁塔组立;'; return towerName + "-" + "铁塔组立;";
} else if (checkType === 7) { } else if (checkType === 7) {
return towerName + '-' + '铁塔组立完成;'; return towerName + "-" + "铁塔组立完成;";
} else if (checkType === 8) { } else if (checkType === 8) {
return towerName + '-' + '架线施工;'; return towerName + "-" + "架线施工;";
}else if (checkType === 9) { } else if (checkType === 9) {
return towerName + '-' + '架线施工完成;'; return towerName + "-" + "架线施工完成;";
} else if (checkType === 10) { } else if (checkType === 10) {
return towerName + '-' + '附件安装完成;'; return towerName + "-" + "附件安装完成;";
} }
} }
} }
@ -199,62 +261,102 @@ function saveData(data, towers, towerNames) {
paramsObj.id = objParams.id; paramsObj.id = objParams.id;
paramsObj.progressType = checkType; paramsObj.progressType = checkType;
let params = { let params = {
encryptedData: encryptCBC(JSON.stringify(paramsObj)) encryptedData: encryptCBC(JSON.stringify(paramsObj)),
} };
let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0}); let loadingMsg = layer.msg("数据上传中,请稍候...", {
ajaxRequest(url, "POST", params, true, function () { icon: 16,
$('.save').addClass("layui-btn-disabled").attr("disabled", true); scrollbar: false,
$('.cancel').addClass("layui-btn-disabled").attr("disabled", true); time: 0,
}, function (result) {
layer.close(loadingMsg); // 关闭提示层
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
if (result.code === 200) {
parent.layer.msg(result.msg, {icon: 1});
setUpdateProData(checkType);
$('#updateDesc').val('');
} else {
layer.msg(result.msg, {icon: 2})
}
}, function (xhr) {
layer.close(loadingMsg); // 关闭提示层
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
error(xhr)
}); });
ajaxRequest(
url,
"POST",
params,
true,
function () {
$(".save").addClass("layui-btn-disabled").attr("disabled", true);
$(".cancel").addClass("layui-btn-disabled").attr("disabled", true);
},
function (result) {
layer.close(loadingMsg); // 关闭提示层
$(".save")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
$(".cancel")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
if (result.code === 200) {
parent.layer.msg(result.msg, { icon: 1 });
setUpdateProData(checkType);
$("#updateDesc").val("");
} else {
layer.msg(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg); // 关闭提示层
$(".save")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
$(".cancel")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
error(xhr);
}
);
} }
/**取消回退*/ /**取消回退*/
function getBackGxData() { function getBackGxData() {
let url = dataUrl + "/backstage/proProgress/getGxData" let url = dataUrl + "/backstage/proProgress/getGxData";
let obj = { let obj = {
id: objParams.id, id: objParams.id,
type: 0 type: 0,
} };
let params = { let params = {
encryptedData: encryptCBC(JSON.stringify(obj)) encryptedData: encryptCBC(JSON.stringify(obj)),
} };
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,}); let loadingMsg = layer.msg("数据加载中,请稍候...", {
ajaxRequest(url, "POST", params, true, function () { icon: 16,
}, function (result) { scrollbar: false,
layer.close(loadingMsg); time: 0,
if (result.status === 200) {
setData(result.data);
} else {
layer.msg(result.msg, {icon: 2})
}
}, function (xhr) {
layer.close(loadingMsg);
error(xhr)
}); });
ajaxRequest(
url,
"POST",
params,
true,
function () {},
function (result) {
layer.close(loadingMsg);
if (result.status === 200) {
setData(result.data);
} else {
layer.msg(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg);
error(xhr);
}
);
function setData(data) { function setData(data) {
let list = data.list; let list = data.list;
let html = ''; let html = "";
$.each(list, function (index, item) { $.each(list, function (index, item) {
html += '<div class="tower-info layout" dataId="' + item.id + '" towerName="' + item.towerName + '" towerProgress="'+item.towerProgress+'" onclick="checkData(this)"><p>' + item.towerName + '</p></div>'; html +=
}) '<div class="tower-info layout" dataId="' +
$('.tower-box').empty().append(html); item.id +
'" towerName="' +
item.towerName +
'" towerProgress="' +
item.towerProgress +
'" onclick="checkData(this)"><p>' +
item.towerName +
"</p></div>";
});
$(".tower-box").empty().append(html);
} }
} }
@ -264,27 +366,47 @@ function towerBackAjax(obj) {
let url = dataUrl + "/backstage/proProgress/towerGxBack"; let url = dataUrl + "/backstage/proProgress/towerGxBack";
let paramsObj = obj; let paramsObj = obj;
let params = { let params = {
encryptedData: encryptCBC(JSON.stringify(paramsObj)) encryptedData: encryptCBC(JSON.stringify(paramsObj)),
} };
let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0}); let loadingMsg = layer.msg("数据上传中,请稍候...", {
ajaxRequest(url, "POST", params, true, function () { icon: 16,
$('.save').addClass("layui-btn-disabled").attr("disabled", true); scrollbar: false,
$('.cancel').addClass("layui-btn-disabled").attr("disabled", true); time: 0,
}, function (result) {
layer.close(loadingMsg); // 关闭提示层
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
if (result.code === 200) {
parent.layer.msg(result.msg, {icon: 1});
getBackGxData();
$('.tower-progress-box').empty();
} else {
layer.msg(result.msg, {icon: 2})
}
}, function (xhr) {
layer.close(loadingMsg); // 关闭提示层
$('.save').removeClass("layui-btn-disabled").attr("disabled", false);
$('.cancel').removeClass("layui-btn-disabled").attr("disabled", false);
error(xhr)
}); });
ajaxRequest(
url,
"POST",
params,
true,
function () {
$(".save").addClass("layui-btn-disabled").attr("disabled", true);
$(".cancel").addClass("layui-btn-disabled").attr("disabled", true);
},
function (result) {
layer.close(loadingMsg); // 关闭提示层
$(".save")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
$(".cancel")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
if (result.code === 200) {
parent.layer.msg(result.msg, { icon: 1 });
getBackGxData();
$(".tower-progress-box").empty();
} else {
layer.msg(result.msg, { icon: 2 });
}
},
function (xhr) {
layer.close(loadingMsg); // 关闭提示层
$(".save")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
$(".cancel")
.removeClass("layui-btn-disabled")
.attr("disabled", false);
error(xhr);
}
);
} }

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="stylesheet" href="../../js/layui-v2.9.14/layui/css/layui.css"> <link rel="stylesheet" href="../../js/layui-v2.9.14/layui/css/layui.css">
@ -15,129 +16,131 @@
<script src="../../js/ajaxRequest.js"></script> <script src="../../js/ajaxRequest.js"></script>
<title>工程进度更新</title> <title>工程进度更新</title>
</head> </head>
<body> <body>
<div id="main-box"> <div id="main-box">
<div id="pro-detail-box" class="layout"> <div id="pro-detail-box" class="layout">
<div class="layout"> <div class="layout">
<img src="../../img/synthesisQuery/pro_icon.png" width="48px" height="48px" style="margin-right: 10px;"> <img src="../../img/synthesisQuery/pro_icon.png" width="48px" height="48px" style="margin-right: 10px;">
<div class="layout" style="flex-direction: column;"> <div class="layout" style="flex-direction: column;">
<p style="font-size: 20px;font-weight: bold;color: #666;" id="proName"></p> <p style="font-size: 20px;font-weight: bold;color: #666;" id="proName"></p>
<p style="font-size: 14px;color: #999;" id="companyName"></p> <p style="font-size: 14px;color: #999;" id="companyName"></p>
</div>
</div>
<div>
<button type="button" class="layui-btn layui-bg-blue no-print" onclick="updatePro()"><i
class="layui-icon layui-icon-edit"></i>更新项目
</button>
<button type="button" class="layui-btn layui-bg-blue no-print" onclick="backGx()"><i
class="layui-icon layui-icon-return"></i>取消回退
</button>
</div> </div>
</div> </div>
<div> <div id="pro-basic-detail-box" class="layout">
<button type="button" class="layui-btn layui-bg-blue no-print" onclick="updatePro()"><i <div class="basic-detail layout">
class="layui-icon layui-icon-edit"></i>更新项目 <p>项目状态</p>
</button> <p id="proStatus"></p>
<button type="button" class="layui-btn layui-bg-blue no-print" onclick="backGx()"><i </div>
class="layui-icon layui-icon-return"></i>取消回退 <div class="basic-detail layout">
</button> <p>电压等级</p>
<p id="voltageLevel"></p>
</div>
<div class="basic-detail layout">
<p>线路长度</p>
<p id="lineLength"></p>
</div>
<div class="basic-detail layout">
<p>杆塔数量</p>
<p id="towerNum"></p>
</div>
<div class="basic-detail layout">
<p>项目计划开始时间</p>
<p id="planStartTime"></p>
</div>
<div class="basic-detail layout">
<p>项目计划结束时间</p>
<p id="planEndTime"></p>
</div>
<div class="basic-detail layout">
<p>最后更新</p>
<p id="updateTime"></p>
</div>
<div class="basic-detail">
<p id="progress" style="margin: 10px 0 18px 0;">项目进度</p>
</div>
</div> </div>
</div> <div id="data-box">
<div id="pro-basic-detail-box" class="layout"> <div class="layui-tab layui-tab-brief" style="height: 100%;" lay-filter="demo-filter-tab">
<div class="basic-detail layout"> <ul class="layui-tab-title" id="layui-tab-title">
<p>项目状态</p> <li class="layui-this" value="1">项目进度</li>
<p id="proStatus"></p> <li value="2">更新记录</li>
</div> </ul>
<div class="basic-detail layout"> <div class="layui-tab-content" style="height: calc(100% - 60px);" id="layui-tab-content">
<p>电压等级</p> <div class="layui-tab-item layui-show">
<p id="voltageLevel"></p> <div class="data-box-content" id="data-box-content">
</div> <div id="gx-num-box" class="layout">
<div class="basic-detail layout"> <div class="layout num-box">
<p>线路长度</p> <p>杆塔数</p>
<p id="lineLength"></p> <p id="towerNum2"></p>
</div> </div>
<div class="basic-detail layout"> <div class="layout num-box">
<p>杆塔数量</p> <p>协调完成</p>
<p id="towerNum"></p> <p id="num1">0</p>
</div> </div>
<div class="basic-detail layout"> <div class="layout num-box">
<p>项目计划开始时间</p> <p>基础开挖</p>
<p id="planStartTime"></p> <p id="num2">0</p>
</div> </div>
<div class="basic-detail layout"> <div class="layout num-box">
<p>项目计划结束时间</p> <p>基础开挖完成</p>
<p id="planEndTime"></p> <p id="num3">0</p>
</div> </div>
<div class="basic-detail layout"> <div class="layout num-box">
<p>最后更新</p> <p>基础浇筑</p>
<p id="updateTime"></p> <p id="num4">0</p>
</div> </div>
<div class="basic-detail"> <div class="layout num-box">
<p id="progress" style="margin: 10px 0 18px 0;">项目进度</p> <p>基础浇筑完成</p>
</div> <p id="num5">0</p>
</div> </div>
<div id="data-box"> <div class="layout num-box">
<div class="layui-tab layui-tab-brief" style="height: 100%;" lay-filter="demo-filter-tab"> <p>铁塔组立</p>
<ul class="layui-tab-title" id="layui-tab-title"> <p id="num6">0</p>
<li class="layui-this" value="1">项目进度</li> </div>
<li value="2">更新记录</li> <div class="layout num-box">
</ul> <p>铁塔组立完成</p>
<div class="layui-tab-content" style="height: calc(100% - 60px);" id="layui-tab-content"> <p id="num7">0</p>
<div class="layui-tab-item layui-show"> </div>
<div class="data-box-content" id="data-box-content"> <div class="layout num-box">
<div id="gx-num-box" class="layout"> <p>架线施工</p>
<div class="layout num-box"> <p id="num8">0</p>
<p>杆塔数</p> </div>
<p id="towerNum2"></p> <div class="layout num-box">
<p>架线施工完成</p>
<p id="num9">0</p>
</div>
<div class="layout num-box">
<p>附件安装完成</p>
<p id="num10">0</p>
</div>
</div> </div>
<div class="layout num-box"> <div class="table-box" table-responsive style="z-index: 1;">
<p>协调完成</p> <table id="table_data" class="table" lay-filter="table_data"></table>
<p id="num1">0</p> <div id="voi-page" class="layout"></div>
</div> </div>
<div class="layout num-box">
<p>基础开挖</p>
<p id="num2">0</p>
</div>
<div class="layout num-box">
<p>基础开挖完成</p>
<p id="num3">0</p>
</div>
<div class="layout num-box">
<p>基础浇筑</p>
<p id="num4">0</p>
</div>
<div class="layout num-box">
<p>基础浇筑完成</p>
<p id="num5">0</p>
</div>
<div class="layout num-box">
<p>铁塔组立</p>
<p id="num6">0</p>
</div>
<div class="layout num-box">
<p>铁塔组立完成</p>
<p id="num7">0</p>
</div>
<div class="layout num-box">
<p>架线施工</p>
<p id="num8">0</p>
</div>
<div class="layout num-box">
<p>架线施工完成</p>
<p id="num9">0</p>
</div>
<div class="layout num-box">
<p>附件安装完成</p>
<p id="num10">0</p>
</div>
</div>
<div class="table-box" table-responsive style="z-index: 1;">
<table id="table_data" class="table" lay-filter="table_data"></table>
<div id="voi-page" class="layout"></div>
</div> </div>
</div> </div>
</div> <div class="layui-tab-item">
<div class="layui-tab-item"> <div class="layui-timeline">
<div class="layui-timeline"> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</body> </body>
<script src="../../js/synthesisQuery/proProgressUpdateDetailAjax.js" charset="UTF-8" type="text/javascript"></script> <script src="../../js/synthesisQuery/proProgressUpdateDetailAjax.js" charset="UTF-8" type="text/javascript"></script>
<script src="../../js/synthesisQuery/proProgressUpdateDetail.js" charset="UTF-8" type="text/javascript"></script> <script src="../../js/synthesisQuery/proProgressUpdateDetail.js" charset="UTF-8" type="text/javascript"></script>
</html> </html>