|
@@ -1,96 +1,123 @@
|
|
|
<template>
|
|
|
<view class="container cashier" :style="{paddingTop:CustomBar+'px'}">
|
|
|
<cu-custom :navbar-data='nvabarData' @navigateBack="hanldNavigateBack"></cu-custom>
|
|
|
- <view class="container-cash clearfix" v-if="invoiceStatus">
|
|
|
- <view class="pay-bring-title">{{payBringTitle}}</view>
|
|
|
- <view class="container-wrapper">
|
|
|
- <view class="pay-content">
|
|
|
- <view class="pay-p"><text>待付金额</text></view>
|
|
|
- <view class="pay-money">
|
|
|
- <text class="pay-sm">¥</text>
|
|
|
- <text class="pay-bg">{{payableAmount | NumFormat}}</text>
|
|
|
+ <template v-if="isPaySwitch">
|
|
|
+ <view class="container-cash clearfix">
|
|
|
+ <view class="pay-bring-title">线上支付功能正在维护中,请使用线下转账方式支付订单</view>
|
|
|
+ <view class="container-wrapper">
|
|
|
+ <view class="pay-content">
|
|
|
+ <view class="pay-p"><text>待付金额</text></view>
|
|
|
+ <view class="pay-money">
|
|
|
+ <text class="pay-sm">¥</text>
|
|
|
+ <text class="pay-bg">{{payableAmount | NumFormat}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="pay-bring-wrapper clearfix">
|
|
|
- <view class="pay-bring-content">
|
|
|
- <view class="text-v title">转账信息</view>
|
|
|
- <view class="text-v">开户行:中信银行(深圳泰然支行)</view>
|
|
|
- <view class="text-v">银行卡号:{{bankNumber}}</view>
|
|
|
- <view class="text-v">户名:周仁声</view>
|
|
|
- <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
- <view class="text-v title">特别注意</view>
|
|
|
- <view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
|
|
|
+ <view class="pay-bring-wrapper clearfix">
|
|
|
+ <view class="pay-bring-content">
|
|
|
+ <view class="text-v title">转账信息</view>
|
|
|
+ <view class="text-v">开户行:中信银行(深圳泰然支行)</view>
|
|
|
+ <view class="text-v">银行卡号:{{bankNumber}}</view>
|
|
|
+ <view class="text-v">户名:周仁声</view>
|
|
|
+ <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
+ <view class="text-v title">特别注意</view>
|
|
|
+ <view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="container-cash clearfix" v-else>
|
|
|
- <view class="container-wrapper">
|
|
|
- <view class="pay-content">
|
|
|
- <view class="pay-p"><text>待付金额</text></view>
|
|
|
- <view class="pay-money">
|
|
|
- <text class="pay-sm">¥</text>
|
|
|
- <text class="pay-bg">{{payableAmount | NumFormat}}</text>
|
|
|
+ </view>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <view class="container-cash clearfix" v-if="invoiceStatus">
|
|
|
+ <view class="pay-bring-title">{{payBringTitle}}</view>
|
|
|
+ <view class="container-wrapper">
|
|
|
+ <view class="pay-content">
|
|
|
+ <view class="pay-p"><text>待付金额</text></view>
|
|
|
+ <view class="pay-money">
|
|
|
+ <text class="pay-sm">¥</text>
|
|
|
+ <text class="pay-bg">{{payableAmount | NumFormat}}</text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="pay-check">
|
|
|
- <view class="check-title"><view class="text">选择支付方式</view></view>
|
|
|
- <view class="pay-checked">
|
|
|
- <view class="pay-item" :class="{ 'current' : tabCurrentIndex === 0}" @click="tabClick(0)" >
|
|
|
- <view class="item-l">
|
|
|
- <view class="item-icon"><text class="iconfont icon-weixinzhifu"></text></view>
|
|
|
- <view class="item-texts"><text>微信支付</text></view>
|
|
|
- </view>
|
|
|
- <view class="item-r">
|
|
|
- <text class="iconfont icon-gougou"></text>
|
|
|
- </view>
|
|
|
+ <view class="pay-bring-wrapper clearfix">
|
|
|
+ <view class="pay-bring-content">
|
|
|
+ <view class="text-v title">转账信息</view>
|
|
|
+ <view class="text-v">开户行:中信银行(深圳泰然支行)</view>
|
|
|
+ <view class="text-v">银行卡号:{{bankNumber}}</view>
|
|
|
+ <view class="text-v">户名:周仁声</view>
|
|
|
+ <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
+ <view class="text-v title">特别注意</view>
|
|
|
+ <view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="container-cash clearfix" v-else>
|
|
|
+ <view class="container-wrapper">
|
|
|
+ <view class="pay-content">
|
|
|
+ <view class="pay-p"><text>待付金额</text></view>
|
|
|
+ <view class="pay-money">
|
|
|
+ <text class="pay-sm">¥</text>
|
|
|
+ <text class="pay-bg">{{payableAmount | NumFormat}}</text>
|
|
|
</view>
|
|
|
- <view class="pay-item" :class="{ 'current' : tabCurrentIndex === 1}" @click="tabClick(1)" >
|
|
|
- <view class="item-l">
|
|
|
- <view class="item-icon"><text class="iconfont icon-yinlianzhifu"></text></view>
|
|
|
- <view class="item-text">
|
|
|
- <view class="txt-p">企业网银支付</view>
|
|
|
- <view class="txt-t">需要在电脑端汇款</view>
|
|
|
+ </view>
|
|
|
+ <view class="pay-check">
|
|
|
+ <view class="check-title"><view class="text">选择支付方式</view></view>
|
|
|
+ <view class="pay-checked">
|
|
|
+ <view class="pay-item" :class="{ 'current' : tabCurrentIndex === 0}" @click="tabClick(0)" >
|
|
|
+ <view class="item-l">
|
|
|
+ <view class="item-icon"><text class="iconfont icon-weixinzhifu"></text></view>
|
|
|
+ <view class="item-texts"><text>微信支付</text></view>
|
|
|
+ </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <text class="iconfont icon-gougou"></text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="item-r">
|
|
|
- <text class="iconfont icon-gougou"></text>
|
|
|
+ <view class="pay-item" :class="{ 'current' : tabCurrentIndex === 1}" @click="tabClick(1)" >
|
|
|
+ <view class="item-l">
|
|
|
+ <view class="item-icon"><text class="iconfont icon-yinlianzhifu"></text></view>
|
|
|
+ <view class="item-text">
|
|
|
+ <view class="txt-p">企业网银支付</view>
|
|
|
+ <view class="txt-t">需要在电脑端汇款</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item-r">
|
|
|
+ <text class="iconfont icon-gougou"></text>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="pay-button">
|
|
|
- <view class="btn" @click.stop="goOrderCash" :style="{'background':btnColor}">{{buttonText}}</view>
|
|
|
- </view>
|
|
|
- <view class="pay-statustext">
|
|
|
- <view class="pay-statustext-inner">
|
|
|
- <view class="pay-icon">
|
|
|
- <text class="iconfont icon-gantanhao-yuankuang"></text>
|
|
|
- </view>
|
|
|
- <view class="pay-text">
|
|
|
- <text>{{payStatusText}}</text>
|
|
|
- </view>
|
|
|
+ <view class="pay-button">
|
|
|
+ <view class="btn" @click.stop="goOrderCash" :style="{'background':btnColor}">{{buttonText}}</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="pay-bring clearfix" :style="{paddingBottom:isIphoneX ? '68rpx' : '24rpx'}" @click.stop="showTips" v-if="isReceiptStatus">
|
|
|
- <view class="pay-bring-line"><text class="line"></text></view>
|
|
|
- <view class="pay-bring-content" v-if="!isShowTip">
|
|
|
- <view class="text bg-color">查看转账信息</view>
|
|
|
- <view class="text">除了以上两种支付方式</view>
|
|
|
- <view class="text">您还可以通过线下转账的方式付款</view>
|
|
|
+ <view class="pay-statustext">
|
|
|
+ <view class="pay-statustext-inner">
|
|
|
+ <view class="pay-icon">
|
|
|
+ <text class="iconfont icon-gantanhao-yuankuang"></text>
|
|
|
+ </view>
|
|
|
+ <view class="pay-text">
|
|
|
+ <text>{{payStatusText}}</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- <view class="pay-bring-content" v-else>
|
|
|
- <view class="text-v title">转账信息</view>
|
|
|
- <view class="text-v">开户行:中信银行(深圳泰然支行)</view>
|
|
|
- <view class="text-v">银行卡号:{{bankNumber}}</view>
|
|
|
- <view class="text-v">户名:周仁声</view>
|
|
|
- <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
- <view class="text-v title">特别注意</view>
|
|
|
- <view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
|
|
|
+ <view class="pay-bring clearfix" :style="{paddingBottom:isIphoneX ? '68rpx' : '24rpx'}" @click.stop="showTips" v-if="isReceiptStatus">
|
|
|
+ <view class="pay-bring-line"><text class="line"></text></view>
|
|
|
+ <view class="pay-bring-content" v-if="!isShowTip">
|
|
|
+ <view class="text bg-color">查看转账信息</view>
|
|
|
+ <view class="text">除了以上两种支付方式</view>
|
|
|
+ <view class="text">您还可以通过线下转账的方式付款</view>
|
|
|
+ </view>
|
|
|
+ <view class="pay-bring-content" v-else>
|
|
|
+ <view class="text-v title">转账信息</view>
|
|
|
+ <view class="text-v">开户行:中信银行(深圳泰然支行)</view>
|
|
|
+ <view class="text-v">银行卡号:{{bankNumber}}</view>
|
|
|
+ <view class="text-v">户名:周仁声</view>
|
|
|
+ <view class="text-v">订单标识:{{payOrderId}} <text class="clipboard" @click.stop="clipboard(payOrderId)">复制</text></view>
|
|
|
+ <view class="text-v title">特别注意</view>
|
|
|
+ <view class="text-v bg-color">请在转账备注中填写上述订单标识,方便财务快速审核,提高发货速度</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -121,6 +148,7 @@
|
|
|
btnColor:'#09BB07',
|
|
|
receiptStatus:'',
|
|
|
invoiceStatus:false,
|
|
|
+ isPaySwitch:false,
|
|
|
optionType:'',
|
|
|
onlinePayFlag:'',
|
|
|
payBringTitle:'本次交易暂不支持线上支付,请使用线下转账方式付款',
|
|
@@ -163,31 +191,44 @@
|
|
|
this.nvabarData.haveBack = false
|
|
|
this.nvabarData.haveHome = true
|
|
|
this.nvabarData.title = '支付'
|
|
|
+ this.PayOrderOnLineSwitch()
|
|
|
this.PayOrderCheckoutCounter(this.orderID)
|
|
|
break;
|
|
|
case 'payfirm':
|
|
|
this.nvabarData.haveBack = true
|
|
|
this.nvabarData.haveHome = false
|
|
|
this.nvabarData.title = '选择支付方式'
|
|
|
+ this.PayOrderOnLineSwitch()
|
|
|
this.PayOrderCheckoutCounter(this.orderID)
|
|
|
break;
|
|
|
case 'onlinePay':
|
|
|
this.invoiceStatus = true
|
|
|
+ this.isPaySwitch = false
|
|
|
this.nvabarData.haveBack = true
|
|
|
this.nvabarData.haveHome = false
|
|
|
this.nvabarData.title = '付款提示'
|
|
|
this.payableAmount = e.Amount
|
|
|
- // this.PayOrderCheckoutCounter(this.orderID)
|
|
|
this.payBringTitle = '您已通过线下转账的方式支付了订单部分款项,剩余款项依然需要使用线下转账方式,给您带来的不便敬请谅解'
|
|
|
break;
|
|
|
}
|
|
|
},
|
|
|
+ PayOrderOnLineSwitch(){
|
|
|
+ this.PayService.PayOrderOnLineSwitch().then(response=>{
|
|
|
+ if(response.data === 0 ){
|
|
|
+ this.isPaySwitch = true
|
|
|
+ }else{
|
|
|
+ this.isPaySwitch = false
|
|
|
+ }
|
|
|
+ }).catch(error =>{
|
|
|
+ this.$util.msg(error.msg,2000)
|
|
|
+ })
|
|
|
+ },
|
|
|
PayOrderCheckoutCounter(orderId){
|
|
|
this.PayService.PayOrderCheckoutCounter({orderId:orderId}).then(response =>{
|
|
|
let data = response.data.order
|
|
|
this.payableAmount = data.payableAmount - data.receiptAmount //待付金额
|
|
|
this.receiptStatus = data.receiptStatus
|
|
|
- this.onlinePayFlag = data.onlinePayFlag
|
|
|
+ this.onlinePayFlag = data.onlinePayFlag
|
|
|
//判断线上线下显示
|
|
|
if(this.optionType == 'onlinePay'){
|
|
|
this.invoiceStatus = true
|