动态获取线上转账账号

mixins/bankMixins.js

@@ -4,18 +4,14 @@ import Vue from 'vue'
 const bankMixins = {
     data() {
         return {
-            bankInfo:{
-                userName: '',
-                bankNumber: '',
-                bankName: ''
-            }
+            bankInfo:{}
         }
     },
     methods: {
-        cmsSysStatistics() {
-            this.ProductService.sYsStatisticsTypesSatisticsNumber()
+        cmGetBankTypeLists() {
+            this.PayService.payOrderReceiptBankData()
                 .then(response => {
-                    
+                    this.bankInfo = response.data
                 })
                 .catch(error => {
                     console.log('<-------获取收款银行数据异常------>')

pages/user/order/order-payment.vue

@@ -16,9 +16,9 @@
 				<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">开户行：{{ bankInfo.bankOfDeposit }}</view>
+						<view class="text-v">银行卡号：{{ bankInfo.bankCardNo }}</view>
+						<view class="text-v">户名：{{ bankInfo.bankUserName }}</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>
@@ -41,9 +41,9 @@
 				<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">开户行：{{ bankInfo.bankOfDeposit }}</view>
+						<view class="text-v">银行卡号：{{ bankInfo.bankCardNo }}</view>
+						<view class="text-v">户名：{{ bankInfo.bankUserName }}</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>
@@ -163,6 +163,7 @@
 				payStatusText:'使用任何一种线上支付方式支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。',
 				pageType:'',
                 weChatFlag: true // 判断微信支付是否可用
+				
 			}
 		},
 		onLoad(option) {
@@ -201,6 +202,7 @@
 				this.nvabarData.title = '选择支付方式'
 				this.PayOrderOnLineSwitch()
 				this.PayOrderCheckoutCounter(this.shopOrderId)
+				this.cmGetBankTypeLists()
 				switch(e.type){
 					case 'confirm':
 						this.nvabarData.haveBack = false

pages/user/order/order-payunder.vue

@@ -1,6 +1,13 @@
 <template>
 	<view class="container cashier">
-		<view class="container-cash clearfix">
+		<tui-skeleton
+			v-if="skeletonShow"
+			backgroundColor="#fafafa"
+			borderRadius="10rpx"
+			:isLoading="true"
+			:loadingType="5"
+		></tui-skeleton>
+		<view class="container-cash clearfix" v-else>
 			<view class="pay-bring-title" v-if="onlinePay == 2">{{payBringTitle}}</view>
 			<view class="container-wrapper">
 				<view class="pay-content">
@@ -14,9 +21,9 @@
 			<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">开户行：{{ bankInfo.bankOfDeposit }}</view>
+					<view class="text-v">银行卡号：{{ bankInfo.bankCardNo }}</view>
+					<view class="text-v">户名：{{ bankInfo.bankUserName }}</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>
@@ -50,7 +57,9 @@
 				onlinePayFlag:'',
 				payBringTitle:'本次交易暂不支持线上支付，请使用线下转账方式付款',
 				payStatusText:'使用任何一种线上支付方式支付全部金额后，供应商会在24小时后发货（周末、节假日顺延）。',
-				pageType:''
+				pageType:'',
+				skeletonShow:true
+				
 			}
 		},
 		onLoad(option) {
@@ -84,6 +93,7 @@
 				console.log(e)
 				this.orderId = e.orderId
 				this.payOrderId ='#'+e.orderId+'#'
+				this.cmGetBankTypeLists()	
 				this.PayOrderCheckoutCounter(this.orderId)
 			},
 			PayOrderCheckoutCounter(orderId){
@@ -91,13 +101,16 @@
 					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.onlinePay = 2
 					}else{
 						this.onlinePay = response.data.onlinePay
 					}
+					setTimeout(()=>{
+						this.skeletonShow = false
+					},500)
 				}).catch(error =>{
 					this.$util.msg(error.msg,2000)
 				})

services/pay.service.js

@@ -203,4 +203,14 @@ export default class PayService {
               
         })
     } 
+    /**
+	 *@param 获取线下转账银行
+	 */
+    payOrderReceiptBankData (data = {}) {
+        return this.AjaxService.get({
+            url:'/order/receipt/bankData', 
+            data, 
+            isLoading: false ,
+        }) 
+    } 
 }