银联支付

.env.development

@@ -1,4 +1,4 @@
-VUE_APP_BASE_URL=https://www.adcs.vip
+VUE_APP_BASE_URL=https://n.banma-inc.com/
 NODE_ENV=development
 VUE_APP_PUBLIC_PATH=/
 ASSETS_PATH=raex

src/views/Submit.vue

@@ -33,7 +33,9 @@
                     :key="index"
                 >
                     <div class="payment_method_con_left">
-                        <img :src="item.icon" alt="" class="payment_method_img" />
+                        <div class="img-icon">
+                            <img :src="item.icon" alt="" class="payment_method_img" />
+                        </div>
                         <div class="payment_method_title">{{ item.name }}</div>
                     </div>
                     <img class="choose-icon" :src="payType === item.type ? icons[1] : icons[0]" alt="" />
@@ -89,14 +91,10 @@ export default {
                     type: 'ALIPAY'
                 },
                 {
-                    icon: require('@assets/svgs/wechat.svg'),
-                    name: '微信',
-                    type: 'WEIXIN'
+                    icon: require('@assets/icon_yinlian.png'),
+                    name: '银联快捷付',
+                    type: 'UNION'
                 }
-                // {
-                //   icon: require("@assets/svgs/png-decp.svg"),
-                //   name: "DCEP",
-                // },
             ],
             icons: [require('@assets/svgs/icon_gouxuan_huise.svg'), require('@assets/icon_gouxuan_pre.png')],
             bottom: null,
@@ -507,6 +505,11 @@ export default {
                                         });
                                     reject();
                                 });
+                        } else if (this.payType === 'UNION') {
+                            const url = resolveUrl(this.$baseUrl, '/payOrder/sandQuick?id=' + this.orderId)
+                            console.log(url);
+                            document.location.href = url;
+                            this.getOrder(true);
                         }
                     });
                 } else {
@@ -844,7 +847,7 @@ export default {
             font-family: PingFangSC-Medium, PingFang SC;
             font-weight: 500;
             color: #ffffff;
-            border-bottom: 1px solid rgba(94, 99, 110 ,.2);
+            border-bottom: 1px solid rgba(94, 99, 110, 0.2);
             padding-bottom: 10px;
             margin-bottom: 10px;
             box-sizing: border-box;
@@ -854,10 +857,15 @@ export default {
                     margin-top: 2px;
                 }
             }
+            .img-icon {
+                width: 45px;
+                .flex();
+                justify-content: center;
+            }
             .payment_method_img {
-                width: 24px;
                 height: 24px;
                 margin-right: 6px;
+                display: block;
             }
             .choose-icon {
                 width: 24px;
@@ -884,7 +892,7 @@ export default {
     box-sizing: border-box;
     display: flex;
     justify-content: space-between;
-    .immediate_payment_left{
+    .immediate_payment_left {
         display: flex;
     }
     .immediate_payment_total {
@@ -923,9 +931,9 @@ export default {
         text-align: center;
     }
 }
-/deep/ .van-divider::before{
-        height: 1px;
-        background: #5F646F;
-        opacity: 0.2;
-    }
+/deep/ .van-divider::before {
+    height: 1px;
+    background: #5f646f;
+    opacity: 0.2;
+}
 </style>