订单管理-支付码不显示

src/views/insurancePolicy/order.vue

@@ -222,6 +222,8 @@ import { dictData } from '@/views/localDict/index';
 import { ElMessage } from "element-plus";
 import { useRouter } from 'vue-router';
 import { TableInstance } from 'element-plus';
+import QRCode from 'qrcode'
+
 const router = useRouter()
 const loading = ref(false)
 const formData = ref({})
@@ -545,7 +547,7 @@ const payCode = (scope: any) => {
   payCodeShow.value = true
   api.insurancePolicyApi.getQrCode(scope.row.orderNo).then((res: any) => {
     if (res.code == 200) {
-      payCodeUrl.value = res.data?.qrcode
+      initPayCode(res.data?.qrcode)
     } else {
       payCodeUrl.value = ''
       ElMessage({
@@ -555,6 +557,12 @@ const payCode = (scope: any) => {
     }
   })
 }
+const initPayCode = async (url) => {
+  payCodeUrl.value = await QRCode.toDataURL(url, {
+    width: 150,
+    margin: 2
+  });
+}
 
 const uploadStatus = (row: any) => {
   api.insurancePolicyApi.getOrderStatus({