354 lines
11 KiB
JavaScript
354 lines
11 KiB
JavaScript
var table;
|
||
const bidCode = parent.$("#bidPro").val();
|
||
layui.use(["layer", "element", "table"], function () {
|
||
element = layui.element;
|
||
layer = layui.layer;
|
||
laydate = layui.laydate;
|
||
table = layui.table;
|
||
});
|
||
|
||
/* 工程简介 */
|
||
function loadProBrief(montageParam) {
|
||
const url =
|
||
commonUrl +
|
||
"screen/largeScreen/xcIndex/getProDetails?params=" +
|
||
montageParam;
|
||
ajaxRequestGet(
|
||
url,
|
||
"GET",
|
||
true,
|
||
function () {},
|
||
function (result) {
|
||
if (result.code === 200) {
|
||
setData(result.data.data);
|
||
} else if (result.code === 500) {
|
||
console.error("工程简介：" + result.msg);
|
||
setData(null);
|
||
} else if (result.code === 401) {
|
||
loginout(1);
|
||
}
|
||
},
|
||
function (xhr, status, error) {
|
||
errorFn(xhr, status, error);
|
||
setData(null);
|
||
},
|
||
aqEnnable
|
||
);
|
||
|
||
// 项目简介赋值
|
||
function setData(data) {
|
||
let proBrief = "暂无简介",
|
||
html = "";
|
||
let proImgList = [];
|
||
if (data) {
|
||
proBrief = data.proBrief ? data.proBrief : "暂无简介";
|
||
proImgList = data.fileData;
|
||
}
|
||
if (proImgList && proImgList.length > 0) {
|
||
$.each(proImgList, function (index, item) {
|
||
html += '<div><img src="' + item.base64Url + '"></div>';
|
||
});
|
||
} else {
|
||
html += '<div><img src="../../img/back/back.png"></div>';
|
||
}
|
||
$("#img-carousel").empty().append(html);
|
||
$("#pro-desc p").html(proBrief);
|
||
// 渲染 - 图片轮播
|
||
carousel.render({
|
||
elem: "#ID-carousel-demo-image",
|
||
width: "900px",
|
||
height: "360px",
|
||
interval: 3000,
|
||
});
|
||
}
|
||
}
|
||
|
||
/* 实时监测 */
|
||
function loadRealMonitor(montageParam) {
|
||
const url =
|
||
commonUrl +
|
||
"screen/largeScreen/xcIndex/getProJcData?params=" +
|
||
montageParam;
|
||
ajaxRequestGet(
|
||
url,
|
||
"GET",
|
||
true,
|
||
function () {},
|
||
function (result) {
|
||
if (result.code === 200) {
|
||
setData(result.data);
|
||
} else if (result.code === 500) {
|
||
console.error("实时监测" + result.msg);
|
||
setData(null);
|
||
} else if (result.code === 401) {
|
||
loginout(1);
|
||
}
|
||
},
|
||
function (xhr, status, error) {
|
||
errorFn(xhr, status, error);
|
||
setData(null);
|
||
},
|
||
aqEnnable
|
||
);
|
||
|
||
/* 实时检测赋值 */
|
||
function setData(data) {
|
||
console.log(data);
|
||
if (data && data.length > 0) {
|
||
$("#real-time-monitor").empty();
|
||
$.each(data, function (index, item) {
|
||
let div =
|
||
' <div class="layout monitor-data" data-id="' +
|
||
item.modelName +
|
||
'"> <p><span id="wd">' +
|
||
item.val +
|
||
"</span><span>" +
|
||
item.unit +
|
||
"</span></p><p>" +
|
||
item.modelName +
|
||
"</p>" +
|
||
" <div id='logo' class=\"monitor-icon\"></div>";
|
||
$("#real-time-monitor").append(div);
|
||
|
||
// 为每个monitor-data盒子添加点击事件
|
||
$("#real-time-monitor .monitor-data")
|
||
.off("click")
|
||
.on("click", function () {
|
||
var dataId = $(this).attr("data-id");
|
||
console.log("点击的monitor-data的data-id:", dataId);
|
||
|
||
// 您可以在这里添加其他需要执行的逻辑
|
||
|
||
layer.open({
|
||
type: 1,
|
||
title: "历史记录", //显示标题栏
|
||
closeBtn: 1,
|
||
area: ["90%", "90%"],
|
||
id: "HISTORY_layui", //设定一个id，防止重复弹出
|
||
resize: false,
|
||
// btn: ['确定'],
|
||
btnAlign: "c",
|
||
moveType: 0, //拖拽模式，0或者1
|
||
skin: "layui-layer-molv",
|
||
content: $("#divDialog"),
|
||
success: function (layero) {
|
||
// initHistory();
|
||
|
||
initDialogTable();
|
||
$("th").css("color", "#000");
|
||
$(".layui-table").css("color", "#000");
|
||
},
|
||
yes: function (layero, index) {
|
||
layer.close("HISTORY_layui");
|
||
},
|
||
cancel: function () {
|
||
// 右上角关闭事件的逻辑
|
||
layer.close("HISTORY_layui");
|
||
},
|
||
end: function () {
|
||
$("th").css("color", "#fff");
|
||
$(".layui-table").css("color", "#fff");
|
||
},
|
||
});
|
||
});
|
||
// if (item.modelName === '温度') {
|
||
// $('#wd').html(item.val ? item.val : 0);
|
||
// } else if (item.modelName === '湿度') {
|
||
// $('#sd').html(item.val ? item.val : 0);
|
||
// } else if (item.modelName === '噪声') {
|
||
// $('#zs').html(item.val ? item.val : 0);
|
||
// } else if (item.modelName === '光照') {
|
||
// $('#gz').html(item.val ? item.val : 0);
|
||
// } else if (item.modelName === 'pm2') {
|
||
// $('#pm2').html(item.val ? item.val : 0);
|
||
// } else if (item.modelName === 'pm10') {
|
||
// $('#pm10').html(item.val ? item.val : 0);
|
||
// }
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
function initDialogTable() {
|
||
const url =
|
||
commonUrl + "screen/largeScreen/constructionQuality/getHistoryList";
|
||
let times = "";
|
||
if ($("#ID-laydate-start-date-1").val() != "") {
|
||
times =
|
||
$("#ID-laydate-start-date-1").val() +
|
||
" - " +
|
||
$("#ID-laydate-end-date-1").val();
|
||
} else {
|
||
times = "";
|
||
}
|
||
historyTableIns = table.render({
|
||
elem: "#tableDialog",
|
||
url: url,
|
||
// skin: 'line',
|
||
page: true,
|
||
headers: {
|
||
decrypt: "decrypt",
|
||
Authorization: token,
|
||
},
|
||
where: {
|
||
roleCode: roleCode,
|
||
orgId: orgId,
|
||
userId: userId,
|
||
bidCode: bidCode,
|
||
deviceName: $("#deviceName").val(),
|
||
times: times,
|
||
},
|
||
cols: [
|
||
[
|
||
{ type: "numbers", title: "序号" }, // 添加序号列
|
||
// {field: 'areaName', align: 'center', title: '区域名称'},
|
||
{ field: "deviceName", align: "center", title: "设备名称" },
|
||
{ field: "moduleName", align: "center", title: "施工工艺" },
|
||
{ field: "changeVal", align: "center", title: "变化值" },
|
||
{ field: "val", align: "center", title: "检测值" },
|
||
{ field: "createTime", align: "center", title: "检测时间" },
|
||
// {field: 'isWarn', align: 'center', title: '是否告警'},
|
||
],
|
||
],
|
||
initComplete: function () {
|
||
// 在表格渲染完成后，重新渲染序号列
|
||
var that = this.elem.next();
|
||
var tool = that
|
||
.children(".layui-table-box")
|
||
.children(".layui-table-fixed")
|
||
.children(".layui-table-body")
|
||
.children(".layui-table");
|
||
tool.find("tr").each(function (index, item) {
|
||
$(this)
|
||
.find('td[data-field="LAY_TABLE_INDEX"]')
|
||
.text(index + 1);
|
||
});
|
||
},
|
||
done: function (res, curr, count, origin) {
|
||
// console.log(res);
|
||
$("[data-field='isWarn']")
|
||
.children()
|
||
.each(function () {
|
||
if ($(this).text() == "0") {
|
||
$(this).text("未告警");
|
||
} else if ($(this).text() == "1") {
|
||
$(this).text("告警");
|
||
}
|
||
});
|
||
},
|
||
page: true, //开启分页
|
||
loading: true, //数据加载中。。。
|
||
limits: [5, 10, 20, 100],
|
||
limit: 7,
|
||
});
|
||
}
|
||
|
||
/* 项目风险 */
|
||
function loadProRisk(montageParam) {
|
||
const url =
|
||
commonUrl +
|
||
"screen/largeScreen/xcIndex/getProRisk?params=" +
|
||
montageParam;
|
||
ajaxRequestGet(
|
||
url,
|
||
"GET",
|
||
true,
|
||
function () {},
|
||
function (result) {
|
||
if (result.code === 200) {
|
||
setData(result.data);
|
||
} else if (result.code === 500) {
|
||
console.error("项目风险" + result.msg);
|
||
} else if (result.code === 401) {
|
||
loginout(1);
|
||
}
|
||
},
|
||
function (xhr, status, error) {
|
||
errorFn(xhr, status, error);
|
||
},
|
||
aqEnnable
|
||
);
|
||
|
||
/* 项目风险赋值 */
|
||
function setData(data) {
|
||
initEchartsOne(data.day, data.week, data.warn);
|
||
}
|
||
}
|
||
|
||
/* 项目进度 */
|
||
function loadProProgress(montageParam) {
|
||
const url =
|
||
commonUrl +
|
||
"screen/largeScreen/xcIndex/getProcess?params=" +
|
||
montageParam;
|
||
ajaxRequestGet(
|
||
url,
|
||
"GET",
|
||
true,
|
||
function () {},
|
||
function (result) {
|
||
if (result.code === 200) {
|
||
setData(result.data);
|
||
} else if (result.code === 500) {
|
||
console.error("项目进度:" + result.msg);
|
||
} else if (result.code === 401) {
|
||
loginout(1);
|
||
}
|
||
},
|
||
function (xhr, status, error) {
|
||
errorFn(xhr, status, error);
|
||
},
|
||
aqEnnable
|
||
);
|
||
|
||
/* 项目进度赋值 */
|
||
function setData(data) {
|
||
if (data) {
|
||
$("#planStartTime").html(data.planStartTime);
|
||
$("#planEndTime").html(data.planEndTime);
|
||
initEchartsTwo(data.value2, data.value);
|
||
}
|
||
}
|
||
}
|
||
|
||
/* 项目成本 */
|
||
function loadProCost(montageParam) {
|
||
const url =
|
||
commonUrl +
|
||
"screen/largeScreen/xcIndex/getProMoney?params=" +
|
||
montageParam;
|
||
ajaxRequestGet(
|
||
url,
|
||
"GET",
|
||
true,
|
||
function () {},
|
||
function (result) {
|
||
if (result.code === 200) {
|
||
setData(result.data);
|
||
} else if (result.code === 500) {
|
||
console.error("项目成本:" + result.msg);
|
||
setData(null);
|
||
} else if (result.code === 401) {
|
||
loginout(1);
|
||
}
|
||
},
|
||
function (xhr, status, error) {
|
||
errorFn(xhr, status, error);
|
||
},
|
||
aqEnnable
|
||
);
|
||
function setData(data) {
|
||
if (data) {
|
||
let nameList = data.time && data.time.length > 0 ? data.time : [];
|
||
let valueList = data.cost && data.cost.length > 0 ? data.cost : [];
|
||
initEchartsThree(
|
||
nameList,
|
||
valueList,
|
||
parseFloat(data.proCost.replace("万", ""))
|
||
);
|
||
} else {
|
||
initEchartsThree([], [], 0);
|
||
}
|
||
}
|
||
}
|