hazardAll.html 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  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=312"/>
  10. <link rel="stylesheet" href="../../../assets/module/icon/icon.css" media="all">
  11. <link rel="stylesheet" href="../../../assets/module/icon/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  12. <!--[if lt IE 9]>
  13. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  14. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  15. <![endif]-->
  16. </head>
  17. <body>
  18. <!-- 页面加载loading -->
  19. <div class="page-loading">
  20. <div class="ball-loader">
  21. <span></span><span></span><span></span><span></span>
  22. </div>
  23. </div>
  24. <!-- 正文开始 -->
  25. <div class="layui-fluid">
  26. <div class="layui-card">
  27. <div class="layui-card-body">
  28. <table class="layui-table" id="datatable" lay-filter="datatable"></table>
  29. </div>
  30. </div>
  31. <div id="code" style="display: none"></div>
  32. </div>
  33. <!-- 表格操作列 -->
  34. <script type="text/html" id="optionTpl">
  35. <div class="layui-btn-group">
  36. <!-- <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="printQrCode">二维码 打印及绑定</a>-->
  37. </div>
  38. </script>
  39. <!-- js部分 -->
  40. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  41. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  42. <script type="text/html" id="imgTpl">
  43. {{# if(d.handlePic != null && d.handlePic != ''){ }}
  44. <a target="_blank" href="{{d.handlePic}}">
  45. <img class="media-object" width="40px" height="40px" src="{{d.handlePic}}">
  46. </a>
  47. {{# } else { }}
  48. <img class="media-object" width="40px" height="40px" src="../../../assets/images/error.jpg">
  49. {{# } }}
  50. </script>
  51. <script>
  52. layui.use(['layer', 'form', 'table', 'util', 'admin', 'zTree', 'uParas', '_groupTree', 'printer', 'QRCode'], function () {
  53. var $ = layui.jquery;
  54. var layer = layui.layer;
  55. var form = layui.form;
  56. var table = layui.table;
  57. var util = layui.util;
  58. var admin = layui.admin;
  59. var uParas = layui.uParas;
  60. var {cId, aId, gId} = layui.data(uParas.tableName).user;
  61. // 渲染表格
  62. var insTb = table.render({
  63. elem: '#datatable',
  64. url: uParas.baseUrl + '/ent/fireHazard/query?handleState=1',
  65. page: true,
  66. where: {
  67. ocId: cId,
  68. },
  69. height: 680,
  70. cellMinWidth: 100,
  71. cols: [[
  72. {type: 'numbers'},
  73. {field: 'deviceId', sort: false, title: '设备编号', align: 'center', width: 150},
  74. {field: 'deviceName', sort: false, title: '设备名称', align: 'center'},
  75. {field: 'installAddr', sort: false, title: '安装地点', align: 'center'},
  76. {field: 'alarmTypeName', sort: false, title: '预警类型', align: 'center', width: 150},
  77. {field: 'alarmContent', sort: false, title: '预警说明'},
  78. {
  79. field: 'alarmContent', sort: false, title: '状态', templet: function (d) {
  80. if (d.handleState == 0) {
  81. return "未处理";
  82. } else if (d.handleState == 1) {
  83. return "已处理";
  84. } else if (d.handleState == 2) {
  85. return "已取消";
  86. }
  87. }, align: 'center', width: 100
  88. },
  89. {field: 'handleAName', sort: false, title: '处理人'},
  90. {field: 'handleDesc', sort: false, title: '处理说明'},
  91. {field: 'handlePic', sort: false, title: '处理图片',templet: '#imgTpl', width: 100},
  92. ]]
  93. });
  94. _groupTree.init(insTb);
  95. // 搜索
  96. form.on('submit(formSubSearch)', function (data) {
  97. insTb.reload({where: data.field}, 'data');
  98. });
  99. // 工具条点击事件
  100. table.on('tool(datatable)', function (obj) {
  101. var data = obj.data;
  102. var layEvent = obj.event;
  103. if (layEvent == 'printQrCode') {
  104. layer.load();
  105. qrcode.makeCode(data.riskPointId.toString());
  106. setTimeout(function () {
  107. layer.closeAll();
  108. var htmlStr = printer.makeHtml({
  109. // style: '<style>*{color: red;text-align: center;}</style>',
  110. body: document.getElementById("code").innerHTML + "</br>" + obj.data.riskPointName
  111. });
  112. printer.printHtml({
  113. html: htmlStr,
  114. horizontal: false, // 横向打印
  115. close: false // 自动关闭打印窗口
  116. });
  117. }, 1000);
  118. admin.req(uParas.baseUrl + '/ent/riskPoint/bindQrCode', {riskPointId: data.riskPointId}, function (res) {
  119. }, 'get');
  120. insTb.reload({}, 'data');
  121. }
  122. });
  123. var cacheUser = layui.data(uParas.tableName);
  124. $('#TASKClickFunction_QrCode').click(function () {
  125. var index = layer.confirm('确定要批量生成(即绑定)二维码么?', {
  126. skin: 'layui-layer-admin',
  127. shade: .1
  128. }, function () {
  129. console.log(cacheUser.user);
  130. var url = uParas.baseUrl + '/ent/riskPoint/generateQrCodeForFacility?page=1&limit=1000&aId=' + cacheUser.user.aId + '&cId=' + cacheUser.user.cId + '&gLId=' + cacheUser.user.gLId + '&gRId=' + cacheUser.user.gRId;
  131. var riskPointType = $("#riskPointType").val();
  132. var groupId = $("#groupId").val();
  133. if (riskPointType != -1 && riskPointType != undefined) {
  134. url += "&riskPointType=" + riskPointType;
  135. }
  136. if (groupId != -1 & groupId != "" && groupId != undefined) {
  137. url += "&groupId=" + groupId;
  138. } else {
  139. url += "&groupId=" + cacheUser.user.gId;
  140. }
  141. location.href = url;
  142. setTimeout(function () {
  143. layer.close(index);
  144. }, 1000);
  145. })
  146. });
  147. });
  148. </script>
  149. </body>
  150. </html>