样式优化
This commit is contained in:
BianLzhaoMin
parent
3a9ed058c4
commit
0308b3dad4
|
|
@ -881,7 +881,11 @@ async function addMapLine() {
|
|||
let lineMaterial = null; // 用于存储线材质
|
||||
|
||||
// 判断条件部分保持不变
|
||||
if (startPoint.towerProgress == 8 && endPoint.towerProgress == 8) {
|
||||
if (
|
||||
(startPoint.towerProgress == 8 &&
|
||||
endPoint.towerProgress == 8) ||
|
||||
startPoint.towerProgress == 8
|
||||
) {
|
||||
// lineColor = "#FFFF00";
|
||||
// lineMaterial = new Cesium.ColorMaterialProperty({
|
||||
// // 实线
|
||||
|
|
@ -940,7 +944,8 @@ async function addMapLine() {
|
|||
(startPoint.towerProgress === 9 &&
|
||||
endPoint.towerProgress === 9) ||
|
||||
(startPoint.towerProgress === 10 &&
|
||||
endPoint.towerProgress === 10)
|
||||
endPoint.towerProgress === 10) ||
|
||||
startPoint.towerProgress === 9
|
||||
) {
|
||||
// lineColor = "#d81e06";
|
||||
// lineMaterial = new Cesium.ColorMaterialProperty({
|
||||
|
|
@ -1079,13 +1084,38 @@ async function addMapLine() {
|
|||
|
||||
const polyline = new mars3d.graphic.PolylineEntity({
|
||||
positions: positions,
|
||||
eventParent: false,
|
||||
// eventParent: true,
|
||||
style: {
|
||||
width: 2, // 线宽（像素）
|
||||
color: "#FFFF00", // 线颜色
|
||||
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);
|
||||
graphicLayerList.push(polyline);
|
||||
}
|
||||
|
|
@ -1118,7 +1148,7 @@ async function addMapAThousandFields() {
|
|||
if (points.length > 0) {
|
||||
const graphic = new mars3d.graphic.PolygonEntity({
|
||||
positions: points,
|
||||
eventParent: false,
|
||||
// eventParent: false,
|
||||
style: {
|
||||
color: "#00FFFF", // 区域填充颜色
|
||||
opacity: 0.5, // 透明度(0-1)
|
||||
|
|
@ -1129,6 +1159,31 @@ async function addMapAThousandFields() {
|
|||
},
|
||||
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);
|
||||
graphicLayerList.push(graphic);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,43 +1,52 @@
|
|||
// 基本数据赋值
|
||||
function initSetProData() {
|
||||
let url = dataUrl + "/backstage/proProgress/detailQuery"
|
||||
let url = dataUrl + "/backstage/proProgress/detailQuery";
|
||||
let obj = {
|
||||
id: objParams.id,
|
||||
departId: objParams.departId
|
||||
}
|
||||
departId: objParams.departId,
|
||||
};
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(obj))
|
||||
}
|
||||
ajaxRequest(url, "POST", params, true, function () {
|
||||
}, function (result) {
|
||||
if (result.status === 200) {
|
||||
setData(result.data);
|
||||
} else {
|
||||
layer.msg(result.msg, {icon: 2})
|
||||
encryptedData: encryptCBC(JSON.stringify(obj)),
|
||||
};
|
||||
ajaxRequest(
|
||||
url,
|
||||
"POST",
|
||||
params,
|
||||
true,
|
||||
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) {
|
||||
$('.layui-progress').remove();
|
||||
$('#proName').html(obj.proName);
|
||||
$('#companyName').html(obj.companyName);
|
||||
$('#proStatus').html('<span style="color: #51d351;"> ● </span>' + (obj.proStatus || '/'));
|
||||
$('#voltageLevel').html((obj.voltageLevel || '/'));
|
||||
$('#lineLength').html((obj.lineLength || '/') + 'km');
|
||||
$('#towerNum').html(obj.towerNum);
|
||||
$('#towerNum2').html(obj.towerNum);
|
||||
$('#planStartTime').html(obj.planStartTime || '/');
|
||||
$('#planEndTime').html(obj.planEndTime || '/');
|
||||
$('#updateTime').html(obj.updateTime || '/');
|
||||
$(".layui-progress").remove();
|
||||
$("#proName").html(obj.proName);
|
||||
$("#companyName").html(obj.companyName);
|
||||
$("#proStatus").html(
|
||||
'<span style="color: #51d351;"> ● </span>' + (obj.proStatus || "/")
|
||||
);
|
||||
$("#voltageLevel").html(obj.voltageLevel || "/");
|
||||
$("#lineLength").html((obj.lineLength || "/") + "km");
|
||||
$("#towerNum").html(obj.towerNum);
|
||||
$("#towerNum2").html(obj.towerNum);
|
||||
$("#planStartTime").html(obj.planStartTime || "/");
|
||||
$("#planEndTime").html(obj.planEndTime || "/");
|
||||
$("#updateTime").html(obj.updateTime || "/");
|
||||
$("#progress").after(`
|
||||
<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>
|
||||
`);
|
||||
for (let i = 1; i <= 10; i++) {
|
||||
$('#num' + i).html(obj['num' + i]);
|
||||
$("#num" + i).html(obj["num" + i]);
|
||||
}
|
||||
element.render();
|
||||
}
|
||||
|
|
@ -45,147 +54,200 @@ function initSetProData() {
|
|||
|
||||
/**更新记录*/
|
||||
function setUpdateRecord() {
|
||||
let url = dataUrl + "/backstage/proProgress/updateRecord"
|
||||
let url = dataUrl + "/backstage/proProgress/updateRecord";
|
||||
let obj = {
|
||||
id: objParams.id
|
||||
}
|
||||
id: objParams.id,
|
||||
};
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(obj))
|
||||
}
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
||||
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)
|
||||
encryptedData: encryptCBC(JSON.stringify(obj)),
|
||||
};
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
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) {
|
||||
let html = '';
|
||||
let html = "";
|
||||
if (list && list.length > 0) {
|
||||
let imgUrl = '../../img/synthesisQuery/user_head_icon.png';
|
||||
let imgUrl2 = '../../img/synthesisQuery/time_icon.png';
|
||||
let imgUrl = "../../img/synthesisQuery/user_head_icon.png";
|
||||
let imgUrl2 = "../../img/synthesisQuery/time_icon.png";
|
||||
$.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>' +
|
||||
'<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="oper-info layout">' +
|
||||
'<div class="layout">' +
|
||||
'<img src="' + imgUrl + '">' +
|
||||
'</div>' +
|
||||
'<img src="' +
|
||||
imgUrl +
|
||||
'">' +
|
||||
"</div>" +
|
||||
'<div class="user-oper layout">' +
|
||||
'<div style="width: 100%">' +
|
||||
'<span>' + item.userName + '</span>' +
|
||||
'</div>' +
|
||||
"<span>" +
|
||||
item.userName +
|
||||
"</span>" +
|
||||
"</div>" +
|
||||
'<div style="width: 100%">' +
|
||||
'<span>' + item.updateDesc + '</span>' +
|
||||
'</div>' +
|
||||
"<span>" +
|
||||
item.updateDesc +
|
||||
"</span>" +
|
||||
"</div>" +
|
||||
'<div style="width: 100%">' +
|
||||
'<img src="' + imgUrl2 + '">' +
|
||||
'<span style="margin: 0 5px 0 5px;">' + item.updateTime + '</span>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<img src="' +
|
||||
imgUrl2 +
|
||||
'">' +
|
||||
'<span style="margin: 0 5px 0 5px;">' +
|
||||
item.updateTime +
|
||||
"</span>" +
|
||||
"</div>" +
|
||||
"</div>" +
|
||||
'<div class="layout">' +
|
||||
'<span style="margin: 0 5px 0 5px;">完成进度 ' + item.finishProgress + ' % </span>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
})
|
||||
'<span style="margin: 0 5px 0 5px;">完成进度 ' +
|
||||
item.finishProgress +
|
||||
" % </span>" +
|
||||
"</div>" +
|
||||
"</div>" +
|
||||
"</div>" +
|
||||
"</div>" +
|
||||
"</div>";
|
||||
});
|
||||
}
|
||||
console.log(html)
|
||||
$('.layui-timeline').empty().append(html);
|
||||
console.log(html);
|
||||
$(".layui-timeline").empty().append(html);
|
||||
}
|
||||
}
|
||||
|
||||
/**更新项目数据赋值*/
|
||||
function setUpdateProData(value) {
|
||||
let url = dataUrl + "/backstage/proProgress/getGxData"
|
||||
let url = dataUrl + "/backstage/proProgress/getGxData";
|
||||
let obj = {
|
||||
id: objParams.id,
|
||||
type: value
|
||||
}
|
||||
type: value,
|
||||
};
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(obj))
|
||||
}
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
||||
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)
|
||||
encryptedData: encryptCBC(JSON.stringify(obj)),
|
||||
};
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
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) {
|
||||
let obj = data.vo;
|
||||
let list = data.list;
|
||||
$('#towerNum2').html(obj.towerNum);
|
||||
$("#towerNum2").html(obj.towerNum);
|
||||
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) {
|
||||
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) {
|
||||
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) {
|
||||
let towerName = $(that).find('p').eq(0).html();
|
||||
if ($(that).hasClass('choose')) {
|
||||
$(that).removeClass('choose');
|
||||
let oldData = $('#updateDesc').val();
|
||||
let dataArr = oldData.split(';');
|
||||
const filteredArray = dataArr.filter(item => !item.includes(towerName));
|
||||
$('#updateDesc').val(filteredArray.join(';'));
|
||||
let towerName = $(that).find("p").eq(0).html();
|
||||
if ($(that).hasClass("choose")) {
|
||||
$(that).removeClass("choose");
|
||||
let oldData = $("#updateDesc").val();
|
||||
let dataArr = oldData.split(";");
|
||||
const filteredArray = dataArr.filter(
|
||||
(item) => !item.includes(towerName)
|
||||
);
|
||||
$("#updateDesc").val(filteredArray.join(";"));
|
||||
} else {
|
||||
$(that).addClass('choose');
|
||||
let oldData = $('#updateDesc').val();
|
||||
$(that).addClass("choose");
|
||||
let oldData = $("#updateDesc").val();
|
||||
let value = getTypeName(towerName);
|
||||
$('#updateDesc').val(oldData + value);
|
||||
$("#updateDesc").val(oldData + value);
|
||||
}
|
||||
|
||||
function getTypeName(towerName) {
|
||||
if (checkType === 1) {
|
||||
return towerName + '-' + '协调完成;';
|
||||
return towerName + "-" + "协调完成;";
|
||||
} else if (checkType === 2) {
|
||||
return towerName + '-' + '基础开挖;';
|
||||
return towerName + "-" + "基础开挖;";
|
||||
} else if (checkType === 3) {
|
||||
return towerName + '-' + '基础开挖完成;';
|
||||
}else if (checkType === 4) {
|
||||
return towerName + '-' + '基础浇筑;';
|
||||
return towerName + "-" + "基础开挖完成;";
|
||||
} else if (checkType === 4) {
|
||||
return towerName + "-" + "基础浇筑;";
|
||||
} else if (checkType === 5) {
|
||||
return towerName + '-' + '基础浇筑完成;';
|
||||
return towerName + "-" + "基础浇筑完成;";
|
||||
} else if (checkType === 6) {
|
||||
return towerName + '-' + '铁塔组立;';
|
||||
return towerName + "-" + "铁塔组立;";
|
||||
} else if (checkType === 7) {
|
||||
return towerName + '-' + '铁塔组立完成;';
|
||||
return towerName + "-" + "铁塔组立完成;";
|
||||
} else if (checkType === 8) {
|
||||
return towerName + '-' + '架线施工;';
|
||||
}else if (checkType === 9) {
|
||||
return towerName + '-' + '架线施工完成;';
|
||||
return towerName + "-" + "架线施工;";
|
||||
} else if (checkType === 9) {
|
||||
return towerName + "-" + "架线施工完成;";
|
||||
} else if (checkType === 10) {
|
||||
return towerName + '-' + '附件安装完成;';
|
||||
return towerName + "-" + "附件安装完成;";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -199,62 +261,102 @@ function saveData(data, towers, towerNames) {
|
|||
paramsObj.id = objParams.id;
|
||||
paramsObj.progressType = checkType;
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(paramsObj))
|
||||
}
|
||||
let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0});
|
||||
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)
|
||||
encryptedData: encryptCBC(JSON.stringify(paramsObj)),
|
||||
};
|
||||
let loadingMsg = layer.msg("数据上传中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
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() {
|
||||
let url = dataUrl + "/backstage/proProgress/getGxData"
|
||||
let url = dataUrl + "/backstage/proProgress/getGxData";
|
||||
let obj = {
|
||||
id: objParams.id,
|
||||
type: 0
|
||||
}
|
||||
type: 0,
|
||||
};
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(obj))
|
||||
}
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
|
||||
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)
|
||||
encryptedData: encryptCBC(JSON.stringify(obj)),
|
||||
};
|
||||
let loadingMsg = layer.msg("数据加载中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
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) {
|
||||
let list = data.list;
|
||||
let html = '';
|
||||
let html = "";
|
||||
$.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>';
|
||||
})
|
||||
$('.tower-box').empty().append(html);
|
||||
html +=
|
||||
'<div class="tower-info layout" dataId="' +
|
||||
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 paramsObj = obj;
|
||||
let params = {
|
||||
encryptedData: encryptCBC(JSON.stringify(paramsObj))
|
||||
}
|
||||
let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0});
|
||||
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)
|
||||
encryptedData: encryptCBC(JSON.stringify(paramsObj)),
|
||||
};
|
||||
let loadingMsg = layer.msg("数据上传中,请稍候...", {
|
||||
icon: 16,
|
||||
scrollbar: false,
|
||||
time: 0,
|
||||
});
|
||||
}
|
||||
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);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="../../js/layui-v2.9.14/layui/css/layui.css">
|
||||
|
|
@ -15,129 +16,131 @@
|
|||
<script src="../../js/ajaxRequest.js"></script>
|
||||
<title>工程进度更新</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="main-box">
|
||||
<div id="pro-detail-box" class="layout">
|
||||
<div class="layout">
|
||||
<img src="../../img/synthesisQuery/pro_icon.png" width="48px" height="48px" style="margin-right: 10px;">
|
||||
<div class="layout" style="flex-direction: column;">
|
||||
<p style="font-size: 20px;font-weight: bold;color: #666;" id="proName"></p>
|
||||
<p style="font-size: 14px;color: #999;" id="companyName"></p>
|
||||
<div id="main-box">
|
||||
<div id="pro-detail-box" class="layout">
|
||||
<div class="layout">
|
||||
<img src="../../img/synthesisQuery/pro_icon.png" width="48px" height="48px" style="margin-right: 10px;">
|
||||
<div class="layout" style="flex-direction: column;">
|
||||
<p style="font-size: 20px;font-weight: bold;color: #666;" id="proName"></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>
|
||||
<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 id="pro-basic-detail-box" class="layout">
|
||||
<div class="basic-detail layout">
|
||||
<p>项目状态</p>
|
||||
<p id="proStatus"></p>
|
||||
</div>
|
||||
<div class="basic-detail layout">
|
||||
<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 id="pro-basic-detail-box" class="layout">
|
||||
<div class="basic-detail layout">
|
||||
<p>项目状态</p>
|
||||
<p id="proStatus"></p>
|
||||
</div>
|
||||
<div class="basic-detail layout">
|
||||
<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 id="data-box">
|
||||
<div class="layui-tab layui-tab-brief" style="height: 100%;" lay-filter="demo-filter-tab">
|
||||
<ul class="layui-tab-title" id="layui-tab-title">
|
||||
<li class="layui-this" value="1">项目进度</li>
|
||||
<li value="2">更新记录</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content" style="height: calc(100% - 60px);" id="layui-tab-content">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<div class="data-box-content" id="data-box-content">
|
||||
<div id="gx-num-box" class="layout">
|
||||
<div class="layout num-box">
|
||||
<p>杆塔数</p>
|
||||
<p id="towerNum2"></p>
|
||||
<div id="data-box">
|
||||
<div class="layui-tab layui-tab-brief" style="height: 100%;" lay-filter="demo-filter-tab">
|
||||
<ul class="layui-tab-title" id="layui-tab-title">
|
||||
<li class="layui-this" value="1">项目进度</li>
|
||||
<li value="2">更新记录</li>
|
||||
</ul>
|
||||
<div class="layui-tab-content" style="height: calc(100% - 60px);" id="layui-tab-content">
|
||||
<div class="layui-tab-item layui-show">
|
||||
<div class="data-box-content" id="data-box-content">
|
||||
<div id="gx-num-box" class="layout">
|
||||
<div class="layout num-box">
|
||||
<p>杆塔数</p>
|
||||
<p id="towerNum2"></p>
|
||||
</div>
|
||||
<div class="layout num-box">
|
||||
<p>协调完成</p>
|
||||
<p id="num1">0</p>
|
||||
</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="layout num-box">
|
||||
<p>协调完成</p>
|
||||
<p id="num1">0</p>
|
||||
<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 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 class="layui-tab-item">
|
||||
<div class="layui-timeline">
|
||||
<div class="layui-tab-item">
|
||||
<div class="layui-timeline">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<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>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue