woQueryYb.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无纸化集中业务管理系统</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  9. <link charset="utf-8" rel="stylesheet" href="/static/css/layui.css?v=1.0.0">
  10. <link rel="stylesheet" href="/static/css/temp.css" media="all">
  11. <script src="/static/js/jquery-1.8.2.min.js?v=1.0.0"></script>
  12. <script src="/static/js/layui.js?v=1.0.0"></script>
  13. <script src="/static/js/api.config.js"></script>
  14. <script src="/static/js/util.js?v=1.0.0"></script>
  15. <script src="/static/js/customform.js?v=1.0.0"></script>
  16. <script src="/static/js/url.js?v=1.0.0"></script>
  17. <script src="/static/js/lay/lay-config.js?v=1.0.0"></script>
  18. <script src="/static/css/inconfont/iconfont.js"></script>
  19. <script src="/static/js/jquery-ui.min.js"></script>
  20. </head>
  21. <body class="bg-info">
  22. <div class="layui-card layui-card-margin ">
  23. <form class="ag-form layui-form" ag-data-index="0" ag-form-callBack="getData">
  24. <input type="text" name="callback" class="layui-hide">
  25. <div class="param-left">
  26. <div class="layui-inline ">
  27. <label class="layui-form-label">工单名称:</label>
  28. <div class="layui-input-block">
  29. <input type="text" name="woTitle" autocomplete="off" placeholder="工单名称" class="layui-input">
  30. </div>
  31. </div>
  32. <div class="layui-inline ">
  33. <label class="layui-form-label">工单编号:</label>
  34. <div class="layui-input-block">
  35. <input type="text" name="woNo" autocomplete="off" placeholder="工单编号" class="layui-input">
  36. </div>
  37. </div>
  38. <div class="layui-inline ">
  39. <label class="layui-form-label">任务名称:</label>
  40. <div class="layui-input-block">
  41. <input type="text" name="taskName" autocomplete="off" placeholder="任务名称" class="layui-input">
  42. </div>
  43. </div>
  44. <div class="layui-inline ">
  45. <label class="layui-form-label">任务编号:</label>
  46. <div class="layui-input-block">
  47. <input type="text" name="taskId" autocomplete="off" placeholder="任务编号" class="layui-input">
  48. </div>
  49. </div>
  50. </div>
  51. </form>
  52. <!--xiacj 说明:注意按钮工具栏不要放到form表单中,查询ajax请求和出发form表单提交,导致url方式变化,导致ajax请求状态为canceld-->
  53. <div class="btns-right">
  54. <button class="ag-btn-query layui-btn layui-btn-sm layui-btn-normal" ag-data-index="0" ag-data-ctx="bpm"
  55. ag-data-url="/api/queryDoneTaskList">
  56. <i class="layui-icon layui-icon-search "></i>
  57. <span class="btn-span-middle">查询</span>
  58. </button>
  59. <button class="ag-btn-reset layui-btn layui-btn-sm layui-btn-normal" ag-data-index="0" type="reset">
  60. <i class="layui-icon layui-icon-refresh "></i>
  61. <span class="btn-span-middle">重置</span>
  62. </button>
  63. </div>
  64. </div>
  65. <div class=" layui-card layui-card-list">
  66. <div class="layui-border-box ">
  67. <div class="layui-table-tool">
  68. <div class="layui-table-tool-temp">
  69. </div>
  70. </div>
  71. </div>
  72. <div style="display:none" class="ag-table-header" ag-data-index="0">
  73. [
  74. [{
  75. "field": "taskId",
  76. "title": "任务编码"
  77. }, {
  78. "field": "taskName",
  79. "title": "任务名称"
  80. }, {
  81. "field": "woNo",
  82. "title": "工单编号"
  83. }, {
  84. "field": "woTitle",
  85. "title": "工单标题",
  86. "sort": true,
  87. "hide": true
  88. }, {
  89. "field": "stepId",
  90. "title": "环节编码",
  91. "sort": true
  92. }, {
  93. "field": "stsDesc",
  94. "title": "工单状态",
  95. "sort": true
  96. }, {
  97. "field": "sts",
  98. "title": "状态",
  99. "hide": true
  100. }, {
  101. "field": "procId",
  102. "title": "流程编号"
  103. }, {
  104. "field": "procName",
  105. "title": "流程名称",
  106. "hide": true
  107. }, {
  108. "field": "opNo",
  109. "title": "处理工号"
  110. }, {
  111. "field": "opName",
  112. "title": "处理人"
  113. }, {
  114. "field": "opTime",
  115. "title": "处理时间"
  116. }, {
  117. "field": "roleCode",
  118. "title": "角色编码"
  119. }, {
  120. "field": "roleName",
  121. "title": "角色名称"
  122. }, {
  123. "field": "dealType",
  124. "title": "处理状态",
  125. "hide": true
  126. }, {
  127. "field": "dealTypeDesc",
  128. "title": "处理状态"
  129. },{
  130. "width": 120,
  131. "title": "操作",
  132. "fixed": "right",
  133. "btns": [
  134. {
  135. "className": "",
  136. "openTitle":"执行环节查看",
  137. "btnVal":"轨迹",
  138. "width":"1000",
  139. "height":"800",
  140. "url":
  141. "/static/views/flow/flowDesignPrew.html?prevFlag=true&woNo=#woNo#&taskName=#actionName#&fqFlag=Y&procId=#procId#&woTitle=#procName#&procName=#procName#&procVersion=#procVersion#",
  142. "openType": "1"
  143. }
  144. ]
  145. }]
  146. ]
  147. </div>
  148. <table class="ag-table layui-hide" id="demo" lay-filter="test" ag-data-index="0">
  149. </table>
  150. <div class="pagging ag-area-page">
  151. </div>
  152. </div>
  153. <script>
  154. function getData() {
  155. if ($('input[name="callback"]').val() == 1) {
  156. $('.ag-btn-query').trigger('click')
  157. }
  158. }
  159. </script>
  160. </body>
  161. </html>