pay: 增加支付宝的条形码支付的配置

Author: YunaiV

src/assets/images/pay/icon/alipay_bar.svg

@@ -148,6 +148,10 @@ export const PayChannelEnum = {
     "code": "alipay_qr",
     "name": "支付宝扫码支付"
   },
+  ALIPAY_BAR: {
+    "code": "alipay_bar",
+    "name": "支付宝条码支付"
+  },
 }
 
 /**

src/utils/constants.js

@@ -53,11 +53,6 @@
         </template>
       </el-table-column>
       <el-table-column label="商户名称" align="center" prop="payMerchant.name"/>
-      <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-        <template v-slot="scope">
-          <span>{{ parseTime(scope.row.createTime) }}</span>
-        </template>
-      </el-table-column>
       <el-table-column label="支付宝配置" align="center">
         <el-table-column :label="payChannelEnum.ALIPAY_APP.name" align="center">
           <template v-slot="scope">
@@ -107,6 +102,18 @@
             </el-button>
           </template>
         </el-table-column>
+        <el-table-column :label="payChannelEnum.ALIPAY_BAR.name" align="center">
+          <template v-slot="scope">
+            <el-button type="success" icon="el-icon-check" circle
+                       v-if="judgeChannelExist(scope.row.channelCodes,payChannelEnum.ALIPAY_BAR.code)"
+                       @click="handleUpdateChannel(scope.row,payChannelEnum.ALIPAY_BAR.code,payType.ALIPAY)">
+            </el-button>
+            <el-button v-else
+                       type="danger" icon="el-icon-close" circle
+                       @click="handleCreateChannel(scope.row,payChannelEnum.ALIPAY_BAR.code,payType.ALIPAY)">
+            </el-button>
+          </template>
+        </el-table-column>
       </el-table-column>
       <el-table-column label="微信配置" align="center">
         <el-table-column :label="payChannelEnum.WX_LITE.name" align="center">

src/views/pay/app/index.vue

@@ -82,6 +82,7 @@ export default {
         alipay_app: require("@/assets/images/pay/icon/alipay_app.svg"),
         alipay_wap: require("@/assets/images/pay/icon/alipay_wap.svg"),
         alipay_pc: require("@/assets/images/pay/icon/alipay_pc.svg"),
+        alipay_bar: require("@/assets/images/pay/icon/alipay_bar.svg"),
         wx_app: require("@/assets/images/pay/icon/wx_app.svg"),
         wx_lite: require("@/assets/images/pay/icon/wx_lite.svg"),
         wx_pub: require("@/assets/images/pay/icon/wx_pub.svg"),
@@ -102,6 +103,11 @@ export default {
       form: { // 展示形式：form
         html: '',
       },
+      barCode: { // 展示形式：条形码
+        value: '',
+        title: '',
+        visible: false,
+      },
     };
   },
   created() {
@@ -155,6 +161,16 @@ export default {
     },
     /** 提交支付 */
     submit(channelCode) {
+      // 条形码支付，需要特殊处理
+      if (channelCode === PayChannelEnum.ALIPAY_BAR.code) {
+
+        return;
+      }
+
+      // 默认的提交处理
+      this.submit0(channelCode)
+    },
+    submit0(channelCode) {
       this.submitLoading = true
       submitOrder({
         id: this.id,