tempMember.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
  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 rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
  10. <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
  11. <style>
  12. body{overflow-y: scroll;} /* 禁止刷新后出现横向滚动条 */
  13. </style>
  14. </head>
  15. <body>
  16. <div class="layuimini-container">
  17. <div class="layuimini-main">
  18. <fieldset class="table-search-fieldset">
  19. <legend>搜索信息(<b>收起-展开</b>)</legend>
  20. <div id="search-div" style="margin: 5px 10px -10px 0px">
  21. <form class="layui-form" action="" lay-filter="search-form">
  22. <div class="layui-form-item">
  23. <div class="layui-inline">
  24. <label class="layui-form-label" style="width: 30px">项目名称</label>
  25. <div class="layui-input-inline" style="width: 220px">
  26. <input type="text" id="MC" name="MC" autocomplete="off" class="layui-input">
  27. </div>
  28. </div>
  29. <!-- <div class="layui-inline">-->
  30. <!-- <label class="layui-form-label" style="width: 60px; margin-left: -10px">审批状态</label>-->
  31. <!-- <div class="layui-input-inline" style="width: 150px">-->
  32. <!-- <select name="SPZT" id="SPZT" lay-filter="status">-->
  33. <!-- <option value="">全部</option>-->
  34. <!-- <option th:each="item:${approveList}" th:text="${item.name}"-->
  35. <!-- th:value="${item.name}"></option>-->
  36. <!-- </select>-->
  37. <!-- </div>-->
  38. <!-- </div>-->
  39. <div class="layui-inline">
  40. <label class="layui-form-label" style="width: 60px; margin-left: -10px">临时人员姓名</label>
  41. <div class="layui-input-inline" style="width: 150px">
  42. <input type="text" id="SSBMNAME" name="SSBMNAME" class="layui-input" autocomplete="off" />
  43. <!-- <input type="text" id="parentName" name="parentName"/>-->
  44. <!-- <input type="hidden" id="parentId" name="parentId"/>-->
  45. <!-- <input type="hidden" id="ancestors" name="ancestors"/>-->
  46. </div>
  47. </div>
  48. <!-- <div class="layui-inline">-->
  49. <!-- <label class="layui-form-label" style="width: 45px; margin-left: -10px">已审批</label>-->
  50. <!-- <div class="layui-input-inline" style="width: 80px">-->
  51. <!-- <select name="YSP" id="YSP" lay-filter="status">-->
  52. <!-- <option value="">全部</option>-->
  53. <!-- <option th:each="item:${approvedList}" th:text="${item.name}"-->
  54. <!-- th:value="${item.code}"></option>-->
  55. <!-- </select>-->
  56. <!-- </div>-->
  57. <!-- </div>-->
  58. <div class="layui-inline">
  59. <label class="layui-form-label" style="width: 60px; margin-left: -10px">聘用日期</label>
  60. <div class="layui-input-inline" style="width: 100px;">
  61. <input type="text" name="SQRQStart" id="SQRQStart" placeholder="开始日期" class="layui-input" readonly>
  62. </div>
  63. <div class="layui-form-mid">-</div>
  64. <div class="layui-input-inline" style="width: 100px;">
  65. <input type="text" name="SQRQEnd" id="SQRQEnd" placeholder="结束日期" class="layui-input" readonly>
  66. </div>
  67. </div>
  68. <div class="layui-inline">
  69. <label class="layui-form-label" style="width: 60px; margin-left: -10px">创建日期</label>
  70. <div class="layui-input-inline" style="width: 100px;">
  71. <input type="text" name="QSRQ" id="QSRQ" placeholder="开始日期" class="layui-input" readonly>
  72. </div>
  73. <div class="layui-form-mid">-</div>
  74. <div class="layui-input-inline" style="width: 100px;">
  75. <input type="text" name="JZRQ" id="JZRQ" placeholder="结束日期" class="layui-input" readonly>
  76. </div>
  77. </div>
  78. <div class="layui-inline">
  79. <button type="submit" id="btn_search" class="layui-btn" lay-submit lay-filter="data-search-btn"><i class="layui-icon"></i> 搜 索 </button>
  80. <button type="submit" class="layui-btn layui-btn-primary" lay-submit lay-filter="data-reset-btn"><i class="layui-icon layui-icon-refresh"></i> 重 置 </button>
  81. </div>
  82. </div>
  83. </form>
  84. </div>
  85. </fieldset>
  86. <script type="text/html" id="toolbarDemo">
  87. </script>
  88. <input type="hidden" id="userId" name="userId" class="layui-input" th:value="${userId}">
  89. <table class="layui-hide" id="currentTableId" lay-filter="currentTableFilter"></table>
  90. <script type="text/html" id="currentTableBar">
  91. <a class="layui-btn layui-btn-xs data-count-edit" lay-event="edit" th:if="${editRight}">
  92. <i class="layui-icon layui-icon-edit" style="font-size: 10px;"></i>编辑
  93. </a>
  94. <a class="layui-btn layui-btn-xs layui-btn-danger data-count-delete" lay-event="delete" th:if="${delRight}">
  95. <i class="layui-icon layui-icon-delete" style="font-size: 10px;"></i>删除
  96. </a>
  97. </script>
  98. </div>
  99. </div>
  100. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  101. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  102. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  103. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  104. <script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
  105. <script th:inline="javascript" type="text/javascript">
  106. AjaxUtil.ctx = /*[[@{/}]]*/'';
  107. var updateflag = 0;
  108. var xmApproval = {};
  109. layui.use(['form', 'table'], function () {
  110. var form = layui.form,
  111. table = layui.table,
  112. laydate = layui.laydate;
  113. var userId = $("#userId").val();
  114. //日期
  115. laydate.render({
  116. elem: '#SQRQStart'
  117. });
  118. laydate.render({
  119. elem: '#SQRQEnd'
  120. });
  121. laydate.render({
  122. elem: '#QSRQ'
  123. });
  124. laydate.render({
  125. elem: '#JZRQ'
  126. });
  127. var currTable = table.render({
  128. elem: '#currentTableId',
  129. url: AjaxUtil.ctx + 'staTempmember/searchData',
  130. method: 'post',
  131. toolbar: '#toolbarDemo',
  132. defaultToolbar: ['filter', 'exports', 'print'],
  133. cols: [
  134. [
  135. {type: "checkbox", fixed: 'left'},
  136. {type: 'numbers', align: 'center'},
  137. {field: 'BM', width: '7%', title: '项目部门'},
  138. {field: 'XMMC', width: '15%', title: '项目名称', sort: true},
  139. {field: 'XMFZR', width: '7%', title: '项目负责人'},
  140. {field: 'XM', width: '9%', title: '临聘人员姓名'},
  141. {field: 'SFZH', width: '15%', title: '身份证号'},
  142. {field: 'QSRQ', width: '10%', title: '起始日期'},
  143. {field: 'JSRQ', width: '10%', title: '结束日期'},
  144. {field: 'FYSQ', width: '10%', title: '申请费用'},
  145. {field: 'BZFY', width: '10%', title: '报账费用'},
  146. {field: 'BYXX', width: '7%', title: '毕业学校'},
  147. {field: 'ZY', width: '7%', title: '专业'},
  148. {field: 'XL', width: '7%', title: '学历'},
  149. {field: 'GZDD', width: '10%', title: '工作地点'},
  150. {field: 'BH', width: '15%', title: '科研费号'},
  151. {field: 'SFBYJ', width: '10%', title: '是否备用金'},
  152. {field: 'SQSJ', width: '10%', title: '申请时间'},
  153. {field: 'ID', width: '0', title: 'id', hide: true}
  154. ]
  155. ],
  156. autoSort: false,
  157. limits: [10, 15, 20, 25, 50, 100],
  158. limit: 10,
  159. page: true,
  160. skin: 'grid',
  161. parseData: function (res) { //res 即为原始返回的数据
  162. return {
  163. "code": res.code, //解析接口状态
  164. "msg": res.message, //解析提示文本
  165. "count": res.data.total, //解析数据长度
  166. "data": res.data.rows //解析数据列表
  167. };
  168. }
  169. });
  170. // 监听搜索操作
  171. form.on('submit(data-search-btn)', function (data) {
  172. //起止日期格式判断
  173. var qsrq = document.getElementById('QSRQ').value;
  174. var jsrq = document.getElementById('JSRQ').value;
  175. var sd=new Date(qsrq);
  176. var ed=new Date(jsrq);
  177. if(sd>ed)
  178. {
  179. Message.warning("起始日期必须小于结束日期", 1500);
  180. return ;
  181. }
  182. // 执行搜索重载
  183. currTable.reload({
  184. page: {
  185. curr: 1 // 页码从1开始
  186. },
  187. where: form.val("search-form")
  188. });
  189. return false;
  190. });
  191. // 监听重置操作
  192. form.on('submit(data-reset-btn)', function (data) {
  193. form.val("search-form", {
  194. "MC": '',
  195. "SSBMNAME": '',
  196. 'SQRQStart': '',
  197. 'SQRQEnd': '',
  198. 'QSRQ': '',
  199. 'JZRQ': ''
  200. });
  201. // 执行搜索重载
  202. currTable.reload({
  203. page: {
  204. curr: 1
  205. },
  206. where: form.val("search-form")
  207. });
  208. return false;
  209. });
  210. // 监听排序事件
  211. table.on('sort(currentTableFilter)', function (obj) {
  212. currTable.reload({
  213. initSort: obj,
  214. where: {
  215. sortName: toLine(obj.field), //排序字段
  216. sortOrder: toLine(obj.type) //排序方式
  217. }
  218. });
  219. });
  220. var cancelIndex;
  221. /**
  222. * toolbar监听事件
  223. */
  224. });
  225. function setUpdateFlag() {
  226. updateflag = 1;
  227. }
  228. function getXmApproval() {
  229. return xmApproval;
  230. }
  231. </script>
  232. </body>
  233. </html>