|
|
@@ -0,0 +1,673 @@
|
|
|
+var purchase = {
|
|
|
+ areaSelect: {"一个省": ["一个市"]}, // 已选择地区 {"一个省":["一个市"]} 计算价格临时变量
|
|
|
+ industrySelect: ["一个行业"], // 已选择行业 一个行业(计算价格临时变量)
|
|
|
+ timeSelect: [1, 2], // 已选择时间 timeSelect[0]时长 timeSelect[1] 1:年 2:月
|
|
|
+ timeValue: "一个月",
|
|
|
+ endTime: "",
|
|
|
+ price: {}, // 价格
|
|
|
+ nowBuyset: {},
|
|
|
+ timeCheckOk: false,
|
|
|
+ payWay: "wx_js",
|
|
|
+ initData: function () {
|
|
|
+ //已选择
|
|
|
+ try {
|
|
|
+ if (sessionStorage.getItem("vipSubSelectArea")) {
|
|
|
+ this.areaSelect = JSON.parse(sessionStorage.getItem("vipSubSelectArea"));
|
|
|
+ }
|
|
|
+ if (sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
+ this.industrySelect = JSON.parse(sessionStorage.getItem("vipSubSelectIndustry"));
|
|
|
+ }
|
|
|
+ if (sessionStorage.getItem("endTime")) {
|
|
|
+ this.endTime = parseInt(sessionStorage.getItem("endTime"))
|
|
|
+ }
|
|
|
+ if (sessionStorage.liveActiveCode_renew === "jianyu360") {
|
|
|
+ $('.coupon-code-tx .keywords-text').text("支付成功赠送30天订阅周期");
|
|
|
+ $('.coupon-picker .weui-input').val("jianyu360");
|
|
|
+ $('.coupon-code-tx').off('click');
|
|
|
+ }
|
|
|
+ //即将到期 回显已购买
|
|
|
+ if (!sessionStorage.getItem("vipSubSelectArea") || !sessionStorage.getItem("vipSubSelectIndustry")) {
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/getSubBuyMsg", {}, function (r) {
|
|
|
+ if (r.success) {
|
|
|
+ if (!$.isEmptyObject(r.data.area)) {
|
|
|
+ purchase.areaSelect = r.data.area
|
|
|
+ } else {
|
|
|
+ purchase.areaSelect = {"全国": []}
|
|
|
+ }
|
|
|
+ if (r.data.industry.length != 0) {
|
|
|
+ purchase.industrySelect = r.data.industry
|
|
|
+ } else {
|
|
|
+ purchase.industrySelect = ["全部行业"]
|
|
|
+ }
|
|
|
+ if (r.data.endTime) {
|
|
|
+ purchase.endTime = r.data.endTime;
|
|
|
+ }
|
|
|
+ sessionStorage.setItem("vipSubSelectArea", JSON.stringify(purchase.areaSelect));
|
|
|
+ sessionStorage.setItem("vipSubSelectIndustry", JSON.stringify(purchase.industrySelect));
|
|
|
+ sessionStorage.setItem("endTime", JSON.stringify(purchase.endTime))
|
|
|
+ sessionStorage.setItem("vipSub_read", true);
|
|
|
+ }
|
|
|
+ }, false)
|
|
|
+ }
|
|
|
+ if (sessionStorage.getItem("vipSubSelectTime")) {
|
|
|
+ // console.log("ggggg", sessionStorage.getItem("vipSubSelectTime"))
|
|
|
+ this.timeSelect = JSON.parse(sessionStorage.getItem("vipSubSelectTime"));
|
|
|
+ }
|
|
|
+
|
|
|
+ //加载价格
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/getPrice", {}, function (r) {
|
|
|
+ if (r) {
|
|
|
+ purchase.price = r.new;
|
|
|
+ purchase.can1111 = r.isActiving && r.isWritten === 0
|
|
|
+ if (purchase.can1111) {
|
|
|
+ if (!sessionStorage.getItem("vipSubSelectTime")) {
|
|
|
+ purchase.timeValue = "1年";
|
|
|
+ purchase.timeSelect_tmp = [1,1]
|
|
|
+ purchase.timeSelect = purchase.timeSelect_tmp;
|
|
|
+ purchase.showTime();
|
|
|
+ purchase.flushPrice(purchase.timeSelect, 1);
|
|
|
+ sessionStorage.setItem("vipSubSelectTime", JSON.stringify(purchase.timeSelect));
|
|
|
+ }
|
|
|
+ showGiveStatus(true)
|
|
|
+ } else {
|
|
|
+ showGiveStatus(false)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, false)
|
|
|
+ var areaSelect = JSON.parse(sessionStorage.getItem('vipSubSelectArea'))
|
|
|
+ var industrySelect = JSON.parse(sessionStorage.getItem('vipSubSelectIndustry'))
|
|
|
+ var endTime = sessionStorage.getItem('endTime')
|
|
|
+ var readSelect = sessionStorage.getItem('vipSub_read') === 'true' ? true : false
|
|
|
+ if (readSelect) {
|
|
|
+ coupon.checkboxStatus = true
|
|
|
+ }
|
|
|
+ console.log(areaSelect && industrySelect && readSelect,'22222',coupon.$refs.couponRef.submitStatus)
|
|
|
+ if (areaSelect && industrySelect && readSelect) {
|
|
|
+ coupon.$refs.couponRef.submitStatus = false
|
|
|
+ console.log(coupon.$refs.couponRef.submitStatus)
|
|
|
+ } else {
|
|
|
+ coupon.$refs.couponRef.submitStatus = true
|
|
|
+ }
|
|
|
+ } catch (e) {
|
|
|
+ console.log(e)
|
|
|
+ }
|
|
|
+ this.nowBuyset = getBuySet(purchase.areaSelect, purchase.industrySelect, this.price);
|
|
|
+ },
|
|
|
+ showArea: function () {
|
|
|
+ if (!$.isEmptyObject(this.areaSelect) && !this.areaSelect["一个省"]) { //有选择
|
|
|
+ if (this.nowBuyset.areacount === -1) {
|
|
|
+ $(".area-result .item-r").text("全国");
|
|
|
+ } else {
|
|
|
+ var tipTxt = "";
|
|
|
+ if (this.nowBuyset.areacount > 0) tipTxt += this.nowBuyset.areacount + " 个省";
|
|
|
+ var count = 0;
|
|
|
+ this.nowBuyset.citys.forEach(function (item, index) {
|
|
|
+ count += item;
|
|
|
+ });
|
|
|
+ if (count > 0) {
|
|
|
+ if (this.nowBuyset.areacount > 0) tipTxt += "、";
|
|
|
+ tipTxt += count + " 个市";
|
|
|
+ if (this.nowBuyset.citys.length > 1) tipTxt += "(分布在" + this.nowBuyset.citys.length + "个省内)"
|
|
|
+ }
|
|
|
+ $(".area-result .item-r").text(tipTxt);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $(".area-result .item-r").text("");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showPrice: function () {
|
|
|
+ $('.monthly span:eq(0)').text(purchase.price.month.oneCity_oneBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(1)').text(purchase.price.month.oneCity_allBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(2)').text(purchase.price.month.oneProvince_oneBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(3)').text(purchase.price.month.oneProvince_allBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(4)').text(purchase.price.month.allProvince_oneBuyerClass / 100);
|
|
|
+ $('.monthly span:eq(5)').text(purchase.price.month.allProvince_allBuyerClass / 100);
|
|
|
+
|
|
|
+ $('.yearly span:eq(0)').text(purchase.price.year.oneCity_oneBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(1)').text(purchase.price.year.oneCity_allBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(2)').text(purchase.price.year.oneProvince_oneBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(3)').text(purchase.price.year.oneProvince_allBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(4)').text(purchase.price.year.allProvince_oneBuyerClass / 100);
|
|
|
+ $('.yearly span:eq(5)').text(purchase.price.year.allProvince_allBuyerClass / 100);
|
|
|
+ },
|
|
|
+ showIndustry: function () {
|
|
|
+ if (this.industrySelect.length > 0 && this.industrySelect[0] != "一个行业") { //选择有行业信息
|
|
|
+ if (this.nowBuyset.buyerclasscount == -1) {
|
|
|
+ $(".industry .item-r").text("全部行业");
|
|
|
+ } else {
|
|
|
+ var tipTxt = "";
|
|
|
+ $(".industry .item-r").text(tipTxt + this.nowBuyset.buyerclasscount + " 个行业");
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ $(".industry .item-r").text("");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showTime: function () {
|
|
|
+ var tmp = this.timeSelect[0];
|
|
|
+ if (this.timeSelect[1] === 1) {
|
|
|
+ tmp += "年";
|
|
|
+ $("#yearly").prop('checked', true);
|
|
|
+ //$('.year_number:eq(' + (this.timeSelect[0] - 1) + ')').trigger("click");
|
|
|
+ $('.year_number:eq(' + (this.timeSelect[0] - 1) + ')').addClass("active")
|
|
|
+ //$(".number_box:eq(1)").addClass("active");
|
|
|
+ } else {
|
|
|
+ tmp += "个月";
|
|
|
+ $("#monthly").prop('checked', true);
|
|
|
+ $(".number_box:eq(0)").addClass("active");
|
|
|
+ $("#number_box_month .month_number").text(this.timeSelect[0]);
|
|
|
+ //if (this.timeSelect[0] >= 10) {
|
|
|
+ // $('.profit_tips').text("已选择" + this.timeSelect[0] + "个月，建议“按年订阅”").show();
|
|
|
+ //}
|
|
|
+ if (this.timeSelect[0] === 1) {
|
|
|
+ $('#number_box_month button:eq(0)').attr("disabled", "disabled");
|
|
|
+ } else {
|
|
|
+ $('#number_box_month button:eq(0)').removeAttr("disabled");
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.timeValue = tmp;
|
|
|
+ },
|
|
|
+ flushPrice: function (time, flag) {
|
|
|
+ //var price = getsubVipOrderPrice(this.areaSelect, this.industrySelect, time, this.price);
|
|
|
+ var times = [time[0], time[1]];
|
|
|
+ var price = getsubVipOrderPriceBybuyset(this.nowBuyset, time);
|
|
|
+ var givePrice = getsubVipOrderPriceBybuyset(this.nowBuyset, [time[1] === 1 ? 1 :time[0], time[1]]);
|
|
|
+ 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;
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ if (flag === 1) {
|
|
|
+ $('.billing-price').text(showPrice);
|
|
|
+ $('.origin-price .price-num').text(formatMoney(parseFloat(price + givePrice)));
|
|
|
+ // 优惠明细
|
|
|
+ $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
+ $('.now-price .dis-price').text(formatMoney(price));
|
|
|
+
|
|
|
+ } else if (flag === 2) {
|
|
|
+ $('.computed_price').html(showPrice);
|
|
|
+ } else {
|
|
|
+ $('.billing-price').text(showPrice);
|
|
|
+ $('.origin-price .price-num').text(formatMoney(parseFloat(price + givePrice)));
|
|
|
+
|
|
|
+ $('.computed_price').html(showPrice);
|
|
|
+ // 优惠明细
|
|
|
+ $('.discount-price .dis-price').text(formatMoney(givePrice))
|
|
|
+ $('.now-price .dis-price').text(formatMoney(price));
|
|
|
+ }
|
|
|
+ this.flushSelectTime(times, flag === undefined ? 1 : flag);
|
|
|
+ coupon.updatePrice(price)
|
|
|
+ },
|
|
|
+ flushSelectTime(thisValue, flag) {
|
|
|
+ if (this.endTime) {
|
|
|
+ var time1 = new Date(this.endTime * 1000).pattern('yyyy年MM月dd日');
|
|
|
+ var end = getVipEndDate(thisValue[1], thisValue[0], this.endTime);
|
|
|
+ var time2 = new Date(end * 1000).pattern('yyyy年MM月dd日');
|
|
|
+
|
|
|
+ if (flag === 1) {
|
|
|
+ $(".select_cycle .month").text(this.timeValue);
|
|
|
+ var giveTime = this.timeValue
|
|
|
+ if (this.timeValue.indexOf('年') !== -1) {
|
|
|
+ giveTime = '1年'
|
|
|
+ }
|
|
|
+ $(".select_cycle #giveTime").text(giveTime);
|
|
|
+
|
|
|
+ $(".select_cycle .duration").text(time1 + "-" + time2);
|
|
|
+ $(".select_cycle .duration").show();
|
|
|
+ // @NewYearMarketing 2021/1/25
|
|
|
+ checkMonth()
|
|
|
+ }
|
|
|
+
|
|
|
+ //是否超过三年
|
|
|
+ var now = Math.floor(new Date().getTime() / 1000);
|
|
|
+ var MaxEnd = getVipEndDate(1, 3, now);
|
|
|
+ if (!purchase.can1111 && end > MaxEnd) {
|
|
|
+ var timeShow = getDateSub(now, this.endTime);
|
|
|
+ var showTipText = "<div style='white-space: nowrap;'>最长订阅周期不可超过3年</div>剩余周期：";
|
|
|
+ if (timeShow[0] !== 0) {
|
|
|
+ showTipText += timeShow[0] + "年"
|
|
|
+ }
|
|
|
+ if (timeShow[1] !== 0) {
|
|
|
+ showTipText += timeShow[1] + "个月"
|
|
|
+ }
|
|
|
+ weui.toast(showTipText, {
|
|
|
+ duration: 3000,
|
|
|
+ className: 'jy-toast',
|
|
|
+ });
|
|
|
+ if (flag === 1) this.timeCheckOk = false;
|
|
|
+ if (flag === 2) $("#enter_period").prop("disabled", true);
|
|
|
+ } else {
|
|
|
+ if (flag === 1) this.timeCheckOk = true;
|
|
|
+ if (flag === 2) $("#enter_period").prop("disabled", false);
|
|
|
+ }
|
|
|
+ this.flushSubmit();
|
|
|
+ } else {
|
|
|
+ $(".select_cycle .duration").hide();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showTip() {//是否展示即将到期
|
|
|
+ var timeSub = this.endTime * 1000 - new Date().getTime();
|
|
|
+ if (timeSub > 0 && timeSub < 60 * 60 * 24 * 1000 * 3) {
|
|
|
+ $(".vip-header").show();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ flushSubmit() {//是否可提交
|
|
|
+ if (this.timeCheckOk && sessionStorage.getItem("vipSub_read") === "true") {
|
|
|
+ $('.vip-footer.renew .confirm').prop('disabled', false)
|
|
|
+ } else {
|
|
|
+ $('.vip-footer.renew .confirm').prop('disabled', true)
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+
|
|
|
+$(function () {
|
|
|
+ purchase.initData();
|
|
|
+ purchase.showArea();
|
|
|
+ purchase.showIndustry();
|
|
|
+ purchase.showPrice();
|
|
|
+ purchase.showTime();
|
|
|
+ // purchase.showTip(); // 2021-5-20
|
|
|
+ purchase.flushPrice(purchase.timeSelect);
|
|
|
+ purchase.flushSubmit();
|
|
|
+ var time_limit;//定义一个周期变量
|
|
|
+ /*------ 关闭弹窗事件 点击取消或遮罩层 -----*/
|
|
|
+ $('.weui-mask').click(hideDialog);
|
|
|
+ $('.cancel').click(hideDialog);
|
|
|
+
|
|
|
+ /* ----- 订阅周期、支付方式弹窗弹出事件 -------*/
|
|
|
+ // 选择订阅周期
|
|
|
+ $('.select_cycle a').click(function (e) {
|
|
|
+ $('#time_cycle').show(200);
|
|
|
+ });
|
|
|
+
|
|
|
+ /* ----- 选择完支付方式、订阅周期 回显到页面 -------*/
|
|
|
+ $('.vip-body .pay-mode').on('click', function () {
|
|
|
+ pickerShow('#pay_way', true)
|
|
|
+ })
|
|
|
+
|
|
|
+ $('#pay_way input:radio[name="way"]').click(function () {
|
|
|
+ var checkValue = $('input:radio[name="way"]:checked').val();
|
|
|
+ pickerShow('#pay_way', false)
|
|
|
+ $('.vip-body .pay-mode .pay-mode-text').text(checkValue);
|
|
|
+ if (checkValue === "微信支付") {
|
|
|
+ purchase.payWay = "wx_app"
|
|
|
+ } else {
|
|
|
+ purchase.payWay = "ali_app"
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ // 对订阅时间选择的input绑定点击事件
|
|
|
+ $('#time_cycle input:radio[name="time"]').on('click', function (e) {
|
|
|
+ // 解除确认按钮的锁定
|
|
|
+ if ($(e.target).hasClass('monthly') !== $('#number_box_month').hasClass('active')) {
|
|
|
+ $('#time_cycle .form-btn button').removeAttr('disabled');
|
|
|
+ }
|
|
|
+ if ($(e.target).hasClass('monthly')) {
|
|
|
+ // 按月订阅
|
|
|
+ $('#number_box_month').addClass('active');
|
|
|
+ $('#number_box_year span').removeClass('active');
|
|
|
+ } else {
|
|
|
+ // 按年订阅
|
|
|
+ $('#number_box_month').removeClass('active');
|
|
|
+ // $('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active');
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ /* --------控制月份number_box的事件 点击加减号触发的事件------- */
|
|
|
+ $('#number_box_month').on('click', 'button', function (e) {
|
|
|
+ // 点击加减号让input radio选中
|
|
|
+ $('#monthly').prop('checked', true);
|
|
|
+ $('#yearly').prop('checked', false);
|
|
|
+ $('.number_box span').removeClass('active');
|
|
|
+ $('#number_box_month').addClass('active');
|
|
|
+
|
|
|
+ var $number = $('#number_box_month span.month_number');
|
|
|
+ var $monthlyInput = $('#monthly');
|
|
|
+ // 未整理的data数组，里面的值都是字符串
|
|
|
+ var preData = e.delegateTarget.dataset;
|
|
|
+ var currentNum = parseInt($number.text());
|
|
|
+ var data = {};
|
|
|
+ // 把字符串转换成数字
|
|
|
+ for (var i in preData) {
|
|
|
+ data[i] = preData[i] - 0
|
|
|
+ }
|
|
|
+
|
|
|
+ if (!$monthlyInput.prop('checked')) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 判断是点击的是+ 还是-
|
|
|
+ if ($(e.target).hasClass('add') || $(e.currentTarget).hasClass('add')) {
|
|
|
+ if (currentNum == 11) { //12个月自动跳转1年
|
|
|
+ $("#number_box_year .year_number:eq(0)").trigger("click");
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 点的+
|
|
|
+ currentNum = currentNum >= data.numboxMax ? data.numboxMax : (currentNum + data.numboxStep);
|
|
|
+ } else {
|
|
|
+ // 点的-
|
|
|
+ currentNum = currentNum <= data.numboxMin ? data.numboxMin : (currentNum - data.numboxStep);
|
|
|
+ }
|
|
|
+ $number.text(currentNum);
|
|
|
+ purchase.timeSelect_tmp = [Number(currentNum), 2];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ //var price = (5.8 * currentNum).toFixed(1);
|
|
|
+ //$('.computed_price').html('￥' + price)
|
|
|
+ var firstButton = $('#number_box_month button:first');
|
|
|
+ var lastButton = $('#number_box_month button:last');
|
|
|
+ /*if (currentNum >= 10) {
|
|
|
+ $('.profit_tips').text("已选择" + currentNum + "个月，建议“按年订阅”").show();
|
|
|
+ } else {
|
|
|
+ $('.profit_tips').hide();
|
|
|
+ }*/
|
|
|
+ // 如果为操作后的结果为1，则锁定减号按钮
|
|
|
+ if (currentNum === data.numboxMin) {
|
|
|
+ firstButton.attr('disabled', true)
|
|
|
+ } else {
|
|
|
+ firstButton.removeAttr('disabled')
|
|
|
+ }
|
|
|
+ // 如果为操作后的结果为12，则锁定加号按钮
|
|
|
+ if (currentNum === data.numboxMax) {
|
|
|
+ lastButton.attr('disabled', true)
|
|
|
+ } else {
|
|
|
+ lastButton.removeAttr('disabled')
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ /* -------- 控制年份number_box的事件 点击1年 2年 3年触发的事件------- */
|
|
|
+ $('#number_box_year').on('click', 'span', function (e) {
|
|
|
+ // console.log(e.target.dataset.id);
|
|
|
+ $('#number_box_month').removeClass('active');
|
|
|
+ var id = e.target.dataset.id;
|
|
|
+ //$('.profit_tips').hide();
|
|
|
+ $(this).addClass('active').siblings().removeClass('active');
|
|
|
+ $('#yearly').prop('checked', true);
|
|
|
+ $("#monthly").prop('checked', false);
|
|
|
+
|
|
|
+ // 渲染结果 保留一位小数
|
|
|
+ //var result = (Number(id) * 58).toFixed(1);
|
|
|
+ //$('.computed_price').html('￥' + result)
|
|
|
+ purchase.timeSelect_tmp = [Number(id), 1];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ });
|
|
|
+
|
|
|
+ /* -------- 选择按月订阅 radio触发的事件------- */
|
|
|
+ $('#monthly').on('change', function (e) {
|
|
|
+ var isChecked = $(this).is(':checked');
|
|
|
+ var val = $('.month_number').text();
|
|
|
+ /*if (val >= 10) {
|
|
|
+ $('.profit_tips').show()
|
|
|
+ }*/
|
|
|
+ if (!isChecked) {
|
|
|
+ $('#number_box_month button').attr('disabled', true)
|
|
|
+ }
|
|
|
+ //var result = (Number(val) * 5.8).toFixed(1);
|
|
|
+ //$('.computed_price').html('￥' + result);
|
|
|
+ purchase.timeSelect_tmp = [Number(val), 2];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ });
|
|
|
+ //计价清单
|
|
|
+ // $('.billing-list-btn').on('click', function () {
|
|
|
+ // pickerShow('.billing-list-container', true)
|
|
|
+ // })
|
|
|
+ // 计算标准隐藏
|
|
|
+ $('.billing-list-container .dialog_hd__close').on('click', function () {
|
|
|
+ pickerShow('.billing-list-container', false)
|
|
|
+ })
|
|
|
+
|
|
|
+ $('.checkbox').on('click', function () {
|
|
|
+ $(this).toggleClass('checked');
|
|
|
+ var state = $(this).hasClass('checked');
|
|
|
+ sessionStorage.setItem("vipSub_read", state);
|
|
|
+ purchase.flushSubmit();
|
|
|
+ //$('.vip-footer.renew .confirm').prop('disabled', !state)
|
|
|
+ });
|
|
|
+ //是否点击已读
|
|
|
+ if (sessionStorage.getItem("vipSub_read") === "true") {
|
|
|
+ $('.checkbox').addClass("checked");
|
|
|
+ }
|
|
|
+
|
|
|
+ /* -------- 选择按年订阅 radio触发的事件------- */
|
|
|
+ $('#yearly').on('change', function (e) {
|
|
|
+ //$('.profit_tips').hide();
|
|
|
+ // console.log($(this).is(':checked'))
|
|
|
+ var isChecked = $(this).is(':checked');
|
|
|
+ // 按年订阅默认选择1年
|
|
|
+ var val = 1;
|
|
|
+ //$('.computed_price').html('￥' + Number(val) * 58)
|
|
|
+ if (isChecked) {
|
|
|
+ $('#number_box_year span:eq(0)').addClass('active').siblings().removeClass('active')
|
|
|
+ }
|
|
|
+ purchase.timeSelect_tmp = [Number(val), 1];
|
|
|
+ purchase.flushPrice(purchase.timeSelect_tmp, 2);
|
|
|
+ });
|
|
|
+
|
|
|
+ // 确认订阅周期
|
|
|
+ $('#enter_period').on('click', function () {
|
|
|
+ var val;
|
|
|
+ var selectedDOM = $('#time_cycle input[name=time]:checked');
|
|
|
+ if (selectedDOM.val() === 'year') {
|
|
|
+ val = $('#number_box_year .year_number.active').attr('data-id');
|
|
|
+ purchase.timeSelect_tmp = [parseInt(val), 1];
|
|
|
+ $('#time_cycle').hide(function () {
|
|
|
+ purchase.timeValue = val + "年";
|
|
|
+ });
|
|
|
+ } else if (selectedDOM.val() === 'month') {
|
|
|
+ val = $('#number_box_month .month_number').text();
|
|
|
+ purchase.timeSelect_tmp = [parseInt(val), 2];
|
|
|
+ $('#time_cycle').hide(function () {
|
|
|
+ purchase.timeValue = val + "个月";
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ purchase.timeSelect = purchase.timeSelect_tmp;
|
|
|
+ purchase.showTime();
|
|
|
+ purchase.flushPrice(purchase.timeSelect, 1);
|
|
|
+ sessionStorage.setItem("vipSubSelectTime", JSON.stringify(purchase.timeSelect));
|
|
|
+ });
|
|
|
+ $('.vip-footer.renew .confirm').click(function () {
|
|
|
+ $('.vip-footer.renew .confirm').attr("disabled", "disabled");
|
|
|
+ //支付请求
|
|
|
+ var area = purchase.areaSelect;
|
|
|
+ var industry = purchase.industrySelect;
|
|
|
+ if (area["全国"]) {
|
|
|
+ area = {};
|
|
|
+ }
|
|
|
+ if (industry.length === 1 && industry[0] === "全部行业") {
|
|
|
+ industry = [];
|
|
|
+ }
|
|
|
+ //优惠码
|
|
|
+ var activeCode = $('.coupon-picker .weui-input').val();
|
|
|
+ var activeCodes = "";
|
|
|
+ if (activeCode.toLowerCase() === couponInfo.code && $('.coupon-code-tx .keywords-text').text() === couponInfo.successTip) {
|
|
|
+ activeCodes = couponInfo.code;
|
|
|
+ }
|
|
|
+ //付费用户
|
|
|
+ var param = {
|
|
|
+ "userLotteryId":coupon.$refs.couponRef.coupon.userLotteryId,
|
|
|
+ "lotteryId": coupon.$refs.couponRef.coupon.lotteryId,
|
|
|
+ "area": JSON.stringify(area),
|
|
|
+ "industry": industry.join(","),
|
|
|
+ "time": purchase.timeValue.trim(),
|
|
|
+ "orderType": 5,
|
|
|
+ "activeCode": activeCodes,
|
|
|
+ "disWord":GetQueryString("disWord"),
|
|
|
+ };
|
|
|
+ $DoPost("/subscribepay/vipsubscribe/createOrder", param, function (r) {
|
|
|
+ if (r.success) {
|
|
|
+ clearSessionStorage();
|
|
|
+ history.replaceState({}, '', '/front/vipsubscribe/toOrderDetailPage?orderCode=' + r.data.code);
|
|
|
+ window.location.href = "/weixin/pay/checkout_subvip?t=1&orderCode=" + r.data.code;
|
|
|
+ } else {
|
|
|
+ $('.vip-footer.renew .confirm').removeAttr("disabled");
|
|
|
+ }
|
|
|
+ }, false);
|
|
|
+ })
|
|
|
+});
|
|
|
+//获取url中"?"符后的字符串并正则匹配
|
|
|
+function GetQueryString(name) {
|
|
|
+ var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
|
|
|
+ var r = window.location.search.substr(1).match(reg);
|
|
|
+ var context = "";
|
|
|
+ if (r != null)
|
|
|
+ context = r[2];
|
|
|
+ reg = null;
|
|
|
+ r = null;
|
|
|
+ return context == null || context == "" || context == "undefined" ? "" : context;
|
|
|
+}
|
|
|
+
|
|
|
+// 隐藏dialog选择框
|
|
|
+function hideDialog() {
|
|
|
+ $('#pay_way').hide(200);
|
|
|
+ $('#time_cycle').hide(200);
|
|
|
+ $('.j-picker').hide();
|
|
|
+ $('.discount-details').hide()
|
|
|
+ $('.discount-button .icon-arrow').removeClass('up')
|
|
|
+}
|
|
|
+
|
|
|
+function clearSessionStorage() {
|
|
|
+ sessionStorage.removeItem("vipSubSelectArea");
|
|
|
+ sessionStorage.removeItem("vipSubSelectIndustry");
|
|
|
+ sessionStorage.removeItem("vipSubSelectTime");
|
|
|
+ sessionStorage.removeItem("vipSub_read");
|
|
|
+ sessionStorage.removeItem("historypushDataCache");
|
|
|
+ sessionStorage.removeItem("endTime");
|
|
|
+ sessionStorage.To_introducePage = 2;
|
|
|
+ //订阅首页
|
|
|
+ sessionStorage.removeItem("sub_vip_state");
|
|
|
+ sessionStorage.removeItem("vip_index_read");
|
|
|
+ sessionStorage.removeItem("vip_change_time");
|
|
|
+ sessionStorage.removeItem("liveActiveCode_renew");
|
|
|
+ sessionStorage.removeItem("liveActiveCode_new");
|
|
|
+}
|
|
|
+
|
|
|
+function pickerShow(selector, f) {
|
|
|
+ if (f) {
|
|
|
+ // 添加进场动画，并显示
|
|
|
+ $(selector).find('.weui-mask').removeClass('weui-animate-fade-out').addClass('weui-animate-fade-in')
|
|
|
+ $(selector).find('.weui-picker').removeClass('weui-animate-slide-down').addClass('weui-animate-slide-up')
|
|
|
+ $(selector).show(300);
|
|
|
+ } else {
|
|
|
+ // 添加离场动画，并隐藏
|
|
|
+ $(selector).find('.weui-mask').removeClass('weui-animate-fade-in').addClass('weui-animate-fade-out')
|
|
|
+ $(selector).find('.weui-picker').removeClass('weui-animate-slide-up').addClass('weui-animate-slide-down')
|
|
|
+ $(selector).hide(300);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// 活动事件绑定
|
|
|
+var couponInfo = {
|
|
|
+ code: 'jianyu360',
|
|
|
+ successTip: '支付成功赠送30天订阅周期'
|
|
|
+}
|
|
|
+$('.coupon-code-tx').on('click', function () {
|
|
|
+ if ($('.vip-renew').hasClass('live-20200707')) {
|
|
|
+ $('.coupon-picker').show()
|
|
|
+ } else {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ var input = $('.coupon-picker .weui-input')
|
|
|
+ var confirmButton = $('.coupon-picker .weui-picker__btn')
|
|
|
+ var cancelButton = $('.coupon-picker .cancel')
|
|
|
+ var value = input.val()
|
|
|
+ input.focus().on('input', function () {
|
|
|
+ value = this.value
|
|
|
+ confirmButton.prop('disabled', (value === '' || value === undefined))
|
|
|
+ })
|
|
|
+
|
|
|
+ confirmButton.on('click', function () {
|
|
|
+ if (value.toLowerCase() !== couponInfo.code) {
|
|
|
+ weui.toast('优惠码输入错误', {
|
|
|
+ className: 'j-toast',
|
|
|
+ duration: 1500
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (value.length === couponInfo.code.length && value.toLowerCase() === couponInfo.code) {
|
|
|
+ $('.coupon-code-tx .keywords-text').text(couponInfo.successTip)
|
|
|
+ sessionStorage.liveActiveCode_renew = "jianyu360";
|
|
|
+ $('.coupon-code-tx').off('click')
|
|
|
+ cancelButton.trigger('click')
|
|
|
+ }
|
|
|
+ })
|
|
|
+})
|
|
|
+
|
|
|
+document.body.addEventListener("focusout", function () {
|
|
|
+ //软键盘收起的事件处理
|
|
|
+ setTimeout(function () {
|
|
|
+ const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
|
|
|
+ window.scrollTo(0, Math.max(scrollHeight - 1, 0));
|
|
|
+ }, 100);
|
|
|
+})
|
|
|
+
|
|
|
+/* vue 代码 start */
|
|
|
+var coupon = new Vue({
|
|
|
+ el: '#coupon-vue',
|
|
|
+ data: function () {
|
|
|
+ return {
|
|
|
+ type: 'vip',
|
|
|
+ initPrice: 0, // 原价
|
|
|
+ realPrice: 0, // 实付价
|
|
|
+ checkboxStatus: false, // checkbox状态
|
|
|
+ submitStatus: true, // 提交按钮状态
|
|
|
+ links: [
|
|
|
+ {
|
|
|
+ text: '《剑鱼标讯线上购买与服务条款》',
|
|
|
+ url: '/front/staticPage/wx-serviceterms.html',
|
|
|
+ event: this.readEvent
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ buttons: {
|
|
|
+ submit: this.submitOrder
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted () {
|
|
|
+ this.init()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 更新价格相关
|
|
|
+ updatePrice: function (before) {
|
|
|
+ console.log( '原价：' + before)
|
|
|
+ this.initPrice = before;
|
|
|
+ // 调用子组件查询最优卡券
|
|
|
+ this.$refs.couponRef.getCoupon();
|
|
|
+ },
|
|
|
+ // 初始化及回显相关
|
|
|
+ init: function () {},
|
|
|
+ // 勾选阅读协议
|
|
|
+ updateS: function(data) {
|
|
|
+ data.callback(this.checkSubmitStatus(data.check))
|
|
|
+ },
|
|
|
+ // 校验checkbox
|
|
|
+ checkSubmitStatus: function (checkStatus) {
|
|
|
+ sessionStorage.setItem("vipSub_read", checkStatus);
|
|
|
+ var areaSelect = JSON.parse(sessionStorage.getItem('vipSubSelectArea'))
|
|
|
+ var industrySelect = JSON.parse(sessionStorage.getItem('vipSubSelectIndustry'))
|
|
|
+ var endTime = sessionStorage.getItem('endTime')
|
|
|
+ var readSelect = sessionStorage.getItem('vipSub_read') === 'true' ? true : false
|
|
|
+ purchase.flushSubmit();
|
|
|
+ return Object.keys(areaSelect).length > 0 && industrySelect.length > 0 && readSelect
|
|
|
+ },
|
|
|
+ saveEvent: function() {
|
|
|
+ // sessionStorage.setItem("vipSub_read", 0)
|
|
|
+ },
|
|
|
+ // 阅读协议点击事件
|
|
|
+ readEvent: function () {},
|
|
|
+ // 订单提交事件
|
|
|
+ submitOrder: function () {
|
|
|
+ this.$refs.couponRef.submitStatus = true
|
|
|
+ $('.vip-footer.renew .confirm').trigger('click')
|
|
|
+ this.$refs.couponRef.submitStatus = false
|
|
|
+ }
|
|
|
+ }
|
|
|
+})
|
|
|
+/* vue 代码 end */
|
