haozq
/
jjsp_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

安全日报

This commit is contained in:
cwchen 2024-12-12 11:09:58 +08:00
parent d152e13caf
commit fa75c35c34
2 changed files with 960 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

235
bns/html/supplement/daily_duty_report.html Normal file
View File

@ -0,0 +1,235 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>值班日报</title>
<link rel="stylesheet" href="../../js/layui/css/layui.css">
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../css/dutyTask/remotePatrol/dailyDutyReport.css">
<link rel="stylesheet" href="../../css/viewer.min.css">
<script src="../../js/public/jquery-3.6.0.js" type="text/javascript"></script>
<script src="../../js/public/public.js" type="text/javascript"></script>
<script src="../../js/public/echarts.js" type="text/javascript"></script>
<script src="../../js/public/sm3.js" type="text/javascript"></script>
<script src="../../js/layui/layui.js"></script>
<script src="../../js/public/commonUtils.js"></script>
<script src="../../js/public/aes.js"></script>
<script src="../../js/public/viewer.min.js"></script>
</head>
<body>
<div class="model-title layout">
<p></p>
<p>日报</p>
</div>
<hr style="border-bottom: 1px solid #bdbdbd !important;">
<div class="content">
<div class="left-box">
<div class="search-form">
<form class="layui-form" action="" on submit="return false">
<div class="layui-form-item">
<div class="layui-inline">
<div class="layui-input-inline" style="width: 338px;">
<input type="text" id="createTime"
style="height: 40px;border: 1px solid #bdbdbd !important;cursor: pointer;" class="layui-input"
readonly placeholder="日期">
<img src="../../img/common-icon/date-icon.png"
style="position: absolute;top: 24%;left: 90%;">
</div>
</div>
</div>
</form>
</div>
<div class="date-box">
</div>
</div>
<div class="right-box">
<div class="btn-box">
<button class="layui-btn layui-btn-primary layui-btn-sm btn refresh-btn" title="刷新" onclick="refreshData()"
style="display: none;border: 1px solid #bdbdbd;">
<div class="layout" style="justify-content: space-around;"><img
src="../../img/common-icon/refresh.png">
<p style="color: #262626;">刷新</p></div>
</button>
<button class="layui-btn layui-btn-primary layui-btn-sm btn download-btn" title="下载" onclick="downloadDaily()"
style="display: none;border: 1px solid #bdbdbd;">
<div class="layout" style="justify-content: space-around;"><img
src="../../img/common-icon/import-icon.png">
<p style="color: #262626;">下载</p></div>
</button>
</div>
<div class="daily-box" style="display: none;">
<p class="daily-title">国网安徽电力基建安全日报</p>
<p class="daily-date"></p>
<hr>
<div class="module-one">
<p class="module-title">一、安全质量检查总体情况</p>
<p class="module-content">
在执行的三级及以上风险作业共<span id="one_num">0</span>项，今日三级及以上风险作业<span id="one_num2">0</span>项，终结<span id="one_num3">0</span>项，新许可<span id="one_num4">0</span>项。
</p>
<p class="module-content">
今日<span id="one_num5">0</span>个地市公司，开展主设备安装远程督查<span id="one_num6">0</span>项次。检查发现问题<span id="one_num7">0</span>条。
</p>
</div>
<div class="module-two">
<p class="module-title">二、班组及人员情况</p>
<p class="module-content">今日E基建，进行中作业票<span id="two_num">0</span>个，站班会<span id="two_num2">0</span>个，参加作业人员<span id="two_num3">0</span>人。</p>
</div>
<div class="module-three">
<p class="module-title">三、作业计划执行情况</p>
<p class="module-title">1.日计划实施</p>
<p class="module-content">今日在施工程<span id="three_num">0</span>项，作业现场<span id="three_num2">0</span>个，二级风险作业<span id="three_num3">0</span>项，三级风险作业<span id="three_num4">0</span>项，四级及五级风险作业<span id="three_num5">0</span>项。
</p>
<p class="module-title">2.今日视频监控接入情况</p>
<p class="module-content">今日全省基建现场三级及以上视频监控应接<span id="four_num">0</span>项，实际接入<span id="four_num2">0</span>项；四级及五级风险应接入<span id="four_num3">0</span>项（重要四级风险<span id="four_num4">0</span>项），实际接入<span id="four_num5">0</span>项，接入率<span id="four_rate">100%</span>。
</p>
<p class="module-title">3.明日作业计划</p>
<p class="module-content">计划作业有<span id="five_num">0</span>个班组，作业人员<span id="five_num2">0</span>人。
<p class="module-content">计划作业二级风险<span id="five_num3">0</span>项，三级风险<span id="five_num4">0</span>项，<span id="work_plan">其中二级风险合肥公司4项、建设分公司3项、淮北公司1项、芜湖公司1项、；三级风险较多的为建设分公司37项、黄山公司15项、宣城公司12项。</span></p>
<p class="module-content">二级风险：</p>
<!-- 循环生成 -->
<div id="twoRisksDiv">
<!-- <p class="module-content">（1）建设分公司：安庆四-涓桥500kV线路工程（一般线路段）：G65#-G73#张力架线施工；G65#-G73#张力架线施工，跨越档中G69#-G71#跨越德上高速导引绳展放，导地线展放，紧挂线。</p> -->
</div>
</div>
<div class="module-four">
<p class="module-title">四、督查情况</p>
<p class="module-title">（一）总体情况</p>
<p class="module-content">1.今日共督查<span id="six_num">0</span>处（视频<span id="six_num2">0</span>处），其中三级及以上现场<span id="six_num3">0</span>处、重要四级现场<span id="six_num4">0</span>处、其他现场<span id="six_num5">0</span>处，发现一般违章<span id="six_num6">0</span>处。</p>
<p class="module-title">（二）常规工程</p>
<p class="module-title">远程督查情况</p>
<p class="module-content">1.今日视频督查情况：督查作业现场<span id="seven_num">0</span>处，发现一般违章<span id="seven_num2">0</span>处。</p>
<div class="general-voi-box">
</div>
<p class="module-content">2.问题整改回复情况：</p>
<!-- 循环生成 -->
<div id="zgListDiv">
<!-- <p class="module-content">（1）20241020-01（合肥公司已整改）</p>
<p class="module-content">（2）20241020-02（滁州公司已整改）</p>
<p class="module-content">（3）20241020-03（安庆公司已整改）</p> -->
</div>
<p class="module-content">3.今日现场督查情况：无。</p>
<p class="module-content">4.地市公司自查违章情况：</p>
<p class="module-content">今日各地市自查违章共<span id="eight_num">0</span>条，其中严重违章<span id="eight_num2">0</span>条，一般违章<span id="eight_num3">0</span>条，情况如下：</p>
<div class="voi-echarts-box">
<div id="voi-echarts"></div>
</div>
<p class="module-content">5.关键措施照片上传和日报质量评价情况：</p>
<table class="data-table two-table one-cell" style="margin-top: 10px;">
<thead>
<tr>
<td>序号</td>
<td>建管单位</td>
<td>抽查站班会数</td>
<td>合格数</td>
<td>合格率</td>
<td>日报质量评价</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
<p class="module-content">6.值班抽查情况</p>
<p class="module-content">今日各地市公司均参与点到。</p>
<p class="module-content">7.远程抽查情况</p>
<p class="module-content">远程抽查关键人员<span id="cc_num">0</span>人，具体如下：</p>
<table class="data-table two2-table one-cell" style="margin-top: 10px;">
<thead>
<tr>
<td>序号</td>
<td>工程名称</td>
<td>建设单位</td>
<td>被抽查人员姓名</td>
<td>被抽查人员岗位</td>
<td>抽查评价</td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<p class="module-content">8.二级风险明细</p>
<table class="data-table two3-table one-cell" style="margin-top: 10px;">
<thead>
<tr>
<td>序号</td>
<td>工程名称</td>
<td>建管单位</td>
<td>作业内容</td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<p class="module-content">9.二级风险到岗到位抽查情况</p>
<table class="data-table seven-table four-cell" style="margin-top: 10px;">
<thead>
<tr>
<td>序号</td>
<td>工程名称</td>
<td>业主项目部</td>
<td>监理项目部</td>
<td>施工项目部</td>
</tr>
</thead>
<tbody>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td colspan="5">备注：“/”代表未到岗到位，“√”代表到岗到位。</td>
</tr>
</tbody>
</table>
<p class="module-title">（三）质量检查</p>
<p class="module-title">1.25项质量关键环节检查情况：</p>
<p class="module-content">今日核查<span id="nine_num">2</span>项处于主设备安装阶段的工程，球机在线<span id="nine_num">2</span>项。具体工程名称如下：</p>
<!-- 循环生成 -->
<div id="jcListDiv">
<p class="module-content">（1）安徽滁州红桥220kV变电站新建工程（王仕斌班组）
作业内容：软母线跳线、引下线、设备连线安装，电缆搬运、敷设二次接线，母线桥及其附件安装，软母线制作，站用变、消弧线圈、二次设备仓安装，隔离开关安装、调整，互感器、耦合电容器、避雷器安装，接地网施工。</p>
<p class="module-content">（2）安徽池州金安110kV变电站新建工程（李敬班组）
作业内容：电缆搬运、敷设二次接线，一次电气设备交接试验，二次设备调试，接地网施工，水电作业（配电装置楼），材料、设备搬运、绿化、地面卫生清扫，检查当日作业内容与作业票一致。</p>
</div>
<p class="module-content">今日发现问题：无</p>
<p class="module-title">（四）变电站工程标准化转序情况检查：</p>
<p class="module-content">今日督查变电站在建工程<span id="nine_num3">0</span>项，当日无具备标准化转序的工程。</p>
<p class="module-title">五、省市公司安全动态</p>
<!-- 循环生成 -->
<div id="dtListDiv">
<p class="module-content">1.阜阳公司副总经理汤永久到阜阳河北110kV变电站新建工程现场安全督查。</p>
</div>
<p class="module-title">六、气象预警</p>
<p class="module-title">降水：<span id="js" style="font-weight: normal;">今天夜里到明天白天：淮北地区阴天有小雨；江淮之间多云转阴天，中北部有小雨，部分地区中雨；江南晴天到多云。全省东北风3级。明天夜里到22号白天，全省阴天有小雨，其中江淮之间大部分地区中雨，局部大雨。</span></p>
<p class="module-title">气温：<span id="qw" style="font-weight: normal;">明晨最低气温：淮北地区北部：8－10℃；淮北地区南部：11－13℃；淮河以南：12－14℃。明天最高气温：淮北地区：16－18℃；江淮之间北部：18－20℃；江淮之间南部：20－22℃；沿江江南北部：22－24℃；沿江江南南部：24－26℃。</span></p>
<p class="module-title">七、重要工作部署情况。</p>
<p class="module-content">无。</p>
<hr>
<div class="module-end">
<p>编制： </p>
<p>审核： </p>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../../js/supplement/daily_duty_report.js"></script>
</html>

725
bns/js/supplement/daily_duty_report.js Normal file
View File

@ -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 +=
'<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();
});
}
}