add.html 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>新建</title>
  7. <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
  8. <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
  9. <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
  10. <style>
  11. body {
  12. background-color: #ffffff;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <form class="layui-form" action="" lay-filter="formDemo">
  18. <div class="layui-form layuimini-form" style="margin-right: 30px">
  19. <div class="layui-form-item">
  20. <label class="layui-form-label required">单位</label>
  21. <div class="layui-input-block" >
  22. <input type="hidden" id="dw" name="dw" class="layui-input" readonly>
  23. <input type="text" id="dwmc" name="dwmc" lay-verify="required" lay-reqtext="单位不能为空" class="layui-input" readonly>
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <label class="layui-form-label">单位全称</label>
  28. <div class="layui-input-block" >
  29. <input type="text" id="dwqc" name="dwqc" class="layui-input" lay-verify="required" readonly>
  30. </div>
  31. </div>
  32. <div class="layui-form-item">
  33. <label class="layui-form-label">顺序编号</label>
  34. <div class="layui-input-block">
  35. <input type="number" id="sxbh" name="sxbh" class="layui-input">
  36. </div>
  37. </div>
  38. <div class="layui-form-item">
  39. <label class="layui-form-label">联系人</label>
  40. <div class="layui-input-block" >
  41. <input type="hidden" id="lxr" name="lxr" class="layui-input" readonly>
  42. <input type="text" id="lxrxm" name="lxrxm" class="layui-input" readonly>
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label" style="width: 90px">是否转移支付</label>
  47. <div class="layui-input-block">
  48. <input type="checkbox" id="sfzyzf" name="sfzyzf" lay-skin="primary">
  49. </div>
  50. </div>
  51. <!-- 右侧悬浮按钮 -->
  52. <div class="right-bottom-btn">
  53. <button class="layui-btn" lay-submit lay-filter="saveBtn">
  54. <i class="layui-icon layui-icon-ok"></i>确定
  55. </button>
  56. <button class="layui-btn" lay-filter="cancleBtn">
  57. <i class="layui-icon layui-icon-close"></i>取消
  58. </button>
  59. </div>
  60. </div>
  61. </form>
  62. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  63. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  64. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  65. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  66. <script type="text/javascript" th:inline="javascript">
  67. AjaxUtil.ctx = /*[[@{/}]]*/'';
  68. layui.use(['form', 'tableSelect'], function () {
  69. var form = layui.form,
  70. tableSelect = layui.tableSelect;
  71. //单位
  72. tableSelect.render({
  73. elem: '#dwmc',
  74. checkedKey: 'id',
  75. searchKey: 'mc',
  76. searchPlaceholder: '搜索单位',
  77. table: {
  78. url: AjaxUtil.ctx + 'baseCompany/dwlist',
  79. cols: [
  80. [
  81. {type: 'radio'},
  82. {type: 'numbers', align: 'center'},
  83. {field: 'mc', width: '30%', title: '单位'},
  84. {field: 'dwqc', title: '单位全称'}
  85. ]
  86. ]
  87. },
  88. done: function (elem, data) {
  89. var NEWJSON = [];
  90. var NEWJSON1 = [];
  91. var NEWJSON2 = [];
  92. var NEWJSON3 = [];
  93. var NEWJSON4 = [];
  94. layui.each(data.data, function (index, item) {
  95. NEWJSON.push(item.mc);
  96. NEWJSON1.push(item.id);
  97. NEWJSON2.push(item.dwqc);
  98. NEWJSON3.push(item.lxr);
  99. NEWJSON4.push(item.lxrxm);
  100. })
  101. elem.val(NEWJSON.join(","));
  102. $("#dw").val(NEWJSON1.join(","));
  103. $("#dwqc").val(NEWJSON2.join(","));
  104. $("#lxr").val(NEWJSON3.join(","));
  105. $("#lxrxm").val(NEWJSON4.join(","));
  106. var dwId = $("#dw").val();
  107. //联系人
  108. if(dwId != undefined && dwId != null && dwId != "") {
  109. tableSelect.render({
  110. elem: '#lxrxm',
  111. checkedKey: 'id',
  112. searchKey: 'xm',
  113. searchPlaceholder: '搜索姓名',
  114. table: {
  115. url: AjaxUtil.ctx + 'basePerson/dwrylist/' + dwId,
  116. cols: [
  117. [
  118. {type: "radio", fixed: 'left'},
  119. {type: 'numbers', align: 'center'},
  120. {field: 'xm', width: '20%', title: '姓名', align: 'left'},
  121. {field: 'dwmc', width: '60%', title: '公司/单位', align: 'left'}
  122. ]
  123. ],
  124. done: function (res, curr, count) {
  125. },
  126. page: true
  127. },
  128. done: function (elem, data) {
  129. var NEWJSON = [];
  130. var NEWJSON1 = [];
  131. layui.each(data.data, function (index, item) {
  132. NEWJSON.push(item.xm);
  133. NEWJSON1.push(item.id);
  134. })
  135. elem.val(NEWJSON.join(","));
  136. $("#lxr").val(NEWJSON1.join(","));
  137. }
  138. });
  139. }
  140. }
  141. });
  142. //监听提交
  143. form.on('submit(saveBtn)', function (data) {
  144. parent.setCompany(data.field);
  145. parent.setUpdateFlag();
  146. parent.layer.close(parent.layer.getFrameIndex(window.name));// 关闭子窗口
  147. return false;
  148. });
  149. // 监听取消按钮
  150. $("button[lay-filter='cancleBtn']").click(function () {
  151. var iframeIndex = parent.layer.getFrameIndex(window.name);
  152. parent.layer.close(iframeIndex);
  153. });
  154. });
  155. </script>
  156. </body>
  157. </html>