Nessuna descrizione

ProvincialPlatformInspectorSupervise.html 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>督察督办</title>
  6. <script src="../Script/Common/huayi.load.js"></script>
  7. <script src="../Script/Common/huayi.config.js"></script>
  8. <link rel="stylesheet" href="../css/init.css" />
  9. <link rel="stylesheet" href="../js/layui/css/layui.css">
  10. <link rel="stylesheet" href="../css/WorkOrder/WorkOrderList.css">
  11. </head>
  12. <body class="gray-bg">
  13. <div class="wrapper wrapper-content animated fadeInRight">
  14. <div class="daoHang clearfix">
  15. <div class="dhLeft">
  16. <sapn>
  17. <i class="syIcon"></i>位置:
  18. <a href="javaScript:;" id="ReIndex">首页</a>&gt;
  19. <a href="" class="nowPosition">督察督办</a>
  20. </sapn>
  21. </div>
  22. <div class="dhRight">
  23. <a href="" title="刷新"><i class="fa fa-refresh"></i></a>
  24. </div>
  25. </div>
  26. <div style="padding: 10px" class="tj_content clearFix">
  27. <div style="padding: 10px" class="tj_content clearFix">
  28. <div>
  29. <span>【搜索信息】</span>
  30. <div class="box_content">
  31. <table id="sqzx" style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
  32. <tr>
  33. <th>是否回复:</th>
  34. <td>
  35. <select class="form-control" id="state">
  36. <option value="">请选择</option>
  37. <option value="0">未回复</option>
  38. <option value="1">已回复</option>
  39. </select>
  40. </td>
  41. <!-- <th>监察标题:</th>
  42. <td>
  43. <input type="text" id="title" class="form-control" />
  44. </td> -->
  45. <th>交办意见:</th>
  46. <td>
  47. <input type="text" id="opinion" class="form-control" />
  48. </td>
  49. <th>添加时间:</th>
  50. <td colspan="3">
  51. <input type="text" id="starttime" class="photo x-color laydate-icon"
  52. autocomplete="off" style="height: 35px;" />&nbsp;——&nbsp;<input type="text"
  53. id="strendtime" class="photo x-color laydate-icon" autocomplete="off"
  54. style="height: 35px;" />
  55. </td>
  56. </tr>
  57. <tr>
  58. <th>督察内容:</th>
  59. <td>
  60. <input type="text" id="content" class="form-control" />
  61. </td>
  62. <th>涉嫌违规情形:</th>
  63. <td>
  64. <input type="text" id="situation" class="form-control" />
  65. </td>
  66. <th></th>
  67. <td>
  68. <botton class="btns Seach">搜索</botton>
  69. </td>
  70. </tr>
  71. </table>
  72. </div>
  73. <div>
  74. <div style="width: 100%; padding: 10px">
  75. <table id="orderlist" data-row-style="rowStyle" data-query-params="queryParams"
  76. data-pagination="true">
  77. <thead>
  78. <tr>
  79. <th data-align="center" data-formatter="serialNumber">序号</th>
  80. <th data-field="F_WorkOrderId" data-formatter="View" data-align="center">
  81. 涉嫌违规工单编号
  82. </th>
  83. <th data-field="F_Code" data-align="center">
  84. 督察督办编号
  85. </th>
  86. <!-- <th data-field="F_UserCode" data-align="center">
  87. 督察人工号
  88. </th> -->
  89. <th data-field="F_Situation" data-align="center">
  90. 涉嫌违规情形
  91. </th>
  92. <th data-field="F_Content" data-align="center">
  93. 督察内容
  94. </th>
  95. <th data-field="F_State" data-align="center" data-formatter="formatterState">
  96. 是否回复
  97. </th>
  98. <th data-field="F_CreateTime" data-align="center">
  99. 添加时间
  100. </th>
  101. <th data-field="F_LimitTime" data-align="center">
  102. 单位应反馈时间
  103. </th>
  104. <th data-field="F_Opinion" data-align="center">
  105. 交办意见
  106. </th>
  107. <th data-field="F_WorkOrderId" data-formatter="Dispose" data-align="center">
  108. 操作
  109. </th>
  110. </tr>
  111. </thead>
  112. <tbody class="list"></tbody>
  113. </table>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <script src="../js/layui/layui.js"></script>
  120. <script src="../css/laydate/laydate.js"></script>
  121. <script src="../js/WorkOrder/WorkOrderList.js"></script>
  122. <script>
  123. $(document).ready(function () {
  124. load();
  125. laydate.skin("blue");
  126. laydate({
  127. elem: "#starttime",
  128. event: "focus",
  129. });
  130. laydate({
  131. elem: "#strendtime",
  132. event: "focus",
  133. });
  134. });
  135. // 搜索
  136. $(".Seach").click(function () {
  137. load();
  138. })
  139. //获取查询信息
  140. function load() {
  141. //先销毁表格
  142. $("#orderlist").bootstrapTable("destroy");
  143. //初始化表格,动态从服务器加载数据
  144. $("#orderlist").bootstrapTable({
  145. method: "get", //使用get请求到服务器获取数据
  146. url: huayi.config.callcenter_url + "Affairs/GetSupervList", //获取数据的Servlet地址
  147. contentType: "application/x-www-form-urlencoded",
  148. striped: true, //表格显示条纹
  149. pagination: true, //启动分页
  150. pageSize: 10, //每页显示的记录数
  151. pageNumber: 1, //当前第几页
  152. pageList: [10, 20, 50, 100], //记录数可选列表
  153. search: false, //是否启用查询
  154. showColumns: false, //显示下拉框勾选要显示的列
  155. showRefresh: false, //显示刷新按钮
  156. sidePagination: "server", //表示服务端请求
  157. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  158. //设置为limit可以获取limit, offset, search, sort, order
  159. queryParamsType: "undefined",
  160. queryParams: function queryParams(params) {
  161. //设置查询参数
  162. var param = {
  163. page: params.pageNumber,
  164. pagesize: params.pageSize,
  165. type: 1, // 1督察督办
  166. state: $("#state").val(), // 是否回复
  167. starttime: $("#starttime").val(), // 开始时间
  168. strendtime: $("#strendtime").val(), // 结束时间
  169. // title: $("#title").val(), // 督察标题
  170. content: $("#content").val(), // 督察内容
  171. opinion: $("#opinion").val(), // 督察意见
  172. situation: $("#situation").val(), // 涉嫌违规情形
  173. token: $.cookie("token"),
  174. };
  175. return param;
  176. },
  177. onLoadSuccess: function (data) {
  178. //加载成功时执行
  179. // layer.msg("加载成功");
  180. //console.log(data);
  181. },
  182. onLoadError: function () {
  183. //加载失败时执行
  184. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  185. },
  186. });
  187. }
  188. // 操作
  189. function Dispose(val, row) {
  190. return (
  191. '<div class="tool_downs">' +
  192. '<a href="javascript:;" class="aBtn" authorize="yes" onclick="detailBtn(' +
  193. row.F_ID +
  194. ')" title="查看">查看</a>' +
  195. '<a href="javascript:;" class="aBtn" authorize="yes" onclick="feedbackInspectorSupervise(' +
  196. row.F_ID +
  197. ')" title="反馈">反馈</a>' +
  198. "</div>"
  199. );
  200. }
  201. function formatterState(val, row) {
  202. var arr = ["未回复", "已回复"];
  203. return arr[val];
  204. }
  205. function serialNumber(val, row, index) {
  206. return index + 1;
  207. }
  208. // 详情
  209. function detailBtn(str) {
  210. layer.open({
  211. type: 2,
  212. content: "../CommonHtml/detailInspectorSupervise.html?wid=" + str, //iframe的url,no代表不显示滚动条
  213. title: "详情",
  214. area: ["70%", "70%"], //宽高
  215. shade: 0,
  216. });
  217. }
  218. // 反馈
  219. function feedbackInspectorSupervise(str) {
  220. layer.open({
  221. type: 2,
  222. content: "../CommonHtml/feedbackInspectorSupervise.html?wid=" + str, //iframe的url,no代表不显示滚动条
  223. title: "反馈",
  224. area: ["70%", "70%"], //宽高
  225. shade: 0,
  226. });
  227. }
  228. </script>
  229. </body>
  230. </html>