fix(custom): 修复二维码失效

src/pages/users/order_list/index.vue

@@ -5,6 +5,7 @@ import Pay from '@/components/Pay.vue';
 import {getActiveOrderList, deleteActiveOrder} from '@/api/goods';
 import {getOrderStatistics} from '@/api/order';
 import {getUserPoint} from '@/api/admin';
+import UQRCode from 'uqrcodejs';
 
 const tabValue = ref(0);
 
@@ -201,7 +202,21 @@ const t_id = ref();
 
 const openCode = item => {
   if (item.status === 2) return;
-  url.value = `https://api.pwmqr.com/qrcode/create?url=${item.oid}`;
+  // url.value = `https://api.pwmqr.com/qrcode/create?url=${item.oid}`;
+  // 获取uQRCode实例
+  const qr = new UQRCode();
+  // 设置二维码内容
+  qr.data = item.oid;
+  // 设置二维码大小，必须与canvas设置的宽高一致
+  qr.size = 200;
+  // 调用制作二维码方法
+  qr.make();
+  // 获取canvas元素
+  const ctx = Taro.createCanvasContext('qrcode');
+  // 设置uQRCode实例的canvas上下文
+  qr.canvasContext = ctx;
+  // 调用绘制方法将二维码图案绘制到canvas上
+  qr.drawCanvas();
   isShowCode.value = true;
   t_id.value = setInterval(() => {
     checkStatus(item);
@@ -371,7 +386,14 @@ const closed = () => {
       @closed="closed">
       <view class="code-box">
         <view>核销码</view>
-        <image class="qrcode" :src="url"></image>
+        <!-- <image class="qrcode" :src="url"></image> -->
+        <view class="qrcode">
+          <canvas
+            ref="qrcode"
+            id="qrcode"
+            class="qrcode"
+            canvas-id="qrcode"></canvas>
+        </view>
       </view>
     </nut-popup>
     <pay
@@ -501,7 +523,8 @@ page {
 }
 
 .qrcode {
-  width: 300px;
-  height: 300px;
+  width: 370px;
+  height: 370px;
+  padding: 10px;
 }
 </style>