<%@ page import="com.yc.sdk.shopping.util.SettingKey" %>
|
<%@ page import="com.yc.utils.SessionKey" %>
|
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
pageEncoding="UTF-8" %>
|
<%
|
String url = SettingKey.getHostUrl(request);
|
String dbId = (String) request.getSession().getAttribute(SessionKey.DATA_BASE_ID);
|
request.getSession().setAttribute("fp_data_base_id","338");//发票后台查询物流信息用 xin 2022-5-6 17:46:32
|
%>
|
<!DOCTYPE html>
|
<html lang="zh-cn">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport"
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>Title</title>
|
<link href="<%=url%>/js/invoice/css/iconfont/iconfont.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/invoice/css/iconfont/iconfont.css")%>" rel="stylesheet">
|
<link href="<%=url%>/layui/css/layui.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/layui/css/layui.css")%>" rel="stylesheet">
|
<link href="<%=url%>/js/invoice/css/main-1.css?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/invoice/css/main-1.css")%>" rel="stylesheet">
|
<%-- <link href="css/iconfont/iconfont.css" rel="stylesheet">--%>
|
<%-- <link href="layui/css/layui.css" rel="stylesheet">--%>
|
<%-- <link href="css/main-1.css" rel="stylesheet">--%>
|
<style>
|
.logisticsCode{
|
color: #2da0ed;
|
cursor: pointer;
|
}
|
.hide{
|
display: none;
|
}
|
</style>
|
</head>
|
<body>
|
<div>
|
<div class="receipt-container flex-row">
|
<aside class="flex-col bg-br receipt-aside">
|
<ul>
|
<li class=" padding-10">
|
<a href="<%=url%>/app/<%=dbId%>/0/cnzh/150371/5/index.jsp" class="flex-col flex-ai-center">
|
<i class="iconfont icon-dingdan"></i>
|
<span class="tabItem-title">费用收取</span>
|
</a>
|
|
</li>
|
<li class="padding-10 activated">
|
<a href="<%=url%>/app/<%=dbId%>/0/cnzh/150371/5/receiptManage.jsp" class="flex-col flex-ai-center">
|
<i class="iconfont icon-fapiaoguanli"></i>
|
<span class="tabItem-title">发票管理</span>
|
</a>
|
</li>
|
</ul>
|
</aside>
|
<section class="receipt-content flex-1">
|
<div class="bg-br margin-lr-10 padding-10">
|
<h2 class="pointer" onclick="history.back(-1)"> <i class="layui-icon layui-icon-left font-size-24"></i>发票详情</h2>
|
</div>
|
<div class="bg-br margin-10 padding-20 border-box">
|
<div>
|
<h2 class="padding-b-10">发票单号: <span class="docCode"></span></h2>
|
<div class="flex-row flex-jc-between area-color margin-tb-10">
|
<div class="flex-row flex-ai-center">
|
<i class="layui-icon layui-icon-ok-circle font-size-32 padding-r-20"></i>
|
<div class="docStatusDiv">
|
<span class="font-size-24 font-bold docStatus">已开票</span>
|
<span class="padding-lr-20 font-size-32">|</span>
|
</div>
|
<p class="font-size-16 font-bold ">发票金额 ¥<span class="sumNetMoney"></span></p>
|
</div>
|
<div>
|
<button type="button" class="layui-btn layui-btn-primary receiptPreview">发票预览</button>
|
<button type="button" class="layui-btn layui-btn-primary receiptRefund layer-hide">退票</button>
|
</div>
|
</div>
|
</div>
|
<div class="padding-tb-20">
|
<h2 class="">物流信息</h2>
|
<div class="flex-row padding-tb-20 border-bottom">
|
<div class="flex-row flex-1">
|
<div class="field-title" style="width: auto"><span>电子发票收票电话:</span></div>
|
<div style="padding-top: 2px"> <span class="tel2"></span></div>
|
</div>
|
<div class="flex-row flex-1">
|
<div class="field-title" style="width: auto"><span>电子发票收票邮箱:</span></div>
|
<div style="padding-top: 2px"> <span class="email"></span></div>
|
</div>
|
</div>
|
<div class="flex-row padding-tb-20 border-bottom hide">
|
<div class="flex-row flex-1">
|
<div class="field-title">发票收件地址</div>
|
<div>
|
<div>收件人:<span class="padding-r-10 receivingName"></span> 电话:<span class="receivingTel"></span></div>
|
<div>地址:<span class="receivingAddress"></span></div>
|
</div>
|
</div>
|
<div class="flex-row flex-1">
|
<div class="field-title" style="width: 70px">物流单号:</div>
|
<div> <span class="logisticsCode"></span> <span class="shipperName"></span></div>
|
</div>
|
</div>
|
</div>
|
<div class="padding-tb-20 border-bottom">
|
<h2 class="">发票信息</h2>
|
<div class="flex-row padding-tb-20 padding-b-10">
|
<div class="flex-row flex-1">
|
<div class="field-title">发票信息</div>
|
<div class="billingName"></div>
|
</div>
|
<div class="flex-row flex-1">
|
<div class="field-title">发票类型</div>
|
<div class="invoiceType"></div>
|
</div>
|
</div>
|
<div class="flex-row padding-b-10">
|
<div class="flex-row flex-1">
|
<div class="field-title">发票介质</div>
|
<div class="invoiceMedium"></div>
|
</div>
|
<div class="flex-row flex-1">
|
<div class="field-title">申请时间</div>
|
<div class="docDate"></div>
|
</div>
|
</div>
|
<div class="flex-row padding-b-10">
|
<div class="flex-row flex-1">
|
<div class="field-title">税率</div>
|
<div class="vatRate">1%</div>
|
</div>
|
</div>
|
</div>
|
|
<div class="padding-tb-20">
|
<h2>开票内容</h2>
|
<table class="layui-table static-table" id="receiptTable" lay-filter="receiptTable"></table>
|
<div class="flex-row flex-jc-end flex-ai-center">
|
发票金额: ¥ <span class="sumNetMoney">0.00</span>
|
</div>
|
</div>
|
</div>
|
</section>
|
</div>
|
</div>
|
<script src="<%=url%>/help/js/JQuery-3.6.0.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/help/js/JQuery-3.6.0.js")%>"></script>
|
<script src="<%=url%>/layui/layui.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/layui/layui.js")%>"></script>
|
<script src="<%=url%>/js/invoice/js/dialog-1.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/invoice/js/dialog-1.js")%>"></script>
|
<script src="<%=url%>/js/invoice/js/utils.js?v=<%=com.yc.utils.FileUtil.getVerstion(request,"/js/invoice/js/utils.js")%>"></script>
|
<%--<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>--%>
|
<%--<script src="layui/layui-1.js"></script>--%>
|
<%--<script src="js/dialog-1.js"></script>--%>
|
<%--<script src="js/utils.js"></script>--%>
|
<script>
|
layui.use(['form','layer', 'element', 'table','laydate'], function () {
|
// $(function () {
|
|
var dialogs = Dialog1();
|
var utils = Utils();
|
var docCode = utils.getQueryString('docCode');
|
console.log('url中获取到的docCode为:',docCode);
|
var form = layui.form;
|
var table = layui.table;
|
var Dom = {
|
docStatus: $('.docStatus'), //发票状态
|
docStatusDiv: $('.docStatusDiv'), //发票状态
|
receiptPreview: $('.receiptPreview'), //发票预览按钮
|
receiptRefund: $('.receiptRefund'), //退票按钮
|
receivingName: $('.receivingName'), //收货人
|
receivingTel: $('.receivingTel'), //收货电话
|
tel2:$('.tel2'),//收票电话
|
email:$('.email'),//收票邮箱
|
logisticsCode:$('.logisticsCode'),//物流单号
|
shipperName:$('.shipperName'),//物流公司
|
receivingAddress: $('.receivingAddress'), //收货地址
|
billingName: $('.billingName'), //发票信息
|
invoiceType: $('.invoiceType'), //发票类型
|
docCode: $('.docCode'), //发票单号
|
invoiceMedium: $('.invoiceMedium'), //发票介质
|
docDate: $('.docDate'), //申请时间
|
vatRate: $('.vatRate'), //税率
|
sumNetMoney:$('.sumNetMoney'),
|
sumTotalMoney2: $('.sumTotalMoney2'), //开票总金额
|
trackingNumber: $('.trackingNumber'), //开票总金额
|
};
|
var refundReceivingAddress = {}; // 退票收件人地址
|
utils.getReceivingAddress(function (data) {
|
refundReceivingAddress = data;
|
})
|
|
var resData = {}; //请求数据
|
// 获取当前发票http://yingchen.onbus.cn:9001/invoice/getInvoice.do?docCode=FP00038
|
|
// 发票预览
|
Dom.receiptPreview.on('click', function () {
|
// // data为后台数据
|
var data = resData;
|
utils.getPreviewInfo([data.docCode],function (res){
|
// utils.getReceiptPreviewInfo([data.docCode],function (res){
|
console.log(res);
|
// var selectedData = Object.assign(data,{uom:"¥",capital:utils.capitalizedString(data.sumNetMoney)},res);
|
// console.log(selectedData);
|
// 预览发票
|
dialogs.receiptPreview(res);
|
// dialogs.receiptPreview(selectedData);
|
})
|
});
|
|
//退票
|
Dom.receiptRefund.on('click',function () {
|
dialogs.refundReceipt({
|
success: function () {
|
layui.form.render(); //更新全部
|
console.log('打开了退票层');
|
form.on('submit(refundReceiptSubmit)', function(data){
|
console.log(data.field,docCode);
|
utils.refundReceiptRequest(JSON.stringify(Object.assign(data.field,{
|
receivingAddress:refundReceivingAddress.address,
|
receivingName:refundReceivingAddress.name,
|
receivingTel:refundReceivingAddress.tel,
|
fpCode: docCode,
|
formId:resData.formId
|
})),function (e){
|
layer.alert(e.msg||e,{closeBtn:0}, function(index){
|
location.reload();
|
layer.close(index);
|
});
|
receiptTable.reload({
|
where: {
|
docCode: docCode,
|
}
|
});
|
})
|
layer.closeAll();
|
return false;
|
});
|
$('.refundReceiptFormClose').on('click', function(data){
|
console.log('关闭发票信息设置层');
|
layer.closeAll();
|
return false;
|
});
|
}
|
},refundReceivingAddress);
|
})
|
//物流信息
|
Dom.logisticsCode.on('click',function () {
|
let data = resData;
|
let parm = 'shippercode=' + data.shipperCode + '&logisticscode=' + data.logisticsCode + '&shippername=' + data.shipperName +
|
'&receiptertelephone='+data.receivingTel+'&logisticsstate=&doccode=' + data.docCode + '&formid=150504';
|
layer.open({
|
type: 2,
|
area: ['800px', '500px'],
|
title: false,
|
content: '/general/LogisticsDetails.jsp?' +parm,
|
cancel: function (index) {
|
layer.close(index);
|
}
|
});
|
})
|
|
// 生成数据列表
|
var receiptTable = table.render({
|
elem: '#receiptTable',
|
id:'receiptTable',
|
url: utils.mainHost+'/invoice/getInvoice.do?docCode='+ docCode, //数据接口
|
skin:'line',
|
text: {none: '暂无相关数据'},
|
parseData: function(res){ //res 即为原始返回的数据
|
console.log('请求。。。',res);
|
resData = res.data;
|
if (resData.isShowReturnButton){
|
//console.log('退票');
|
Dom.receiptRefund.show();
|
}
|
if (resData.invoiceMediumE != null && resData.invoiceMediumE != '') {
|
let medium = resData.invoiceMediumE.toLowerCase();//转小写
|
let botDiv = $('.border-bottom');
|
// if (medium == 'electronicinvoice') {//电子发票
|
// }
|
if (medium == 'paperinvoice') {//纸质发票
|
botDiv.eq(0).addClass('hide');
|
botDiv.eq(1).removeClass('hide');
|
}
|
}
|
Dom.docStatus.text(resData.docStatusName);
|
Dom.receivingName.text(resData.receivingName);
|
Dom.receivingTel.text(resData.receivingTel);
|
Dom.tel2.text(resData.tel2);
|
Dom.email.text(resData.email);
|
Dom.logisticsCode.text(resData.logisticsCode);
|
Dom.shipperName.text(resData.shipperName);
|
Dom.receivingAddress.text(resData.receivingAddress);
|
Dom.billingName.text(resData.billingName);
|
Dom.invoiceType.text(resData.invoiceType);
|
Dom.docCode.text(resData.docCode);
|
Dom.invoiceMedium.text(resData.invoiceMedium);
|
Dom.docDate.text(resData.docDate);
|
Dom.vatRate.text(resData.vatRate);
|
Dom.sumNetMoney.text(resData.sumNetMoney);
|
Dom.sumTotalMoney2.text(resData.sumTotalMoney2);
|
Dom.trackingNumber.text(resData.trackingNumber);
|
return {
|
"code": res.code, //解析接口状态
|
"msg": res.msg, //解析提示文本
|
"count": res.count, //解析数据长度
|
"data": res.data.invoiceContents //解析数据列表
|
};
|
},
|
cols: [[ //表头
|
{field:'matCode', title:'订单号/账期', width:'25%',align:'center'},
|
{field:'matName', title:'收费项目', width:'25%',align:'center'},
|
{field:'docTime', title:'开票时间', width:'25%',align:'center'},
|
{field:'totalMoney2', title:'开票金额(¥)', align:'center'},
|
]],
|
done: function(res, curr, count){
|
//如果是异步请求数据方式,res即为你接口返回的信息。
|
//如果是直接赋值的方式,res即为:{data: [], count: 99} data为当前页数据、count为数据总长度
|
console.log(res);
|
|
//得到当前页码
|
console.log(curr);
|
|
//得到数据总量
|
console.log(count);
|
}
|
});
|
|
});
|
</script>
|
</body>
|
</html>
|