view.html 3.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  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 class="layui-btn" lay-filter="cancleBtn">
  39. <i class="layui-icon layui-icon-close"></i>取消
  40. </button>
  41. </div>
  42. </div>
  43. </form>
  44. <script th:src="@{/lib/jquery-3.4.1/jquery-3.4.1.min.js}" charset="utf-8"></script>
  45. <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
  46. <script th:src="@{/lib/coco-message/coco-message.js}" charset="utf-8"></script>
  47. <script th:src="@{/lib/xm-select-v1.2.2/xm-select.js}" charset="utf-8"></script>
  48. <script th:src="@{/js/lay-config.js}" charset="utf-8"></script>
  49. <script type="text/javascript" th:inline="javascript">
  50. AjaxUtil.ctx = /*[[@{/}]]*/'';
  51. layui.use(['form', 'tableSelect', 'laydate'], function () {
  52. var form = layui.form;
  53. var cost = parent.getIndirect();
  54. $("#xh").val(cost.xh);
  55. $("#sqje").val(cost.sqje);
  56. $("#fyyt").val(cost.fyyt);
  57. $("#bzjehs").val(cost.bzjehs);
  58. $("#bzjebhs").val(cost.bzjebhs);
  59. $("#bz").val(cost.bz);
  60. form.render();
  61. // var sqje = $("#sqje").val();
  62. // var fyyt = $("#fyyt").val;
  63. // var bzjehs = $("#bzjehs").val;
  64. // var bzjebhs = $("#bzjebhs").val;
  65. // var bz = parseFloat($("#bz").val());
  66. // 监听取消按钮
  67. $("button[lay-filter='cancleBtn']").click(function () {
  68. var iframeIndex = parent.layer.getFrameIndex(window.name);
  69. parent.layer.close(iframeIndex);
  70. });
  71. });
  72. </script>
  73. </body>
  74. </html>