add.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
  3. <head>
  4. <th:block th:include="include :: header('新增保函订单')" />
  5. <th:block th:include="include :: datetimepicker-css" />
  6. </head>
  7. <body class="white-bg">
  8. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  9. <form class="form-horizontal m" id="form-process-add">
  10. <div class="form-group">
  11. <label class="col-sm-3 control-label">订单编号:</label>
  12. <div class="col-sm-8">
  13. <input name="processId" class="form-control" type="text">
  14. </div>
  15. </div>
  16. <div class="form-group">
  17. <label class="col-sm-3 control-label">订单状态:</label>
  18. <div class="col-sm-8">
  19. <select name="processStsCd" class="form-control m-b" th:with="type=${@dict.getType('process_status')}">
  20. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
  21. </select>
  22. </div>
  23. </div>
  24. <div class="form-group">
  25. <label class="col-sm-3 control-label">保费金额:</label>
  26. <div class="col-sm-8">
  27. <input name="premiumAmt" class="form-control" type="text">
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <label class="col-sm-3 control-label">申请保额:</label>
  32. <div class="col-sm-8">
  33. <input name="loanAmt" class="form-control" type="text">
  34. </div>
  35. </div>
  36. <div class="form-group">
  37. <label class="col-sm-3 control-label">保函签署地址:</label>
  38. <div class="col-sm-8">
  39. <textarea name="policySignUrl" class="form-control"></textarea>
  40. </div>
  41. </div>
  42. <div class="form-group">
  43. <label class="col-sm-3 control-label">保函下载地址:</label>
  44. <div class="col-sm-8">
  45. <textarea name="policyDlUrl" class="form-control"></textarea>
  46. </div>
  47. </div>
  48. <div class="form-group">
  49. <label class="col-sm-3 control-label">电子发票地址:</label>
  50. <div class="col-sm-8">
  51. <input name="eInvoiceUrl" class="form-control" type="text">
  52. </div>
  53. </div>
  54. <div class="form-group">
  55. <label class="col-sm-3 control-label">项目编号:</label>
  56. <div class="col-sm-8">
  57. <input name="projectId" class="form-control" type="text">
  58. </div>
  59. </div>
  60. <div class="form-group">
  61. <label class="col-sm-3 control-label">企业编号:</label>
  62. <div class="col-sm-8">
  63. <input name="companyId" class="form-control" type="text">
  64. </div>
  65. </div>
  66. <div class="form-group">
  67. <label class="col-sm-3 control-label">保函有效期:</label>
  68. <div class="col-sm-8">
  69. <input name="expireTime" class="form-control" type="text">
  70. </div>
  71. </div>
  72. <div class="form-group">
  73. <label class="col-sm-3 control-label">审批通过时间:</label>
  74. <div class="col-sm-8">
  75. <div class="input-group date">
  76. <input name="approvedTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
  77. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="form-group">
  82. <label class="col-sm-3 control-label">打款附言:</label>
  83. <div class="col-sm-8">
  84. <input name="postscript" class="form-control" type="text">
  85. </div>
  86. </div>
  87. <div class="form-group">
  88. <label class="col-sm-3 control-label">拒绝原因:</label>
  89. <div class="col-sm-8">
  90. <textarea name="rejectReason" class="form-control"></textarea>
  91. </div>
  92. </div>
  93. <div class="form-group">
  94. <label class="col-sm-3 control-label">申请时间:</label>
  95. <div class="col-sm-8">
  96. <div class="input-group date">
  97. <input name="applyTime" class="form-control" placeholder="yyyy-MM-dd" type="text">
  98. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  99. </div>
  100. </div>
  101. </div>
  102. </form>
  103. </div>
  104. <th:block th:include="include :: footer" />
  105. <th:block th:include="include :: datetimepicker-js" />
  106. <script th:inline="javascript">
  107. var prefix = ctx + "opt/process"
  108. $("#form-process-add").validate({
  109. focusCleanup: true
  110. });
  111. function submitHandler() {
  112. if ($.validate.form()) {
  113. $.operate.save(prefix + "/add", $('#form-process-add').serialize());
  114. }
  115. }
  116. $("input[name='approvedTime']").datetimepicker({
  117. format: "yyyy-mm-dd",
  118. minView: "month",
  119. autoclose: true
  120. });
  121. $("input[name='applyTime']").datetimepicker({
  122. format: "yyyy-mm-dd",
  123. minView: "month",
  124. autoclose: true
  125. });
  126. </script>
  127. </body>
  128. </html>