Browse Source
新增上传国税发票-国内详情按钮后端接口 新增 保存上传国税发票详情后端接口 新增 通过发票ID查询发票信息和附件信息后端接口 国税发票前端列表页面新增前端上传国税发票详情按钮和js方法 新增上传国税发票国内前端列表页面dev
8 changed files with 620 additions and 1 deletions
@ -0,0 +1,499 @@ |
|||||
|
<!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-taxInvoice-uploadRmb" th:object="${taxInvoice}"> |
||||
|
<input name="taxInvoiceId" th:field="*{taxInvoiceId}" type="hidden"> |
||||
|
<!-- 添加隐藏的输入框 --> |
||||
|
<input id="fileIdStr" th:field="*{fileIdStr}" name="fileIdStr" type="text" hidden> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">发票单号：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="taxInvoiceCode" th:field="*{taxInvoiceCode}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">销售订单编号：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="salesOrderCode" th:field="*{salesOrderCode}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">订单类型：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<select name="salesOrderType" class="form-control m-b" th:with="type=${@dict.getType('sys_order_type')}" readonly> |
||||
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{salesOrderType}"></option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">报价币种：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<select name="commonCurrency" class="form-control m-b" th:with="type=${@dict.getType('sys_common_currency')}" readonly> |
||||
|
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}" th:field="*{commonCurrency}"></option> |
||||
|
</select> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">客户代码/ID：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="enterpriseCode" th:field="*{enterpriseCode}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">客户名称：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="enterpriseName" th:field="*{enterpriseName}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">联系电话：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="contactNumber" th:field="*{contactNumber}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">公司地址：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="enterpriseAddress" th:field="*{enterpriseAddress}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">开票公司名称：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoiceCompanyName" th:field="*{invoiceCompanyName}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">开票公司税号：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoiceCompanyCode" th:field="*{invoiceCompanyCode}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">公司开户行：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="depositBank" th:field="*{depositBank}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">公司开户账号：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="bankAccount" th:field="*{bankAccount}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">税率：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<div class="input-group"> |
||||
|
<input name="taxRate" th:field="*{taxRate}" class="form-control" type="text" readonly> |
||||
|
<span class="input-group-addon">%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label is-required" >发票种类：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<div class="radio-box" th:each="dict : ${@dict.getType('tax_invoice_class')}"> |
||||
|
<input type="radio" th:id="${'taxInvoiceClass_' + dict.dictCode}" name="taxInvoiceClass" th:value="${dict.dictValue}" th:field="*{taxInvoiceClass}" disabled> |
||||
|
<label th:for="${'taxInvoiceClass_' + dict.dictCode}" th:text="${dict.dictLabel}"></label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label is-required">发票类型：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<div class="radio-box" th:each="dict : ${@dict.getType('tax_invoice_type')}"> |
||||
|
<input type="radio" th:id="${'taxInvoiceType_' + dict.dictCode}" name="taxInvoiceType" th:value="${dict.dictValue}" th:field="*{taxInvoiceType}" disabled> |
||||
|
<label th:for="${'taxInvoiceType_' + dict.dictCode}" th:text="${dict.dictLabel}"></label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label is-required">发票抬头：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<div class="radio-box" th:each="dict : ${@dict.getType('tax_invoice_title')}"> |
||||
|
<input type="radio" th:id="${'taxInvoiceTitle_' + dict.dictCode}" name="taxInvoiceTitle" th:value="${dict.dictValue}" th:field="*{taxInvoiceTitle}" disabled> |
||||
|
<label th:for="${'taxInvoiceTitle_' + dict.dictCode}" th:text="${dict.dictLabel}"></label> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">邮箱：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoiceEmail" th:field="*{invoiceEmail}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">业务备注：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="businessRemark" th:field="*{businessRemark}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h4 class="font-weight-bold">开票物料</h4> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-12 select-table table-striped"> |
||||
|
<table id="bootstrap-table-material"></table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h4 class="font-weight-bold">开票额度</h4> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">不含税总价(RMB)：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="noRmbSum" th:field="*{noRmbSum}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">含税总价(RMB)：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="rmbTaxSum" th:field="*{rmbTaxSum}" class="form-control" type="text" id="rmbTaxSumInput" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">物料数合计：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="materialSum" th:field="*{materialSum}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">数量合计：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="enterpriseSum" th:field="*{enterpriseSum}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">开票额度比例：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<div class="input-group"> |
||||
|
<input name="invoiceQuotaRatio" th:field="*{invoiceQuotaRatio}" class="form-control" type="text" id="invoiceQuotaRatioInput" readonly> |
||||
|
<span class="input-group-addon">%</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">开票金额(RMB)：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoiceAmountRmb" th:field="*{invoiceAmountRmb}" class="form-control" type="text" id="invoiceAmountRmbInput" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">开票用途：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoicePurpose" th:field="*{invoicePurpose}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label is-required">实际开票金额(RMB)：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="actualInvoiceAmountRmb" th:field="*{actualInvoiceAmountRmb}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label is-required">发票备注：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoiceRemark" th:field="*{invoiceRemark}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label is-required">开票日期：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<div class="input-group date"> |
||||
|
<input name="invoiceData" th:value="${#dates.format(taxInvoice.invoiceData, 'yyyy-MM-dd')}" class="form-control" placeholder="yyyy-MM-dd" type="text" readonly> |
||||
|
<span class="input-group-addon"><i class="fa fa-calendar"></i></span> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">发票代码：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoiceCode" th:field="*{invoiceCode}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group"> |
||||
|
<label class="col-sm-5 control-label">发票号码：</label> |
||||
|
<div class="col-sm-7"> |
||||
|
<input name="invoicePhone" th:field="*{invoicePhone}" class="form-control" type="text" readonly> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<div class="container"> |
||||
|
<div class="row"> |
||||
|
<h4 class="font-weight-bold">导入发票：</h4> |
||||
|
</div> |
||||
|
<div class="file-loading col-sm-8"> |
||||
|
<input class="file-upload" id="singleFile" name="file" type="file"> |
||||
|
<input id="photoAttachId" readonly name = "photoAttachId" hidden th:field="*{photoAttachId}"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- 用户评价 --> |
||||
|
<!-- <div class="form-group">--> |
||||
|
<!-- <label class="col-sm-4 control-label">导入发票：</label>--> |
||||
|
|
||||
|
<!-- </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 materialProcessMethodDatas = [[${@dict.getType('processMethod')}]]; |
||||
|
var materialTypeDatas = [[${@category.getChildByCode('materialType')}]]; |
||||
|
var taxInvoiceStatusDatas = [[${@dict.getType('tax_invoice_status')}]]; |
||||
|
|
||||
|
var taxInvoice = [[${taxInvoice}]]; |
||||
|
|
||||
|
var prefix = ctx + "financial/taxInvoice"; |
||||
|
$("#form-taxInvoice-auditRmb").validate({ |
||||
|
focusCleanup: true |
||||
|
}); |
||||
|
|
||||
|
$("input[name='invoiceData']").datetimepicker({ |
||||
|
format: "yyyy-mm-dd", |
||||
|
minView: "month", |
||||
|
autoclose: true |
||||
|
}); |
||||
|
|
||||
|
//开票物料 |
||||
|
$(function() { |
||||
|
var options = { |
||||
|
id: 'bootstrap-table-material', |
||||
|
url: prefix + "/getInvoiceMaterialListByCode", |
||||
|
queryParams: function(params) { |
||||
|
return { |
||||
|
taxInvoiceCode: $("#taxInvoiceCode").val(), |
||||
|
} |
||||
|
}, |
||||
|
showSearch: false, |
||||
|
showRefresh: false, |
||||
|
showToggle: false, |
||||
|
showColumns: false, |
||||
|
pagination: false, // 设置不分页 |
||||
|
modalName: "国税发票物料", |
||||
|
columns: [{ |
||||
|
checkbox: true |
||||
|
}, |
||||
|
{ |
||||
|
title: '国税发票物料ID', |
||||
|
field: 'invoiceMaterialId', |
||||
|
visible: false |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料编号', |
||||
|
field: 'materialCode', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料名称', |
||||
|
field: 'materialName', |
||||
|
}, |
||||
|
{ |
||||
|
field: 'materialType', |
||||
|
title: '物料类型', |
||||
|
formatter: function(value, row, index) { |
||||
|
return $.table.selectCategoryLabel(materialTypeDatas, value); |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料加工方式', |
||||
|
field: 'materialProcessMethod', |
||||
|
formatter: function(value, row, index) { |
||||
|
return $.table.selectDictLabel(materialProcessMethodDatas, value); |
||||
|
} |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料品牌', |
||||
|
field: 'materialBrand', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料图片', |
||||
|
field: 'materialPhotourl', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料单位', |
||||
|
field: 'materialUnit', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料描述', |
||||
|
field: 'materialDescribe', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料的数量', |
||||
|
field: 'materialNum', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料的含税单价(RMB)', |
||||
|
field: 'taxRmb', |
||||
|
}, |
||||
|
{ |
||||
|
title: '物料的不含税单价(RMB)', |
||||
|
field: 'noTaxRmb', |
||||
|
}, |
||||
|
{ |
||||
|
title: '已出库数量', |
||||
|
field: 'outBoundQuantity', |
||||
|
}, |
||||
|
{ |
||||
|
title: '已验收数', |
||||
|
field: 'hasCheckNum', |
||||
|
}, |
||||
|
{ |
||||
|
title: '退货数', |
||||
|
field: 'refundsNum', |
||||
|
}] |
||||
|
}; |
||||
|
$.table.init(options); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
$(document).ready(function () { |
||||
|
// 单图上传 |
||||
|
$(".file-upload").fileinput({ |
||||
|
uploadUrl: ctx + "common/uploadSingleFile", |
||||
|
maxFileCount: 1, |
||||
|
autoReplace: true, |
||||
|
showUpload: false, // 不显示上传按钮 |
||||
|
showCaption: false, // 不显示标题 |
||||
|
showRemove: true, // 显示移除按钮 |
||||
|
browseClass: "btn btn-primary", // 浏览按钮样式 |
||||
|
removeClass: "btn btn-danger", // 移除按钮样式 |
||||
|
removeIcon: "<i class='fa fa-trash'></i>", // 移除按钮图标 |
||||
|
browseLabel: "选择文件", // 浏览按钮文本 |
||||
|
removeLabel: "删除", // 移除按钮文本 |
||||
|
layoutTemplates: { |
||||
|
main2: "{preview}\n" + |
||||
|
"{remove}\n" + |
||||
|
"{browse}" |
||||
|
} |
||||
|
}).on('filepreupload', function (event, data, previewId, index) { |
||||
|
// 在文件上传前的处理 |
||||
|
// 可以在这里设置一些上传前的逻辑 |
||||
|
}).on('fileuploaded', function (event, data, previewId, index) { |
||||
|
log.info("data：" + JSON.stringify(data)) |
||||
|
var response = data.response; |
||||
|
|
||||
|
var attachFileId = response.data.id; |
||||
|
if (response.code === web_status.SUCCESS) { |
||||
|
$('#fileIdStr').val(attachFileId); |
||||
|
$.modal.msgSuccess("上传成功"); |
||||
|
} else { |
||||
|
$.modal.alertError(response.msg); |
||||
|
} |
||||
|
}).on('filebatchremoved', function (event, id, index) { |
||||
|
$("#fileIdStr").val(''); |
||||
|
}); |
||||
|
|
||||
|
// 添加清除输入框值的功能 |
||||
|
$(".file-upload").on('fileclear', function (event) { |
||||
|
$("#fileIdStr").val(''); |
||||
|
}); |
||||
|
|
||||
|
|
||||
|
// 绑定详情按钮点击事件 |
||||
|
var photoAttachId = $('#photoAttachId').val(); |
||||
|
if (photoAttachId) { |
||||
|
$.ajax({ |
||||
|
type: "GET", |
||||
|
url: ctx + "system/attach/file/getListByAttachId", |
||||
|
data: {attachId: photoAttachId}, |
||||
|
cache: false, |
||||
|
async: false, // 设置成同步 |
||||
|
dataType: 'json', |
||||
|
success: function (result) { |
||||
|
if (result.code === web_status.SUCCESS) { |
||||
|
var fileList = result.data.map(function (item) { |
||||
|
return { |
||||
|
caption: item.name, |
||||
|
url: item.url, |
||||
|
key: item.id, |
||||
|
extra: { |
||||
|
attachFileId: item.id, |
||||
|
isBind: true |
||||
|
} |
||||
|
}; |
||||
|
}); |
||||
|
|
||||
|
// 清除现有的文件信息 |
||||
|
$(".file-upload").fileinput("clear"); |
||||
|
|
||||
|
// 使用获取的文件信息初始化文件上传组件 |
||||
|
$(".file-upload").fileinput("batchAdd", fileList); |
||||
|
|
||||
|
$.modal.msgSuccess("文件信息加载成功"); |
||||
|
} else { |
||||
|
$.modal.alertError(result.msg); |
||||
|
} |
||||
|
}, |
||||
|
error: function (error) { |
||||
|
$.modal.msgError("获取附件失败。"); |
||||
|
} |
||||
|
}); |
||||
|
} else { |
||||
|
$.modal.msgError("没有文件信息可以显示。"); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
}); |
||||
|
|
||||
|
// var attachId = $("#photoAttachId").val(); |
||||
|
// var fileIdList=[]; |
||||
|
// var fileList=[]; |
||||
|
// if(attachId){ |
||||
|
// $.ajax({ |
||||
|
// type: "get", |
||||
|
// url: ctx + "system/attach/file/getListByAttachId", |
||||
|
// data: {attachId:attachId}, |
||||
|
// cache: false, |
||||
|
// async: false, // 设置成同步 |
||||
|
// dataType: 'json', |
||||
|
// success: function(result) { |
||||
|
// if (result.code == web_status.SUCCESS) { |
||||
|
// result.data.forEach((item) => { |
||||
|
// fileIdList.push(item.id); |
||||
|
// fileList.push({name: item.name, url: item.url, attachFileId: item.id,isBind:true}); |
||||
|
// }); |
||||
|
// } else { |
||||
|
// $.modal.msgError(result.msg); |
||||
|
// } |
||||
|
// }, |
||||
|
// error: function(error) { |
||||
|
// $.modal.msgError("获取附件失败。"); |
||||
|
// } |
||||
|
// }); |
||||
|
// } |
||||
|
|
||||
|
|
||||
|
|
||||
|
</script> |
||||
|
</body> |
||||
|
</html> |
||||
Loading…
Reference in new issue