taylor.dang
6 years ago
commit
9699c485cc
@ -0,0 +1,390 @@
|
|||||||
|
/**
|
||||||
|
* Created by yixian on 2017-05-08
|
||||||
|
*/
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
'use strict';
|
||||||
|
var dataCache = {price: '0', coupons: [], coupon_groups:{}};
|
||||||
|
var exchangeRate = parseFloat(window.exchange_rate);
|
||||||
|
|
||||||
|
dataCache.paying = false;
|
||||||
|
var ctrl = {};
|
||||||
|
|
||||||
|
$('.weui_grid.key').bind('touchstart', function () {
|
||||||
|
if (dataCache.paying) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var char = $(this).attr('data-char');
|
||||||
|
appendChar(char);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.coupons .use-check').click(function () {
|
||||||
|
if ($(this).hasClass('disabled')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
var couponId = $(this).attr('data-coupon-id');
|
||||||
|
var couponGroup = $(this).attr('data-coupon-group');
|
||||||
|
if (couponGroup) {
|
||||||
|
var prevCouponId = dataCache.coupon_groups[couponGroup];
|
||||||
|
if (prevCouponId) {
|
||||||
|
var prevIdx = dataCache.coupons.indexOf(prevCouponId);
|
||||||
|
if (prevIdx >= 0) {
|
||||||
|
dataCache.coupons.splice(prevIdx, 1);
|
||||||
|
}
|
||||||
|
if (prevCouponId!=couponId) {
|
||||||
|
$('.coupons .use-check[data-coupon-id="' + prevCouponId + '"]').removeClass('checked').addClass('unchecked');
|
||||||
|
dataCache.coupon_groups[couponGroup] = couponId;
|
||||||
|
}else {
|
||||||
|
dataCache.coupon_groups[couponGroup]= null;
|
||||||
|
}
|
||||||
|
}else {
|
||||||
|
dataCache.coupon_groups[couponGroup] = couponId;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($(this).is('.checked')) {
|
||||||
|
$(this).removeClass('checked').addClass('unchecked');
|
||||||
|
} else {
|
||||||
|
$(this).removeClass('unchecked').addClass('checked');
|
||||||
|
}
|
||||||
|
var checked = $(this).is('.checked');
|
||||||
|
if (checked) {
|
||||||
|
dataCache.coupons.push(couponId);
|
||||||
|
updatePrice();
|
||||||
|
} else {
|
||||||
|
var idx = dataCache.coupons.indexOf(couponId);
|
||||||
|
dataCache.coupons.splice(idx, 1);
|
||||||
|
updatePrice();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#key_B').bind('touchstart', function () {
|
||||||
|
backspace();
|
||||||
|
});
|
||||||
|
|
||||||
|
function updatePoundage(price) {
|
||||||
|
if (window.extensions.indexOf('customerrate') >= 0 && window.rateValue != null) {
|
||||||
|
if (window.use_customised_rate) {
|
||||||
|
var rate = new Decimal(100).plus(window.rateValue).div(100);
|
||||||
|
var poundageValue = new Decimal(dataCache.price).mul(rate).sub(dataCache.price);
|
||||||
|
} else {
|
||||||
|
var rateRemain = new Decimal(100).sub(window.rateValue).div(100);
|
||||||
|
poundageValue = new Decimal(dataCache.price).div(rateRemain).sub(dataCache.price);
|
||||||
|
}
|
||||||
|
dataCache.poundageValue = poundageValue.toFixed(2, Decimal.ROUND_HALF_UP);
|
||||||
|
return poundageValue.plus(price).toFixed(2, Decimal.ROUND_HALF_UP);
|
||||||
|
}
|
||||||
|
return price;
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatePrice() {
|
||||||
|
$('#audVal').html(dataCache.price);
|
||||||
|
var realPrice = dataCache.price;
|
||||||
|
$('#audValReal').html(realPrice);
|
||||||
|
var surchargeData = calculateSurcharge(realPrice);
|
||||||
|
|
||||||
|
dataCache.tax = surchargeData.tax;
|
||||||
|
dataCache.surcharge = surchargeData.surcharge;
|
||||||
|
var price = surchargeData.newPrice || realPrice;
|
||||||
|
var priceBeforeDiscount = price;
|
||||||
|
dataCache.discounts = [];
|
||||||
|
$(window.coupons).each(function () {
|
||||||
|
price = this.handleDiscount(price, dataCache.price, dataCache.discounts, dataCache.coupons);
|
||||||
|
});
|
||||||
|
dataCache.customSurcharge = new Decimal(price).sub(realPrice).toFixed(2,Decimal.ROUND_HALF_UP);
|
||||||
|
dataCache.finalPrice = new Decimal(price).toFixed(2, Decimal.ROUND_FLOOR);
|
||||||
|
var rate = 'CNY' == window.currency ? 1 : exchangeRate;
|
||||||
|
var cnyVal = Decimal.mul(price, rate).toFixed(2, Decimal.ROUND_HALF_UP);
|
||||||
|
$('#cnyVal').html(cnyVal);
|
||||||
|
dataCache.currencyPrice = 'CNY' == window.currency ? Decimal.div(priceBeforeDiscount, exchangeRate).toFixed(2, Decimal.ROUND_FLOOR) : priceBeforeDiscount;
|
||||||
|
}
|
||||||
|
|
||||||
|
function updatePoundageStatus() {
|
||||||
|
$(window.coupons).each(function () {
|
||||||
|
var coupon = this;
|
||||||
|
var couponId = coupon.couponId();
|
||||||
|
if (coupon.isEnable(dataCache.currencyPrice||0)) {
|
||||||
|
$('.coupons .use-check[data-coupon-id=' + couponId + ']').removeClass('disabled');
|
||||||
|
} else {
|
||||||
|
var dom = $('.coupons .use-check[data-coupon-id=' + couponId + ']').addClass('disabled');
|
||||||
|
var couponGroup = dom.attr('data-coupon-group');
|
||||||
|
if (couponGroup) {
|
||||||
|
if (dataCache.coupon_groups[couponGroup] == couponId) {
|
||||||
|
dataCache.coupon_groups[couponGroup] = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var idx = dataCache.coupons.indexOf(couponId);
|
||||||
|
if (idx >= 0) {
|
||||||
|
dataCache.coupons.splice(idx, 1);
|
||||||
|
}
|
||||||
|
dom.removeClass('checked').addClass('unchecked');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
updatePoundageStatus();
|
||||||
|
|
||||||
|
function backspace() {
|
||||||
|
dataCache.price = dataCache.price.substring(0, dataCache.price.length - 1);
|
||||||
|
if (dataCache.price.length == 0) {
|
||||||
|
dataCache.price = '0';
|
||||||
|
}
|
||||||
|
updatePrice();
|
||||||
|
updatePoundageStatus();
|
||||||
|
}
|
||||||
|
|
||||||
|
function appendChar(char) {
|
||||||
|
var pointLocation = dataCache.price.indexOf('.');
|
||||||
|
if (pointLocation >= 0 || char == '.' || dataCache.price.length < 5) {
|
||||||
|
if (pointLocation >= 0 && char == '.') {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (pointLocation >= 0 && pointLocation <= dataCache.price.length - 3) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (dataCache.price == '0' && char != '.') {
|
||||||
|
dataCache.price = '';
|
||||||
|
}
|
||||||
|
dataCache.price += char;
|
||||||
|
updatePrice();
|
||||||
|
updatePoundageStatus();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#coupon-box-toggle').click(function () {
|
||||||
|
$('.coupons-container').addClass('show')
|
||||||
|
});
|
||||||
|
$('.coupons-container>.coupons-mask,.coupons-container #close-coupon-box').click(function () {
|
||||||
|
$(this).parents('.coupons-container').removeClass('show');
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$('.remark-btn').click(function () {
|
||||||
|
var cfg = {
|
||||||
|
title: '备注 Remark',
|
||||||
|
template: '',
|
||||||
|
initialize: function (dialog) {
|
||||||
|
$('<textarea rows="2"></textarea>').addClass('remark-input').attr('name', 'remark').val(dataCache.remark || '').appendTo($('.weui_dialog_bd', dialog));
|
||||||
|
},
|
||||||
|
confirm: function (dialog, chosen) {
|
||||||
|
if (chosen) {
|
||||||
|
var remark = $('textarea[name="remark"]', dialog).val();
|
||||||
|
if (remark) {
|
||||||
|
$('#remark-box').text('备注：' + remark).show()
|
||||||
|
} else {
|
||||||
|
$('#remark-box').text('').hide();
|
||||||
|
}
|
||||||
|
dataCache.remark = remark;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
};
|
||||||
|
showWeuiDialog(cfg);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('.paydetail').click(function () {
|
||||||
|
var config = {
|
||||||
|
title: 'Payment Detail',
|
||||||
|
template: '',
|
||||||
|
initialize: function (dialog) {
|
||||||
|
var bd = $('.weui_dialog_bd', dialog);
|
||||||
|
var currencySymbol = window.currency == 'AUD' ? '$' : '¥';
|
||||||
|
$('<p></p>').html('Input Price 输入金额:' + currencySymbol + dataCache.price).appendTo(bd);
|
||||||
|
if (parseFloat(dataCache.customSurcharge) > 0) {
|
||||||
|
$('<p></p>').html('Surcharge 手续费(' + window.rateValue + '%):+' + currencySymbol + dataCache.customSurcharge).appendTo(bd);
|
||||||
|
}
|
||||||
|
$(dataCache.discounts).each(function () {
|
||||||
|
$('<p></p>').html(this.title + ':-' + currencySymbol + this.amount).appendTo(bd);
|
||||||
|
});
|
||||||
|
$('<p></p>').addClass('final').html('Final 支付金额:' + currencySymbol + (dataCache.finalPrice || 0)).appendTo(bd);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
showWeuiDialog(config);
|
||||||
|
});
|
||||||
|
|
||||||
|
$('#key_P').bind('touchstart', function () {
|
||||||
|
|
||||||
|
pay();
|
||||||
|
|
||||||
|
// $('#key_P').addClass('hidden');
|
||||||
|
// $('#key_Loading').removeClass('hidden');
|
||||||
|
// if (dataCache.paying) {
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// dataCache.paying = true;
|
||||||
|
// var data = {price: dataCache.price + '', original_number: true, currency: window.currency};
|
||||||
|
// if (dataCache.remark) {
|
||||||
|
// data.description = dataCache.remark;
|
||||||
|
// }
|
||||||
|
// if (window.extensions.indexOf('preauthorize') >= 0) {
|
||||||
|
// data.preauthorize = true;
|
||||||
|
// }
|
||||||
|
// if (window.extensions.indexOf('qrcodemode') >= 0) {
|
||||||
|
// data.qrmode = true;
|
||||||
|
// }
|
||||||
|
// if (window.extensions.indexOf('customerrate') >= 0) {
|
||||||
|
// data.customerrate = true;
|
||||||
|
// }
|
||||||
|
// data.coupons = dataCache.coupons;
|
||||||
|
// dataCache.remark = '';
|
||||||
|
// data.account_id = User.getProduct();
|
||||||
|
// data.qrcodeVersion = window.qrcodeVersion;
|
||||||
|
// $.ajax({
|
||||||
|
// url: '/api/v1.0/bestpay/partners/' + window.client_moniker + '/app_order',
|
||||||
|
// method: 'POST',
|
||||||
|
// data: JSON.stringify(data),
|
||||||
|
// dataType: 'json',
|
||||||
|
// contentType: 'application/json',
|
||||||
|
// success: function (pay) {
|
||||||
|
// if (pay.direct_paid) {
|
||||||
|
// window.location = '/api/v1.0/bestpay/partners/' + window.client_moniker + '/orders/' + pay.order_id;
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// var paydata = pay.params;
|
||||||
|
// try {
|
||||||
|
// Payment.onPay(paydata, function () {
|
||||||
|
// window.location = '/api/v1.0/bestpay/partners/' + window.client_moniker + '/orders/' + pay.order_id;
|
||||||
|
// dataCache.paying = false;
|
||||||
|
// $('#key_P').removeClass('hidden');
|
||||||
|
// $('#key_Loading').addClass('hidden');
|
||||||
|
// }, function (rescode) {
|
||||||
|
// dataCache.paying = false;
|
||||||
|
// if (rescode === "cancel") {
|
||||||
|
// Dialog.alert("支付取消" + rescode)
|
||||||
|
// } else {
|
||||||
|
// Dialog.alert("支付失败" + rescode)
|
||||||
|
// }
|
||||||
|
// $('#key_P').removeClass('hidden');
|
||||||
|
// $('#key_Loading').addClass('hidden');
|
||||||
|
// })
|
||||||
|
// } catch (e) {
|
||||||
|
// Dialog.alert(e);
|
||||||
|
// dataCache.paying = false;
|
||||||
|
// $('#key_P').removeClass('hidden');
|
||||||
|
// $('#key_Loading').addClass('hidden');
|
||||||
|
// }
|
||||||
|
// Dialog.dismissDialog(dataCache.process);
|
||||||
|
// },
|
||||||
|
// error: function (jqXhr) {
|
||||||
|
// Dialog.alert(jqXhr.responseJSON.message);
|
||||||
|
// Dialog.dismissDialog(dataCache.process);
|
||||||
|
// dataCache.paying = false;
|
||||||
|
// $('#key_P').removeClass('hidden');
|
||||||
|
// $('#key_Loading').addClass('hidden');
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
});
|
||||||
|
|
||||||
|
function showWeuiDialog(config) {
|
||||||
|
if (config.templateUrl) {
|
||||||
|
$.ajax({
|
||||||
|
url: config.templateUrl,
|
||||||
|
dataType: 'html',
|
||||||
|
success: function (template) {
|
||||||
|
buildDialog(template);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
buildDialog(config.template);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function buildDialog(template) {
|
||||||
|
var defaultConfig = {backdrop: true};
|
||||||
|
config = $.extend({}, defaultConfig, config);
|
||||||
|
var dialog = $("<div></div>", {class: 'weui_dialog_confirm'});
|
||||||
|
var mask = $('<div></div>', {class: 'weui_mask'}).appendTo(dialog);
|
||||||
|
if (config.backdrop) {
|
||||||
|
mask.click(function () {
|
||||||
|
dialog.remove();
|
||||||
|
if ($.isFunction(config.dismiss)) {
|
||||||
|
config.dismiss();
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
var dialogBox = $("<div></div>", {class: 'weui_dialog'}).appendTo(dialog);
|
||||||
|
if (config.title) {
|
||||||
|
$('<div></div>', {class: 'weui_dialog_hd'}).append($('<strong></strong>', {class: 'weui_dialog_title'}).html(config.title)).appendTo(dialogBox);
|
||||||
|
}
|
||||||
|
var dialogBody = $("<div></div>", {class: 'weui_dialog_bd'}).appendTo(dialogBox);
|
||||||
|
if (template) {
|
||||||
|
dialogBody.append(template);
|
||||||
|
}
|
||||||
|
if ($.isFunction(config.initialize)) {
|
||||||
|
config.initialize(dialog);
|
||||||
|
}
|
||||||
|
var ft = $('<div class="weui_dialog_ft"></div>').appendTo(dialogBox);
|
||||||
|
if ($.isFunction(config.confirm)) {
|
||||||
|
var yes = $('<a></a>', {class: 'weui_btn_dialog primary', text: 'OK'}).appendTo(ft);
|
||||||
|
yes.click(function () {
|
||||||
|
config.confirm(dialog, true);
|
||||||
|
dialog.remove();
|
||||||
|
});
|
||||||
|
var no = $('<a></a>', {class: 'weui_btn_dialog default', text: 'Cancel'}).appendTo(ft);
|
||||||
|
no.click(function () {
|
||||||
|
config.confirm(dialog, false);
|
||||||
|
dialog.remove();
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
var ok = $('<a></a>', {class: 'weui_btn_dialog primary', text: 'OK'}).appendTo(ft);
|
||||||
|
ok.click(function () {
|
||||||
|
dialog.remove();
|
||||||
|
})
|
||||||
|
}
|
||||||
|
dialog.appendTo($('body'));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function getUserId(){
|
||||||
|
window.RPayPlus.send("getUserId", null, function(data){
|
||||||
|
alert(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function pay(){
|
||||||
|
var order={
|
||||||
|
orderId:'00002',
|
||||||
|
amount:'$100.07',
|
||||||
|
title:'Gift card purchase'
|
||||||
|
};
|
||||||
|
window.RPayPlus.send('pay', order, function(data){
|
||||||
|
alert('this is callback from native and data='+JSON.stringify(data));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function back(){
|
||||||
|
window.RPayPlus.send("back", null, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
function jsInvoke(){
|
||||||
|
window.RPayPlus.send("jsInvoke", 'Native Test', null);
|
||||||
|
}
|
||||||
|
|
||||||
|
function createOrder(msg){
|
||||||
|
alert('create order information='+JSON.stringify(msg));
|
||||||
|
}
|
||||||
|
|
||||||
|
function queryOrder(msg){
|
||||||
|
alert('query order information='+JSON.stringify(msg));
|
||||||
|
|
||||||
|
var order={
|
||||||
|
orderId:'00001',
|
||||||
|
amount:'$10.98',
|
||||||
|
title:'Balance Top-UP'
|
||||||
|
};
|
||||||
|
setTimeout("window.RPayPlus.onResult("+JSON.stringify(order)+");", 1500);
|
||||||
|
}
|
||||||
|
|
||||||
|
function registerJs(){
|
||||||
|
window.RPayPlus.register('createOrder', function(data){
|
||||||
|
createOrder(data);
|
||||||
|
});
|
||||||
|
window.RPayPlus.register('queryOrder', function(data){
|
||||||
|
queryOrder(data);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
getUserId();
|
||||||
|
});
|
||||||
|
After Width: | Height: | Size: 8.0 KiB |
Loading…
Reference in new issue