726 lines
19 KiB
JavaScript
726 lines
19 KiB
JavaScript
let form, layer, laydate, checkedDate;
|
||
let myChart4 = echarts.init(document.getElementById("voi-echarts"));
|
||
layui.use(["form", "laydate", "layer"], function () {
|
||
layer = layui.layer;
|
||
form = layui.form;
|
||
laydate = layui.laydate;
|
||
laydate.render({
|
||
elem: "#createTime", //指定元素 元素选择器
|
||
type: "date", //选择时间类型 可选值:year(年) month(年月) date(年月日) time(时分秒) datetime(年月日时分秒)
|
||
trigger: "click",
|
||
range: true,
|
||
format: "yyyy-MM-dd", //时间格式 常用时间格式:yyyy-MM-dd HH:mm:ss
|
||
max: Date.parse(new Date()),
|
||
btns: ["now", "confirm"], //选择框右下角显示的按钮 清除-现在-确定
|
||
done: function (value, date) {
|
||
//时间回调
|
||
let dateArr = value.split(" - ");
|
||
setDateData(getAllDate(dateArr[0], dateArr[1]));
|
||
getDaily(dateArr[1]);
|
||
},
|
||
});
|
||
checkedDate = getNowTime();
|
||
$("#createTime").val(getBeforeDate(9) + " - " + getNowTime());
|
||
setDateData(getAllDate(getBeforeDate(9), getNowTime()));
|
||
getDaily(getNowTime());
|
||
});
|
||
|
||
// 设置日期数据
|
||
function setDateData(data) {
|
||
let reverseData = data.reverse();
|
||
let html = "";
|
||
reverseData.forEach((item, index) => {
|
||
if (index === 0) {
|
||
html +=
|
||
'<p class="p-checked date' +
|
||
(index + 1) +
|
||
'" id="lastDate" tabindex="' +
|
||
(index + 1) +
|
||
'" onclick="dailyDetail(\'' +
|
||
item +
|
||
"','" +
|
||
(index + 1) +
|
||
"')\">" +
|
||
item +
|
||
"</p> ";
|
||
} else {
|
||
html +=
|
||
'<p class="date' +
|
||
(index + 1) +
|
||
'" tabindex="' +
|
||
(index + 1) +
|
||
'" onclick="dailyDetail(\'' +
|
||
item +
|
||
"','" +
|
||
(index + 1) +
|
||
"')\">" +
|
||
item +
|
||
"</p> ";
|
||
}
|
||
});
|
||
$(".date-box").empty().append(html);
|
||
}
|
||
|
||
function dailyDetail(data, index) {
|
||
$(".date-box")
|
||
.find("p")
|
||
.each(function () {
|
||
if ($(this).hasClass("p-checked")) {
|
||
$(this).removeClass("p-checked");
|
||
}
|
||
});
|
||
$(".date" + index).addClass("p-checked");
|
||
$(".daily-box").css("display", "none");
|
||
$(".download-btn").css("display", "none");
|
||
getDaily(data);
|
||
checkedDate = data;
|
||
}
|
||
|
||
// 刷新数据
|
||
function refreshData() {
|
||
let loadingMsg = layer.msg("数据同步中,请稍候...", {
|
||
icon: 16,
|
||
scrollbar: false,
|
||
time: 0,
|
||
});
|
||
reloadDaily(getNowTime(), loadingMsg);
|
||
}
|
||
|
||
// 下载日报
|
||
function downloadDaily() {
|
||
let loadingMsg = layer.msg("日报下载中,请稍候...", {
|
||
icon: 16,
|
||
scrollbar: false,
|
||
time: 0,
|
||
});
|
||
let url =
|
||
dataUrl +
|
||
"proteam/pot/newDailyDutyReport/downloadDaily?currentDay=" +
|
||
checkedDate +
|
||
"&chineseDate=" +
|
||
setDate(checkedDate) +
|
||
"&token=" +
|
||
token;
|
||
let xhr = new XMLHttpRequest();
|
||
xhr.open("get", url, true);
|
||
xhr.responseType = "blob"; // 转换流
|
||
xhr.setRequestHeader(
|
||
"encrypt",
|
||
sm3(
|
||
JSON.stringify({
|
||
currentDay: checkedDate,
|
||
chineseDate: setDate(checkedDate),
|
||
})
|
||
)
|
||
);
|
||
xhr.onload = function () {
|
||
layer.close(loadingMsg);
|
||
if (this.status === 200) {
|
||
let blob = this.response;
|
||
var a = document.createElement("a");
|
||
var url = window.URL.createObjectURL(blob);
|
||
a.href = url;
|
||
a.download = "国网安徽电力基建安全日报" + setDate(checkedDate) + ".docx"; // 文件名
|
||
} else {
|
||
layer.msg("服务异常,请稍后重试", {
|
||
icon: 16,
|
||
scrollbar: false,
|
||
time: 2000,
|
||
});
|
||
}
|
||
a.click();
|
||
window.URL.revokeObjectURL(url);
|
||
};
|
||
xhr.send();
|
||
}
|
||
|
||
// 加载日报数据
|
||
function getDaily(currentDay) {
|
||
let loadingMsg = layer.msg("数据加载中,请稍候...", {
|
||
icon: 16,
|
||
scrollbar: false,
|
||
time: 0,
|
||
});
|
||
$.ajax({
|
||
headers: {
|
||
encrypt: sm3(
|
||
JSON.stringify({
|
||
currentDay: currentDay,
|
||
})
|
||
),
|
||
},
|
||
type: "POST",
|
||
url: dataUrl + "proteam/pot/newDailyDutyReport/getDailyData?token=" + token,
|
||
data: {
|
||
currentDay: currentDay,
|
||
},
|
||
async: false,
|
||
dataType: "json",
|
||
success: function (result) {
|
||
layer.close(loadingMsg);
|
||
if (result.code === 500) {
|
||
setDailyData(currentDay, null);
|
||
return layer.alert(data.msg, { icon: 2 });
|
||
} else if (result.code === 401) {
|
||
logout(1);
|
||
} else if (result.code === 200) {
|
||
if (result.data) {
|
||
setDailyData(currentDay, result.data);
|
||
} else {
|
||
setDailyData(currentDay, null);
|
||
}
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
||
layer.close(loadingMsg); // 关闭提示层
|
||
layer.msg("数据加载发生异常,请稍后重试", {
|
||
icon: 16,
|
||
scrollbar: false,
|
||
time: 2000,
|
||
});
|
||
setDailyData(currentDay, null);
|
||
},
|
||
});
|
||
}
|
||
|
||
/* 重载日报数据 */
|
||
function reloadDaily(currentDay, loadingMsg) {
|
||
$.ajax({
|
||
headers: {
|
||
encrypt: sm3(
|
||
JSON.stringify({
|
||
currentDay: currentDay,
|
||
})
|
||
),
|
||
},
|
||
type: "POST",
|
||
url: dataUrl + "proteam/pot/newDailyDutyReport/getDailyData?token=" + token,
|
||
data: {
|
||
currentDay: currentDay,
|
||
},
|
||
async: false,
|
||
dataType: "json",
|
||
success: function (result) {
|
||
console.error(result);
|
||
|
||
layer.close(loadingMsg);
|
||
if (result.code === 500) {
|
||
setDailyData(currentDay, null);
|
||
return layer.alert(data.msg, { icon: 2 });
|
||
} else if (result.code === 401) {
|
||
logout(1);
|
||
} else if (result.code === 200) {
|
||
layer.msg("数据同步完成", { icon: 1, time: 2000 });
|
||
if (result.data) {
|
||
setDailyData(currentDay, result.data);
|
||
} else {
|
||
setDailyData(currentDay, null);
|
||
}
|
||
}
|
||
},
|
||
error: function (XMLHttpRequest, textStatus, errorThrown) {
|
||
layer.close(loadingMsg); // 关闭提示层
|
||
setDailyData(currentDay, null);
|
||
},
|
||
});
|
||
}
|
||
|
||
// 日报赋值
|
||
function setDailyData(data, dataMap) {
|
||
$(".daily-date").html(setDate(data));
|
||
$(".daily-box").css("display", "block");
|
||
$(".download-btn").css("display", "block");
|
||
if (data === getNowTime()) {
|
||
$(".refresh-btn").css("display", "block");
|
||
} else {
|
||
$(".refresh-btn").css("display", "none");
|
||
}
|
||
console.error(dataMap);
|
||
if (dataMap != null) {
|
||
setModuleOneData(dataMap);
|
||
setModuleTwoData(dataMap);
|
||
setModuleThreeData(dataMap);
|
||
setModuleFourData(dataMap);
|
||
|
||
//
|
||
//
|
||
//
|
||
// setModuleSevenData(dataMap);
|
||
// setModuleEightData(dataMap);
|
||
// setModuleNineData(dataMap);
|
||
// setModuleTenData(dataMap);
|
||
// setModuleElevenData(dataMap);
|
||
// initEchartsTwo(dataMap.moduleTwelve);
|
||
// setModuleThirteenData(dataMap);
|
||
}
|
||
|
||
/*安全质量检查总体情况*/
|
||
function setModuleOneData(data) {
|
||
$("#one_num").html(data.one_num);
|
||
$("#one_num2").html(data.one_num2);
|
||
$("#one_num3").html(data.one_num3);
|
||
$("#one_num4").html(data.one_num4);
|
||
$("#one_num5").html(data.one_num5);
|
||
$("#one_num6").html(data.one_num6);
|
||
$("#one_num7").html(data.one_num7);
|
||
}
|
||
|
||
/*班组及人员情况*/
|
||
function setModuleTwoData(data) {
|
||
$("#two_num").html(data.two_num);
|
||
$("#two_num2").html(data.two_num2);
|
||
$("#two_num3").html(data.two_num3);
|
||
}
|
||
|
||
/*作业计划执行情况*/
|
||
function setModuleThreeData(data) {
|
||
//日计划实施
|
||
$("#three_num").html(data.three_num);
|
||
$("#three_num2").html(data.three_num2);
|
||
$("#three_num3").html(data.three_num3);
|
||
$("#three_num4").html(data.three_num4);
|
||
$("#three_num5").html(data.three_num5);
|
||
// 今日视频监控接入情况
|
||
$("#four_num").html(data.four_num);
|
||
$("#four_num2").html(data.four_num2);
|
||
$("#four_num3").html(data.four_num3);
|
||
$("#four_num4").html(data.four_num4);
|
||
$("#four_num5").html(data.four_num5);
|
||
$("#four_rate").html(data.four_rate);
|
||
|
||
// 明日作业计划
|
||
$("#five_num").html(data.five_num);
|
||
$("#five_num2").html(data.five_num2);
|
||
$("#five_num3").html(data.five_num3);
|
||
$("#five_num4").html(data.five_num4);
|
||
$("#work_plan").html(data.work_plan);
|
||
|
||
// 明日作业计划-二级风险
|
||
let html = "";
|
||
if (data.twoRisks && data.twoRisks.length > 0) {
|
||
$.each(data.twoRisks, function (index, item) {
|
||
const str = item.content;
|
||
html += "<p class='module-content'>" + str + "</p>";
|
||
});
|
||
$("#twoRisksDiv").empty().append(html);
|
||
}
|
||
}
|
||
|
||
/*督查情况*/
|
||
function setModuleFourData(data) {
|
||
$("#six_num").html(data.six_num);
|
||
$("#six_num2").html(data.six_num2);
|
||
$("#six_num3").html(data.six_num3);
|
||
$("#six_num4").html(data.six_num4);
|
||
$("#six_num5").html(data.six_num5);
|
||
$("#six_num6").html(data.six_num6);
|
||
$("#six_num6").html(data.six_num6);
|
||
$("#seven_num").html(data.seven_num);
|
||
$("#seven_num2").html(data.seven_num2);
|
||
// 远程督查情况
|
||
setModuleElevenData(data);
|
||
// 整改情况
|
||
let html = "";
|
||
if (data.zgList && data.zgList.length > 0) {
|
||
$.each(data.zgList, function (index, item) {
|
||
const str = item.zg;
|
||
html += "<p class='module-content'>" + str + "</p>";
|
||
});
|
||
$("#zgListDiv").empty().append(html);
|
||
}
|
||
// 地市公司自查违章情况
|
||
$("#eight_num").html(data.eight_num);
|
||
$("#eight_num2").html(data.eight_num3);
|
||
$("#eight_num3").html(data.eight_num4);
|
||
initEchartsTwo(data.exceList);
|
||
|
||
// 关键措施照片上传和日报质量评价情况
|
||
if (data.tableList && data.tableList.length > 0) {
|
||
let cent = "";
|
||
$.each(data.tableList, function (index, item) {
|
||
cent +=
|
||
"<tr><td>" +
|
||
(index + 1) +
|
||
"</td><td>" +
|
||
item.name +
|
||
"</td><td>" +
|
||
item.num +
|
||
"</td><td>" +
|
||
item.hgs +
|
||
"</td><td>" +
|
||
item.lv +
|
||
"</td><td>" +
|
||
item.pj +
|
||
"</td></tr>";
|
||
});
|
||
$(".two-table tbody").empty().append(cent);
|
||
}
|
||
|
||
// 远程抽查情况
|
||
$("#cc_num").html(data.cc_num);
|
||
if (data.tableList2 && data.tableList2.length > 0) {
|
||
let cent = "";
|
||
$.each(data.tableList2, function (index, item) {
|
||
cent +=
|
||
"<tr><td>" +
|
||
(index + 1) +
|
||
"</td><td>" +
|
||
item.name +
|
||
"</td><td>" +
|
||
item.org +
|
||
"</td><td>" +
|
||
item.name2 +
|
||
"</td><td>" +
|
||
item.post +
|
||
"</td><td>" +
|
||
item.pj +
|
||
"</td></tr>";
|
||
});
|
||
$(".two2-table tbody").empty().append(cent);
|
||
}
|
||
|
||
// 二级风险明细
|
||
if (data.tableList3 && data.tableList3.length > 0) {
|
||
let cent = "";
|
||
$.each(data.tableList3, function (index, item) {
|
||
cent +=
|
||
"<tr><td>" +
|
||
(index + 1) +
|
||
"</td><td>" +
|
||
item.name +
|
||
"</td><td>" +
|
||
item.org +
|
||
"</td><td>" +
|
||
item.content +
|
||
"</td></tr>";
|
||
});
|
||
$(".two3-table tbody").empty().append(cent);
|
||
}
|
||
|
||
// 二级风险到岗到位抽查情况
|
||
if (data.tableList4 && data.tableList4.length > 0) {
|
||
let cent = "";
|
||
$.each(data.tableList4, function (index, item) {
|
||
cent +=
|
||
"<tr><td>" +
|
||
(index + 1) +
|
||
"</td><td>" +
|
||
item.name +
|
||
"</td><td>" +
|
||
item.yz +
|
||
"</td><td>" +
|
||
item.jl +
|
||
"</td><td>" +
|
||
item.sg +
|
||
"</td></tr>";
|
||
});
|
||
$(".seven-table tbody").empty().append(cent);
|
||
}
|
||
}
|
||
|
||
function setModuleElevenData(data) {
|
||
let html = "";
|
||
if (data.vioList && data.vioList.length > 0) {
|
||
$.each(data.vioList, function (index, item) {
|
||
html +=
|
||
'<table class="general-voi" id="general-voi' +
|
||
index +
|
||
'">' +
|
||
'<colgroup><col style="width: 20%;"></col><col style="width: 80%;"></col></colgroup>' +
|
||
'<tr style="color:#FF0000;"><td colspan="2" style="text-align: initial;padding-left: 40px;">' +
|
||
item.wzlx +
|
||
"</td></tr>" +
|
||
'<tr style="color:#FF0000;"><td>违章现场</td><td>' +
|
||
item.name +
|
||
"</td></tr>" +
|
||
'<tr style="height: 300px;color:#FF0000;"><td>违章照片</td><td>' +
|
||
setVoiPhotos(item) +
|
||
"</td></tr>" +
|
||
'<tr style="color:#FF0000;"><td>违章内容</td><td>' +
|
||
item.content +
|
||
"</td></tr>" +
|
||
'<tr style="color:#0000FF;"><td>违章依据</td><td>' +
|
||
item.yj +
|
||
"</td></tr>" +
|
||
'<tr style="color:#0000FF;"><td>违章处理情况</td><td>' +
|
||
item.dealwith +
|
||
"</td></tr>" +
|
||
'<tr style="height: 300px;color:#0000FF;"><td>整改照片</td><td>' +
|
||
setVoizgPhotos(item) +
|
||
"</td></tr>" +
|
||
"</table>";
|
||
});
|
||
} else {
|
||
html +=
|
||
'<table class="general-voi">' +
|
||
'<colgroup><col style="width: 20%;"></col><col style="width: 80%;"></col></colgroup>' +
|
||
'<tr style="color:#FF0000;"><td colspan="2" style="text-align: initial;padding-left: 40px;">一般违章</td></tr>' +
|
||
'<tr style="color:#FF0000;"><td>违章现场</td><td></td></tr>' +
|
||
'<tr style="height: 300px;color:#FF0000;"><td>违章照片</td><td></td></tr>' +
|
||
'<tr style="color:#FF0000;"><td>违章内容</td><td></td></tr>' +
|
||
'<tr style="color:#0000FF;"><td>违章依据</td><td></td></tr>' +
|
||
'<tr style="color:#0000FF;"><td>违章处理情况</td><td></td></tr>' +
|
||
'<tr style="height: 300px;color:#0000FF;"><td>整改照片</td><td></td></tr>' +
|
||
"</table>";
|
||
}
|
||
$(".general-voi-box").empty().append(html);
|
||
if (data.moduleEleven && data.moduleEleven.length > 0) {
|
||
$.each(data.moduleEleven, function (index, item) {
|
||
let viewer = new Viewer(
|
||
document.getElementById("general-voi" + index + ""),
|
||
{
|
||
url: "data-original",
|
||
show: function () {
|
||
viewer.update();
|
||
},
|
||
}
|
||
);
|
||
});
|
||
}
|
||
}
|
||
|
||
/* 违章照片 */
|
||
function setVoiPhotos(obj) {
|
||
let cent = '';
|
||
let voiImgList = obj.voiImgList;
|
||
$.each(voiImgList, function (index, item) {
|
||
let path = photoUrl + item.img2 + "?token=" + token;
|
||
cent +=
|
||
'<img src="' +
|
||
path +
|
||
'" width="530" height="350" style="margin-bottom:10px;" data-original = "' +
|
||
path +
|
||
'">';
|
||
});
|
||
return cent;
|
||
}
|
||
|
||
/* 整改图片 */
|
||
function setVoizgPhotos(obj) {
|
||
let cent = '';
|
||
if (obj.hasWord == 1) {
|
||
let voizgFileList = obj.voizgFileList;
|
||
$.each(voizgFileList, function (index, item) {
|
||
let path = '../../img/word.png';
|
||
cent +=
|
||
'<img src="' +
|
||
path +
|
||
'" width="200" height="200" style="margin-bottom:10px;" data-original = "' +
|
||
path +
|
||
'">';
|
||
});
|
||
} else {
|
||
let voizgImgList = obj.voizgImgList;
|
||
$.each(voizgImgList, function (index, item) {
|
||
let path = photoUrl + item.img2 + "?token=" + token;
|
||
cent +=
|
||
'<img src="' +
|
||
path +
|
||
'" width="530" height="350" style="margin-bottom:10px;" data-original = "' +
|
||
path +
|
||
'">';
|
||
});
|
||
}
|
||
|
||
return cent;
|
||
}
|
||
|
||
/*周风险echarts*/
|
||
function initEchartsTwo(dataList) {
|
||
let xAxisList = [];
|
||
let data = [];
|
||
let data2 = [];
|
||
let data3 = [];
|
||
$.each(dataList, function (index, item) {
|
||
xAxisList.push(item.cityName);
|
||
data.push(item.zbhNum);
|
||
data2.push(item.yzwzNum);
|
||
data3.push(item.ybwzNum);
|
||
});
|
||
let fontSize = "14";
|
||
// 基于准备好的dom，初始化echarts图表
|
||
let option = {
|
||
backgroundColor: "transparent",
|
||
tooltip: {
|
||
show: false,
|
||
},
|
||
legend: {
|
||
// right: '3%',
|
||
top: "92%",
|
||
itemWidth: 10,
|
||
itemHeight: 10,
|
||
itemGap: 15,
|
||
// 环图之间间隔，图例防抖动
|
||
inactiveBorderWidth: 0,
|
||
itemStyle: {
|
||
borderWidth: 0,
|
||
},
|
||
selectedMode: false,
|
||
},
|
||
grid: {
|
||
left: "3%",
|
||
right: "3%",
|
||
bottom: "10%",
|
||
top: "15%",
|
||
containLabel: true,
|
||
},
|
||
calculable: true,
|
||
xAxis: [
|
||
{
|
||
type: "category",
|
||
axisLabel: {
|
||
interval: 0, // 解决x轴名称过长问题
|
||
rotate: 45,
|
||
textStyle: {
|
||
color: "#262626",
|
||
fontSize: 14,
|
||
fontFamily: "Alibaba PuHuiTi R",
|
||
},
|
||
},
|
||
axisLine: {
|
||
show: false,
|
||
lineStyle: {
|
||
//y轴网格线设置
|
||
color: "#262626",
|
||
width: 1,
|
||
},
|
||
},
|
||
data: xAxisList,
|
||
},
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: "value",
|
||
// name: "单位/个",
|
||
nameGap: 8,
|
||
nameTextStyle: {
|
||
color: "#262626",
|
||
},
|
||
|
||
axisTick: {
|
||
show: false,
|
||
},
|
||
axisLine: {
|
||
show: false,
|
||
lineStyle: {
|
||
//y轴网格线设置
|
||
color: "#2c2c2c",
|
||
width: 1,
|
||
},
|
||
},
|
||
splitLine: {
|
||
//保留网格线
|
||
show: true,
|
||
lineStyle: {
|
||
//y轴网格线设置
|
||
color: "#101C4A",
|
||
width: 1,
|
||
},
|
||
},
|
||
axisLabel: {
|
||
show: true,
|
||
textStyle: {
|
||
fontSize: 16,
|
||
color: "#262626", //字体颜色
|
||
fontFamily: "Alibaba PuHuiTi R",
|
||
},
|
||
},
|
||
},
|
||
],
|
||
series: [
|
||
{
|
||
name: "作业现场",
|
||
type: "bar",
|
||
z: 1,
|
||
barWidth: 6,
|
||
barGap: "100%",
|
||
label: {
|
||
show: true,
|
||
position: "top",
|
||
textStyle: {
|
||
color: "#262626",
|
||
},
|
||
},
|
||
itemStyle: {
|
||
normal: {
|
||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||
{
|
||
offset: 0,
|
||
color: "#4472c4",
|
||
},
|
||
{
|
||
offset: 1,
|
||
color: "#4c87ef",
|
||
},
|
||
]),
|
||
},
|
||
},
|
||
data: data,
|
||
},
|
||
{
|
||
name: "严重违章",
|
||
type: "bar",
|
||
barGap: "100%",
|
||
z: 1,
|
||
barWidth: 6,
|
||
label: {
|
||
show: true,
|
||
position: "top",
|
||
textStyle: {
|
||
color: "#262626",
|
||
},
|
||
},
|
||
itemStyle: {
|
||
normal: {
|
||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||
{
|
||
offset: 0,
|
||
color: "#618b35",
|
||
},
|
||
{
|
||
offset: 1,
|
||
color: "#97ec3e",
|
||
},
|
||
]),
|
||
},
|
||
},
|
||
data: data2,
|
||
},
|
||
{
|
||
name: "一般违章",
|
||
type: "bar",
|
||
barGap: "100%",
|
||
z: 1,
|
||
barWidth: 6,
|
||
label: {
|
||
show: true,
|
||
position: "top",
|
||
textStyle: {
|
||
color: "#262626",
|
||
},
|
||
},
|
||
itemStyle: {
|
||
normal: {
|
||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||
{
|
||
offset: 0,
|
||
color: "#a83232",
|
||
},
|
||
{
|
||
offset: 1,
|
||
color: "#d02020",
|
||
},
|
||
]),
|
||
},
|
||
},
|
||
data: data3,
|
||
},
|
||
],
|
||
};
|
||
myChart4.setOption(option, true);
|
||
window.addEventListener("resize", function () {
|
||
myChart4.resize();
|
||
});
|
||
}
|
||
}
|