add.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. {extend name="../../base/view/common/base" /}
  2. <!-- 主体 -->
  3. {block name="body"}
  4. <form class="layui-form p-page">
  5. <h3 class="pb-2">添加用章申请</h3>
  6. <table class="layui-table layui-table-form">
  7. <tr>
  8. <td class="layui-td-gray">申请主题<font>*</font></td>
  9. <td colspan="3"><input type="text" name="title" autocomplete="off" placeholder="请输入用章申请主题" lay-verify="required" lay-reqText="请输入用申请主题" class="layui-input"></td>
  10. <td class="layui-td-gray">用印部门</td>
  11. <td>{$user.department}({$user.name})<input type="hidden" name="did" value="{$user.did}"></td>
  12. </tr>
  13. <tr>
  14. <td class="layui-td-gray">盖章次数<font>*</font></td>
  15. <td>
  16. <input type="text" name="num" value='' placeholder="请输入盖章次数" lay-verify="required|number" lay-reqText="请输入盖章次数" class="layui-input">
  17. </td>
  18. <td class="layui-td-gray-2">预期用印日期<font>*</font></td>
  19. <td><input type="text" name="use_time" value='' readonly placeholder="请选择" lay-verify="required" lay-reqText="请选择预期用印日期" class="layui-input tool-time"></td>
  20. <td class="layui-td-gray-2">印章类型<font>*</font></td>
  21. <td>
  22. <select name="seal_cate_id" lay-verify="required" lay-reqText="请输入印章类型">
  23. <option value="">选择印章类型</option>
  24. {volist name="$sealcate" id="vo"}
  25. <option value="{$vo.id}">{$vo.title}</option>
  26. {/volist}
  27. </select>
  28. </td>
  29. </tr>
  30. <tr>
  31. <td class="layui-td-gray">印章是否外借<font>*</font></td>
  32. <td>
  33. <input type="radio" name="is_borrow" value="0" title="否" checked>
  34. <input type="radio" name="is_borrow" value="1" title="是">
  35. </td>
  36. <td class="layui-td-gray-2">印章借用日期</td>
  37. <td><input type="text" name="start_time" value='' readonly placeholder="请选择" class="layui-input tool-time"></td>
  38. <td class="layui-td-gray">结束借用日期</td>
  39. <td><input type="text" name="end_time" value='' readonly placeholder="请选择" class="layui-input tool-time"></td>
  40. </tr>
  41. <tr>
  42. <td class="layui-td-gray" style="vertical-align:top;">盖章内容<font>*</font></td>
  43. <td colspan="5">
  44. <textarea name="content" placeholder="请输入内容" class="layui-textarea" lay-verify="required" lay-reqText="请完善盖章内容"></textarea>
  45. </td>
  46. </tr>
  47. <tr>
  48. <td class="layui-td-gray-2">
  49. <div class="layui-input-inline">相关附件</div>
  50. <div class="layui-input-inline">
  51. <button type="button" class="layui-btn layui-btn-xs" id="uploadBtn"><i class="layui-icon"></i></button>
  52. </div>
  53. </td>
  54. <td colspan="5">
  55. <div class="layui-row" id="uploadBox">
  56. <input type="hidden" data-type="file" name="file_ids" value="">
  57. </div>
  58. </td>
  59. </tr>
  60. </table>
  61. <div id="checkBox" data-status="{$detail.check_status|default=0}" data-id="{$detail.id|default=0}" data-checkflowid="{$detail.check_flow_id|default=0}" class="pt-3"></div>
  62. <div class="pt-4">
  63. <button class="layui-btn layui-btn-normal" lay-submit="" lay-filter="webform">立即提交</button>
  64. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  65. </div>
  66. </form>
  67. {/block}
  68. <!-- /主体 -->
  69. <!-- 脚本 -->
  70. {block name="script"}
  71. <script>
  72. const moduleInit = ['tool','uploadPlus','oaPicker','formSelects','oaCheck'];
  73. function gouguInit() {
  74. var form = layui.form,tool=layui.tool,uploadPlus= layui.uploadPlus,formSelects= layui.formSelects,oaCheck=layui.oaCheck;
  75. oaCheck.init({
  76. check_name:'seal',
  77. check_btn:0
  78. });
  79. //选择用印部门
  80. var selected_a = $('#did').attr('xm-selected');
  81. formSelects.data('select1', 'server', {
  82. url: '/api/index/get_department_select',
  83. keyword: selected_a
  84. });
  85. //相关附件上传
  86. var attachment = new uploadPlus();
  87. //监听提交
  88. form.on('submit(webform)', function(data){
  89. if (data.field.is_borrow==1 && data.field.start_time == '') {
  90. layer.msg('请完善印章借用日期');
  91. return false;
  92. }
  93. if (data.field.is_borrow==1 && data.field.end_time == '') {
  94. layer.msg('请完善结束借用日期');
  95. return false;
  96. }
  97. let callback = function (e) {
  98. layer.msg(e.msg);
  99. if (e.code == 0) {
  100. let checkCallback = function (e) {
  101. layer.msg(e.msg);
  102. if (e.code == 0) {
  103. tool.sideClose(1000);
  104. }
  105. }
  106. data.field.check_name = 'seal';
  107. data.field.action_id = e.data.return_id;
  108. oaCheck.submit(data.field,checkCallback);
  109. }
  110. }
  111. let clickbtn = $(this);
  112. tool.post("/adm/seal/add", data.field, callback,clickbtn);
  113. return false;
  114. });
  115. }
  116. </script>
  117. {/block}
  118. <!-- /脚本 -->