add.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  2. <head>
  3. <meta charset="UTF-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  5. <title>新建</title>
  6. <link rel="stylesheet" th:href="@{/lib/layui/css/layui.css}" media="all">
  7. <link rel="stylesheet" th:href="@{/css/public.css}" media="all">
  8. <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">
  9. <style>
  10. body {
  11. background-color: #ffffff;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <form class="layui-form" action="" lay-filter="formDemo">
  17. <div class="layui-form layuimini-form">
  18. <div class="layui-form-item layui-inline" style="width: 100%">
  19. <label class="layui-form-label" style="width: 70px">序号</label>
  20. <div class="layui-input-inline" style="width: 270px">
  21. <input type="text" id="xh" name="xh" autocomplete="off" class="layui-input">
  22. </div>
  23. </div>
  24. <div class="layui-form-item layui-inline" style="width: 100%">
  25. <label class="layui-form-label required" style="width: 70px">费用用途</label>
  26. <div class="layui-input-inline" style="width: 270px">
  27. <input type="text" id="fyyt" name="fyyt" lay-verify="required" lay-reqtext="费用用途不能为空" autocomplete="off" class="layui-input">
  28. </div>
  29. </div>
  30. <div class="layui-form-item layui-inline" style="width: 100%">
  31. <label class="layui-form-label" style="width: 70px">备注</label>
  32. <div class="layui-input-inline" style="width: 270px">
  33. <input type="text" id="bz" name="bz" autocomplete="off" class="layui-input">
  34. </div>
  35. </div>
  36. <!-- 右侧悬浮按钮 -->
  37. <div class="right-bottom-btn">
  38. <button type="button" class="layui-btn" lay-submit lay-filter="saveBtn">
  39. <i class="layui-icon layui-icon-ok"></i>确定
  40. </button>
  41. <button class="layui-btn" lay-filter="cancleBtn">
  42. <i class="layui-icon layui-icon-close"></i>取消
  43. </button>
  44. </div>
  45. </div>
  46. </form>
  47. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  48. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  49. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  50. <script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
  51. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  52. <script type="text/javascript" th:inline="javascript">
  53. AjaxUtil.ctx = /*[[@{/}]]*/'';
  54. layui.use(['form', 'tableSelect'], function () {
  55. var form = layui.form;
  56. //监听提交
  57. form.on('submit(saveBtn)', function (data) {
  58. parent.setIndirect(data.field);
  59. parent.setUpdateFlag();
  60. parent.layer.close(parent.layer.getFrameIndex(window.name));// 关闭子窗口
  61. });
  62. // 监听取消按钮
  63. $("button[lay-filter='cancleBtn']").click(function () {
  64. var iframeIndex = parent.layer.getFrameIndex(window.name);
  65. parent.layer.close(iframeIndex);
  66. });
  67. });
  68. </script>
  69. </body>
  70. </html>