flowInit.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  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/crypto-js.js"></script>
  13. <script src="/static/js/layui.js?v=1.0.0"></script>
  14. <script src="/static/js/api.config.js"></script>
  15. <script src="/static/js/util.js?v=1.0.0"></script>
  16. <script src="/static/js/customform.js?v=1.0.0"></script>
  17. <script src="/static/js/url.js?v=1.0.0"></script>
  18. <script src="/static/js/lay/lay-config.js?v=1.0.0"></script>
  19. <script src="/static/css/inconfont/iconfont.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">
  24. <div class="param-left">
  25. <div class="layui-inline ">
  26. <label class="layui-form-label">流程名称:</label>
  27. <div class="layui-input-block">
  28. <input type="text" name="procName" autocomplete="off" placeholder="流程名称" class="layui-input">
  29. </div>
  30. </div>
  31. <div class="layui-inline ">
  32. <label class="layui-form-label">流程编码:</label>
  33. <div class="layui-input-block">
  34. <input type="text" name="procId" autocomplete="off" placeholder="流程编码" class="layui-input">
  35. </div>
  36. </div>
  37. </div>
  38. </form>
  39. <!--xiacj 说明:注意按钮工具栏不要放到form表单中,查询ajax请求和出发form表单提交,导致url方式变化,导致ajax请求状态为canceld-->
  40. <div class="btns-right">
  41. <button class="ag-btn-query layui-btn layui-btn-sm layui-btn-normal" ag-data-index="0" ag-data-ctx="bpm"
  42. ag-data-url="/api/queryBpmProcList" ag-data-callBack="initTaskList">
  43. <i class="layui-icon layui-icon-search "></i>
  44. <span class="btn-span-middle">查询</span>
  45. </button>
  46. <button class="ag-btn-reset layui-btn layui-btn-sm layui-btn-normal" ag-data-index="0" type="reset">
  47. <i class="layui-icon layui-icon-refresh "></i>
  48. <span class="btn-span-middle">重置</span>
  49. </button>
  50. </div>
  51. </div>
  52. <div class=" layui-card layui-card-list" style="height: calc( 100vh - 105px);">
  53. <div class="layui-border-box ">
  54. <div class="layui-table-tool">
  55. <div class="layui-table-tool-temp">
  56. <div class="ag-btn-add layui-inline" lay-event ag-data-index="0" ag-win-id="0" ag-win-width="800"
  57. ag-win-height="600" ag-win-title="流程绘制" ag-data-url="/flowDesign" ag-win-type="2"><i class="layui-icon layui-icon-add-1"></i></div>
  58. <div class="ag-btn-update layui-inline" lay-event ag-data-index="0" ag-win-id="0" ag-win-width="2000"
  59. ag-win-height="1200" ag-win-title="流程修改" ag-data-pk="procId" ag-data-url="./flowDesign.html"><i
  60. class="layui-icon layui-icon-edit"></i></div>
  61. <div class="ag-btn-del layui-inline" lay-event ag-data-index="0" ag-data-pk="procId"
  62. ag-data-url="/sys/settings/notice/del"><i class="layui-icon layui-icon-delete"></i></div>
  63. </div>
  64. </div>
  65. </div>
  66. <script type="text/html" id="barDemo">
  67. <a class="layui-btn layui-btn-xs" lay-event="edit">查看</a>
  68. </script>
  69. <div style="display:none" class="ag-table-header" ag-data-index="0">
  70. [
  71. [
  72. {
  73. "type": "radio",
  74. "fixed": "left"
  75. },{
  76. "field": "procId",
  77. "title": "流程编号"
  78. }, {
  79. "field": "procName",
  80. "title": "流程名称"
  81. }, {
  82. "field": "procVersionShow",
  83. "title": "流程版本",
  84. "hide": true
  85. }, {
  86. "field": "procVersion",
  87. "title": "流程版本",
  88. "hide": true
  89. }, {
  90. "field": "pubNo",
  91. "title": "发布工号",
  92. "hide": true
  93. }, {
  94. "field": "procType",
  95. "title": "流程类型",
  96. "hide": true
  97. }, {
  98. "field": "procTypeDesc",
  99. "title": "流程类型",
  100. "hide": true
  101. }, {
  102. "field": "procSts",
  103. "title": "状态",
  104. "hide": true
  105. }, {
  106. "field": "procStsDesc",
  107. "title": "状态",
  108. "hide": true
  109. }, {
  110. "field": "opNo",
  111. "title": "创建工号"
  112. }, {
  113. "field": "opName",
  114. "title": "创建人"
  115. }, {
  116. "field": "opTime",
  117. "title": "创建时间"
  118. }, {
  119. "field": "actionUrl",
  120. "title": "表单地址"
  121. },
  122. {
  123. "field": "actionName",
  124. "title": "表单名称"
  125. },
  126. {
  127. "width": 120,
  128. "title": "操作",
  129. "fixed": "right",
  130. "btns": [
  131. {
  132. "className": "",
  133. "openTitle":"流程发起",
  134. "btnVal":"发起",
  135. "width":"1000",
  136. "height":"800",
  137. "url":
  138. "@actionUrl@?taskName=#actionName#&fqFlag=Y&procId=#procId#&woTitle=#procName#&procName=#procName#&procVersion=#procVersion#",
  139. "openType": "1"
  140. }
  141. ]
  142. }
  143. ]
  144. ]
  145. </div>
  146. <table class="ag-table layui-hide" id="demo" lay-filter="test" ag-data-index="0">
  147. </table>
  148. <div class="pagging ag-area-page">
  149. </div>
  150. </div>
  151. <script>
  152. // layui.use(['table'],
  153. // function() {
  154. // var table = layui.table;
  155. // table.on('tool(test)', function(obj) {
  156. // var data = obj.data;
  157. // console.log(data)
  158. // window.open('../cs.html','_blank')
  159. // });
  160. // })
  161. </script>
  162. </body>
  163. </html>