动态获取线下转账账号

src/main/resources/static/js/common/serviceapi/pay.service.js

@@ -4,6 +4,18 @@
  * auther ZHJY
  */
 var PayApi = {
+        PayOrderReceiptBankData: function (params, callback) {//获取线下收款
+            Http.AjaxService({
+                url:'/order/receipt/bankData',
+                type:'GET',
+                data:params,
+                json:true,
+                isHost:true
+            })
+            .then(function(res){
+                callback(res);
+            });
+        },
         PayOrderOnLineSwitch: function (params, callback) {//获取线上支付全局开关状态
             Http.AjaxService({
                 url:'/order/pay/online/switch',

src/main/resources/static/js/mixins/bankMixins.js

@@ -0,0 +1,23 @@
+// 统计数据
+// 统计类型 1：首页banner；2：直播模块；3：最新活动；4：热门文章；5：新品橱窗；6：活动列表
+var bankMixins = function () {
+    return {
+        data() {
+            return {
+                bankInfo:{ }
+            }
+        },
+        methods: {
+            cmGetBankTypeLists:function() {
+                var _this = this;
+                PayApi.PayOrderReceiptBankData({},function (response) {
+                    if(response.code === 0){
+                        _this.bankInfo = response.data;
+                    }else{
+                        console.log('<-------获取收款银行数据异常------>')
+                    }
+                })
+            },
+        }
+    }
+}();

src/main/resources/static/js/pay/caimei-paylist.js

@@ -2,6 +2,7 @@
  *Created by ZHJY on 2020/7/14.
  */
 var payContainer = new Vue({
+    mixins: [bankMixins],
     el:"#payContainer",
     data: {
         loginLoading:true,
@@ -89,6 +90,7 @@ var payContainer = new Vue({
         _self.orderId = CAIMEI.getUrlParam('orderId');
         _self.orderIdentificationId = '#'+ _self.orderId+'#';
         console.log(_self.payInfo.payType);
+        _self.cmGetBankTypeLists();
         _self.PayOrderShoporders();
     }
 });

src/main/resources/static/js/pay/caimei-payunder.js

@@ -2,6 +2,7 @@
  *Created by ZHJY on 2020/7/14.
  */
 var payContainer = new Vue({
+    mixins: [bankMixins],
     el:"#payContainer",
     data: {
         payAmount:0,
@@ -33,15 +34,6 @@ var payContainer = new Vue({
                     _self.paySuccessCounter = data.order.paySuccessCounter;
                     _self.loginLoading = false;
                     _self.isRequest = true;
-                    switch (_self.payInfo.payType) {
-                        case 'WEIXIN':
-                            _self.getWrchatQrcodeShow();
-                            break;
-                        case 'ALIPAY':
-                            _self.getAliPayQrcodeInfo();
-                            break;
-                    }
-
                 }else{
                     CAIMEI.Alert(response.msg,'确定',false);
                 }
@@ -63,5 +55,6 @@ var payContainer = new Vue({
         _self.orderId = CAIMEI.getUrlParam('orderId');
         _self.orderIdentificationId = '#'+ _self.orderId+'#';
         _self.infoPayOrderCheckoutCounter();
+        _self.cmGetBankTypeLists();
     }
 });

src/main/resources/templates/pay/caimei-paylist.html

@@ -87,13 +87,13 @@
                         待付金额：<span class="red">￥{{ paidAmount | NumFormat }}</span>
                     </div>
                     <div class="content-viw">
-                        开户行：<span>华夏银行深圳分行营业部</span>
+                        开户行：<span>{{ bankInfo.bankOfDeposit }}</span>
                     </div>
                     <div class="content-viw">
-                        户名：<span>周倩如</span>
+                        户名：<span>{{ bankInfo.bankUserName }}</span>
                     </div>
                     <div class="content-viw">
-                        银行卡号：<span>6230 2100 9221 2400</span>
+                        银行卡号：<span>{{ bankInfo.bankCardNo }}</span>
                     </div>
                     <div class="content-viw">
                         订单标识：<span v-text="orderIdentificationId"></span><span class="copy" @click="copyOrderBtnSubmitFn">复制</span>
@@ -113,6 +113,7 @@
 <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/pay.service.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/lib/qrcode.min.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/bankMixins.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/pay/caimei-paylist.js(v=${version})}"></script>
 
 </body>

src/main/resources/templates/pay/caimei-payunder.html

@@ -29,13 +29,13 @@
             <div class="pay-bank">
                 <div class="pay-bank-content">
                     <div class="content-viw">
-                        开户行：<span>华夏银行深圳分行营业部</span>
+                        开户行：<span>{{ bankInfo.bankOfDeposit }}</span>
                     </div>
                     <div class="content-viw">
-                        户名：<span>周倩如</span>
+                        户名：<span>{{ bankInfo.bankUserName }}</span>
                     </div>
                     <div class="content-viw">
-                        银行卡号：<span>6230 2100 9221 2400</span>
+                        银行卡号：<span>{{ bankInfo.bankCardNo }}</span>
                     </div>
                     <div class="content-viw">
                         订单标识：<span v-text="orderIdentificationId"></span><span class="copy" @click="copyOrderBtnSubmitFn">复制</span>
@@ -54,6 +54,7 @@
 <script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/pay.service.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/lib/qrcode.min.js(v=${version})}"></script>
+<script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/bankMixins.js(v=${version})}"></script>
 <script charset="utf-8" type="text/javascript" th:src="@{/js/pay/caimei-payunder.js(v=${version})}"></script>
 
 </body>