add.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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. <th:block th:include="include :: bootstrap-fileinput-css"/>
  7. </head>
  8. <body class="white-bg">
  9. <div class="wrapper wrapper-content animated fadeInRight ibox-content">
  10. <form class="form-horizontal m" id="form-invoice-add">
  11. <div class="col-xs-12">
  12. <div class="form-group">
  13. <label class="col-sm-3 control-label">用户ID:</label>
  14. <div class="col-sm-8">
  15. <input name="userId" class="form-control" type="text">
  16. </div>
  17. </div>
  18. </div>
  19. <div class="col-xs-12">
  20. <div class="form-group">
  21. <label class="col-sm-3 control-label">发票日期:</label>
  22. <div class="col-sm-8">
  23. <div class="input-group date">
  24. <input name="invoiceDate" class="form-control" placeholder="yyyy-MM-dd" type="text">
  25. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. <div class="col-xs-12">
  31. <div class="form-group">
  32. <label class="col-sm-3 control-label">发票文件路径:</label>
  33. <div class="col-sm-8">
  34. <input type="hidden" name="invoiceUrl">
  35. <div class="file-loading">
  36. <input class="form-control file-upload" id="invoiceUrl" name="file" type="file">
  37. </div>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="col-xs-12">
  42. <div class="form-group">
  43. <label class="col-sm-3 control-label">发票金额:</label>
  44. <div class="col-sm-8">
  45. <input name="grossAmount" class="form-control" type="text">
  46. </div>
  47. </div>
  48. </div>
  49. <div class="col-xs-12">
  50. <div class="form-group">
  51. <label class="col-sm-3 control-label">发票状态:</label>
  52. <div class="col-sm-8">
  53. <div class="radio-box" th:each="dict : ${@dict.getType('invoice_status')}">
  54. <input type="radio" th:id="${'invoiceStatus_' + dict.dictCode}" name="invoiceStatus" th:value="${dict.dictValue}" th:checked="${dict.default}">
  55. <label th:for="${'invoiceStatus_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="col-xs-12">
  61. <div class="form-group">
  62. <label class="col-sm-3 control-label">所得税标记:</label>
  63. <div class="col-sm-8">
  64. <select name="incomeTaxFlag" class="form-control" th:with="type=${@dict.getType('sys_yes_no')}">
  65. <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
  66. </select>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="col-xs-12">
  71. <div class="form-group">
  72. <label class="col-sm-3 control-label">所得税税率:</label>
  73. <div class="col-sm-8">
  74. <input name="incomeTaxRate" class="form-control" type="text">
  75. </div>
  76. </div>
  77. </div>
  78. <div class="col-xs-12">
  79. <div class="form-group">
  80. <label class="col-sm-3 control-label">报销日期:</label>
  81. <div class="col-sm-8">
  82. <div class="input-group date">
  83. <input name="reimbursementDate" class="form-control" placeholder="yyyy-MM-dd" type="text">
  84. <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="col-xs-12">
  90. <div class="form-group">
  91. <label class="col-sm-3 control-label">备注:</label>
  92. <div class="col-sm-8">
  93. <textarea name="remark" class="form-control"></textarea>
  94. </div>
  95. </div>
  96. </div>
  97. </form>
  98. </div>
  99. <th:block th:include="include :: footer" />
  100. <th:block th:include="include :: datetimepicker-js" />
  101. <th:block th:include="include :: bootstrap-fileinput-js"/>
  102. <script th:inline="javascript">
  103. var prefix = ctx + "business/invoice"
  104. $("#form-invoice-add").validate({
  105. focusCleanup: true
  106. });
  107. function submitHandler() {
  108. if ($.validate.form()) {
  109. $.operate.save(prefix + "/add", $('#form-invoice-add').serialize());
  110. }
  111. }
  112. $("input[name='invoiceDate']").datetimepicker({
  113. format: "yyyy-mm-dd",
  114. minView: "month",
  115. autoclose: true
  116. });
  117. $("input[name='reimbursementDate']").datetimepicker({
  118. format: "yyyy-mm-dd",
  119. minView: "month",
  120. autoclose: true
  121. });
  122. $(".file-upload").fileinput({
  123. uploadUrl: ctx + 'common/upload',
  124. maxFileCount: 1,
  125. autoReplace: true
  126. }).on('fileuploaded', function (event, data, previewId, index) {
  127. $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
  128. }).on('fileremoved', function (event, id, index) {
  129. $("input[name='" + event.currentTarget.id + "']").val('')
  130. })
  131. </script>
  132. </body>
  133. </html>