Blame view

public/js/cart/pay.page.js 6.91 KB
陈峰 authored
1
let $ = require('yoho-jquery'),
lijing authored
2 3
    lazyLoad = require('yoho-jquery-lazyload');
陈峰 authored
4
let prompt = $('.fraud-prompt'),
zhangxiaoru authored
5
    tipContent = $('.tip-content'),
陈峰 authored
6
    tipEle = $('.tip'),
zhangxiaoru authored
7 8
    fraudTip = $('.fraud-tip');
陈峰 authored
9
let tipConWidth = tipContent.width(),
陈峰 authored
10
    tipWidth = tipEle.width(),
zhangxiaoru authored
11 12
    promptWidth = prompt.width();
陈峰 authored
13
let scrollVal,
zhangxiaoru authored
14 15
    onePageW,
    diff;
16 17
let loading = require('plugin/loading'),
    tip = require('plugin/tip'),
郭成尧 authored
18 19
    Hammer = require('yoho-hammer');
20
let richTip = require('plugin/rich-tip');
郭成尧 authored
21
郭成尧 authored
22 23

// 点击微信显示加载
陈峰 authored
24
let $loadingToast = $('.loading-toast');
郭成尧 authored
25
陈峰 authored
26
let theOrderCode = document.getElementById('ordercode') ? document.getElementById('ordercode').value : '';
郭成尧 authored
27
陈峰 authored
28
let wxPayEl = document.getElementById('weixin'),
郭成尧 authored
29
    $aliPayEL = $('#alipay'),
郭成尧 authored
30 31
    wxHammer = wxPayEl && new Hammer(wxPayEl);
陈峰 authored
32
let appIconPosition = {
郭成尧 authored
33 34 35 36 37
    baidu: '-2.7rem',
    weixin: '-1.2rem',
    QQ: '-5.4rem',
    bank: '-4rem'
};
zhangxiaoru authored
38
郭成尧 authored
39
$('.nav-back').on('click', function() {
郭成尧 authored
40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
    richTip.show(
        ['超过支付时效后订单会被取消,', '请尽快到我的订单完成支付哦!'],
        [
            {
                href: '/home/orders',
                text: '确认离开',
                class: ''
            },
            {
                href: '',
                text: '继续支付',
                class: 'order-tip-btnred'
            }
        ]
    );
});
57
require('common');
lijing authored
58 59 60 61 62 63 64

lazyLoad($('img.lazy'));

function getGender() {
    return window.cookie('_Channel') || 'boys';
}
65
require('channel/maybe-like')({gender: getGender()});
lijing authored
66
zhangxiaoru authored
67 68 69 70 71 72
// 你可能喜欢没有数据就隐藏
setTimeout(function() {
    if ($('#goods-list').find('.good-info').length === 0) {
        $('.maybe-like').hide();
    }
}, 200);
zhangxiaoru authored
73
陈峰 authored
74 75 76 77 78 79 80 81 82 83 84 85
function Marquee() {
    prompt.scrollLeft(prompt.scrollLeft() + 1);

    scrollVal = prompt.scrollLeft();
    onePageW = tipContent.eq(0).width();
    diff = scrollVal - onePageW;

    if (diff > 0) {
        prompt.scrollLeft(Math.abs(diff));
    }
}
zhangxiaoru authored
86
// 防诈骗提示滚动
zhangxiaoru authored
87
if (tipConWidth > promptWidth - tipWidth) {
陈峰 authored
88
    let speed = 30;
zhangxiaoru authored
89
zhangxiaoru authored
90
    tipContent.width(tipConWidth + (promptWidth / 2));
zhangxiaoru authored
91
zhangxiaoru authored
92 93 94
    fraudTip.append('<div class="tip-content">' + tipContent.html() + '</div>').css({
        width: 2 * tipContent.width()
    });
zhangxiaoru authored
95
zhangxiaoru authored
96 97
    setInterval(Marquee, speed);
}
郭成尧 authored
98
郭成尧 authored
99
// 隐藏微信分享选项
郭成尧 authored
100
if (window.wx) {
郭成尧 authored
101
    window.wx.hideOptionMenu();
郭成尧 authored
102 103 104 105 106 107 108 109
}

function onBridgeReady() {
    document.addEventListener('WeixinJSBridgeReady', function() {
        window.WeixinJSBridge && window.WeixinJSBridge.call('hideOptionMenu');
    });
}
陈峰 authored
110
if (typeof WeixinJSBridge === 'undefined') {
郭成尧 authored
111 112 113 114 115 116 117 118 119 120 121 122 123
    if (document.addEventListener) {
        document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
    } else if (document.attachEvent) {
        document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
        document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
    }
    onBridgeReady();
} else {
    onBridgeReady();
}

