update.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141
  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" th:checked="${sfzyzf}">
  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. var prjCompany = parent.getCompany();
  72. $("#dw").val(prjCompany.dw);
  73. $("#dwmc").val(prjCompany.dwmc);
  74. $("#dwqc").val(prjCompany.dwqc);
  75. $("#sxbh").val(prjCompany.sxbh);
  76. $("#lxr").val(prjCompany.lxr);
  77. $("#lxrxm").val(prjCompany.lxrxm);
  78. if(prjCompany.sfzyzf) {
  79. $("#sfzyzf").prop("checked", true);
  80. form.render('checkbox');
  81. }
  82. var dwId = prjCompany.dw;
  83. if (dwId != undefined && dwId != null && dwId != "")
  84. getLxr();
  85. //联系人
  86. function getLxr() {
  87. tableSelect.render({
  88. elem: '#lxrxm',
  89. checkedKey: 'id',
  90. searchKey: 'xm',
  91. searchPlaceholder: '搜索姓名',
  92. table: {
  93. url: AjaxUtil.ctx + 'basePerson/dwrylist/' + dwId,
  94. cols: [
  95. [
  96. {type: "radio", fixed: 'left'},
  97. {type: 'numbers', align: 'center'},
  98. {field: 'xm', width: '20%', title: '姓名', align: 'left'},
  99. {field: 'dwmc', width: '60%', title: '公司/单位', align: 'left'}
  100. ]
  101. ],
  102. done: function (res, curr, count) {
  103. },
  104. page: true
  105. },
  106. done: function (elem, data) {
  107. var NEWJSON = [];
  108. var NEWJSON1 = [];
  109. layui.each(data.data, function (index, item) {
  110. NEWJSON.push(item.xm);
  111. NEWJSON1.push(item.id);
  112. })
  113. elem.val(NEWJSON.join(","));
  114. $("#lxr").val(NEWJSON1.join(","));
  115. }
  116. });
  117. }
  118. //监听提交
  119. form.on('submit(saveBtn)', function (data) {
  120. parent.setCompany(data.field);
  121. parent.setUpdateFlag();
  122. parent.layer.close(parent.layer.getFrameIndex(window.name));// 关闭子窗口
  123. return false;
  124. });
  125. // 监听取消按钮
  126. $("button[lay-filter='cancleBtn']").click(function () {
  127. var iframeIndex = parent.layer.getFrameIndex(window.name);
  128. parent.layer.close(iframeIndex);
  129. });
  130. });
  131. </script>
  132. </body>
  133. </html>