From fa75c35c34e261b8fdde1be635ba247150ee9f6e Mon Sep 17 00:00:00 2001 From: cwchen <1048842385@qq.com> Date: Thu, 12 Dec 2024 11:09:58 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=89=E5=85=A8=E6=97=A5=E6=8A=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- bns/html/supplement/daily_duty_report.html | 235 +++++++ bns/js/supplement/daily_duty_report.js | 725 +++++++++++++++++++++ 2 files changed, 960 insertions(+) create mode 100644 bns/html/supplement/daily_duty_report.html create mode 100644 bns/js/supplement/daily_duty_report.js diff --git a/bns/html/supplement/daily_duty_report.html b/bns/html/supplement/daily_duty_report.html new file mode 100644 index 0000000..30ae5fe --- /dev/null +++ b/bns/html/supplement/daily_duty_report.html @@ -0,0 +1,235 @@ + + + + + 值班日报 + + + + + + + + + + + + + + +
+

+

日报

+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+
+
+
+
+
+
+ + +
+ +
+
+ + + \ No newline at end of file diff --git a/bns/js/supplement/daily_duty_report.js b/bns/js/supplement/daily_duty_report.js new file mode 100644 index 0000000..9f568be --- /dev/null +++ b/bns/js/supplement/daily_duty_report.js @@ -0,0 +1,725 @@ +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 += + '

" + + item + + "

"; + } else { + html += + '

" + + item + + "

"; + } + }); + $(".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 += "

" + str + "

"; + }); + $("#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 += "

" + str + "

"; + }); + $("#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 += + "" + + (index + 1) + + "" + + item.name + + "" + + item.num + + "" + + item.hgs + + "" + + item.lv + + "" + + item.pj + + ""; + }); + $(".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 += + "" + + (index + 1) + + "" + + item.name + + "" + + item.org + + "" + + item.name2 + + "" + + item.post + + "" + + item.pj + + ""; + }); + $(".two2-table tbody").empty().append(cent); + } + + // 二级风险明细 + if (data.tableList3 && data.tableList3.length > 0) { + let cent = ""; + $.each(data.tableList3, function (index, item) { + cent += + "" + + (index + 1) + + "" + + item.name + + "" + + item.org + + "" + + item.content + + ""; + }); + $(".two3-table tbody").empty().append(cent); + } + + // 二级风险到岗到位抽查情况 + if (data.tableList4 && data.tableList4.length > 0) { + let cent = ""; + $.each(data.tableList4, function (index, item) { + cent += + "" + + (index + 1) + + "" + + item.name + + "" + + item.yz + + "" + + item.jl + + "" + + item.sg + + ""; + }); + $(".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 += + '' + + '' + + '" + + '" + + '" + + '" + + '" + + '" + + '" + + "
' + + item.wzlx + + "
违章现场' + + item.name + + "
违章照片' + + setVoiPhotos(item) + + "
违章内容' + + item.content + + "
违章依据' + + item.yj + + "
违章处理情况' + + item.dealwith + + "
整改照片' + + setVoizgPhotos(item) + + "
"; + }); + } else { + html += + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + "
一般违章
违章现场
违章照片
违章内容
违章依据
违章处理情况
整改照片
"; + } + $(".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 += + ''; + }); + 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 += + ''; + }); + } else { + let voizgImgList = obj.voizgImgList; + $.each(voizgImgList, function (index, item) { + let path = photoUrl + item.img2 + "?token=" + token; + cent += + ''; + }); + } + + 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(); + }); + } +}