submit

src/http/apis.js

@@ -72,3 +72,10 @@ export const extractingBlindBoxes= (data) => {
         isShowMsg:false,
     })
 }
+export const getQrCode= (data) => {
+    return uniReq.get({
+        url: '/api/smart/appointment/qr/get',
+        params:data,
+        responseType: 'arraybuffer'
+    })
+}

src/pages/blind-box/index.vue

@@ -35,15 +35,27 @@
         <div class="wrap4">**即将返回首页</div>
       </div>
     </tm-drawer>
+    <tm-drawer hideHeader  :width="510" :height="636" ref="calendarView" placement="center" v-model:show="showWin4">
+        <div class="content8">
+          <div class="wrap1">领取成功</div>
+          <div class="wrap2">1人1码请与工作人员核验领取</div>
+          <div class="wrap3">
+            <image :src="imageSrc"></image>
+          </div>
+          <div class="wrap4">确定</div>
+          <div class="wrap5">*可从“我的票库”查看</div>
+        </div>
+    </tm-drawer>
   </div>
 </div>
 </template>
 <script setup>
 import {ref} from 'vue'
-import {extractingBlindBoxes} from "@/http/apis";
+import {extractingBlindBoxes, getQrCode} from "@/http/apis";
 const imgList=ref([{url:'https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/8395f322-b677-4f24-a13d-b79474c09d35.png'},{url:'https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/8395f322-b677-4f24-a13d-b79474c09d35.png'}])
 const showWin2=ref(false)
 const showWin3=ref(false)
+const showWin4=ref(false)
 const userInfo=ref(uni.getStorageSync('userInfo'))
 const goHome=()=>{
   uni.navigateTo({
@@ -54,10 +66,11 @@ const goRealName=()=>{
   uni.navigateTo({
     url: '/pages/facial/index'
   })
-
 }
 const errMsg=ref('')
+const imageSrc=ref('')
 const goGet=async ()=>{
+
   if (!userInfo.value.idNum){
     showWin2.value=true
     return
@@ -72,10 +85,58 @@ const goGet=async ()=>{
   if (res.code===0){
     showWin3.value=true
     errMsg.value=res.msg
+  }else if (res.code===200){
+    const res1= await getQrCode({appointUid:res.data.appointmentUid})
+    const arrayBuffer = new Uint8Array(res1)
+    imageSrc.value = "data:image/png;base64," + uni.arrayBufferToBase64(arrayBuffer)
+    showWin4.value=true
   }
 }
 </script>
 <style scoped lang="scss">
+.content8{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .wrap1{
+    font-size: 28rpx;
+    color: #000;
+    margin-top: 36rpx;
+  }
+  .wrap2{
+    color: #B29E92;
+    font-size: 24rpx;
+  }
+  .wrap3{
+    margin-top: 20rpx;
+    width: 360rpx;
+    height: 360rpx;
+    border-radius: 30rpx;
+    overflow: hidden;
+    image{
+      width: 100%;
+      height: 100%;
+
+    }
+  }
+  .wrap4{
+    margin-top: 20rpx;
+    width: 436rpx;
+    height: 60rpx;
+    background-color:#F7963B;
+    color: #fff;
+    font-size: 28rpx;
+    border-radius:30rpx ;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .wrap5{
+    margin-top: 6rpx;
+    color: #B29E92;
+    font-size: 16rpx;
+  }
+}
 .content7{
   display: flex;
   flex-direction: column;