From c13705d96a02bc794c019acf311e1e31587c68a2 Mon Sep 17 00:00:00 2001
From: Huakk <1751826683@qq.com>
Date: Sat, 11 May 2024 17:49:23 +0800
Subject: [PATCH] fix(custom):

---
 .../pending_order/wx_pay_code/index.scss      | 12 +++--
 .../pending_order/wx_pay_code/index.vue       | 52 ++++++++++++-------
 2 files changed, 41 insertions(+), 23 deletions(-)

diff --git a/src/pages/admin/add_order/pending_order/wx_pay_code/index.scss b/src/pages/admin/add_order/pending_order/wx_pay_code/index.scss
index 9d586cf..6fc7bba 100644
--- a/src/pages/admin/add_order/pending_order/wx_pay_code/index.scss
+++ b/src/pages/admin/add_order/pending_order/wx_pay_code/index.scss
@@ -21,17 +21,21 @@ page {
 
   .box {
     margin: auto;
-    background-image: url("../../static/ewm.png");
+    background-image: url('../../static/ewm.png');
     background-size: 100% 100%;
     width: 608px;
     height: 457px;
     position: relative;
     .qrcode {
+      opacity: 0;
+    }
+
+    .img {
       position: absolute;
       width: 280px;
       height: 280px;
-      top: 14%;
-      right: 9%;
+      top: 66px;
+      right: 55px;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/src/pages/admin/add_order/pending_order/wx_pay_code/index.vue b/src/pages/admin/add_order/pending_order/wx_pay_code/index.vue
index 25373d0..a27b698 100644
--- a/src/pages/admin/add_order/pending_order/wx_pay_code/index.vue
+++ b/src/pages/admin/add_order/pending_order/wx_pay_code/index.vue
@@ -5,39 +5,40 @@
       <view class="desc">请在这里扫码</view>
     </view>
     <view class="box">
-      <!-- <image :src="`https://api.pwmqr.com/qrcode/create?url=${code}`"></image> -->
-      <!-- <view ref="qrcode" id="qrcode"></view> -->
       <canvas class="qrcode" canvas-id="qrcode" id="qrcode"></canvas>
+      <image class="img" :src="dataUrl" />
     </view>
   </view>
 </template>
 
 <script setup lang="ts">
-import { onUnmounted, ref } from "vue";
-import Taro from "@tarojs/taro";
-import { getAfterOrder } from "@/api/admin";
-import UQRCode from "uqrcodejs";
+import {onUnmounted, ref} from 'vue';
+import Taro from '@tarojs/taro';
+import {getAfterOrder} from '@/api/admin';
+import UQRCode from 'uqrcodejs';
 
 const time_id = ref();
 
+const dataUrl = ref('');
+
 const info = ref<any>({});
 
-Taro.useLoad((e) => {
+Taro.useLoad(e => {
   info.value = e;
   getCode();
   time_id.value = setInterval(async () => {
-    const { data } = await getAfterOrder({
+    const {data} = await getAfterOrder({
       bid: info.value.bid,
       oid: info.value.oid,
     });
     if (data.data.status !== 0 && data.data.status !== 2) {
       clearInterval(time_id.value);
       Taro.showToast({
-        title: "支付成功",
-        icon: "success",
+        title: '支付成功',
+        icon: 'success',
       });
       setTimeout(() => {
-        Taro.removeStorageSync("pay_code");
+        Taro.removeStorageSync('pay_code');
         Taro.navigateTo({
           url: `/pages/admin/add_order/pending_order/pending_order_detail/index?oid=${info.value.oid}&bid=${info.value.bid}`,
         });
@@ -46,15 +47,28 @@ Taro.useLoad((e) => {
   }, 1000);
 });
 
-const getCode = () => {
-  var qr = new UQRCode();
-  qr.data = Taro.getStorageSync("pay_code");
-  qr.size = 160;
+const getCode = async () => {
+  const qr = new UQRCode();
+  qr.data = Taro.getStorageSync('pay_code');
+  qr.size = 150;
   qr.margin = 5;
   qr.make();
-  const canvasContext = Taro.createCanvasContext("qrcode");
+  const canvasContext = Taro.createCanvasContext('qrcode');
   qr.canvasContext = canvasContext;
-  qr.drawCanvas();
+  qr.drawCanvas().then(() => {
+    Taro.canvasToTempFilePath({
+      x: 0,
+      y: 0,
+      width: 150,
+      height: 150,
+      destWidth: 150,
+      destHeight: 150,
+      canvasId: 'qrcode',
+      success: function (res) {
+        dataUrl.value = res.tempFilePath;
+      },
+    });
+  });
 };
 
 Taro.useDidHide(() => {
@@ -67,5 +81,5 @@ onUnmounted(() => {
 </script>
 
 <style lang="scss">
-@import "./index.scss";
-</style>
+@import './index.scss';
+</style>
\ No newline at end of file