BhistoryInfo.html
8.12 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>开票详情</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="">
<meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
<link rel="stylesheet" type="text/css" href="../../../../iconfont/iconfont.css"/>
<link href="../../css/self.css" rel="stylesheet"/>
<link href="css/BhistoryInfo.css" rel="stylesheet"/>
</head>
<style>
body{
background: -moz-linear-gradient(top, rgba(113, 152, 130, 1), rgba(38,154, 196, 1)) ;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(113, 152, 130, 1)), to(rgba(38,154, 196, 1))) ;
background: -o-linear-gradient(top, rgba(113, 152, 130, 1), rgba(38,154, 196, 1));
}
</style>
<body>
<div class="bhinfo">
<div class="bhibtop"></div>
<div class="bhibody">
<div class="status bder97">
<div>
<i class="icon iconfont"></i>
</div>
<div id="youjststus">邮寄中</div>
<span class="bany bany1"></span>
<span class="bany bany2"></span>
</div>
<div class="bhType">
<span>
<div id="fapaioname">普通发票</div>
<span><span></span></span>
</span>
</div>
<div class="bhdata">
<div class="fpinfo">
<p class="bder97">发票信息</p>
<table class="danweiorgerenfp">
<!--<tr>
<td>发票抬头：</td>
<td>中兴智能交通股份有限公司</td>
</tr>
<tr>
<td>纳税人识别号：</td>
<td>154686521323232</td>
</tr>-->
</table>
<table>
<tr>
<td>发票金额：</td>
<td id="fpjine"></td>
</tr>
<tr>
<td>发票内容：</td>
<td id="fpneirong"></td>
</tr>
<tr>
<td>申请时间：</td>
<td id="fpshijain"></td>
</tr>
</table>
</div>
<div class="fpinfo bder97 ">
<p class="bder97">收件信息</p>
<table class="shoujian">
<tr>
<td>详情地址：</td>
<td id="fpxqaddress">江苏省无锡市新吴区菱湖大道200号A栋6层</td>
</tr>
<tr>
<td>收件人：</td>
<td id="fpxqshoujr">二郎神</td>
</tr>
</table>
</div>
<div class="fpinfo bder97 beizhu" style="display: none;">
<p class="">一张发票，含<span id="fpinfocishu"></span>次余额充值</p>
<ul class="fplist">
<!--<li>2017/11/11 12:12:2充值600.00元</li>
<li>2017/11/11 12:12:2充值600.00元</li>-->
</ul>
</div>
</div>
<div class="blsty">
<span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span>
</div>
</div>
</div>
</body>
</html>
<script src="../../../../js/jquery-3.2.1.min.js"></script>
<!--md5 start-->
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.js?v=1.1"></script>
<script src="http://cdn.bootcss.com/blueimp-md5/1.1.0/js/md5.min.js?v=1.1"></script>
<!--md5 end-->
<script src="../../../../js/url.js"></script>
<script src="../../../../js/ajax.js"></script>
<script>
var func = {
id:''
}
$(function(){
var surl = location.href;
if(surl.split('?')[1]&&surl.split('?')[1]!=''){
var sid = surl.split('?')[1];
if(sid.split('=')[1]&&sid.split('=')[1]!=''){
func.id = sid.split('=')[1];
gethisdata(func.id);
}
}
});
//根据id获取详情
//mUrl.gKhisInfoByid
function gethisdata(id){
var salt = jsajax.salt(32);
var token = mUrl.GetToken();
var deviceInfo = mUrl.getDevice();
var sortd = [
{keyname:'app_id',value:'0eca8f5373ca4866aec2f8e9d9367104'},
{keyname:'deviceInfo',value:deviceInfo},
{keyname:'salt',value:salt},
{keyname:'sign_type',value:'md5'},
{keyname:'token',value:token},
{keyname:'id',value:id}
];
var mdsign = jsajax.getsign(sortd);
var jsond = {
app_id:'0eca8f5373ca4866aec2f8e9d9367104',
deviceInfo:deviceInfo,
salt:salt,
sign_type:'md5',
token:token,
sign:mdsign,
id:id
};
console.log('数据 '+JSON.stringify(jsond));
jsajax.defaultReq(
mUrl.gKhisInfoByid,
JSON.stringify(jsond),
function(data){
console.log('返回 '+JSON.stringify(data));
if(data.code==0){
if(data.data&&data.data.id){
var datas = data.data;
var invoiceState = datas.invoiceState;//发票状态，1 开票中，2 已邮寄
var invoiceType = datas.invoiceType;
var applyDate = datas.applyDate;//申请时间
var custName = datas.custName;//
var invoiceTotalFee = datas.invoiceTotalFee;//金额
var ticketContent = datas.ticketContent;//内容
var recipients = datas.recipients;//收件人
var recipientsAddress = datas.recipientsAddress;//收件地址
var fetchTicketWay = datas.fetchTicketWay;//取票方式
var fpstatus = invoiceState=='2'?'已邮寄':'开票中';
var fptype = invoiceType=='1'?'增值税发票':'普通发票';
var qfangshi = fetchTicketWay=='2'?'自主取票':'货到付款';
//youjststus fapaioname
$('#youjststus').text(fpstatus);
$('#fapaioname').text(fptype);
//fpjine fpneirong fpshijain
applyDate = new Date(applyDate).toLocaleString();
$('#fpjine').text(jsajax.fenToYuan(invoiceTotalFee)+"元");
if(ticketContent&&ticketContent!=''){
$('#fpneirong').text(ticketContent);
}else{
$('#fpneirong').text('无');
}
if(fetchTicketWay=='2'){
$('.shoujian').html('<tr><td>自主取票</td></tr>');
}else{
$('#fpxqaddress').text(recipientsAddress);
$('#fpxqshoujr').text(recipients);
}
$('#fpshijain').text(applyDate);
//fpxqaddress fpxqshoujr
var custTaxid = '';
if(datas.custTaxid&&datas.custTaxid!=''){
console.log('走了1');
custTaxid = datas.custTaxid;
$('.danweiorgerenfp').html('<tr>'
+'<td>发票抬头：</td>'
+'<td>'+custName+'</td></tr><tr>'
+'<td>纳税人识别号：</td>'
+'<td>'+custTaxid+'</td></tr>');
}else{
console.log('走了2');
$('.danweiorgerenfp').html('<tr>'
+'<td>个人信息：</td>'
+'<td>'+custName+'</td></tr>');
}
var cIHisD = datas.custInvoiceHisDetailDTOList;//备注
if(cIHisD&&cIHisD.length&&cIHisD.length>0){
$('#fpinfocishu').text(cIHisD.length);
var uuul = document.querySelector('.fpinfo .fplist');
uuul.innerHTML = '';
var chongztype = '';
$('.beizhu').css('display','block');
for(var k = 0;k<cIHisD.length;k++){
var li = document.createElement('li');
var orderType = cIHisD[k].orderType;//订单类型: 1:停车订单，2：年卡订单， 3：月卡订单，4:充值订单，5:补缴订单
var orderId = cIHisD[k].orderId;
var dataState = cIHisD[k].dataState;
var orderTotalFee = cIHisD[k].orderTotalFee;
var invoiceId = cIHisD[k].invoiceId;
var id = cIHisD[k].id;
var orderDate = cIHisD[k].orderDate;
var createDate = cIHisD[k].createDate;
orderDate = new Date(orderDate).toLocaleString();
li.setAttribute('data-id',id);
li.setAttribute('data-orderId',orderId);
li.innerHTML = (k+1)+'、'+orderDate+"充值"+jsajax.fenToYuan(orderTotalFee)+"元";
/*if(orderType=='1'){chongztype = '停车订单';}
else if(orderType=='2'){chongztype = '年卡订单';}
else if(orderType=='3'){chongztype = '月卡订单';}
else if(orderType=='4'){chongztype = '充值订单';}
else if(orderType=='5'){chongztype = '补缴订单';}*/
uuul.appendChild(li);
}
}
}
}
}
);
}
</script>