index_prog_chk.html 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  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"
  69. layui-show></table>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <!-- 表格操作列 -->
  78. <script type="text/html" id="optionTpl">
  79. <div class="layui-btn-group">
  80. <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="checkBtn">审核</a>
  81. </div>
  82. </script>
  83. <!-- js部分 -->
  84. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  85. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  86. <script>
  87. layui.use(['layer', 'form', 'table', 'util', 'admin', 'uParas', 'upload', 'element', 'formSelects'], function () {
  88. var $ = layui.jquery;
  89. var layer = layui.layer;
  90. var form = layui.form;
  91. var table = layui.table;
  92. // var util = layui.util;
  93. // var admin = layui.admin;
  94. var uParas = layui.uParas;
  95. // var element = layui.element;
  96. // var formSelects = layui.formSelects;
  97. // var cacheData = layui.data(uParas.tableName);
  98. /*---------------------------------------------------------------------*/
  99. // 查询待审核数据
  100. var insTb = table.render({
  101. url: uParas.baseUrl + '/gent/hdChk/list',
  102. elem: '#hiddenDangerTable',
  103. cellMinWidth: 100,
  104. page: true,
  105. toolbar: true,
  106. // where: {
  107. // cId: cIdVal
  108. // },
  109. cols: [[
  110. {type: 'numbers'},
  111. {field: 'programmeName', sort: false, title: '方案名称', width: 150},
  112. {
  113. field: '', sort: false, title: '方案',
  114. templet: function (d) {
  115. return '<a target="_blank" href="' + d.filePath + '">' + d.revers2 + '</a>';
  116. }
  117. },
  118. {field: 'qymc', sort: false, title: '所属项目部', width: 200},
  119. {
  120. sort: false, title: '状态', width: 100,
  121. templet: function (d) {
  122. return d.programmeStatus == 1 ? '待审核' : '';
  123. }
  124. },
  125. {align: 'center', width: 100, title: '操作', toolbar: '#optionTpl', fixed: 'right'}
  126. ]]
  127. });
  128. // 初始化项目部列表
  129. $.ajax({
  130. url: uParas.baseUrl + '/gent/riskCheck/getAllProjectDepts',
  131. type: 'get',
  132. dataType: 'json',
  133. success: function (resp) {
  134. // console.info(resp);
  135. if (resp.code == 1) {
  136. var cId = $('#cId');
  137. cId.empty();
  138. cId.append(uParas.initSelectHtml(resp, "qymc", "cId"));
  139. form.render();
  140. }
  141. }
  142. });
  143. // 选择项目部事件
  144. var cIdVal;
  145. form.on('select(cIdFilter)', function (data) {
  146. // console.info(data);
  147. if (data.value == -1) {
  148. cIdVal = null;
  149. } else {
  150. cIdVal = data.value;
  151. }
  152. insTb.reload({
  153. where: {
  154. cId: cIdVal
  155. }
  156. });
  157. });
  158. form.on('submit(hdSearch)', function (data) {
  159. insTb.reload({
  160. where: {
  161. cId: cIdVal
  162. }
  163. });
  164. });
  165. // 审核通过\不通过
  166. function checkFun(data) {
  167. layer.open({
  168. title: '审核',
  169. type: 1,
  170. content: $('#checkFormTpl').html(),
  171. area: ['600px', '400px'],
  172. btn: ['确定', '取消'],
  173. yes: function (index, layero) {
  174. $.ajax({
  175. url: uParas.baseUrl + '/gent/hdChk/check',
  176. type: 'post',
  177. data: {
  178. flag: $('input[name="checkStatus"]:checked').val(),
  179. remark: $('#checkDesc').val(),
  180. programmeId: data.programmeId
  181. },
  182. dataType: 'json',
  183. success: function (resp) {
  184. layer.msg(resp.msg);
  185. if (resp.code == 1) {
  186. layer.close(index);
  187. insTb.reload({
  188. where: {
  189. cId: cIdVal
  190. }
  191. });
  192. }
  193. }
  194. });
  195. },
  196. btn2: function (index, layero) {
  197. layer.closeAll();
  198. },
  199. success: function (index, layero) {
  200. form.render();
  201. }
  202. });
  203. }
  204. table.on('tool(hiddenDangerTable)', function (obj) {
  205. var eventType = obj.event;
  206. var data = obj.data;
  207. if (eventType == 'checkBtn') {
  208. checkFun(data);
  209. }
  210. });
  211. });
  212. </script>
  213. <!--审核-->
  214. <script type="text/html" id="checkFormTpl">
  215. <form id="checkForm" lay-filter="checkForm" class="layui-form model-form">
  216. <div class="layui-form-item">
  217. <label class="layui-form-label">审核:</label>
  218. <div class="layui-input-block">
  219. <input type="radio" name="checkStatus" lay-filter="checkRadio" value="1" title="通过" checked>
  220. <input type="radio" name="checkStatus" lay-filter="checkRadio" value="2" title="不通过">
  221. </div>
  222. </div>
  223. <div class="layui-form-item" id="checkDescDiv">
  224. <label class="layui-form-label">审核意见:</label>
  225. <div class="layui-input-block">
  226. <textarea style="height: 220px;" id="checkDesc" name="checkDesc" class="layui-input"
  227. placeholder="请输入审核意见"></textarea>
  228. </div>
  229. </div>
  230. </form>
  231. </script>
  232. </body>
  233. </html>