e80df919
 atao
init
|
1
2
3
4
5
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>月卡年卡</title>
|
|
0c5184f3
atao
提交金额修改
|
6
7
8
9
10
|
<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"/>
|
|
e80df919
atao
init
|
11
12
13
14
15
16
17
18
19
20
21
|
<meta name="apple-mobile-web-app-title" content="">
<meta name="google" value="notranslate"><!-- 禁止Chrome 浏览器中自动提示翻译 -->
<link rel="apple-touch-icon-precomposed" href="favicon.ico">
<link rel="shortcut icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
<link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
<link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.0.1/css/jquery-weui.min.css">
<link rel="stylesheet" href="${staticHost}/css/reset.css">
<link rel="stylesheet" href="${staticHost}/css/card.css?v=1.0">
</head>
<body ontouchstart>
|
|
0c5184f3
atao
提交金额修改
|
22
23
24
25
26
|
<input type="hidden" id="pklNo" value="${pklNo!''}"/>
<div class="weui-panel__bd card-top">
<div class="weui-media-box weui-media-box_text weui-media-box-border card-park">
<h4 class="weui-media-box__title park-tit" id="parkLotName"></h4>
<p class="weui-media-box__desc park-desc" id="parkLotAddress"></p>
|
|
e80df919
atao
init
|
27
|
</div>
|
|
0c5184f3
atao
提交金额修改
|
28
29
|
<div class="park-bg"></div>
</div>
|
|
e80df919
atao
init
|
30
|
|
|
0c5184f3
atao
提交金额修改
|
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
|
<div class="weui-panel weui-panel_access month-mar" id="addCardMonth" style="display: none;">
<!-- <div class="weui-panel__hd month-chtit">包月优惠</div>
<div class="weui-panel__bd">
<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg mon-vip">
<div class="weui-media-box__hd monthcard-bg">
<img class="weui-media-box__thumb" src="${staticHost}/img/monthcard.png">
</div>
<div class="weui-media-box__bd car-font">
<h4 class="weui-media-box__title">蓝牌小车包月卡</h4>
<p class="weui-media-box__desc">单价：<span class="fontcol">¥90</span></p>
</div>
<div class="weui-cell__ft">
</div>
</a>
<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg mon-vip">
<div class="weui-media-box__hd monthcard-bg">
<img class="weui-media-box__thumb" src="${staticHost}/img/monthcard.png">
</div>
<div class="weui-media-box__bd car-font">
<h4 class="weui-media-box__title">黄牌大车包月卡</h4>
<p class="weui-media-box__desc">单价：<span class="fontcol">¥180</span></p>
</div>
<div class="weui-cell__ft">
</div>
</a>
</div>-->
</div>
|
|
e80df919
atao
init
|
58
|
|
|
0c5184f3
atao
提交金额修改
|
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
|
<div class="weui-panel weui-panel_access" id="addCardYear" style="display: none;">
<!-- <div class="weui-panel__hd year-chtit">包年优惠</div>
<div class="weui-panel__bd">
<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg year-vip">
<div class="weui-media-box__hd yearcard-bg">
<img class="weui-media-box__thumb" src="${staticHost}/img/yearcard.png">
</div>
<div class="weui-media-box__bd car-font">
<h4 class="weui-media-box__title">蓝牌小车包年卡</h4>
<p class="weui-media-box__desc">单价：<span class="fontcol">¥90</span></p>
</div>
<div class="weui-cell__ft">
</div>
</a>
<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg year-vip">
<div class="weui-media-box__hd yearcard-bg">
<img class="weui-media-box__thumb" src="${staticHost}/img/yearcard.png">
</div>
<div class="weui-media-box__bd car-font">
<h4 class="weui-media-box__title">黄牌大车包年卡</h4>
<p class="weui-media-box__desc">单价：<span class="fontcol">¥180</span></p>
</div>
<div class="weui-cell__ft">
</div>
</a> -->
</div>
</div>
|
|
e80df919
atao
init
|
86
87
88
89
90
91
|
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-weui/1.0.1/js/jquery-weui.min.js"></script>
<script src="${staticHost}/js/jsutil.js"></script>
<script src="${staticHost}/js/url.js"></script>
<script type="text/javascript">
|
|
0c5184f3
atao
提交金额修改
|
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
var func = {
//1.查询停车场月卡年卡信息
queryParkLotCard: function () {
var pklNo = $('#pklNo').val();
var jsonInfo = {};
jsonInfo.pklNo = pklNo;
jsutil.defaultReq(
mUrl.queryParkLotCard,
jsonInfo,
function (data) {
if ("8888" == data.code) {
var parkLot = data.data;
$('#parkLotName').text(parkLot.parkName);
$('#parkLotAddress').text(parkLot.address);
//2.添加包年包月信息
var str = "";
var strYear = "";
str += ' <div class="weui-panel__hd month-chtit">包月优惠</div>';
str += '<div class="weui-panel__bd">';
|
|
e80df919
atao
init
|
111
|
|
|
0c5184f3
atao
提交金额修改
|
112
113
114
115
116
117
118
119
120
121
|
strYear += '<div class="weui-panel__hd year-chtit">包年优惠</div>';
str += '<div class="weui-panel__bd">';
$.each(parkLot.parkCardCouponsList, function (i, n) {
if ("22" == n.goods_type || "23" == n.goods_type) {//月卡
$('#addCardMonth').show();
if ("23" == n.goods_type) {//小型月卡
str += '<a href="javascript:void(0);" id="monthCardMin" class="weui-media-box weui-media-box_appmsg mon-vip" data-value="' + n.id + '">';
} else {
str += '<a href="javascript:void(0);" id="monthCardMax" class="weui-media-box weui-media-box_appmsg mon-vip" data-value="' + n.id + '">';
}
|
|
e80df919
atao
init
|
122
|
|
|
0c5184f3
atao
提交金额修改
|
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
str += '<div class="weui-media-box__hd monthcard-bg">';
str += '<img class="weui-media-box__thumb" src="${staticHost}/img/monthcard.png">';
str += '</div>';
str += '<div class="weui-media-box__bd car-font">';
str += '<h4 class="weui-media-box__title">' + n.goods_type_remark + '</h4>';
//后台传过来的是分 ，转换为元
str += ' <p class="weui-media-box__desc">单价：<span class="fontcol">¥' + n.goods_amount / 100 + '</span></p>';
str += '</div>';
str += ' <div class="weui-cell__ft"></div>';
str += '</a>';
} else {
$('#addCardYear').show();
if ("20" == n.goods_type) {
strYear += '<a href="javascript:void(0);" id="yearCardMin" class="weui-media-box weui-media-box_appmsg year-vip" data-value="' + n.id + '">';
} else {
strYear += '<a href="javascript:void(0);" id="yearCardMax" class="weui-media-box weui-media-box_appmsg year-vip" data-value="' + n.id + '">';
}
|
|
e80df919
atao
init
|
140
|
|
|
0c5184f3
atao
提交金额修改
|
141
142
143
144
145
146
147
148
149
150
|
strYear += '<div class="weui-media-box__hd yearcard-bg">';
strYear += ' <img class="weui-media-box__thumb" src="${staticHost}/img/yearcard.png">';
strYear += '</div>';
strYear += '<div class="weui-media-box__bd car-font">';
strYear += '<h4 class="weui-media-box__title">' + n.goods_type_remark + '</h4>';
//后台传过来的是分 ，转换为元
strYear += '<p class="weui-media-box__desc">单价：<span class="fontcol">¥' + n.goods_amount / 100 + '</span></p>';
strYear += '</div>';
strYear += '<div class="weui-cell__ft"></div>';
strYear += '</a>';
|
|
e80df919
atao
init
|
151
|
|
|
0c5184f3
atao
提交金额修改
|
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
|
}
});
str += '</div>';
strYear += '</div>';
$('#addCardMonth').empty();
$('#addCardMonth').html(str);
$('#addCardYear').empty();
$('#addCardYear').html(strYear);
} else {
$.alert("亲!系统繁忙,请重新操作!");
return false;
}
}
);
},
//办理月卡
monthCardBuy: function () {
$(document).on('click', '#monthCardMin,#monthCardMax', function () {
var id = $(this).attr('data-value');
window.location.href = mUrl.monthOrderView + "&id=" + id + "&data=" + Math.random();
|
|
e80df919
atao
init
|
172
|
|
|
0c5184f3
atao
提交金额修改
|
173
174
175
176
177
178
179
|
});
},
//办理年卡
yearCardBuy: function () {
$(document).on('click', '#yearCardMin,#yearCardMax', function () {
var id = $(this).attr('data-value');
window.location.href = mUrl.yearOrderView + "&id=" + id + "&data=" + Math.random();
|
|
e80df919
atao
init
|
180
|
|
|
0c5184f3
atao
提交金额修改
|
181
182
183
184
185
186
187
|
});
}
};
$(function () {
func.queryParkLotCard();
func.monthCardBuy();
func.yearCardBuy();
|
|
e80df919
atao
init
|
188
|
|
|
0c5184f3
atao
提交金额修改
|
189
|
});
|
|
e80df919
atao
init
|
190
191
192
|
</script>
</body>
</html>
|
