|
|
@@ -0,0 +1,311 @@
|
|
|
+/**
|
|
|
+ *Created by ZHJY on 2020/7/14.
|
|
|
+ */
|
|
|
+var payContainer = new Vue({
|
|
|
+ el:"#payContainer",
|
|
|
+ data: {
|
|
|
+ isSubMitStatus:false,
|
|
|
+ payInfo:{
|
|
|
+ PAY_BANK_NUM:'ICBC_B2B',//银行网管信息
|
|
|
+ PAY_CODE:'',//链接状态
|
|
|
+ PAY_ORDERID:'',//主订单ID
|
|
|
+ PAY_UNPAIDAMOUNT:0,//本次支付金额
|
|
|
+ PAY_TIME:'',//链接失效时间
|
|
|
+ PAY_LINKLOGO:'',
|
|
|
+ PAY_PAYLINKTYPE:'',
|
|
|
+ PAY_USERTYPE:'',//网银支付类型
|
|
|
+ PAY_PAYLINKTYPETEXT:''//文案
|
|
|
+ },
|
|
|
+ B2BbankData:[
|
|
|
+ {imgUrl:'/img/pay/iconbank-01@2x.png',bankName:'中国工商银行',B2bNum:'ICBC_B2B',B2cNum:'ICBC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-02@2x.png',bankName:'招商银行',B2bNum:'CMBCHINA_B2B',B2cNum:'CMBCHINA_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-03@2x.png',bankName:'中国建设银行',B2bNum:'CCB_B2B',B2cNum:'CCB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-05@2x.png',bankName:'兴业银行',B2bNum:'CIB_B2B',B2cNum:'CIB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-06@2x.png',bankName:'中国民生银行',B2bNum:'CMBC_B2B',B2cNum:'CMBC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-07@2x.png',bankName:'中国光大银行',B2bNum:'CEB_B2B',B2cNum:'CEB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-08@2x.png',bankName:'中国银行',B2bNum:'BOC_B2B',B2cNum:'BOC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-09@2x.png',bankName:'平安银行',B2bNum:'SZPA_B2B',B2cNum:'SZPA_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-10@2x.png',bankName:'中信银行',B2bNum:'ECITIC_B2B',B2cNum:'ECITIC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-11@2x.png',bankName:'上海浦东发展银行',B2bNum:'SPDB_B2B',B2cNum:'SPDB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-12@2x.png',bankName:'华夏银行',B2bNum:'HXB_B2B',B2cNum:'HXB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-13@2x.png',bankName:'北京银行',B2bNum:'BCCB_B2B',B2cNum:'BCCB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-14@2x.png',bankName:'中国农业银行',B2bNum:'ABC_B2B',B2cNum:'ABC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-15@2x.png',bankName:'中国邮政储蓄银行',B2bNum:'PSBC_B2B',B2cNum:'PSBC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-16@2x.png',bankName:'徽商银行',B2bNum:'HSB_B2B',B2cNum:'HSB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-17@2x.png',bankName:'青岛银行',B2bNum:'QDYH_B2B',B2cNum:'QDYH_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-18@2x.png',bankName:'浙商银行',B2bNum:'CZ_B2B',B2cNum:'CZ_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-19@2x.png',bankName:'齐鲁银行',B2bNum:'QLYH_B2B',B2cNum:'QLYH_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-20@2x.png',bankName:'上海银行',B2bNum:'SHB_B2B',B2cNum:'SHB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-21@2x.png',bankName:'莱商银行',B2bNum:'ISBC_B2B',B2cNum:null},
|
|
|
+ {imgUrl:'/img/pay/iconbank-22@2x.png',bankName:'厦门银行',B2bNum:'XMCCB_B2B',B2cNum:null},
|
|
|
+ {imgUrl:'/img/pay/iconbank-23@2x.png',bankName:'晋商银行',B2bNum:null,B2cNum:'JSHB_B2C'}
|
|
|
+
|
|
|
+ ],
|
|
|
+ B2CbankData:[
|
|
|
+ {imgUrl:'/img/pay/iconbank-01@2x.png',bankName:'中国工商银行',B2bNum:'ICBC_B2B',B2cNum:'ICBC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-02@2x.png',bankName:'招商银行',B2bNum:'CMBCHINA_B2B',B2cNum:'CMBCHINA_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-03@2x.png',bankName:'中国建设银行',B2bNum:'CCB_B2B',B2cNum:'CCB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-05@2x.png',bankName:'兴业银行',B2bNum:'CIB_B2B',B2cNum:'CIB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-06@2x.png',bankName:'中国民生银行',B2bNum:'CMBC_B2B',B2cNum:'CMBC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-07@2x.png',bankName:'中国光大银行',B2bNum:'CEB_B2B',B2cNum:'CEB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-08@2x.png',bankName:'中国银行',B2bNum:'BOC_B2B',B2cNum:'BOC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-09@2x.png',bankName:'平安银行',B2bNum:'SZPA_B2B',B2cNum:'SZPA_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-10@2x.png',bankName:'中信银行',B2bNum:'ECITIC_B2B',B2cNum:'ECITIC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-11@2x.png',bankName:'上海浦东发展银行',B2bNum:'SPDB_B2B',B2cNum:'SPDB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-12@2x.png',bankName:'华夏银行',B2bNum:'HXB_B2B',B2cNum:'HXB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-13@2x.png',bankName:'北京银行',B2bNum:'BCCB_B2B',B2cNum:'BCCB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-14@2x.png',bankName:'中国农业银行',B2bNum:'ABC_B2B',B2cNum:'ABC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-15@2x.png',bankName:'中国邮政储蓄银行',B2bNum:'PSBC_B2B',B2cNum:'PSBC_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-16@2x.png',bankName:'徽商银行',B2bNum:'HSB_B2B',B2cNum:'HSB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-17@2x.png',bankName:'青岛银行',B2bNum:'QDYH_B2B',B2cNum:'QDYH_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-18@2x.png',bankName:'浙商银行',B2bNum:'CZ_B2B',B2cNum:'CZ_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-19@2x.png',bankName:'齐鲁银行',B2bNum:'QLYH_B2B',B2cNum:'QLYH_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-20@2x.png',bankName:'上海银行',B2bNum:'SHB_B2B',B2cNum:'SHB_B2C'},
|
|
|
+ {imgUrl:'/img/pay/iconbank-21@2x.png',bankName:'莱商银行',B2bNum:'ISBC_B2B',B2cNum:null},
|
|
|
+ {imgUrl:'/img/pay/iconbank-22@2x.png',bankName:'厦门银行',B2bNum:'XMCCB_B2B',B2cNum:null},
|
|
|
+ {imgUrl:'/img/pay/iconbank-23@2x.png',bankName:'晋商银行',B2bNum:null,B2cNum:'JSHB_B2C'}
|
|
|
+ ],
|
|
|
+ userName :'',
|
|
|
+ goodList:'',
|
|
|
+ freight :'', //运费
|
|
|
+ discountFee:'',//经理折扣
|
|
|
+ balancePayFee:'',//余额抵扣
|
|
|
+ payTotalFee: '', //合计
|
|
|
+ payableAmount:'',//本次支付金额
|
|
|
+ payment:'', //剩余支付金额
|
|
|
+ receiptAmount:'',//已支付金额
|
|
|
+ discernReceipt:'',//支付记录
|
|
|
+ discernReceiptList:[],//支付记录列表
|
|
|
+ orderProductList:[],//商品列表
|
|
|
+ paySuccessCounter:0,
|
|
|
+ tabIndex:0,
|
|
|
+ downHour:'00',//倒计时
|
|
|
+ downMinute:'00',//倒计分
|
|
|
+ downSecond:'00',//倒计秒
|
|
|
+ isSiled:false,
|
|
|
+ mbOrderId:'',
|
|
|
+ isRequest:false,
|
|
|
+ isPayAlert:false,
|
|
|
+ isErrorShow:false,
|
|
|
+ iconErrorClass:'',
|
|
|
+ iconErrorText:'',
|
|
|
+ iconErrorMsgnone:''
|
|
|
+
|
|
|
+ },
|
|
|
+ filters: {
|
|
|
+ NumFormat :function(value) {
|
|
|
+ if(!value) return '0.00';
|
|
|
+ var intPart = Number(value) - Number(value)%1; //获取整数部分（这里是windy93的方法）
|
|
|
+ var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,'); //将整数部分逢三一断
|
|
|
+ var floatPart = ".00"; //预定义小数部分
|
|
|
+ var value2Array = value.toString().split(".");
|
|
|
+ if(value2Array.length == 2) { //=2表示数据有小数位
|
|
|
+ floatPart = value2Array[1].toString(); //拿到小数部分
|
|
|
+ if(floatPart.length == 1) { //补0,实际上用不着
|
|
|
+ return intPartFormat + "." + floatPart + '0';
|
|
|
+ } else {
|
|
|
+ return intPartFormat + "." + floatPart;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return intPartFormat + floatPart;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ LinkInfoOrderBank:function(linkLogo){//初始化支付订单加密数据
|
|
|
+ var _self = this;
|
|
|
+ PayApi.PayOrderLinkData({linkLogo:linkLogo},function(response){
|
|
|
+ console.log(response);
|
|
|
+ if(response.code === 0){
|
|
|
+ var _data = response.data;
|
|
|
+ _self.payInfo.PAY_ORDERID = _data.orderPayLink.orderId;
|
|
|
+ _self.payInfo.PAY_UNPAIDAMOUNT = _data.orderPayLink.unpaidAmount;
|
|
|
+ _self.payInfo.PAY_TIME = decodeURI(_data.time);
|
|
|
+ _self.payInfo.PAY_PAYLINKTYPE = _data.orderPayLink.payType;
|
|
|
+ _self.payInfo.PAY_PAYLINKTYPETEXT = _self.payInfo.PAY_PAYLINKTYPE == '1' ? '企业网银' : '个人网银';
|
|
|
+ _self.payInfo.PAY_USERTYPE = _self.payInfo.PAY_PAYLINKTYPE == '1' ? 'ENTERPRISE' : 'USER';
|
|
|
+ if(_data.code === 0){
|
|
|
+ setTimeout(function () { //支付倒计时
|
|
|
+ _self.countTime(_self.payInfo.PAY_TIME)
|
|
|
+ }, 1000);
|
|
|
+ _self.infoPayOrderCheckoutCounter();
|
|
|
+ }else{
|
|
|
+ _self.isErrorShow = true;
|
|
|
+ _self.isRequest = true;
|
|
|
+ switch (_self.payInfo.PAY_CODE) {
|
|
|
+ case '-2':
|
|
|
+ _self.iconErrorClass = 'offline';
|
|
|
+ _self.iconErrorText = '订单已通过线下转账方式付款';
|
|
|
+ _self.iconErrorMsgnone = '不能再使用企业网银支付';
|
|
|
+ break;
|
|
|
+ case '-3':
|
|
|
+ _self.iconErrorClass = 'fail';
|
|
|
+ _self.iconErrorText = '链接超过24小时未完成支付，已失效';
|
|
|
+ _self.iconErrorMsgnone = '请重新生成支付链接，继续支付';
|
|
|
+ break;
|
|
|
+ case '5':
|
|
|
+ _self.iconErrorClass = 'paid';
|
|
|
+ _self.iconErrorText = '款项已支付完成，无需重复支付';
|
|
|
+ _self.iconErrorMsgnone = '';
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }else if(response.code === -1){
|
|
|
+ _self.isErrorShow = true;
|
|
|
+ _self.isRequest = true;
|
|
|
+ _self.iconErrorClass = 'again';
|
|
|
+ _self.iconErrorText = '链接已更新，请联系业务人员获取最新链接再进行支付';
|
|
|
+ _self.iconErrorMsgnone = '';
|
|
|
+ }else{
|
|
|
+ CAIMEI.Alert(response.msg,'确定',false);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ infoPayOrderCheckoutCounter:function(){//初始化订单数据
|
|
|
+ var _self = this;
|
|
|
+ PayApi.PayOrderCheckoutCounter({orderId:_self.payInfo.PAY_ORDERID},function(response){
|
|
|
+ if(response.code === 0){
|
|
|
+ var data = response.data;
|
|
|
+ _self.discernReceiptList = data.discernReceipt;
|
|
|
+ _self.orderProductList = data.orderProductList;
|
|
|
+ _self.userName = data.userName;
|
|
|
+ _self.freight = _self.freightText(data.order.freight);
|
|
|
+ _self.discountFee = data.order.discountFee;
|
|
|
+ _self.balancePayFee = data.order.balancePayFee;
|
|
|
+ _self.payTotalFee = data.order.payTotalFee;
|
|
|
+ _self.receiptAmount= data.order.receiptAmount;
|
|
|
+ _self.payableAmount = _self.payInfo.PAY_UNPAIDAMOUNT;
|
|
|
+ if(data.order.status === '7'){
|
|
|
+ _self.payment = _self.toFixedFn(_self.payTotalFee - _self.payableAmount);
|
|
|
+ }else{
|
|
|
+ _self.payment = _self.toFixedFn(_self.payTotalFee - _self.receiptAmount - _self.payableAmount);
|
|
|
+ }
|
|
|
+ _self.paySuccessCounter = data.order.paySuccessCounter;
|
|
|
+ _self.isRequest = true;
|
|
|
+ }else{
|
|
|
+ CAIMEI.Alert(response.msg,'确定',false);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ PaySubmitFn:function(){//立即支付
|
|
|
+ var _self = this;
|
|
|
+ if(_self.payInfo.PAY_BANK_NUM == ''){
|
|
|
+ layer.msg('请选择银行！');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ var params = {
|
|
|
+ payWay:'UNIONPAY',
|
|
|
+ payAmount: _self.payInfo.PAY_UNPAIDAMOUNT*100,
|
|
|
+ bankCode:_self.payInfo.PAY_BANK_NUM,
|
|
|
+ returnUrl:'https://www.caimei365.com/',
|
|
|
+ orderId:_self.payInfo.PAY_ORDERID,
|
|
|
+ userType:_self.payInfo.PAY_USERTYPE
|
|
|
+ };
|
|
|
+ _self.PayOrderPcMallPay(params);
|
|
|
+ },
|
|
|
+ PayOrderPcMallPay:function(params){//网银支付请求
|
|
|
+ var _self = this;
|
|
|
+ _self.isSubMitStatus=true;
|
|
|
+ PayApi.PayOrderPcMallPay(params,function(response){
|
|
|
+ if(response.code == 0){
|
|
|
+ _self.isPayAlert = true;
|
|
|
+ _self.mbOrderId = response.data.data.mbOrderId;
|
|
|
+ window.open(response.data.data.payUrl);
|
|
|
+ _self.isSubMitStatus=false;
|
|
|
+ }else{
|
|
|
+ CAIMEI.Alert(response.msg,'确定',false);
|
|
|
+ _self.isSubMitStatus=false;
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ RefreshBody:function(){//刷新弹窗
|
|
|
+ var _self = this;
|
|
|
+ _self.isPayAlert = false;
|
|
|
+ PayApi.PayOrderFindOrderStatus({mbOrderId:_self.mbOrderId},function(response){
|
|
|
+ _self.isPayAlert = false;
|
|
|
+ var data = response.data.data;
|
|
|
+ if(data.status === '1'){
|
|
|
+ window.location.href = '/pay/success.html?pageType=wechat&type=success&payAmount='+ _self.payInfo.PAY_UNPAIDAMOUNT;
|
|
|
+ }else{
|
|
|
+ window.location.href = '/pay/success.html?pageType=wechat&type=error&payAmount='+ _self.payInfo.PAY_UNPAIDAMOUNT;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ changeTab:function(index,item){// 选择银行
|
|
|
+ this.tabIndex = index;
|
|
|
+ if( this.payInfo.PAY_PAYLINKTYPE == '1'){
|
|
|
+ this.payInfo.PAY_BANK_NUM = item.B2bNum;
|
|
|
+ }else{
|
|
|
+ this.payInfo.PAY_BANK_NUM = item.B2cNum;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ slideToggleContent:function(){
|
|
|
+ this.isSiled = !this.isSiled;
|
|
|
+ },
|
|
|
+ countTime:function(value){//支付链接倒计时
|
|
|
+ var _self = this;
|
|
|
+ //获取当前时间
|
|
|
+ var date = new Date();
|
|
|
+ var now = date.getTime();
|
|
|
+ //设置截止时间
|
|
|
+ var endDate = new Date(value);
|
|
|
+ var end = endDate.getTime();
|
|
|
+ //时间差
|
|
|
+ var differTime = end - now;
|
|
|
+ //定义变量,h,m,s保存倒计时的时间
|
|
|
+ var h, m, s;
|
|
|
+ if (differTime >= 0) {
|
|
|
+ h = Math.floor(differTime / 1000 / 60 / 60);
|
|
|
+ m = Math.floor(differTime / 1000 / 60 % 60);
|
|
|
+ s = Math.floor(differTime / 1000 % 60);
|
|
|
+ _self.downHour = h < 10 ? ("0" + h) : h;
|
|
|
+ _self.downMinute = m < 10 ? ("0" + m) : m;
|
|
|
+ _self.downSecond = s < 10 ? ("0" + s) : s;
|
|
|
+ //递归调用函数所以是延时器不是定时器
|
|
|
+ setTimeout(function () {
|
|
|
+ _self.countTime(value)
|
|
|
+ }, 1000);
|
|
|
+ } else {
|
|
|
+ _self.downHour = '00';
|
|
|
+ _self.downMinute = '00';
|
|
|
+ _self.downSecond = '00';
|
|
|
+ }
|
|
|
+ },
|
|
|
+ freightText:function (type) {//处理邮费显示
|
|
|
+ var text ="";
|
|
|
+ if(type > 0){
|
|
|
+ text = '￥'+type.toFixed(2);
|
|
|
+ }else if(type == -1){
|
|
|
+ text = '到付';
|
|
|
+ }else{
|
|
|
+ text = '包邮';
|
|
|
+ }
|
|
|
+ return text
|
|
|
+ },
|
|
|
+ payTypeText:function(state){//处理支付记录文字
|
|
|
+ var stateText = '',
|
|
|
+ stateTextObject={
|
|
|
+ 12:'企业网银',
|
|
|
+ 13:'微信支付',
|
|
|
+ 14:'支付宝',
|
|
|
+ 15:'微信支付',
|
|
|
+ 16:'余额抵扣'
|
|
|
+ };
|
|
|
+ Object.keys(stateTextObject).forEach(function(key) {
|
|
|
+ if(key == state){
|
|
|
+ stateText = stateTextObject[key]
|
|
|
+ }
|
|
|
+ });
|
|
|
+ return stateText;
|
|
|
+ },
|
|
|
+ toFixedFn:function(text){
|
|
|
+ return Number(text).toFixed(2);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ mounted: function () {
|
|
|
+ var _self = this;
|
|
|
+ _self.payInfo.PAY_LINKLOGO= CAIMEI.getUrlParam('linkLogo');
|
|
|
+ _self.LinkInfoOrderBank(_self.payInfo.PAY_LINKLOGO);
|
|
|
+
|
|
|
+ }
|
|
|
+});
|
yuwenjun