|
@@ -14,7 +14,7 @@
|
|
|
<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/css/wxbutton.css?v={{Msg "seo" "version"}}">
|
|
|
<link rel="stylesheet" href="/vipsubscribe/css/vip_purchase.css?v={{Msg "seo" "version"}}">
|
|
|
</head>
|
|
|
-<body>
|
|
|
+<body data-weui-theme="light">
|
|
|
<div style="height: 100%;">
|
|
|
{{if not .T.isLiveActive}}
|
|
|
<div class="vip_purchase">
|
|
@@ -22,12 +22,20 @@
|
|
|
<div class="vip_purchase live-20200707">
|
|
|
{{end}}
|
|
|
{{if not .T.isTrial }}
|
|
|
- <div class="hot-bought">
|
|
|
+ <div class="j-notice-bar bar-red free-7day-tip give" style="display: none;">
|
|
|
+ <span class="label" style="width: 100%;text-align: center;">现在购买,买多久送多久,错过再等一年!</span>
|
|
|
+ </div>
|
|
|
+ <div class="hot-bought" style="display:none;">
|
|
|
<span class="j-icon icon-cart"></span>
|
|
|
<span class="bought-text">已有<span class="bought-num">0</span>人购买</span>
|
|
|
</div>
|
|
|
{{else}}
|
|
|
- <div class="j-notice-bar bar-red free-7day-tip">
|
|
|
+ <div class="j-notice-bar bar-red free-7day-tip give" style="display: none">
|
|
|
+ <span class="label">现在购买,买多久送多久! </span>
|
|
|
+ <a href="/front/vipsubscribe/vipsubscribe_new" class="link"
|
|
|
+ style="padding: 0.12rem 0.32rem;">去抢!</a>
|
|
|
+ </div>
|
|
|
+ <div class="j-notice-bar bar-red free-7day-tip" style="display: none">
|
|
|
<span class="label">现在购买,可享6折优惠。</span>
|
|
|
<a href="/front/vipsubscribe/vipsubscribe_new" class="link">去购买</a>
|
|
|
</div>
|
|
@@ -85,6 +93,16 @@
|
|
|
|
|
|
</li>
|
|
|
</ul>
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <ul class="chooseList" id="giveTimeBox" style="display: none;">
|
|
|
+ <li class="choose_item select_cycle">
|
|
|
+ <div class="free-7day give">
|
|
|
+ <span class="label">赠送周期</span>
|
|
|
+ <i class="info"></i>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ {{end}}
|
|
|
<div class="vip_rules">
|
|
|
<!--
|
|
|
<div class="auto_renew weui-cells_checkbox radio-form">
|
|
@@ -147,35 +165,52 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="fixed-bottom-box p15">
|
|
|
- {{if not .T.isTrial }}
|
|
|
- <div class="origin-price">
|
|
|
- <span class="price-label">原价:</span>
|
|
|
- <div class="price-container">
|
|
|
- <span class="currency-type">¥</span>
|
|
|
- <span class="price-num">5.80</span>
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <div class="j-notice-bar bar-red vip-bar" style="display:none;">限时6折,现在购买,帮您省<span
|
|
|
+ class="reduce-price">0</span>元
|
|
|
</div>
|
|
|
- </div>
|
|
|
- {{end}}
|
|
|
- <div class="weui-cells weui-cells_checkbox radio-form">
|
|
|
- <label class="weui-cell weui-check__label" for="buy">
|
|
|
- <div class="weui-cell__hd">
|
|
|
- <input type="checkbox" class="weui-check" name="buyService" id="buy"/>
|
|
|
- <i class="weui-icon-checked"></i>
|
|
|
+ {{end}}
|
|
|
+ <div class="price">
|
|
|
+ <span class="billing-total">合计:</span>
|
|
|
+ <!-- <strong>¥1,300.00</strong> -->
|
|
|
+ <div class="billing-list-btn">
|
|
|
+ <span class="billing-mon">¥</span>
|
|
|
+ <strong class="billing-price">5.80</strong>
|
|
|
</div>
|
|
|
- <div class="weui-cell__bd read">
|
|
|
- <p>
|
|
|
- 我已阅读,理解并接受
|
|
|
- <a href="/front/staticPage/wx-serviceterms.html">
|
|
|
- 《剑鱼标讯线上购买与服务条款》
|
|
|
- </a>
|
|
|
- </p>
|
|
|
+ </div>
|
|
|
+ {{if not .T.isTrial }}
|
|
|
+ <div class="origin-price" style="display:none;">
|
|
|
+ <span class="discount-button">
|
|
|
+ <span>优惠明细</span>
|
|
|
+ <span class="iconfont icon-arrow"></span>
|
|
|
+ </span>
|
|
|
+ <span class="price-label">原价:</span>
|
|
|
+ <div class="price-container">
|
|
|
+ <span class="currency-type">¥</span>
|
|
|
+ <span class="price-num">5.80</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </label>
|
|
|
- </div>
|
|
|
- <div class="form-btn j-footer">
|
|
|
- <button data-need-bind-phone class="btn enter j-button" disabled id="payHandle">去支付</button>
|
|
|
+ {{end}}
|
|
|
+ <div class="weui-cells weui-cells_checkbox radio-form">
|
|
|
+ <label class="weui-cell weui-check__label" for="buy">
|
|
|
+ <div class="weui-cell__hd">
|
|
|
+ <input type="checkbox" class="weui-check" name="buyService" id="buy"/>
|
|
|
+ <i class="weui-icon-checked"></i>
|
|
|
+ </div>
|
|
|
+ <div class="weui-cell__bd read">
|
|
|
+ <p>
|
|
|
+ 我已阅读,理解并接受
|
|
|
+ <a href="/front/staticPage/wx-serviceterms.html">
|
|
|
+ 《剑鱼标讯线上购买与服务条款》
|
|
|
+ </a>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </label>
|
|
|
+ </div>
|
|
|
+ <div class="form-btn j-footer">
|
|
|
+ <button class="btn enter j-button" disabled id="payHandle">提交订单</button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
|
<!-- 选择行业 -->
|
|
|
<div class="js_dialog time_cycle p13" id="time_cycle" style="display: none;">
|
|
@@ -302,14 +337,73 @@
|
|
|
</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <!-- 优惠明细 -->
|
|
|
+ <div class="j-picker adaption discount-details" style="display:none;">
|
|
|
+ <div class="weui-mask"></div>
|
|
|
+ <div class="weui-half-screen-dialog weui-picker">
|
|
|
+ <div class="weui-half-screen-dialog__hd">
|
|
|
+ <div class="weui-half-screen-dialog__hd__main">
|
|
|
+ <strong class="weui-half-screen-dialog__title">优惠明细</strong>
|
|
|
+ </div>
|
|
|
+ <span class="j-icon icon-del-grey cancel"></span>
|
|
|
+ </div>
|
|
|
+ <div class="weui-half-screen-dialog__bd" style="padding-bottom: 0;">
|
|
|
+ <div class="weui-picker__bd">
|
|
|
+ <div class="details-bd-item origin-price">
|
|
|
+ <div class="d-b-left">原价</div>
|
|
|
+ <div class="d-b-right">
|
|
|
+ <span class="dis-mon">¥</span>
|
|
|
+ <span class="dis-price price-num">0</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="details-bd-item discount-price">
|
|
|
+ <div class="d-b-left">限时优惠</div>
|
|
|
+ <div class="d-b-right text-red">
|
|
|
+ <span class="dis-mon">-¥</span>
|
|
|
+ <span class="dis-price">0</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="details-bd-item now-price">
|
|
|
+ <div class="d-b-left">实付</div>
|
|
|
+ <div class="d-b-right text-red">
|
|
|
+ <span class="dis-mon">¥</span>
|
|
|
+ <span class="dis-price">0</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
<script src="/vipsubscribe/js/jquery-2.1.4.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script src="/vipsubscribe/js/weui.min.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script src="/vipsubscribe/js/common.js?v={{Msg "seo" "version"}}"></script>
|
|
|
<script src='{{Msg "seo" "cdn"}}/js/check-bind-phone.js?v={{Msg "seo" "version"}}'></script>
|
|
|
{{include "/common/weixin.html"}}
|
|
|
<script>
|
|
|
+ function showGiveStatus(t) {
|
|
|
+ if (t) {
|
|
|
+ $(".j-notice-bar.bar-red.free-7day-tip.give").css('display', 'flex')
|
|
|
+ $("#giveTimeBox").show()
|
|
|
+ $(".origin-price").css('display', 'flex')
|
|
|
+ $('.discount-button').show().on('click', function () {
|
|
|
+ var details = $('.discount-details')
|
|
|
+ if (details.is(':hidden')) {
|
|
|
+ $('.discount-details').show()
|
|
|
+ $(this).children('.icon-arrow').addClass('up')
|
|
|
+ } else {
|
|
|
+ $('.discount-details').hide()
|
|
|
+ $(this).children('.icon-arrow').removeClass('up')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ $(".j-notice-bar.bar-red.free-7day-tip.give").hide()
|
|
|
+ $("#giveTimeBox").hide()
|
|
|
+ $(".origin-price").hide()
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
$(window).bind("pageshow", function (event) {
|
|
|
if (event.originalEvent.persisted) {
|
|
|
window.location.reload();
|
|
@@ -411,6 +505,11 @@
|
|
|
$DoPost("/subscribepay/vipsubscribe/getPrice", {}, function (r) {
|
|
|
if (r) {
|
|
|
purchase.price = r;
|
|
|
+ if (r.isActiving && r.isWritten === 0) {
|
|
|
+ showGiveStatus(true)
|
|
|
+ } else {
|
|
|
+ showGiveStatus(false)
|
|
|
+ }
|
|
|
}
|
|
|
}, false)
|
|
|
|
|
@@ -498,38 +597,38 @@
|
|
|
}
|
|
|
}
|
|
|
$(".choose_item .show_time").text(tmp);
|
|
|
+ var giveTime = tmp
|
|
|
+ if (giveTime.indexOf('年') !== -1) {
|
|
|
+ giveTime = '1年'
|
|
|
+ }
|
|
|
+ $(".free-7day.give .info").text(giveTime)
|
|
|
$(".info.choose_time").val(tmp);
|
|
|
},
|
|
|
flushPrice: function (time, flag) {
|
|
|
if (this.vipSubisTrial) {
|
|
|
- $('.price strong').text('0.00');
|
|
|
+ $('.price .billing-price').text('0.00');
|
|
|
+ $('.now-price .dis-price').text('0.00'); // 优惠明细
|
|
|
} else {
|
|
|
var price = getsubVipOrderPriceBybuyset(this.nowBuyset, time);
|
|
|
+ var givePrice = getsubVipOrderPriceBybuyset(this.nowBuyset, [time[1] === 1 ? 1 : time[0], time[1]]);
|
|
|
//var price = getsubVipOrderPrice(this.areaSelect, this.industrySelect, time, this.price);
|
|
|
var showPrice = formatMoney(price);
|
|
|
- var nowTime = new Date().getTime();
|
|
|
- var startTime = live20200707.startTime;
|
|
|
- var endTime = live20200707.endTime;
|
|
|
- var activeDiscount = parseFloat(live20200707.activeDiscount);
|
|
|
- var startTimes = parseInt(startTime) * 1000;
|
|
|
- var endTimes = parseInt(endTime) * 1000;
|
|
|
- var buyCount = {{.T.buyCount}};
|
|
|
- if (nowTime >= startTimes && nowTime < endTimes) {
|
|
|
- if (flag !== 2) {
|
|
|
- $(".price-num").text(showPrice);
|
|
|
- var activePrice = formatMoney(parseFloat(price) - parseFloat(price) * activeDiscount);
|
|
|
- $(".reduce-price").text(formatMoney(activePrice));
|
|
|
- }
|
|
|
- showPrice = formatMoney(parseFloat(price) * activeDiscount);
|
|
|
- $(".bought-num").text(buyCount);
|
|
|
- }
|
|
|
+
|
|
|
if (flag === 1) {
|
|
|
- $('.price strong').text(showPrice);
|
|
|
+ $('.price .billing-price').text(showPrice);
|
|
|
+ $('.now-price .dis-price').text(showPrice); // 优惠明细
|
|
|
+
|
|
|
+ $('.origin-price .price-num').text(formatMoney(price + givePrice));
|
|
|
+ $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
} else if (flag === 2) {
|
|
|
$('.computed_price').html(showPrice);
|
|
|
} else {
|
|
|
- $('.price strong').text(showPrice);
|
|
|
+ $('.price .billing-price').text(showPrice);
|
|
|
+ $('.now-price .dis-price').text(showPrice); // 优惠明细
|
|
|
+
|
|
|
+ $('.origin-price .price-num').text(formatMoney(price + givePrice));
|
|
|
$('.computed_price').html(showPrice);
|
|
|
+ $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -699,7 +798,12 @@
|
|
|
if ($(v).is(':checked') === true && $('.year_number').hasClass('active')) {
|
|
|
val = $('.active').html();
|
|
|
$('#time_cycle').hide(function () {
|
|
|
- $('.choose_time').val(val)
|
|
|
+ $('.choose_time').val(val);
|
|
|
+ var giveTime = val
|
|
|
+ if (giveTime.indexOf('年') !== -1) {
|
|
|
+ giveTime = '1年'
|
|
|
+ }
|
|
|
+ $(".free-7day.give .info").text(giveTime)
|
|
|
$('.show_time').text(val);
|
|
|
});
|
|
|
purchase.timeSelect_tmp = [parseInt(val[0]), 1]
|
|
@@ -708,6 +812,7 @@
|
|
|
$('#time_cycle').hide(function () {
|
|
|
$('.choose_time').val(val + '个月')
|
|
|
$('.show_time').text(val + '个月');
|
|
|
+ $(".free-7day.give .info").text(val + '个月')
|
|
|
});
|
|
|
purchase.timeSelect_tmp = [parseInt(val), 2]
|
|
|
}
|
|
@@ -745,7 +850,7 @@
|
|
|
"time": $(".info:eq(2)").val().trim(),
|
|
|
"orderType":{{.T.orderType}},
|
|
|
"activeCode": activeCodes,
|
|
|
- "disWord":getParam("disWord")//分销系统
|
|
|
+ "disWord": getParam("disWord")//分销系统
|
|
|
};
|
|
|
$DoPost("/subscribepay/vipsubscribe/createOrder", param, function (r) {
|
|
|
if (r.success) {
|
|
@@ -777,6 +882,8 @@
|
|
|
$('#pay_way').hide(200);
|
|
|
$('#time_cycle').hide(200);
|
|
|
$('.j-picker').hide();
|
|
|
+ $('.discount-details').hide()
|
|
|
+ $('.discount-button .icon-arrow').removeClass('up')
|
|
|
}
|
|
|
|
|
|
//是否可点击
|