From ad4d788585b3e1a584ac973e7b2cbd6f24efb3e3 Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Mon, 18 Dec 2023 20:00:31 +0800
Subject: [PATCH] submit

---
 src/http/apis.js              |   8 +-
 src/pages/blind-box/index.vue |  66 +++++++++++++-
 src/pages/facial/index.vue    |  39 ++++++++
 src/pages/mine/index.vue      | 161 ++++++++++++++++++++++++++++++----
 src/pages/setup/index.vue     |   4 +-
 5 files changed, 254 insertions(+), 24 deletions(-)

diff --git a/src/http/apis.js b/src/http/apis.js
index 0374d2f7..164586bb 100644
--- a/src/http/apis.js
+++ b/src/http/apis.js
@@ -47,9 +47,15 @@ export const upload = (data) => {
         }
     })
 }
-export const updateAvatar = (data) => {
+export const updateInfo = (data) => {
     return uniReq.post({
         url: '/api/user/update',
         data
     })
 }
+export const extractingBlindBoxes= (data) => {
+    return uniReq.post({
+        url: '/api/smart/appointment/draw/ticket/from/blind/box',
+        data
+    })
+}
diff --git a/src/pages/blind-box/index.vue b/src/pages/blind-box/index.vue
index 74feed15..40848441 100644
--- a/src/pages/blind-box/index.vue
+++ b/src/pages/blind-box/index.vue
@@ -12,22 +12,84 @@
     <div class="content2">
       <image src="https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/76216159-e5a9-49ef-a6b3-6043924243e7.png"></image>
     </div>
-    <div class="content3">领取兑换</div>
+    <div class="content3" @click="goGet">领取兑换</div>
     <div class="content4"></div>
     <div class="content5">
       <div class="wrap1" v-for="item in imgList" :key="item.url">
         <image :src="item.url"></image>
       </div>
     </div>
+    <tm-drawer hideHeader color="#B1292E" :width="510" :height="324" ref="calendarView" placement="center" v-model:show="showWin2">
+   <div class="content6">
+     <div class="wrap1">领取盲盒失败</div>
+     <div class="wrap2">失败原因：未实名</div>
+     <div class="wrap3" @click="goRealName">前往实名</div>
+     <div class="wrap4">*即将跳转实名页面</div>
+   </div>
+    </tm-drawer>
   </div>
 </div>
 </template>
 <script setup>
-
 import {ref} from 'vue'
+import {extractingBlindBoxes} 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 userInfo=ref(uni.getStorageSync('userInfo'))
+const goRealName=()=>{
+  uni.navigateTo({
+    url: '/pages/facial/index'
+  })
+
+}
+const goGet=async ()=>{
+  if (!userInfo.idNum){
+    showWin2.value=true
+    return
+  }
+  const data={
+    "userName": "邢雨杨", //用户姓名
+    "idCard": "411527200009129056", //用户身份证号
+    "phone": "18606216921", //预约电话
+    "blindBoxName": "博物馆开馆纪念盲盒" //盲盒名称
+  }
+ const res=await extractingBlindBoxes(data)
+}
 </script>
 <style scoped lang="scss">
+.content6{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  .wrap4{
+    margin-top: 6rpx;
+    font-size: 16rpx;
+    color: #fff;
+  }
+  .wrap3{
+    margin-top: 32rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 30rpx;
+    width: 436rpx;
+    height: 60rpx;
+    background-color: #fff;
+    color: #B1292E;
+    font-size: 28rpx;
+  }
+  .wrap2{
+    margin-top: 30rpx;
+    font-size: 24rpx;
+    color: #fff;
+
+  }
+  .wrap1{
+    margin-top: 58rpx;
+    font-size: 32rpx;
+    color: #fff;
+  }
+}
 .container{
     display: flex;
   flex-direction: column;
diff --git a/src/pages/facial/index.vue b/src/pages/facial/index.vue
index 6e779567..b52f7502 100644
--- a/src/pages/facial/index.vue
+++ b/src/pages/facial/index.vue
@@ -5,6 +5,7 @@
   <custom-title class="title-block" title="人脸核验">
   </custom-title>
   <div class="main">
+    <tm-message ref="msg" :lines="2"></tm-message>
       <div class="content1">
         身份证认证
       </div>
@@ -32,12 +33,35 @@
           </template>
         </display-box>
       </div>
+    <div class="content3" @click="submit">
+      提交
+    </div>
   </div>
 </div>
 </template>
 <script setup>
 import displayBox from '../../components/display-box/index.vue'
 import {ref} from "vue";
+import {getInfo, updateInfo} from "@/http/apis";
+const msg=ref(null)
+const getUserInfo = async () => {
+  const res=await getInfo()
+  if (res.code===200){
+    uni.setStorageSync('userInfo',res.data);
+  }
+}
+const submit=async ()=>{
+ const res=await updateInfo({
+   idNum:idInfo.value.idCard,
+   realName:idInfo.value.name
+ })
+  if (res.code===200){
+    msg.value.show({ model: 'success' })
+ /*   await uni.showToast({title: '实名成功', icon: 'none', duration: 2000})*/
+    await getUserInfo()
+    await uni.navigateBack()
+  }
+}
 const idInfo=ref({
   name:'',
   idCard:''
@@ -60,6 +84,21 @@ const  validateIDCardNumber=(idNumber)=> {
     flex: 1;
     background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
     background-size: 100%;
+    .content3{
+      left: 50%;
+      transform: translateX(-50%);
+      position: absolute;
+      bottom: 156rpx;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      color: #fff;
+      font-size: 28rpx;
+      width: 436rpx;
+      height: 60rpx;
+      background-color: #000;
+      border-radius: 30rpx;
+    }
     .content2{
       margin-top: 38rpx;
       .box-left{
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index d8540f63..97dfde9e 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -41,24 +41,26 @@
       </div>
     </div>
     <div class="content3"></div>
-    <div class="content4">·历史预约门票</div>
+    <div class="content4" :style="{color:currentTab===0?'#EB783C':'#72665F'}">{{currentTab===0?'·我未使用的票务':'·历史预约门票'}}</div>
     <div class="content5">
-        <div class="wrap1" :style="{backgroundImage: item.ticketCoverPic}" v-for="(item,index) in tabList?.tickets" :key="item.appointmentUid">
-          <div class="wrap1_4">
-            <image src="item.ticketCoverPic"></image>
-          </div>
-          </div>
-          <div class="wrap1_1" :class="[`status${item.status}`]">{{statusList.find(x=>x.value===item.status).label}}</div>
-          <div class="wrap1_2">
-            <div class="wrap1_2_1">首都博物馆门票</div>
-            <div class="wrap1_2_2">预约场馆:首都博物馆</div>
-            <div class="wrap1_2_2">预约日期:2023.12.30</div>
-            <div class="wrap1_2_2">预约类型:1</div>
-          </div>
-          <div class="wrap1_3" @click="goViewVenues">
-            <image src="../../static/zu762@3x.png" alt=""/>
-          </div>
+      <div class="wrap1"  :class="[`status${item.status}`]" v-for="(item,index) in tabList?.tickets" :key="item.appointmentUid">
+
+      <div class="wrap1_5">
+        <image :src="item.ticketCoverPic"></image>
+      </div>
+        <div class="wrap1_6">
         </div>
+        <div class="wrap1_1" >{{statusList.find(x=>x.value===item.status).label}}</div>
+        <div class="wrap1_2">
+          <div class="wrap1_2_1">首都博物馆门票</div>
+          <div class="wrap1_2_2">预约场馆:首都博物馆</div>
+          <div class="wrap1_2_2">预约日期:2023.12.30</div>
+          <div class="wrap1_2_2">预约类型:1</div>
+        </div>
+        <div class="wrap1_3" @click="goViewVenues">
+          <image src="../../static/zu762@3x.png" alt=""/>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -148,7 +150,129 @@ const goSetUp = () => {
     margin-top: 14rpx;
     flex-grow: 1;
     overflow-y: auto;
-    .wrap1 {
+
+
+    .wrap1{
+     &:nth-child(n+2){
+       margin-top: 20rpx;
+     }
+      &:last-child{
+        margin-bottom: 100rpx;
+      }
+      display: flex;
+      position: relative;
+      width: 686rpx;
+      height: 210rpx;
+      box-sizing: border-box;
+      border: 2rpx solid #fff;
+      background-size: 100%;
+      border-radius: 40rpx;
+      overflow: hidden;
+      &.status2 {
+        .wrap1_1{
+          background-color: #fff;
+          color: #FF5C62;
+        }
+        .wrap1_6{
+          background-color: #B29E92;
+        }
+      }
+      &.status4 {
+        .wrap1_1{
+          background-color: #000000;
+          color: #fff;
+        }
+        .wrap1_6{
+          background-color: #B29E92;
+        }
+      }
+      &.status5{
+        .wrap1_6{
+          background-color: #EB783C;
+        }
+      }
+      &.status1{
+        .wrap1_6{
+          background-color: #EB783C;
+        }
+      }
+      &.status3 {
+        .wrap1_6{
+          background-color: #B29E92;
+        }
+        .wrap1_1{
+          background-color: #fff;
+          color: #72665F;
+        }
+
+      }
+      .wrap1_3 {
+        bottom: 18rpx;
+        right: 16rpx;
+        position: absolute;
+        width: 150rpx;
+        height: 56rpx;
+        background-color: rgba(0,0,0,0.5);
+        border-radius: 40rpx;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        image {
+          width: 119.5rpx;
+          height: 34rpx;
+        }
+      }
+
+      .wrap1_2 {
+        top: 16rpx;
+        right: 178rpx;
+        position: absolute;
+
+        .wrap1_2_1 {
+          font-size: 32rpx;
+          color: #fff;
+          margin-bottom: 6rpx;
+        }
+
+        .wrap1_2_2 {
+          margin-bottom: 2rpx;
+          font-size: 20rpx;
+          color: #fff;
+
+        }
+      }
+
+      .wrap1_1 {
+        top: 26rpx;
+        left: 26rpx;
+        position: absolute;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        width: 112rpx;
+        height: 40rpx;
+        border-radius: 22rpx;
+        font-size: 20rpx;
+
+      }
+      .wrap1_6{
+        box-sizing: border-box;
+        border-left: 7rpx solid #fff;
+        height: 208rpx;
+        flex-grow: 1;
+        background-color: red;
+      }
+      .wrap1_5{
+        width: 262rpx;
+        height: 208rpx;
+        image{
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+    /*.wrap1 {
       position: relative;
       width: 686rpx;
       height: 210rpx;
@@ -215,13 +339,12 @@ const goSetUp = () => {
           color: #72665F;
         }
       }
-    }
+    }*/
   }
 
   .content4 {
     margin-top: 22rpx;
     font-size: 28rpx;
-    color: #72665F;
   }
 
   .content3 {
diff --git a/src/pages/setup/index.vue b/src/pages/setup/index.vue
index a6d662b5..dcca8f98 100644
--- a/src/pages/setup/index.vue
+++ b/src/pages/setup/index.vue
@@ -38,7 +38,7 @@
   </div>
 </template>
 <script setup>
-import {updateAvatar, upload} from "@/http/apis";
+import {updateInfo, upload} from "@/http/apis";
 import {nextTick, ref} from 'vue'
 const currentAvatar=ref('')
 const changeAvatar=()=>{
@@ -56,7 +56,7 @@ const changeAvatar=()=>{
   })
 }
 const reqAvatar=async ()=>{
- const res= await updateAvatar({
+ const res= await updateInfo({
     avatar:currentAvatar.value
   })
   if (res.code===200) {