launch.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  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. <style>
  22. .layui-card {
  23. padding: 0 !important;
  24. }
  25. </style>
  26. <body class="bg-info mc-file-form">
  27. <div class="layui-card layui-card-form">
  28. <div class="layui-card-body">
  29. <div class="layui-tab">
  30. <ul class="layui-tab-title">
  31. <li class="layui-this">工单信息</li>
  32. <li>处理轨迹</li>
  33. </ul>
  34. <div class="layui-tab-content">
  35. <div class="layui-tab-item layui-show">
  36. <form class="ag-form layui-form" ag-data-index="1" ag-data-ctx="bpm" ag-data-url="/api/taskInit"
  37. ag-form-callBack="initTaskList">
  38. <div class="layui-inline layui-col-sm6">
  39. <label class="layui-form-label">工单标题:</label>
  40. <div class="layui-input-block">
  41. <input type="hidden" name="taskId" autocomplete="off" class="layui-input">
  42. <input type="hidden" name="woNo" autocomplete="off" class="layui-input">
  43. <input type="hidden" name="stepId" autocomplete="off" placeholder="环节编码"
  44. class="layui-input">
  45. <input type="text" name="taskName" ag-verify="required" autocomplete="off"
  46. placeholder="工单标题" class="layui-input">
  47. <input type="hidden" name="procId" autocomplete="off" placeholder=""
  48. class="layui-input">
  49. <input type="hidden" name="procName" autocomplete="off" placeholder=""
  50. class="layui-input">
  51. <input type="hidden" name="procVersion" autocomplete="off" placeholder=""
  52. class="layui-input">
  53. </div>
  54. </div>
  55. <div class="layui-inline ">
  56. <label class="layui-form-label">角色:</label>
  57. <div class="layui-input-block">
  58. <select name="roleCode" ag-parent-code="param" ag-sel-name="roleName">
  59. </select>
  60. </div>
  61. </div>
  62. <div class="layui-form-item">
  63. <label class="layui-form-label">附件:</label>
  64. <div class="ag-file mc-file-style" ag-file-module="wo"
  65. ag-file-iframe-add-url="/api/upload" ag-file-iframe-del-url="/api/delFile"
  66. ag-file-iframe-down-url="/api/download" ag-data-ctx="bpm"
  67. ag-file-submit-key="params.attchFileId" ag-file-key="attachList"
  68. ag-file-multiple="false">
  69. </div>
  70. </div>
  71. </form>
  72. </div>
  73. <div class="layui-tab-item">
  74. <div class=" layui-card layui-card-list">
  75. <div class="layui-border-box ">
  76. </div>
  77. <div style="display:none" class="ag-table-header" ag-data-index="0">
  78. [
  79. [ {
  80. "field": "taskName",
  81. "title": "任务名称"
  82. }, {
  83. "field": "opNo",
  84. "title": "处理工号"
  85. }, {
  86. "field": "opName",
  87. "title": "处理人"
  88. }, {
  89. "field": "opTime",
  90. "title": "处理时间"
  91. }, {
  92. "field": "dealTypeDesc",
  93. "title": "处理状态"
  94. }, {
  95. "field": "remark",
  96. "title": "处理备注"
  97. }
  98. ]
  99. ]
  100. </div>
  101. <table class="ag-table layui-hide" id="demo" lay-filter="test" ag-data-index="0">
  102. </table>
  103. <div class="pagging ag-area-page">
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="layui-card-footer">
  111. <button class=" custom-fq-true ag-btn-save layui-btn layui-btn-sm layui-btn-normal " ag-data-ctx="bpm"
  112. ag-data-url="/api/startProcAuto" ag-data-index="1"
  113. ag-save-append='{"dealType":"0","dealTypeDesc":"提交"}'>
  114. <i class="layui-icon layui-icon-ok-circle "></i>
  115. <span class="btn-span-middle">发起</span>
  116. </button>
  117. <button class=" custom-fq-false ag-btn-save layui-btn layui-btn-sm layui-btn-normal " ag-data-ctx="bpm"
  118. ag-data-url="/api/submitTask" ag-save-append='{"dealType":"0","dealTypeDesc":"提交"}' ag-data-index="1">
  119. <i class="layui-icon layui-icon-ok-circle "></i>
  120. <span class="btn-span-middle">提交</span>
  121. </button>
  122. <button class="ag-btn-cancel layui-btn layui-btn-sm layui-btn-normal">
  123. <i class="layui-icon layui-icon-close "></i>
  124. <span class="btn-span-middle">取消</span>
  125. </button>
  126. </div>
  127. </div>
  128. <script>
  129. function initTaskList(data) {
  130. var colsStr = $(".ag-table-header[ag-data-index=0]").html();
  131. var cols = decorateData(colsStr);
  132. //执行一个 table 实例
  133. layui.table.render({
  134. elem: $(".ag-table[ag-data-index=0]"),
  135. height: $(".ag-table[ag-data-index=0]").height() - 100,
  136. data: data, //数据接口
  137. title: '用户表',
  138. page: false, //开启分页
  139. totalRow: false, //开启合计行
  140. limit: 100,
  141. cols: cols
  142. });
  143. }
  144. </script>
  145. </body>
  146. </html>