feat(custom): 优化后结功能

src/pages/admin/add_order/pending_order/components/Footer.vue

@@ -57,8 +57,8 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from "vue";
-import { confirmAfterOrder, editAfterOrder } from "../../../../../api/admin";
+import { onMounted, ref } from "vue";
+import { confirmAfterOrder, editAfterOrder } from "@/api/admin";
 import Taro from "@tarojs/taro";
 
 const props = defineProps({
@@ -68,6 +68,10 @@ const props = defineProps({
   },
 });
 
+onMounted(() => {
+  console.log(props.info);
+})
+
 const emits = defineEmits(["ok"]);
 
 const visible = ref(false);

src/pages/admin/add_order/pending_order/index.vue

@@ -73,8 +73,8 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import Taro from "@tarojs/taro";
-import { getAfterOrderList } from "../../../../api/admin";
 import Footer from "./components/Footer.vue";
+import { getAfterOrderList } from "@/api/admin";
 
 const tabsIndex = ref(1);
 

src/pages/admin/add_order/pending_order/wx_pay_code/index.scss

@@ -26,7 +26,7 @@ page {
     width: 608px;
     height: 457px;
     position: relative;
-    image {
+    canvas {
       position: absolute;
       width: 280px;
       height: 280px;

src/pages/admin/add_order/pending_order/wx_pay_code/index.vue

@@ -5,7 +5,9 @@
       <view class="desc">请在这里扫码</view>
     </view>
     <view class="box">
-      <image :src="`https://api.pwmqr.com/qrcode/create?url=${code}`"></image>
+      <!-- <image :src="`https://api.pwmqr.com/qrcode/create?url=${code}`"></image> -->
+      <!-- <view ref="qrcode" id="qrcode"></view> -->
+      <canvas canvas-id="qrcode" id="qrcode"></canvas>
     </view>
   </view>
 </template>
@@ -14,8 +16,7 @@
 import { onUnmounted, ref } from "vue";
 import Taro from "@tarojs/taro";
 import { getAfterOrder } from "@/api/admin";
-
-const code = ref("");
+import UQRCode from "uqrcodejs";
 
 const time_id = ref();
 
@@ -23,7 +24,7 @@ const info = ref<any>({});
 
 Taro.useLoad((e) => {
   info.value = e;
-  code.value = Taro.getStorageSync("pay_code");
+  getCode();
   time_id.value = setInterval(async () => {
     const { data } = await getAfterOrder({
       bid: info.value.bid,
@@ -45,6 +46,16 @@ Taro.useLoad((e) => {
   }, 1000);
 });
 
+const getCode = () => {
+  var qr = new UQRCode();
+  qr.data = Taro.getStorageSync("pay_code");
+  qr.size = 160;
+  qr.make();
+  var canvasContext = Taro.createCanvasContext("qrcode");
+  qr.canvasContext = canvasContext;
+  qr.drawCanvas();
+};
+
 Taro.useDidHide(() => {
   clearInterval(time_id.value);
 });