pay.jsp
9.03 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
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>科路得</title>
<link rel="stylesheet" type="text/css" href="/css/pay.css">
</head>
<body>
<jsp:include page="/include/header.jsp" flush="true"/>
<div class="pay-wrap">
<div>
<div class="location-wrap">
<h1>
<span>缴纳费用</span>
<span><a href="case-manage.jsp">案件管理</a></span>
</h1>
</div>
<div class="pay-detail-wrap">
<div class="register-info case-list">
<h2>立案信息</h2>
<table>
<thead>
<tr class="table-head">
<th>案件类型</th>
<th>案件名称</th>
<th>案件编号</th>
<th>费用</th>
</tr>
</thead>
<tbody class="case_list_body">
<tr>
<input type="hidden" id="case_id" value="${caseId}">
<td id="case_type"><span>${caseType}</span></td>
<td id="name"><span>${name}</span></td>
<td id="case_sn"><span>${caseSn}</span></td>
<td id="expense"><span>${expense}</span></td>
</tr>
<tr class="case-list-item-bottom-tr">
<td colspan="4">
<span id="contract_sn">合同号：<span>${contractSn}</span></span><span>立案时间：<span>${createDate}</span></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="recev-addr">
<h2>收件信息</h2>
<form class="info-form">
<div>
<%--<input type="checkbox" value="广东省广州市萝岗区伴河路92号 (李强收)">
<label for="">广东省广州市萝岗区伴河路92号 (<span class="user-name">李强</span> 收) </label>
<span class="comment">默认地址</span>
<div class="operate">
<span>编辑</span>
<span>删除</span>
<span>设为默认地址</span>
</div>--%>
<form class="">
<label for="">地址 </label><input id="address" type="text" value=""/>
<label for="">电话 </label><input id="phone" type="text" value="" style="width: 200px"/>
</form>
</div>
</form>
<%--<div class="add-info add-addr">新增其他地址</div>--%>
</div>
<div class="invoice-info">
<h2>发票信息</h2>
<form style="padding-left: 40px">
<label for="">个人 </label><input id="person" type="checkbox" value="个人">
<label for="">单位 </label><input id="company" type="checkbox" value="单位">
<label for="">抬头 </label><input id="invoice" type="text" value="" style="width: 200px">
</form>
<%--<form class="info-form">
<div>
<input type="checkbox" value="广东省广州市萝岗区伴河路92号 (李强收)">
<label for="">
<span>一米阳光科技有限公司 </span>
</label>
<span class="property">单位</span>
<span class="invoice-type">普通发票</span>
<span class="comment">默认发票</span>
<div class="operate hidden">
<span>编辑</span>
<span>删除</span>
<span>设为默认发票</span>
</div>
</div>
<div>
<input type="checkbox" value="广东省广州市萝岗区伴河路92号 (李强收)">
<label for="">
<span>一米阳光科技有限公司 </span>
</label>
<span class="property">单位</span>
<span class="invoice-type">普通发票</span>
<div class="operate hidden">
<span>编辑</span>
<span>删除</span>
<span>设为默认发票</span>
</div>
</div>
</form>--%>
<%--<div class="add-info add-addr">新增其他地址</div>--%>
</div>
<div class="clearing">
<div>1个案件，总费用 ： ￥${expense}</div>
<div class="total-wrap">应付总额：<span class="total">￥${totalExpense}</span></div>
<div>
<form id="pay_form" method="post">
<input type="hidden" name="caseId" id="pay_case_id" />
<input type="hidden" name="expense" id="pay_expense" />
<input type="hidden" name="address" id="pay_address" />
<input type="hidden" name="phone" id="pay_phone" />
<input type="hidden" name="inName" id="in_name" />
<input type="hidden" name="invoice" id="pay_invoice" />
<span id="submit_pay" class="submit-btn">去结算</span>
</form>
</div>
</div>
</div>
</div>
</div>
<jsp:include page="/include/footer.jsp" flush="true"/>
</body>
</html>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/js/pay.js"></script>
<script>
/***
* 校验手机号码格式
*/
function checkPhone(originPhone) {
var phone = $.trim(originPhone);
if (phone == "") {
alert("手机号码不能为空！");
return false;
}
if (phone != "") {
var reg = /^\d{11}$/;
if (!reg.test(phone)) {
alert("手机号码格式不对！");
return false;
}
}
return true;
}
/**
* 监听提交
*/
$("#submit_pay").click(function(){
submit_pay();
});
/***
* 提交支付
*/
function submit_pay(){
var id = $("#case_id").val();
var expense = $("#expense span").text();
var address = $("#address").val();
if(address==""){
alert("地址不能为空");
$("#address").focus();
return;
}
var phone = $("#phone").val();
if(!checkPhone(phone)){
$("#phone").focus();
return;
}
var person = $("#person").val();
var company = $("#company").val();
if(person==""&&company==""){
alert("请选择是个人还是公司发票");
$("#company").focus();
return;
}
var invoice = $("#invoice").val();
if(invoice==""){
alert("发票抬头不能为空");
$("#invoice").focus();
return;
}
$("#pay_case_id").val(id);
$("#pay_expense").val(expense);
$("#pay_address").val(address);
$("#pay_phone").val(phone);
$("#in_name").val(company==null?person:company);
$("#pay_invoice").val(invoice);
$("#pay_form").attr("action","/pay");
$("#pay_form").submit();
}
/*var case_list_body=$(".case_list_body");
$.ajax({
url:"/find_latest_case",
type:"POST",
dataType:"JSON",
async:false,
success: function (res) {
var casement = res.data;
if (casement) {
var trMain = $("<tr></tr>").appendTo(case_list_body);
//类型
var tdType = $("<td></td>").appendTo(trMain);
var spanType = $("<span></span>").text(casement['caseType']).appendTo(tdType);
//名称
var tdName = $("<td></td>").appendTo(trMain);
var spanName = $("<span></span>").text(casement['name'] == null ? "暂无" : casement['name']).appendTo(tdName);
//编号
var tdSn = $("<td></td>").appendTo(trMain);
var spanSn = $("<span></span>").text(casement['caseSn']).appendTo(tdSn);
//费用
var tdExpense = $("<td></td>").appendTo(trMain);
var spanExpense = $("<span></span>").text(casement['expense']).appendTo(tdExpense);
//footer信息
var trFooter = $("<tr class='case-list-item-bottom-tr'></tr>").appendTo(case_list_body);
var tdFooter = $("<td colspan='4'></td>").appendTo(trFooter);
$("<span>合同号：<span>" + casement['caseSn'] + "</span></span>").appendTo(tdFooter);
$("<span>立案时间：<span>" + casement['createDate'] + "</span></span>").appendTo(tdFooter);
}
},
error:function(err){
alert(err);
}
});*/
</script>