12

app/pages/collectCode/mine/components/codeCard/index.vue

@@ -4,7 +4,6 @@ import XImage from "@/components/x-image/index.vue";
 import {useRuntimeConfig} from "#app";
 import QRCode from 'qrcode'
 import { showImagePreview } from 'vant';
-import {offlineQrcode, offlineQrcodeDelete} from "~/api-collect-code/goods/index.js";
 
 const statusLabel=[
   {label:'已付款',value:2,color:'#18A058'},  {label:'未付款',value:1,color:'#CF3050'},  {label:'已部分付款',value:4,color:'#F09F1F'}
@@ -33,9 +32,13 @@ const getQRBase64 = async () => {
     return null
   }
 }
+const QRUrl=ref('')
+const show=ref(false)
 const openQrCode=async ()=>{
+
   const base64=await getQRBase64()
-  showImagePreview([base64])
+  QRUrl.value=base64
+  show.value=true
 }
 
 </script>
@@ -63,6 +66,11 @@ const openQrCode=async ()=>{
           </div>
         </div>
       </div>
+      <van-dialog teleport="body" v-model:show="show">
+       <div class="flex justify-center py-20px">
+         <img :src="QRUrl" />
+       </div>
+      </van-dialog>
     </div>
   </div>
 </template>

app/pages/collectCode/mine/index.vue

@@ -52,6 +52,7 @@ const confirm=async ()=>{
  const res=await offlineQrcodeCreate({...createForm.value,price:String(createForm.value.price)})
   if (res.status===0){
     show.value=false
+    onRefresh()
   }
 
 }