| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- <!DOCTYPE html>
- <html lang="zh" xmlns:th="http://www.thymeleaf.org" >
- <head>
- <th:block th:include="include :: header('新增发票')" />
- <th:block th:include="include :: datetimepicker-css" />
- <th:block th:include="include :: bootstrap-fileinput-css"/>
- </head>
- <body class="white-bg">
- <div class="wrapper wrapper-content animated fadeInRight ibox-content">
- <form class="form-horizontal m" id="form-invoice-add">
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">用户ID:</label>
- <div class="col-sm-8">
- <input name="userId" class="form-control" type="text">
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">发票日期:</label>
- <div class="col-sm-8">
- <div class="input-group date">
- <input name="invoiceDate" class="form-control" placeholder="yyyy-MM-dd" type="text">
- <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
- </div>
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">发票文件路径:</label>
- <div class="col-sm-8">
- <input type="hidden" name="invoiceUrl">
- <div class="file-loading">
- <input class="form-control file-upload" id="invoiceUrl" name="file" type="file">
- </div>
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">发票金额:</label>
- <div class="col-sm-8">
- <input name="grossAmount" class="form-control" type="text">
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">发票状态:</label>
- <div class="col-sm-8">
- <div class="radio-box" th:each="dict : ${@dict.getType('invoice_status')}">
- <input type="radio" th:id="${'invoiceStatus_' + dict.dictCode}" name="invoiceStatus" th:value="${dict.dictValue}" th:checked="${dict.default}">
- <label th:for="${'invoiceStatus_' + dict.dictCode}" th:text="${dict.dictLabel}"></label>
- </div>
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">所得税标记:</label>
- <div class="col-sm-8">
- <select name="incomeTaxFlag" class="form-control" th:with="type=${@dict.getType('sys_yes_no')}">
- <option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
- </select>
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">所得税税率:</label>
- <div class="col-sm-8">
- <input name="incomeTaxRate" class="form-control" type="text">
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">报销日期:</label>
- <div class="col-sm-8">
- <div class="input-group date">
- <input name="reimbursementDate" class="form-control" placeholder="yyyy-MM-dd" type="text">
- <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
- </div>
- </div>
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <label class="col-sm-3 control-label">备注:</label>
- <div class="col-sm-8">
- <textarea name="remark" class="form-control"></textarea>
- </div>
- </div>
- </div>
- </form>
- </div>
- <th:block th:include="include :: footer" />
- <th:block th:include="include :: datetimepicker-js" />
- <th:block th:include="include :: bootstrap-fileinput-js"/>
- <script th:inline="javascript">
- var prefix = ctx + "business/invoice"
- $("#form-invoice-add").validate({
- focusCleanup: true
- });
- function submitHandler() {
- if ($.validate.form()) {
- $.operate.save(prefix + "/add", $('#form-invoice-add').serialize());
- }
- }
- $("input[name='invoiceDate']").datetimepicker({
- format: "yyyy-mm-dd",
- minView: "month",
- autoclose: true
- });
- $("input[name='reimbursementDate']").datetimepicker({
- format: "yyyy-mm-dd",
- minView: "month",
- autoclose: true
- });
- $(".file-upload").fileinput({
- uploadUrl: ctx + 'common/upload',
- maxFileCount: 1,
- autoReplace: true
- }).on('fileuploaded', function (event, data, previewId, index) {
- $("input[name='" + event.currentTarget.id + "']").val(data.response.url)
- }).on('fileremoved', function (event, id, index) {
- $("input[name='" + event.currentTarget.id + "']").val('')
- })
- </script>
- </body>
- </html>
|