新增微信支付、Native支付

src/views/booking/order/components/orderEdit.vue

@@ -110,7 +110,10 @@
           v-model:value="form.totalPrice"
         />
       </a-form-item>
-      <a-form-item label="减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格" name="reducePrice">
+      <a-form-item
+        label="减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格"
+        name="reducePrice"
+      >
         <a-input
           allow-clear
           placeholder="请输入减少的金额，使用VIP会员折扣、优惠券抵扣、优惠券折扣后减去的价格"
@@ -159,7 +162,10 @@
           v-model:value="form.coachId"
         />
       </a-form-item>
-      <a-form-item label="1微信支付，2积分，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡" name="payType">
+      <a-form-item
+        label="1微信支付，2积分，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡"
+        name="payType"
+      >
         <a-input
           allow-clear
           placeholder="请输入1微信支付，2积分，3支付宝，4现金，5POS机，6VIP月卡，7VIP年卡，8VIP次卡，9IC月卡，10IC年卡，11IC次卡，12免费，13VIP充值卡，14IC充值卡，15积分支付，16VIP季卡，17IC季卡"
@@ -173,21 +179,30 @@
           v-model:value="form.payStatus"
         />
       </a-form-item>
-      <a-form-item label="1已完成，2未使用，3已取消，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款" name="orderStatus">
+      <a-form-item
+        label="1已完成，2未使用，3已取消，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款"
+        name="orderStatus"
+      >
         <a-input
           allow-clear
           placeholder="请输入1已完成，2未使用，3已取消，4退款申请中，5退款被拒绝，6退款成功，7客户端申请退款"
           v-model:value="form.orderStatus"
         />
       </a-form-item>
-      <a-form-item label="优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡" name="type">
+      <a-form-item
+        label="优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡"
+        name="type"
+      >
         <a-input
           allow-clear
           placeholder="请输入优惠类型：0无、1抵扣优惠券、2折扣优惠券、3、VIP月卡、4VIP年卡，5VIP次卡、6VIP会员卡、7IC月卡、8IC年卡、9IC次卡、10IC会员卡、11免费订单、12VIP充值卡、13IC充值卡、14VIP季卡、15IC季卡"
           v-model:value="form.type"
         />
       </a-form-item>
-      <a-form-item label="二维码地址，保存订单号，支付成功后才生成" name="qrcode">
+      <a-form-item
+        label="二维码地址，保存订单号，支付成功后才生成"
+        name="qrcode"
+      >
         <a-input
           allow-clear
           placeholder="请输入二维码地址，保存订单号，支付成功后才生成"
@@ -222,7 +237,10 @@
           v-model:value="form.startTime"
         />
       </a-form-item>
-      <a-form-item label="是否已开具发票：1已开发票，2未开发票，3不能开具发票" name="isInvoice">
+      <a-form-item
+        label="是否已开具发票：1已开发票，2未开发票，3不能开具发票"
+        name="isInvoice"
+      >
         <a-input
           allow-clear
           placeholder="请输入是否已开具发票：1已开发票，2未开发票，3不能开具发票"
@@ -257,7 +275,10 @@
           v-model:value="form.refundApplyTime"
         />
       </a-form-item>
-      <a-form-item label="对账情况：1=已对账；2=未对账；3=已对账，金额对不上；4=未查询到该订单" name="checkBill">
+      <a-form-item
+        label="对账情况：1=已对账；2=未对账；3=已对账，金额对不上；4=未查询到该订单"
+        name="checkBill"
+      >
         <a-input
           allow-clear
           placeholder="请输入对账情况：1=已对账；2=未对账；3=已对账，金额对不上；4=未查询到该订单"
@@ -361,14 +382,9 @@
     refundTime: undefined,
     refundApplyTime: undefined,
     checkBill: undefined,
-    comments: undefined,
     deleted: undefined,
     tenantId: undefined,
-    orderId: undefined,
-    orderName: '',
-    status: 0,
-    comments: '',
-    sortNumber: 100
+    comments: ''
   });
 
   /* 更新visible */
@@ -439,12 +455,12 @@
         images.value = [];
         if (props.data) {
           assignObject(form, props.data);
-          if(props.data.image){
+          if (props.data.image) {
             images.value.push({
               uid: uuid(),
               url: props.data.image,
               status: 'done'
-            })
+            });
           }
           isUpdate.value = true;
         } else {

src/views/booking/order/components/search.vue

@@ -8,13 +8,29 @@
       @search="search"
       @pressEnter="search"
     />
+    <a-button @click="getCode">生成支付二维码</a-button>
   </a-space>
+  <ele-modal
+    :width="500"
+    :visible="showQrcode"
+    :maskClosable="false"
+    title="使用微信扫一扫完成支付"
+    :body-style="{ paddingBottom: '28px' }"
+    @cancel="closeQrcode"
+    @ok="closeQrcode"
+  >
+    <div class="qrcode">
+      <ele-qr-code-svg v-if="text" :value="text" :size="200" />
+      <div class="ele-text-secondary">使用微信扫一扫完成支付</div>
+    </div>
+  </ele-modal>
 </template>
 
 <script lang="ts" setup>
-  import { watch } from 'vue';
+  import { ref, watch } from 'vue';
   import useSearch from '@/utils/use-search';
   import { OrderParam } from '@/api/shop/order/model';
+  import { getNativeCode } from '@/api/system/payment';
 
   const props = withDefaults(
     defineProps<{
@@ -41,8 +57,33 @@
     emit('search', where);
   };
 
+  // 二维码内容
+  const text = ref('');
+  const showQrcode = ref(false);
+
+  const closeQrcode = () => {
+    showQrcode.value = !showQrcode.value;
+  };
+
+  const getCode = () => {
+    getNativeCode({}).then((data) => {
+      text.value = String(data);
+      showQrcode.value = true;
+    });
+  };
+
   watch(
     () => props.selection,
     () => {}
   );
 </script>
+
+<style lang="less" scoped>
+  .qrcode {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    padding: 40px 0;
+  }
+</style>