console.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>智慧安全平台</title>
  8. <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../assets/module/admin.css?v=315"/>
  10. <!--[if lt IE 9]>
  11. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  12. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  13. <![endif]-->
  14. <style>
  15. /** 统计快捷方式样式 */
  16. .console-link-block {
  17. display: block;
  18. position: relative;
  19. color: #fff;
  20. font-size: 18px;
  21. padding: 25px 20px;
  22. border-radius: 4px;
  23. overflow: hidden;
  24. box-shadow: 0px 3px 5px rgba(0, 0, 0, .1);
  25. background-color: rgb(155, 197, 57);
  26. }
  27. .console-link-block .console-link-block-num {
  28. font-size: 40px;
  29. font-weight: bold;
  30. margin-bottom: 10px;
  31. }
  32. .console-link-block .console-link-block-icon {
  33. height: 70px;
  34. position: absolute;
  35. right: 20px;
  36. top: 50%;
  37. transform: translateY(-50%);
  38. }
  39. .console-link-block .console-link-block-band {
  40. background-color: rgb(227, 42, 22);
  41. font-size: 14px;
  42. position: absolute;
  43. width: 80px;
  44. padding: 2px 0;
  45. text-align: center;
  46. transform: rotate(45deg);
  47. right: -21px;
  48. top: 8px;
  49. color: rgba(255, 255, 255, .9);
  50. z-index: 1;
  51. }
  52. /** //统计快捷方式样式end */
  53. /** 小屏幕下样式 */
  54. @media screen and (max-width: 992px) {
  55. .console-link-block {
  56. font-size: 14px;
  57. padding: 15px 10px;
  58. }
  59. .console-link-block .console-link-block-num {
  60. font-size: 28px;
  61. margin-bottom: 0px;
  62. }
  63. .console-link-block .console-link-block-icon {
  64. height: 45px;
  65. right: 10px;
  66. }
  67. .console-link-block .console-link-block-band {
  68. font-size: 12px;
  69. right: -25px;
  70. top: 8px;
  71. }
  72. }
  73. /** 设置每个快捷块的颜色 */
  74. #consoleLink > div:first-child .console-link-block {
  75. background-color: rgb(155, 197, 57);
  76. }
  77. #consoleLink > div:nth-child(2) .console-link-block {
  78. background-color: rgb(85, 165, 234);
  79. }
  80. #consoleLink > div:nth-child(3) .console-link-block {
  81. background-color: rgb(157, 175, 291);
  82. }
  83. #consoleLink > div:nth-child(4) .console-link-block {
  84. background-color: rgb(245, 145, 162);
  85. }
  86. #consoleLink > div:nth-child(5) .console-link-block {
  87. background-color: rgb(254, 170, 79);
  88. }
  89. #consoleLink > div:last-child .console-link-block {
  90. background-color: rgb(64, 212, 176);
  91. }
  92. /** //设置每个快捷块的颜色end */
  93. </style>
  94. </head>
  95. <body>
  96. <!-- 正文开始 -->
  97. <div class="layui-fluid">
  98. <!-- 统计图表 -->
  99. <div class="layui-row layui-col-space15">
  100. <div class="layui-col-md3 layui-col-xs12">
  101. <div class="layui-card">
  102. <div class="layui-card-header">风险点总计(<span style="color:#E9474A" class="levelTotal">0</span>)</div>
  103. <div class="layui-card-body">
  104. <div style="height: 300px;position: relative;">
  105. <div id="tjDivDay" style="height: 100%;"></div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="layui-col-md6 layui-col-xs12">
  111. <div class="layui-card">
  112. <div class="layui-card-header">我管控的风险点(<span style="color:#E9474A" class="iManageRiskCount">0</span>)</div>
  113. <div class="layui-card-body">
  114. <table class="layui-hide" id="datatable" lay-filter="datatable"></table>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="layui-col-md3 layui-col-xs12">
  119. <div class="layui-card">
  120. <div class="layui-card-header">隐患总计(<span style="color:#E9474A" class="hiddenDangerCount">0</span>)</div>
  121. <div class="layui-card-body">
  122. <div style="height: 207px;position: relative;" class="layui-row text-center">
  123. <div class="layui-col-xs6" id="dh1" style="display: none">
  124. <div style="font-size: 18px;background-color: #FF0000">重大</div>
  125. <div id="lv1Num" style="color: #0000ff;font-size: 22px;padding: 10px 0 15px 0;"></div>
  126. </div>
  127. <div class="layui-col-xs6" id="dh2" style="display: none">
  128. <div style="font-size: 18px;background-color: #FFA500">较大</div>
  129. <div id="lv2Num" style="color: #0000ff;font-size: 22px;padding: 10px 0 15px 0;"></div>
  130. </div>
  131. <div class="layui-col-xs6" id="dh3" style="display: none">
  132. <div style="font-size: 18px;background-color: #FFFF00">一般</div>
  133. <div id="lv3Num" style="color: #0000ff;font-size: 22px;padding: 10px 0 15px 0;"></div>
  134. </div>
  135. <div class="layui-col-xs6" id="dh4" style="display: none">
  136. <div style="font-size: 18px;background-color: #0000FF">较低</div>
  137. <div id="lv4Num" style="color: #0000ff;font-size: 22px;padding: 10px 0 15px 0;"></div>
  138. </div>
  139. </div>
  140. <hr>
  141. <div class="layui-row text-center">
  142. <div class="layui-col-xs6">
  143. <div style="font-size: 18px;padding: 10px 0 15px 0;">待整改</div>
  144. <div id="s2Num" style="color: #28a6d6;font-size: 22px;"></div>
  145. </div>
  146. <div class="layui-col-xs6">
  147. <div style="font-size: 18px;padding: 10px 0 15px 0;">待验收</div>
  148. <div id="s3Num" style="color: #28a6d6;font-size: 22px;"></div>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="layui-row layui-col-space15">
  156. <div class="layui-col-md3 layui-col-xs12">
  157. <div class="layui-card">
  158. <div class="layui-card-header">预警信息</div>
  159. <div class="layui-card-body" style="height: 350px;overflow:auto">
  160. <ul class="layui-timeline">
  161. </ul>
  162. </div>
  163. </div>
  164. </div>
  165. <div class="layui-col-md6 layui-col-xs12">
  166. <div class="layui-card">
  167. <div class="layui-card-header">隐患通报(待整改)</div>
  168. <div class="layui-card-body">
  169. <table class="layui-hide" id="hdangerList" lay-filter="hdangerList"></table>
  170. </div>
  171. </div>
  172. </div>
  173. <div class="layui-col-md3 layui-col-xs12">
  174. <div class="layui-card">
  175. <div class="layui-card-header">待办任务</div>
  176. <div class="layui-card-body">
  177. <table class="layui-hide" id="scheduleList" lay-filter="scheduleList"></table>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <!-- 加载动画 -->
  184. <div class="page-loading">
  185. <div class="ball-loader">
  186. <span></span><span></span><span></span><span></span>
  187. </div>
  188. </div>
  189. <!-- js部分 -->
  190. <script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
  191. <script type="text/javascript" src="../../assets/js/common.js?v=315"></script>
  192. <script type="text/javascript" src="../../assets/libs/jsonpath/jsonpath.js"></script>
  193. <script type="text/javascript" src="../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
  194. <script type="text/javascript" src="../../assets/libs/leftTime/leftTime.js"></script>
  195. <script src="../../assets/libs/echarts/echarts.min.js"></script>
  196. <script src="../../assets/libs/echarts/echartsTheme.js"></script>
  197. <script type="text/html" id="lvTpl">
  198. {{# var imgs="../../assets/images/lv/blue.png",title="较低"; var lv=d.riskPointLevel;}}
  199. {{# if(lv==1){ imgs="../../assets/images/lv/red.png" ;title="重大" } }}
  200. {{# if(lv==2){ imgs="../../assets/images/lv/orange.png";title="较大"} }}
  201. {{# if(lv==3){ imgs="../../assets/images/lv/yellow.png";title="一般"} }}
  202. {{# if(lv==4){ imgs="../../assets/images/lv/blue.png";title="较低"} }}
  203. {{# if(lv==1){ }}
  204. <div class='notify'><span class='heartbit'></span><span>
  205. <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
  206. </span>
  207. </div>
  208. {{# }else{ }}
  209. <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
  210. {{# } }}
  211. </script>
  212. <script type="text/html" id="lvHdTpl">
  213. {{# var imgs="../../assets/images/hdangerLevel/iconHiddenDanger4.png",title="较低"; var lv=d.riskPointLevel;}}
  214. {{# if(lv==1){ imgs="../../assets/images/hdangerLevel/iconHiddenDanger1.png" ;title="重大" } }}
  215. {{# if(lv==2){ imgs="../../assets/images/hdangerLevel/iconHiddenDanger2.png";title="较大"} }}
  216. {{# if(lv==3){ imgs="../../assets/images/hdangerLevel/iconHiddenDanger3.png";title="一般"} }}
  217. {{# if(lv==4){ imgs="../../assets/images/hdangerLevel/iconHiddenDanger4.png";title="较低"} }}
  218. {{# if(lv==1){ }}
  219. <div class='notify'><span class='heartbit'></span><span>
  220. <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
  221. </span>
  222. </div>
  223. {{# }else{ }}
  224. <img style="display: inline-block; width: 28px;height: 28px;" src={{ imgs }}>&nbsp;{{ title }}
  225. {{# } }}
  226. </script>
  227. <script>
  228. layui.use(['layer', 'table', 'util','admin', 'uParas'], function () {
  229. var $ = layui.jquery;
  230. var layer = layui.layer;
  231. var util = layui.util;
  232. var table = layui.table;
  233. var admin = layui.admin;
  234. var uParas = layui.uParas;
  235. <!--风险点总计-->
  236. var myCharts1 = echarts.init(document.getElementById('tjDivDay'), myEchartsTheme);
  237. $.getJSON(uParas.baseUrl + "/ent/riskPoint/riskPointLvCount", {}, function (result) {
  238. if (result.code == 1) {
  239. var allCount = 0, lv1Count = 0, lv2Count = 0, lv3Count = 0, lv4Count = 0;
  240. $.each(result.data, function (i, field) {
  241. if (field.riskPointLevel == 1) {
  242. lv1Count = field.lvCount;
  243. }
  244. if (field.riskPointLevel == 2) {
  245. lv2Count = field.lvCount;
  246. }
  247. if (field.riskPointLevel == 3) {
  248. lv3Count = field.lvCount;
  249. }
  250. if (field.riskPointLevel == 4) {
  251. lv4Count = field.lvCount;
  252. }
  253. if (field.riskPointLevel != null) {
  254. allCount += field.lvCount;
  255. }
  256. });
  257. drawNDGR(lv1Count, lv2Count, lv3Count, lv4Count, allCount);
  258. myCharts1.setOption(option);
  259. $(".levelTotal").html(allCount);
  260. }
  261. });
  262. function drawNDGR(level1, level2, level3, level4, levelTotal) {
  263. var data = new Array();
  264. var name = "";
  265. if (level1 != 0) {
  266. name = "重大";
  267. data.push({
  268. value: level1, name: name + "(" + level1 + ")", itemStyle: {
  269. color: uParas.lvColour(1)
  270. }
  271. })
  272. }
  273. if (level2 != 0) {
  274. name = "较大";
  275. data.push({
  276. name: name + "(" + level2 + ")", value: level2, itemStyle: {
  277. color: uParas.lvColour(2)
  278. }
  279. })
  280. }
  281. if (level3 != 0) {
  282. name = "一般";
  283. data.push({
  284. value: level3, name: name + "(" + level3 + ")", itemStyle: {
  285. color: uParas.lvColour(3)
  286. }
  287. })
  288. }
  289. if (level4 != 0) {
  290. name = "较低";
  291. data.push({
  292. value: level4, name: name + "(" + level4 + ")", itemStyle: {
  293. color: uParas.lvColour(4)
  294. }
  295. })
  296. }
  297. var fontSize;
  298. if (levelTotal == 0) {
  299. levelTotal = "暂无数据";
  300. fontSize = 16
  301. } else {
  302. fontSize = 36
  303. }
  304. option = {
  305. backgroundColor: '#fff',
  306. title: {
  307. text: levelTotal,
  308. textStyle: {
  309. fontSize: fontSize,
  310. fontWeight: 'normal',
  311. fontFamily: '华文细黑',
  312. },
  313. x: 'center',
  314. y: 'center',
  315. },
  316. tooltip: {
  317. trigger: 'item',
  318. formatter: "{a}数量:{c} 个 <br/>占总数的({d}%)"
  319. },
  320. series: [
  321. {
  322. name: '风险点',
  323. type: 'pie',
  324. radius: ['35%', '60%'],
  325. avoidLabelOverlap: false,
  326. label: {
  327. emphasis: {
  328. show: true,
  329. textStyle: {
  330. fontSize: '20',
  331. fontWeight: 'bold'
  332. }
  333. }
  334. },
  335. data: data
  336. }
  337. ]
  338. }
  339. }
  340. <!--我管控风险点-->
  341. var insTb = table.render({
  342. elem: '#datatable',
  343. url: uParas.baseUrl + '/ent/riskPoint/myiManageRisk',
  344. page: false,
  345. title: "风险点",
  346. height: 300,
  347. even:true,
  348. cellMinWidth: 60,
  349. limits: [100, 200, 300],
  350. limit: 100,
  351. cols: [[
  352. {type: 'numbers', title: '序号'},
  353. {field: 'riskPointName', sort: false, title: '名称'},
  354. {field: 'riskPointLevel', sort: false, title: '风险点等级', templet: "#lvTpl"},
  355. {
  356. field: 'isOutOfControl', sort: false, align: 'center', title: '状态', templet: function (d) {
  357. if (d.isOutOfControl == 0) {
  358. return "<img src='../../assets/images/icon/icon_shoukong@3x.png' style='width: 20px;'/>&nbsp;受控";
  359. } else if (d.isOutOfControl == 1) {
  360. return "<img src='../../assets/images/icon/icon_shikong@3x.png' style='width: 20px;'/>&nbsp;预警";
  361. }
  362. }
  363. }
  364. ]], done: function (res, curr, count) {
  365. $(".iManageRiskCount").html(count);
  366. }
  367. });
  368. <!-- -->
  369. $.getJSON(uParas.baseUrl + "/language/getHiddenDangerLevelList", {}, function (resultLv) {
  370. if (resultLv.code == 1) {
  371. //{id: "重大", value: "1"}
  372. $.getJSON(uParas.baseUrl + "/ent/hiddenDangerCount/getCountAll", {}, function (result) {
  373. if (result.code == 1) {
  374. var allCount = 0, lv1Count = 0, lv2Count = 0, lv3Count = 0, lv4Count = 0;
  375. lv1Count = jsonPath(result, "$.data[?(@.key=='lv1')]") ? jsonPath(result, "$.data[?(@.key=='lv1')]")[0].value : 0;
  376. lv2Count = jsonPath(result, "$.data[?(@.key=='lv2')]") ? jsonPath(result, "$.data[?(@.key=='lv2')]")[0].value : 0;
  377. lv3Count = jsonPath(result, "$.data[?(@.key=='lv3')]") ? jsonPath(result, "$.data[?(@.key=='lv3')]")[0].value : 0;
  378. lv4Count = jsonPath(result, "$.data[?(@.key=='lv4')]") ? jsonPath(result, "$.data[?(@.key=='lv4')]")[0].value : 0;
  379. if (jsonPath(resultLv, "$.data[?(@.value=='1')]")) {
  380. $("#dh1").show();
  381. allCount += parseInt(lv1Count);
  382. }
  383. if (jsonPath(resultLv, "$.data[?(@.value=='2')]")) {
  384. $("#dh2").show();
  385. allCount += parseInt(lv2Count);
  386. }
  387. if (jsonPath(resultLv, "$.data[?(@.value=='3')]")) {
  388. $("#dh3").show();
  389. allCount += parseInt(lv3Count);
  390. }
  391. if (jsonPath(resultLv, "$.data[?(@.value=='4')]")) {
  392. $("#dh4").show();
  393. allCount += parseInt(lv4Count);
  394. }
  395. $(".hiddenDangerCount").html(allCount);
  396. $("#lv1Num").html(lv1Count);
  397. $("#lv2Num").html(lv2Count);
  398. $("#lv3Num").html(lv3Count);
  399. $("#lv4Num").html(lv4Count);
  400. var s2Count = 0, s3Count = 0, s5Count = 0;
  401. s2Count = jsonPath(result, "$.data[?(@.key=='s2')]") ? jsonPath(result, "$.data[?(@.key=='s2')]")[0].value : 0;
  402. s5Count = jsonPath(result, "$.data[?(@.key=='s5')]") ? jsonPath(result, "$.data[?(@.key=='s5')]")[0].value : 0;
  403. s3Count = jsonPath(result, "$.data[?(@.key=='s3')]") ? jsonPath(result, "$.data[?(@.key=='s3')]")[0].value : 0;
  404. $("#s2Num").html(parseInt(s5Count) + parseInt(s2Count));
  405. $("#s3Num").html(s3Count);
  406. }
  407. });
  408. }
  409. });
  410. <!--预警信息查询-->
  411. $.getJSON(uParas.baseUrl + "/ent/riskPoint/controlRecord", {}, function (resultLv) {
  412. if (resultLv.code == 0) {
  413. var html = '';
  414. var hint = '';
  415. $.each(resultLv.data, function (i, field) {
  416. var riskPointLevel = field.riskPointLevel;
  417. var isOutOfControl = field.isOutOfControl;
  418. var hdangerLevel = field.hdangerLevel;
  419. var riskPointLevelImg = "";
  420. var isOutOfControlImg = '';
  421. var hdangerLevelImg = '';
  422. if (riskPointLevel == 1) {
  423. riskPointLevelImg = "<img src='../../assets/images/lv/red.png' style='width: 30px;height: 30px;'/>";
  424. }else if (riskPointLevel == 2) {
  425. riskPointLevelImg = "<img src='../../assets/images/lv/orange.png' style='width: 30px;height: 30px;'/>";
  426. }else if (riskPointLevel == 3) {
  427. riskPointLevelImg = "<img src='../../assets/images/lv/yellow.png' style='width: 30px;height: 30px;'/>";
  428. }else if (riskPointLevel == 4) {
  429. riskPointLevelImg = "<img src='../../assets/images/lv/blue.png' style='width: 30px;height: 30px;'/>";
  430. }
  431. if (isOutOfControl == 0) {
  432. isOutOfControlImg = "<img src='../../assets/images/icon/icon_shoukong@3x.png' style='width: 20px;height: 20px;'/>";
  433. } else if (isOutOfControl == 1) {
  434. isOutOfControlImg = "<img src='../../assets/images/icon/icon_shikong@3x.png' style='width: 20px;height: 20px;'/>";
  435. }
  436. if (hdangerLevel == 1) {
  437. hdangerLevelImg = "<img src='../../assets/images/hdangerLevel/iconHiddenDanger1.png' style='width: 30px;height: 30px;'/> 重大";
  438. }else if (hdangerLevel == 2) {
  439. hdangerLevelImg = "<img src='../../assets/images/hdangerLevel/iconHiddenDanger2.png' style='width: 30px;height: 30px;'/> 较大";
  440. }else if (hdangerLevel == 3) {
  441. hdangerLevelImg = "<img src='../../assets/images/hdangerLevel/iconHiddenDanger3.png' style='width: 30px;height: 30px;'/> 一般";
  442. }else if (hdangerLevel == 4) {
  443. hdangerLevelImg = "<img src='../../assets/images/hdangerLevel/iconHiddenDanger4.png' style='width: 30px;height: 30px;'/> 较低";
  444. }
  445. if(hdangerLevel > 0){
  446. hint = hdangerLevelImg+'隐患';
  447. }else{
  448. hint = field.causeCode;
  449. }
  450. html += `<li class="layui-timeline-item">
  451. <i class="layui-icon layui-timeline-axis"></i>
  452. <div class="layui-timeline-content layui-text">
  453. <h3 class="layui-timeline-title">${riskPointLevelImg} ${isOutOfControlImg} ${field.riskPointName} </h3>
  454. <p>${hint}</p>
  455. <p>${field.createdTime},${field.causeDesc}</p>
  456. </div>
  457. </li>`;
  458. });
  459. $(".layui-timeline").append(html);
  460. }
  461. });
  462. <!--隐患通报列表-->
  463. var insTb = table.render({
  464. elem: '#hdangerList',
  465. url: uParas.baseUrl + "/ent/hiddenDangerCount/page",
  466. page: false,
  467. title: "隐患列表",
  468. height: 350,
  469. even:true,
  470. cellMinWidth: 60,
  471. limits: [100, 200, 300],
  472. limit: 100,
  473. cols: [[
  474. {type: 'numbers', title: '序号'},
  475. {field: 'hdangerTitle' , sort:false , title:'隐患标题'},
  476. {field: 'hdangerLevel', align: 'center',sort: false, title: '隐患等级', width: 90,
  477. templet: function (d) {
  478. return setHdangerLevel(d.hdangerLevel);
  479. }
  480. },
  481. // {
  482. // field: 'hdangerTitle', sort: false, title: '隐患名称', templet: function (d) {
  483. // var imgPath = '';
  484. // if (d.imgPath != null) {
  485. // imgPath = d.imgPath.split(",")[0];
  486. // imgPath = uParas.staticUrl + imgPath;
  487. // }
  488. // return "<img src='" + imgPath + "' width='30px'>" + d.hdangerTitle;
  489. // }
  490. // },
  491. {field: 'catName', sort: false, title: '隐患类型'},
  492. {field: 'groupName', sort: false, title: '隐患部门'},
  493. {field: 'name', sort: false, title: '整改人'},
  494. {
  495. field: 'hdangerRetifyDeadline', sort: false, title: '整改期限', templet: function (d) {
  496. // var out = "<span style='color: red'>整改超期</span>";
  497. // jQuery.leftTime(d.hdangerRetifyDeadline, function (lt) {
  498. // if (lt.status) {
  499. // out = lt.d + "<span style='color: red'>天</span>" + lt.h + "<span style='color: red'>时</span>" + lt.m;
  500. // }
  501. // });
  502. // return out;
  503. return '<div class="countDown" data-date="' + (d.hdangerRetifyDeadline||'') + '"></div>'
  504. }
  505. },
  506. ]], done: function (res, curr, count) {
  507. // $(".iManageRiskCount").html(count);
  508. // return '<div class="countDown" data-date="' + (d.countDown||'') + '">
  509. var elem = this.elem.next();
  510. var bodyElem = elem.find('.layui-table-main');
  511. layui.each(bodyElem.find('.countDown'), function (index, domElem) {
  512. domElem = $(domElem);
  513. if (!domElem.data('date')) {
  514. return;
  515. }
  516. var endTime = new Date(domElem.data('date')).getTime(),
  517. serverTime = new Date().getTime();
  518. util.countdown(endTime, serverTime, function (date, serverTime, timer) {
  519. // var str = date[0] + '<span style=\'color: red\'>天</span>' + date[1] + '<span style=\'color: red\'>时</span>' + date[2] + '分' + date[3] + '秒';
  520. var str = date[0] + '<span style=\'color: red\'>天</span>' + date[1] + '<span style=\'color: red\'>时</span>' + date[2] + '分';
  521. if(date[0]==0){
  522. str="<span style='color: red'>整改超期</span>"
  523. }
  524. domElem.html(str);
  525. });
  526. });
  527. }
  528. });
  529. /*隐患等级*/
  530. function setHdangerLevel(hdangerLevel) {
  531. var imgSrc = '';
  532. var title = '';
  533. if (hdangerLevel == 1) {
  534. title = '重大';
  535. imgSrc = '../../assets/images/hdangerLevel/iconHiddenDanger1.png'
  536. }else if (hdangerLevel == 2) {
  537. title = '较大';
  538. imgSrc = '../../assets/images/hdangerLevel/iconHiddenDanger2.png'
  539. }else if (hdangerLevel == 3) {
  540. title = '一般';
  541. imgSrc = '../../assets/images/hdangerLevel/iconHiddenDanger3.png'
  542. }else if (hdangerLevel == 4) {
  543. title = '较低';
  544. imgSrc = '../../assets/images/hdangerLevel/iconHiddenDanger4.png'
  545. }else{
  546. return '未知';
  547. }
  548. return '<img style="display: inline-block;width: 28px;height: 28px;" src="'+ imgSrc +'" >'+title
  549. }
  550. /*待办任务*/
  551. // 渲染表格数据
  552. var insTb = table.render({
  553. elem : '#scheduleList',
  554. url : uParas.baseUrl + '/ent/riskCheckedSchdule/queryGroupTask',
  555. page: false,
  556. height: 350,
  557. even:true,
  558. toolbar: false,
  559. where:{"action":0},
  560. title:'任务列表',
  561. cellMinWidth: 100,
  562. cols : [[
  563. // {field: 'riskCheckDefTitle' , sort:false , title:'任务名称'},
  564. {field: 'checkMode' ,sort:false , title:'任务类型',width:100,
  565. templet:function (d) {
  566. return setCheckMode(d);
  567. }
  568. },
  569. {field: 'groupName' , sort:false , title:'执行单位' },
  570. {field: 'riskCheckPositionName', sort: false, title: '岗位',width:100 },
  571. ]],
  572. });
  573. //检查类型
  574. function setCheckMode(row){
  575. var checkModeStr = "";
  576. var checkTypeStr = "";
  577. if(row.checkMode === 1){
  578. checkModeStr = "现场";
  579. }else if(row.checkMode === 2){
  580. checkModeStr = "基础";
  581. }
  582. if(row.checkType === "fixed"){
  583. checkTypeStr = "(常规) ";
  584. }else if(row.checkType === "random"){
  585. checkTypeStr = "(临时) ";
  586. }
  587. return checkTypeStr + checkModeStr ;
  588. }
  589. //检查频率
  590. function setFrequency(row){
  591. var totalCheckCount = row.totalCheckCount;
  592. var scheduleFrequency = row.scheduleFrequency;
  593. return '<i class="layui-icon" style="color: limegreen;">'+scheduleFrequency + '/' + totalCheckCount + '次' ;
  594. }
  595. // -------------------------------------------------------------------------
  596. // 窗口大小改变事件
  597. window.onresize = function () {
  598. myCharts1.resize();
  599. // myCharts2.resize();
  600. // myCharts3.resize();
  601. };
  602. });
  603. </script>
  604. </body>
  605. </html>