|
@@ -15,14 +15,18 @@
|
|
|
<link rel="stylesheet" type="text/css" href="/vipsubscribe/iconfont/iconfont.css?v={{Msg "seo" "version"}}" />
|
|
|
<link rel="stylesheet" href="/vipsubscribe/css/vip_update.css?v={{Msg "seo" "version"}}3">
|
|
|
</head>
|
|
|
-
|
|
|
+<style type="text/css">
|
|
|
+ body,html {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+</style>
|
|
|
<body class="no-touch">
|
|
|
<div class="vip_renew">
|
|
|
<div class="choose_condition">
|
|
|
<!-- 正常点击vip首页续费进入显示下列提示 -->
|
|
|
- <p class="update_tip">提示:订阅续费可在已购买的服务基础上,延长订阅服务周期</p>
|
|
|
+ <p class="update_tip renew_upgrade">提示:订阅续费可在已购买的服务基础上,延长订阅服务周期</p>
|
|
|
<!-- 即将到期点击vip首页续费显示下列提示 -->
|
|
|
- <p class="expire_tip">提示:您的VIP订阅服务即将到期,为不影响您的使用。请立即续费</p>
|
|
|
+ <p class="expire_tip renew_update">提示:您的VIP订阅服务即将到期,为不影响您的使用。请立即续费</p>
|
|
|
<ul class="chooseList">
|
|
|
<li class="detail_item">
|
|
|
<div class="item_info item_area">
|
|
@@ -44,8 +48,8 @@
|
|
|
</p>
|
|
|
<p>
|
|
|
<!-- 正常点击vip首页续费进入显示去升级,即将到期点击vip首页续费显示订阅修改 -->
|
|
|
- <a href="/front/vipsubscribe/toUpgradePage" class="go_update">去升级</a>
|
|
|
- <a href="/front/vipsubscribe/toEditSubPage" class="go_update">订阅修改</a>
|
|
|
+ <a href="/front/vipsubscribe/toUpgradePage" class="go_update renew_upgrade">去升级</a>
|
|
|
+ <a href="/front/vipsubscribe/toEditSubPage" class="go_update renew_update">订阅修改</a>
|
|
|
</p>
|
|
|
</div>
|
|
|
</li>
|
|
@@ -78,7 +82,7 @@
|
|
|
<div class="weui-cell__bd read">
|
|
|
<p>
|
|
|
我已阅读,理解并接受
|
|
|
- <a href="abc.html">
|
|
|
+ <a href="/front/staticPage/wx-serviceterms.html">
|
|
|
《剑鱼标讯线上购买与服务条款》
|
|
|
</a>
|
|
|
</p>
|
|
@@ -88,13 +92,13 @@
|
|
|
<div class="price">
|
|
|
<label></label>
|
|
|
<p>
|
|
|
- <span>¥610.80</span>
|
|
|
- <strong>¥0.00</strong>
|
|
|
+ <span class="old_price">¥610.80</span>
|
|
|
+ <strong class="finally_price">¥0.00</strong>
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="form-btn">
|
|
|
<!-- 支付 -->
|
|
|
- <button class="btn enter" disabled>立即续费</button>
|
|
|
+ <button class="btn enter saveBtn" disabled>立即续费</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
@@ -107,7 +111,7 @@
|
|
|
<span class="cancel">取消</span>
|
|
|
</div>
|
|
|
<div class="box_bd">
|
|
|
- <div class="tips profit_tips" style="display: none">已选择10个月,建议“按年订阅”更换算哦~</div>
|
|
|
+ <div class="tips profit_tips" style="display: none">已选择10个月,建议“按年订阅”更划算哦~</div>
|
|
|
<div class="computed_price">¥58.0</div>
|
|
|
<div class="bd_select">
|
|
|
<div class="weui-cells weui-cells_checkbox choose-form">
|
|
@@ -192,6 +196,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<script src="/vipsubscribe/js/jquery-2.1.4.js"></script>
|
|
|
+ <script src="/vipsubscribe/js/common.js"></script>
|
|
|
<script src="/vipsubscribe/js/fastclick.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script src="https://res.wx.qq.com/open/libs/weuijs/1.1.4/weui.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script>
|
|
@@ -273,7 +278,7 @@
|
|
|
.numboxStep;
|
|
|
}
|
|
|
$number.text(currentNum)
|
|
|
- var price = (5.8 * currentNum).toFixed(1);
|
|
|
+ var price = (monthPrice * currentNum).toFixed(1);
|
|
|
$('.computed_price').html('¥' + price)
|
|
|
var firstButton = $('#number_box_month button:first')
|
|
|
var lastButton = $('#number_box_month button:last')
|
|
@@ -306,7 +311,7 @@
|
|
|
$('#yearly').prop('checked', true);
|
|
|
$("#monthly").prop('checked', false);
|
|
|
// 渲染结果 保留一位小数
|
|
|
- let result = (Number(id) * 58).toFixed(1);
|
|
|
+ let result = (Number(id) * yearPrice).toFixed(1);
|
|
|
$('.computed_price').html('¥' + result)
|
|
|
})
|
|
|
|
|
@@ -317,13 +322,13 @@
|
|
|
if (val >= 10) {
|
|
|
$('.profit_tips').show()
|
|
|
}
|
|
|
- console.log(val)
|
|
|
+// console.log(val)
|
|
|
if (!isChecked) {
|
|
|
$('#number_box_month button').attr('disabled', true)
|
|
|
} else {
|
|
|
$('#number_box_month button').removeAttr('disabled')
|
|
|
}
|
|
|
- let result = (Number(val) * 5.8).toFixed(1);
|
|
|
+ let result = (Number(val) * monthPrice).toFixed(1);
|
|
|
$('.computed_price').html('¥' + result)
|
|
|
|
|
|
})
|
|
@@ -334,7 +339,7 @@
|
|
|
let isChecked = $(this).is(':checked')
|
|
|
// 按年订阅默认选择1年
|
|
|
let val = 1;
|
|
|
- $('.computed_price').html('¥' + Number(val) * 58)
|
|
|
+ $('.computed_price').html('¥' + Number(val) * yearPrice)
|
|
|
if (isChecked) {
|
|
|
$('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active')
|
|
|
|
|
@@ -367,60 +372,101 @@
|
|
|
$('#time_cycle').hide(function () {
|
|
|
$('.choose_item.select_cycle .info').attr('placeholder', val);
|
|
|
})
|
|
|
+ $(".finally_price").html($(".computed_price").html());
|
|
|
+ sessionStorage.renew_finally_price = $(".finally_price").html();
|
|
|
})
|
|
|
|
|
|
//
|
|
|
- var area = {{.T.area}};
|
|
|
- var buyerclass = {{.T.buyerclass}};
|
|
|
- var cycleunit = {{.T.cycleunit}};
|
|
|
- var cyclecount = {{.T.cyclecount}};
|
|
|
- var startTime = {{.T.starttime}};
|
|
|
- var endTime = {{.T.endtime}};
|
|
|
+ var area = "";
|
|
|
+ var buyerclass = "";
|
|
|
+ var cycleunit = "";
|
|
|
+ var cyclecount = "";
|
|
|
+ var startTime = "";
|
|
|
+ var starts = "";
|
|
|
+ var endTime = "";
|
|
|
+ var ends = "";
|
|
|
+ var monthPrice = "";
|
|
|
+ var yearPrice = "";
|
|
|
+ $DoPost("/subscribepay/renewUpgrade/getBuyMsg", {}, function (data) {
|
|
|
+ if (data) {
|
|
|
+ area = data.area;
|
|
|
+ buyerclass = data.buyerclass;
|
|
|
+ cycleunit = data.cycleunit;
|
|
|
+ cyclecount = data.cyclecount;
|
|
|
+ startTime = data.start;
|
|
|
+ starts = data.starttime;
|
|
|
+ endTime = data.end;
|
|
|
+ ends = data.endtime;
|
|
|
+ monthPrice = data.monthprice;
|
|
|
+ yearPrice = data.yearprice;
|
|
|
+ //
|
|
|
+ var areaArr = [];
|
|
|
+ var areaHtml = "";
|
|
|
+ var provinceArr = [];
|
|
|
+ var cityArr = [];
|
|
|
+ var buyerclassArr = [];
|
|
|
+ var buyerclassHtml = "";
|
|
|
+ var dateName = "";
|
|
|
+ var dateHtml = "";
|
|
|
+ if (area !== "" && area !== undefined){
|
|
|
+ for(var province in area){
|
|
|
+ var citys = area[province]
|
|
|
+ // console.log(citys);
|
|
|
+ if(citys.length===0){
|
|
|
+ areaArr.push(province);
|
|
|
+ provinceArr.push(province);
|
|
|
+ }else{
|
|
|
+ for(var i in citys){
|
|
|
+ var city = citys[i];
|
|
|
+ areaArr.push(city);
|
|
|
+ cityArr.push(city);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ areaHtml = areaArr.toString().replace(/,/g, "、");
|
|
|
+ $(".item_area .label_for").text(areaHtml);
|
|
|
+ }
|
|
|
+ if(buyerclass !== "" && buyerclass !== undefined){
|
|
|
+ for(var i in buyerclass){
|
|
|
+ var industry = buyerclass[i];
|
|
|
+ buyerclassArr.push(industry);
|
|
|
+ buyerclassHtml = buyerclassArr.toString().replace(/,/g, "、");
|
|
|
+ }
|
|
|
+ $(".item_industry .label_for").text(buyerclassHtml);
|
|
|
+ }
|
|
|
+ if(cycleunit !== "" && cycleunit !== undefined){
|
|
|
+ if(cycleunit === 1){
|
|
|
+ dateName = cyclecount + " 年";
|
|
|
+ }else if(cycleunit === 2){
|
|
|
+ dateName = cyclecount + " 个月";
|
|
|
+ }
|
|
|
+ $(".item_cycle .label_for").text(dateName);
|
|
|
+ }
|
|
|
+ if(startTime !== "" && endTime !== ""){
|
|
|
+ var start = startTime.replace(/-/g, ".");
|
|
|
+ var end = endTime.replace(/-/g, ".");
|
|
|
+ dateHtml = start + " - " + end;
|
|
|
+ $(".item_validity .label_for").text(dateHtml);
|
|
|
+ }
|
|
|
+ var val = monthPrice * 6
|
|
|
+ $(".computed_price").html("¥"+val.toFixed(1))
|
|
|
+ //
|
|
|
+ var threeDay = ends - 86400 * 3;
|
|
|
+ var nowDay = new Date().getTime()/1000;
|
|
|
+ if(nowDay >= threeDay){
|
|
|
+ $(".renew_upgrade").hide();
|
|
|
+ $(".renew_update").show();
|
|
|
+ }else{
|
|
|
+ $(".renew_update").hide();
|
|
|
+ $(".renew_upgrade").show();
|
|
|
+ }
|
|
|
+ //
|
|
|
+ var provinceLen = provinceArr.length;
|
|
|
+ var cityLen = cityArr.length;
|
|
|
+ }
|
|
|
+ }, false);
|
|
|
//
|
|
|
- var areaArr = [];
|
|
|
- var areaHtml = "";
|
|
|
- var buyerclassArr = [];
|
|
|
- var buyerclassHtml = "";
|
|
|
- var dateName = "";
|
|
|
- var dateHtml = "";
|
|
|
- if (area !== "" && area !== undefined){
|
|
|
- for(var province in area){
|
|
|
- var citys = area[province]
|
|
|
-// console.log(citys);
|
|
|
- if(citys.length===0){
|
|
|
- areaArr.push(province);
|
|
|
- }else{
|
|
|
- for(var i in citys){
|
|
|
- areaArr.push(citys[i]);
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- areaHtml = areaArr.toString().replace(/,/g, "、");
|
|
|
- $(".item_area .label_for").text(areaHtml);
|
|
|
- }
|
|
|
- if(buyerclass !== "" && buyerclass !== undefined){
|
|
|
- for(var i in buyerclass){
|
|
|
- var industry = buyerclass[i];
|
|
|
- buyerclassArr.push(industry);
|
|
|
- buyerclassHtml = buyerclassArr.toString().replace(/,/g, "、");
|
|
|
- }
|
|
|
- $(".item_industry .label_for").text(buyerclassHtml);
|
|
|
- }
|
|
|
- if(cycleunit !== "" && cycleunit !== undefined){
|
|
|
- if(cycleunit === 1){
|
|
|
- dateName = cyclecount + " 年";
|
|
|
- }else if(cycleunit === 2){
|
|
|
- dateName = cyclecount + " 个月";
|
|
|
- }
|
|
|
- $(".item_cycle .label_for").text(dateName);
|
|
|
- }
|
|
|
- if(startTime !== "" && endTime !== ""){
|
|
|
- var start = startTime.replace(/-/g, ".");
|
|
|
- var end = endTime.replace(/-/g, ".");
|
|
|
- dateHtml = start + " - " + end;
|
|
|
- $(".item_validity .label_for").text(dateHtml);
|
|
|
- }
|
|
|
- if(sessionStorage.renew_cyclecount!==""&&sessionStorage.renew_cycleunit!==""){
|
|
|
+ if(sessionStorage.renew_cyclecount!==""&&sessionStorage.renew_cycleunit!==""){
|
|
|
var cycleunit = sessionStorage.renew_cycleunit;
|
|
|
var cyclecount = sessionStorage.renew_cyclecount;
|
|
|
var dateName = "";
|
|
@@ -446,6 +492,9 @@
|
|
|
if(sessionStorage.renew_price!==""&&sessionStorage.renew_price!==undefined){
|
|
|
$(".computed_price").html(sessionStorage.renew_price);
|
|
|
}
|
|
|
+ if(sessionStorage.renew_finally_price!==""&&sessionStorage.renew_finally_price!==undefined){
|
|
|
+ $(".finally_price").html(sessionStorage.renew_finally_price);
|
|
|
+ }
|
|
|
|
|
|
</script>
|
|
|
</body>
|