pay.jsp
11.1 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="orderId" value="${orderId}" />
<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"/>
<div class="recipBox" id="dialog" style="display: block;">
<input type="hidden" field="id" value="" formid="form1" isfield="1">
<div class="recip_tit">
<span>新增收件信息</span>
<a href="javascript:void(0)" onclick="closeBg();"><img src="/static/com/img/icon/cha.png?v=9bb493e47616de7a6ecc252c5034bf79"></a>
</div>
<div class="recipComm">
<ul>
<li>
<span class="reg_span"><i>*</i>收件人：</span>
<input type="text" class="recip_inpt" placeholder="请输入您的姓名全称" autocomplete="off" field="takename" title="收件人" r="1" formid="form1" isfield="1"></li>
<li class="li_wid">
<span class="reg_span fl"><i>*</i>收件地址：</span>
<div class="liststyle fl">
<select id="loc_province" class="loc_province" field="provinceid" title="省份" r="1" formid="form1" isfield="1"><option value="">省份</option><option value="1">北京市</option><option value="22">天津市</option><option value="44">上海市</option><option value="66">重庆市</option><option value="108">河北省</option><option value="406">山西省</option><option value="622">内蒙古</option><option value="804">辽宁省</option><option value="945">吉林省</option><option value="1036">黑龙江省</option><option value="1226">江苏省</option><option value="1371">浙江省</option><option value="1500">安徽省</option><option value="1679">福建省</option><option value="1812">江西省</option><option value="1992">山东省</option><option value="2197">河南省</option><option value="2456">湖北省</option><option value="2613">湖南省</option><option value="2822">广东省</option><option value="3015">广西</option><option value="3201">海南省</option><option value="3235">四川省</option><option value="3561">贵州省</option><option value="3728">云南省</option><option value="3983">西藏</option><option value="4136">陕西省</option><option value="4334">甘肃省</option><option value="4499">青海省</option><option value="4588">宁夏</option><option value="4624">新疆</option><option value="4802">香港</option><option value="4822">澳门</option><option value="4825">台湾省</option></select>
<select id="loc_city" class="loc_city" field="cityid" title="市" r="1" formid="form1" isfield="1"><option value="">地级市</option></select>
<select id="loc_town" class="loc_town" field="areaid" title="区县" r="0" formid="form1" isfield="1"><option value="">市、县、区</option></select>
<input type="hidden" name="location_id" value="">
</div>
</li>
<li>
<span class="reg_span"><i>*</i>详细地址：</span>
<input type="text" class="recipt_add" placeholder="地址限制在50个字以内" autocomplete="off" field="address" title="详细地址" r="1" formid="form1" isfield="1"></li>
<li>
<span class="reg_span"><i>*</i>邮编：</span>
<input type="text" class="recip_inpt" autocomplete="off" field="zip" title="邮编" r="1" id="txt_zip" formid="form1" isfield="1"></li>
<li>
<span class="reg_span"><i>*</i>手机：</span>
<input type="text" class="recip_inpt" autocomplete="off" field="mobile" id="txt_mobile" title="手机" r="1" formid="form1" isfield="1"></li>
<li>
<span class="reg_span">坐机号：</span>
<input type="text" class="recip_inpt" autocomplete="off" field="phone" title="座机号" formid="form1" isfield="1"></li>
<li class="recip_But">
<a href="javascript:saveaddress()" class="recip_su">确认地址信息</a>
<a href="javascript:closeBg()" class="recip_qx">取消</a>
</li>
</ul>
</div>
</div>
</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 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_address").val(address);
$("#pay_phone").val(phone);
$("#in_name").val(company==null?person:company);
$("#pay_invoice").val(invoice);
$("#pay_form").attr("action","/save_order");
$("#pay_form").submit();
}
</script>