xsjf.html
5.23 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
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>立即办理-线上缴费</title>
<script type="text/javascript" src="../staticJs/head.js"></script>
<link rel="stylesheet" type="text/css" href="../staticCss/progress.css">
<link rel="stylesheet" type="text/css" href="../staticCss/xsjf.css">
</head>
<body>
<div class="navigation_crumbs">
<div class="contentBox">
<span class="layui-breadcrumb">
<a href="../../index.html">首页</a>
<a href="./wssq.html">网上申请</a>
<a><cite>线上缴费</cite></a>
</span>
</div>
</div>
<div class="content_box">
<div class="name_title">
<h2>转移类</h2>
<p>商品房转移买卖转移登记</p>
</div>
<div class="content_area">
<div class="progressBar">
<ul class="app_progress" id="app_progress">
</ul>
</div>
<!-- ------------------开始支付----------------- -->
<div class="audit_progress">
<h2>
<img src="../staticImages/xuanzhong.png" />
您的申请已提交,工作人员会在15个工作日内完成审核！
</h2>
</div>
<!-- ------------------缴费信息----------------- -->
<div class="payment_information">
<h3>
缴费信息
</h3>
<ul>
<li>
<span>受理编号：</span>
<p>7897987989798</p>
</li>
<li>
<span>受理日期：</span>
<p>7979798797</p>
</li>
<li>
<span>收费事项：</span>
<p>商品房转移买卖转移登记（个人）登记费</p>
</li>
<li>
<span>应缴金额：</span>
<h5>600元</h5>
</li>
<li>
<span>收费明细：</span>
<h6>工本费10元 </h6>
<h6>快递费20元</h6>
<h6>不动产登记费80元</h6>
</li>
</ul>
</div>
<!-- ------------------缴费通道----------------- -->
<div class="payment_channel">
<h3>缴费通道</h3>
<ul class="payment_channel_con">
<li>
<img src="../staticImages/wechat.png">
<span>微信</span>
</li>
<li>
<img src="../staticImages/alipay.png" alt="">
<span>支付宝</span>
</li>
</ul>
<div class="scan_code">
<p>扫一扫付款（元）</p>
<p>600.00</p>
<div class="scanning_results">
<img class="erweima" src="../staticImages/code.png">
<img class="codeShowImg" src="../staticImages/alipayShow.png">
<div class="code_detail">
<img src="../staticImages/saoyisao.png">
<ul>
<li class="paymentText">打开手机支付</li>
<li>扫一扫继续付款</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- ------------------支付成功----------------- -->
</div>
</body>
<script type="text/javascript" src="../staticJs/common.js"></script>
<script type="text/javascript" src="../staticJs/down.js"></script>
<script type="text/javascript" src="../staticJs/xsjf.js"></script>
<script id="progress" type="text/html">
{{# layui.each(d.progressList, function(index, item){ }}
{{# if(item.stepState==2){ }}
<li class="item_proress">
<p class="active"></p>
<h5>{{item.stepName}}</h5>
</li>
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="100%"></div>
</li>
{{# } }}
{{# if(item.stepState==1){ }}
<li class="item_proress">
<p class="activeing"></p>
<h5 class="activeingtext">{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="50%"></div>
</li>
{{# } }}
{{# } }}
{{# if(item.stepState==0){ }}
<li class="item_proress">
<p></p>
<h5>{{item.stepName}}</h5>
</li>
{{# if(index!=(d.progressList.length-1)){ }}
<li class="layui-progress">
<div class="layui-progress-bar" lay-percent="0%"></div>
</li>
{{# } }}
{{# } }}
{{# }); }}
</script>
</html>