index_prog_chk.html 9.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247
  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/uParas.css?v=312"/>
  11. <link rel="stylesheet" href="../../../assets/module/formSelects/formSelects-v4.css"/>
  12. <style>
  13. .layui-table-cell {
  14. overflow: visible !important;
  15. height: auto;
  16. /*line-height: 20px;*/
  17. text-overflow: inherit;
  18. white-space: normal;
  19. word-break: break-all;
  20. }
  21. .layui-table-box {
  22. overflow: visible;
  23. }
  24. .layui-table-body {
  25. overflow: visible;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <!-- 页面加载loading -->
  31. <div class="page-loading">
  32. <div class="ball-loader">
  33. <span></span><span></span><span></span><span></span>
  34. </div>
  35. </div>
  36. <!-- 正文开始 -->
  37. <div class="layui-fluid">
  38. <div class="layui-card">
  39. <div class="layui-card-body">
  40. <div class="layui-card-body">
  41. <div class="layui-tab layui-tab-brief" lay-filter="tab_ds">
  42. <ul class="layui-tab-title">
  43. <li lay-id="risk">重大风险方案审核</li>
  44. </ul>
  45. <div class="layui-tab-content" style="height: auto;">
  46. <div class="layui-tab-item layui-show">
  47. <div class="layui-form toolbar" lay-filter="layuiForm">
  48. <div class="layui-form-item">
  49. <div class="layui-inline">
  50. <label class="layui-form-label w-auto w-padding">项目部:</label>
  51. <div class="layui-input-inline mr0" style="margin-left: 4px;">
  52. <select name="cId" id="cId" lay-filter="cIdFilter"></select>
  53. </div>
  54. </div>
  55. <div class="layui-inline">
  56. <label class="layui-form-label w-auto w-padding">搜索:</label>
  57. <div class="layui-input-inline mr0">
  58. <input name="keyword" class="layui-input" type="text" placeholder="输入关键字"/>
  59. </div>
  60. </div>
  61. <div class="layui-inline">
  62. <button class="layui-btn icon-btn" lay-filter="hdSearch" lay-submit>
  63. <i class="layui-icon">&#xe615;</i>搜索
  64. </button>
  65. </div>
  66. </div>
  67. </div>
  68. <table class="layui-table" id="hiddenDangerTable" lay-filter="hiddenDangerTable" layui-show></table>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <!-- 表格操作列 -->
  77. <script type="text/html" id="optionTpl">
  78. <div class="layui-btn-group">
  79. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="checkBtn">审核</a>
  80. </div>
  81. </script>
  82. <!-- js部分 -->
  83. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  84. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  85. <script>
  86. layui.use(['layer', 'form', 'table', 'util', 'admin', 'uParas', 'upload', 'element', 'formSelects'], function () {
  87. var $ = layui.jquery;
  88. var layer = layui.layer;
  89. var form = layui.form;
  90. var table = layui.table;
  91. // var util = layui.util;
  92. // var admin = layui.admin;
  93. var uParas = layui.uParas;
  94. // var element = layui.element;
  95. // var formSelects = layui.formSelects;
  96. // var cacheData = layui.data(uParas.tableName);
  97. /*---------------------------------------------------------------------*/
  98. // 查询待审核数据
  99. var insTb = table.render({
  100. url: uParas.baseUrl + '/gent/hdChk/list',
  101. elem: '#hiddenDangerTable',
  102. cellMinWidth: 100,
  103. page: true,
  104. toolbar: true,
  105. // where: {
  106. // cId: cIdVal
  107. // },
  108. cols: [[
  109. {type: 'numbers'},
  110. {field: 'programmeName', sort: false, title: '方案名称', width: 150},
  111. {field: '', sort: false, title: '方案',
  112. templet: function(d) {
  113. return '<a target="_blank" href="'+ d.filePath +'">' + d.revers2 + '</a>';
  114. }
  115. },
  116. {field: 'qymc', sort: false, title: '所属项目部', width:200},
  117. {sort: false, title: '状态', width: 100,
  118. templet: function(d) {
  119. return d.programmeStatus == 1 ? '待审核' : '';
  120. }
  121. },
  122. {align: 'center', width: 100, title: '操作', toolbar: '#optionTpl', fixed: 'right'}
  123. ]]
  124. });
  125. // 初始化项目部列表
  126. $.ajax({
  127. url: uParas.baseUrl + '/gent/riskCheck/getAllProjectDepts',
  128. type: 'get',
  129. dataType: 'json',
  130. success: function(resp) {
  131. // console.info(resp);
  132. if (resp.code == 1) {
  133. var cId = $('#cId');
  134. cId.empty();
  135. cId.append(uParas.initSelectHtml(resp, "qymc" ,"cId"));
  136. form.render();
  137. }
  138. }
  139. });
  140. // 选择项目部事件
  141. var cIdVal;
  142. form.on('select(cIdFilter)', function(data) {
  143. // console.info(data);
  144. if (data.value == -1) {
  145. cIdVal = null;
  146. } else {
  147. cIdVal = data.value;
  148. }
  149. insTb.reload({
  150. where: {
  151. cId: cIdVal
  152. }
  153. });
  154. });
  155. form.on('submit(hdSearch)', function (data) {
  156. insTb.reload({
  157. where: {
  158. cId: cIdVal
  159. }
  160. });
  161. });
  162. // 审核通过\不通过
  163. function checkFun(data) {
  164. layer.open({
  165. title: '审核',
  166. type: 1,
  167. content: $('#checkFormTpl').html(),
  168. area: ['600px','400px'],
  169. btn: ['确定', '取消'],
  170. yes: function(index, layero) {
  171. $.ajax({
  172. url: uParas.baseUrl + '/gent/hdChk/check',
  173. type: 'post',
  174. data: {
  175. flag: $('input[name="checkStatus"]:checked').val(),
  176. remark: $('#checkDesc').val(),
  177. programmeId: data.programmeId
  178. },
  179. dataType: 'json',
  180. success: function(resp) {
  181. layer.msg(resp.msg);
  182. if (resp.code == 1) {
  183. layer.close(index);
  184. insTb.reload({
  185. where: {
  186. cId: cIdVal
  187. }
  188. });
  189. }
  190. }
  191. });
  192. },
  193. btn2: function(index, layero) {
  194. layer.closeAll();
  195. },
  196. success: function(index, layero) {
  197. form.render();
  198. }
  199. });
  200. }
  201. table.on('tool(hiddenDangerTable)', function (obj) {
  202. var eventType = obj.event;
  203. var data = obj.data;
  204. if (eventType == 'checkBtn') {
  205. checkFun(data);
  206. }
  207. });
  208. });
  209. </script>
  210. <!--审核-->
  211. <script type="text/html" id="checkFormTpl">
  212. <form id="checkForm" lay-filter="checkForm" class="layui-form model-form">
  213. <div class="layui-form-item">
  214. <label class="layui-form-label">审核:</label>
  215. <div class="layui-input-block">
  216. <input type="radio" name="checkStatus" lay-filter="checkRadio" value="1" title="通过" checked>
  217. <input type="radio" name="checkStatus" lay-filter="checkRadio" value="2" title="不通过">
  218. </div>
  219. </div>
  220. <div class="layui-form-item" id="checkDescDiv">
  221. <label class="layui-form-label">审核意见:</label>
  222. <div class="layui-input-block">
  223. <textarea style="height: 220px;" id="checkDesc" name="checkDesc" class="layui-input" placeholder="请输入审核意见"></textarea>
  224. </div>
  225. </div>
  226. </form>
  227. </script>
  228. </body>
  229. </html>