// 调用微信JS api 支付
function jsApiCall(orderCode, jsApiParameters) {
郭成尧 authored
124
    $loadingToast.addClass('hide');
郭成尧 authored
125 126 127 128 129

    // 防止重复操作弹框
    window.WeixinJSBridge && window.WeixinJSBridge.invoke(
        'getBrandWCPayRequest',
        jsApiParameters,
郭成尧 authored
130
        function() {
郭成尧 authored
131 132 133 134 135
            window.location.href = '/home/orders/detail?order_code=' + orderCode + '&openId=true';
        }
    );
}
郭成尧 authored
136 137 138
// 支付宝支付
if ($aliPayEL && $aliPayEL.length > 0 && $aliPayEL.data('href')) {
    $aliPayEL.on('click', function() {
郭成尧 authored
139
        $.get($aliPayEL.data('href'), function(result) {
郭成尧 authored
140 141
            if (result && result.code === 200 && result.url) {
                window.location.href = result.url;
郭成尧 authored
142 143
            } else {
                tip.show(result && result.message || '系统错误!');
郭成尧 authored
144 145 146 147 148
            }
        });
    });
}
郭成尧 authored
149 150 151 152
/**
 * 获取微信支付数据
 * @param {*} orderCode
 */
郭成尧 authored
153
function getWechatPayData(orderCode) {
陈峰 authored
154
    let jsApiParameters;
郭成尧 authored
155
郭成尧 authored
156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182
    $.ajax({
        type: 'GET',
        url: '/cart/index/new/pay',
        data: {
            order_code: orderCode,
            payment: '22_platform',
        },
        dataType: 'json',
        success: function(res) {
            if (res.code === 200) {
                jsApiParameters = res.data.jsApiParameters;
                jsApiCall(orderCode, jsApiParameters);
            } else {
                tip.show('微信支付调取失败');
            }
        },
        error: function() {
            tip.show('请刷新本页面,完成微信支付');
        },
        complete: function() {
            $loadingToast.addClass('hide');
        }
    });
}

// 微信支付
function callpay(orderCode) {
郭成尧 authored
183
    $loadingToast.removeClass('hide');
陈峰 authored
184
    if (typeof WeixinJSBridge === 'undefined') {
郭成尧 authored
185
        if (document.addEventListener) {
郭成尧 authored
186 187 188
            document.addEventListener('WeixinJSBridgeReady', function() {
                getWechatPayData(orderCode);
            }, false);
郭成尧 authored
189
        } else if (document.attachEvent) {
郭成尧 authored
190 191 192 193 194 195
            document.attachEvent('WeixinJSBridgeReady', function() {
                getWechatPayData(orderCode);
            });
            document.attachEvent('onWeixinJSBridgeReady', function() {
                getWechatPayData(orderCode);
            });
郭成尧 authored
196 197
        }
    } else {
郭成尧 authored
198
        getWechatPayData(orderCode);
郭成尧 authored
199 200 201 202 203
    }
}


function isWXOpen() {
陈峰 authored
204
    let ua = window.navigator.userAgent.toLowerCase();
郭成尧 authored
205 206 207 208 209

    return ua.indexOf('micromessenger') > 0;
}

function hideWeChatPay() {
陈峰 authored
210
    let $payApps = $('.app');
郭成尧 authored
211 212 213 214 215 216 217 218 219 220

    $payApps.each(function(idx, app) {
        if ($(app).parent().attr('id') === 'weixin') {
            $(app).parent().css('display', 'none');
            return false;
        }
    });
}

function hideAliPay() {
陈峰 authored
221
    let $payApps = $('.app');
郭成尧 authored
222 223 224

    $payApps.each(function(idx, app) {
        if ($(app).parent().attr('id') === 'alipay') {
郭成尧 authored
225
            $(app).parent().css('display', 'none');
郭成尧 authored
226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244
            return false;
        }
    });
}

function handleForWX() {
    if (!isWXOpen()) {
        hideWeChatPay();
    } else {
        hideAliPay();
    }
}


function setAppIcon(el, position) {
    $(el).css('background-position-y', position);
}

function loadIcon() {
陈峰 authored
245 246 247
    let $boxs = $('.box');
    let $div = null;
    let appid = null;
郭成尧 authored
248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264

    $boxs.each(function(idx, box) {
        $div = $(box).find('.icon').find('div');
        if ($div.length > 0) {
            appid = $(box).attr('id');
            if (appid !== 'alipay') {
                setAppIcon($div, appIconPosition[appid]);
            }
        }
    });
}

function showPage() {
    $('.payapp-list').css('visibility', 'visible');
}

function bindTouchedEvent() {
陈峰 authored
265
    let $boxs = $('.box');
郭成尧 authored
266
郭成尧 authored
267
    $boxs.on('touchstart', function() {
郭成尧 authored
268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290
        $(this).addClass('bytouch');
    }).on('touchend touchcancel', function() {
        $boxs.removeClass('bytouch');
    });
}

if (wxHammer) {
    wxHammer.on('tap', function() {
        callpay(theOrderCode);
    });
}

function main() {
    handleForWX();
    loading.hideLoadingMask();
    showPage();
    loadIcon();
    bindTouchedEvent();
}

loading.showLoadingMask();

$(document).ready(main);