From db9bfe5fd43dcfa7e79ad812fad6aae43dd5078c Mon Sep 17 00:00:00 2001
From: xingyy <373639591@qq.com>
Date: Mon, 18 Dec 2023 15:50:44 +0800
Subject: [PATCH] submit

---
 src/components/display-box/index.vue |  18 +-
 src/http/apis.js                     |  14 +
 src/http/init.js                     |   2 -
 src/pages/blind-box/index.vue        |   1 +
 src/pages/home/index.vue             |  29 +-
 src/pages/mine/index.vue             |  12 +-
 src/pages/ticket/index.vue           | 778 ++++++++++++++++++++++-----
 src/static/Close@3x.png              | Bin 0 -> 3137 bytes
 src/static/lj781@3x.png              | Bin 0 -> 782 bytes
 src/static/zu1149@3x.png             | Bin 0 -> 1468 bytes
 src/static/zu1150@3x.png             | Bin 0 -> 1674 bytes
 src/store/index.js                   |   1 +
 12 files changed, 705 insertions(+), 150 deletions(-)
 create mode 100644 src/static/Close@3x.png
 create mode 100644 src/static/lj781@3x.png
 create mode 100644 src/static/zu1149@3x.png
 create mode 100644 src/static/zu1150@3x.png

diff --git a/src/components/display-box/index.vue b/src/components/display-box/index.vue
index b2029643..36fa43d0 100644
--- a/src/components/display-box/index.vue
+++ b/src/components/display-box/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="content2">
+  <div class="content2" :style="styleColor">
     <div class="wrap1" v-for="item in result">
       <div class="wrap1_1">
         <slot  :name="Object.keys(item).find(x=>x.includes('l'))"></slot>
@@ -11,8 +11,16 @@
   </div>
 </template>
 <script setup >
-import {useSlots,ref} from 'vue'
+import {useSlots,ref,defineProps} from 'vue'
 const slots = useSlots();
+const prop=defineProps({
+  styleColor:{
+    type:Object,
+    default:()=>{
+      return {backgroundColor:'#fff'}
+    }
+  }
+})
 const groupObjectsByNumberKeys=(obj)=> {
   const grouped = {};
   for (const key in obj) {
@@ -28,7 +36,7 @@ const result = ref(groupObjectsByNumberKeys(slots))
 </script>
 <style scoped lang="scss">
 .content2{
-  background-color: #fff;
+
   border-radius: 20rpx;
   padding-left: 18rpx;
   padding-right: 32rpx;
@@ -38,7 +46,11 @@ const result = ref(groupObjectsByNumberKeys(slots))
     padding-bottom: 22rpx;
     border-bottom: 1rpx solid #E4EAF1;;
     display: flex;
+    &:last-child{
+      border-bottom: none;
+    }
     .wrap1_2{
+      flex-grow: 1;
       padding-left: 36rpx;
       font-size: 24rpx;
       color: #939393;
diff --git a/src/http/apis.js b/src/http/apis.js
index 2450eda7..0374d2f7 100644
--- a/src/http/apis.js
+++ b/src/http/apis.js
@@ -17,6 +17,20 @@ export const ticketlist = (data) => {
         data
     })
 }
+export const unusedTickets = (data) => {
+    return uniReq.post({
+        url: '/api/smart/appointment/get/all/unused/tickets',
+        isLoading:false,
+        data
+    })
+}
+export const historicalTickets = (data) => {
+    return uniReq.post({
+        url: '/api/smart/appointment/get/all/historical/tickets',
+        isLoading:false,
+        data
+    })
+}
 export const upload = (data) => {
     return uniReq.upload({
         name: data.name,
diff --git a/src/http/init.js b/src/http/init.js
index 1b8231bf..116791fc 100644
--- a/src/http/init.js
+++ b/src/http/init.js
@@ -25,8 +25,6 @@ const uniReq=uniRequest.created({
                     duration: 50000
                 })
             }
-
-
             return response.data
         }
     }
diff --git a/src/pages/blind-box/index.vue b/src/pages/blind-box/index.vue
index 2057a553..74feed15 100644
--- a/src/pages/blind-box/index.vue
+++ b/src/pages/blind-box/index.vue
@@ -23,6 +23,7 @@
 </div>
 </template>
 <script setup>
+
 import {ref} from 'vue'
 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'}])
 </script>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
index d1e37fd6..b5c45ed2 100644
--- a/src/pages/home/index.vue
+++ b/src/pages/home/index.vue
@@ -1,5 +1,4 @@
 <template>
-
   <div class="main">
     <div class="content3">
       <div class="wrap1">
@@ -16,12 +15,12 @@
     </div>
     <div class="content2">
       <div class="wrap1" v-for="(item,index) in [...tableData,...tableData]" :key="item.id">
-        <div class="wrap1_1">
-          <image :src="'../../static/112121@3x.png'"></image>
+        <div @click="viewImg(item)" class="wrap1_1">
+          <image :src="item.ticketImage"></image>
         </div>
         <div class="wrap1_2">首都博物馆门票</div>
         <div class="wrap1_3" :class="item.remainingQuantity===0?['sold_out']:[]">{{item.remainingQuantity===-1?'不限':item.remainingQuantity}}/{{item.issueQuantity===-1?'不限':item.issueQuantity}}</div>
-        <div class="wrap1_4" :class="item.remainingQuantity===0?['sold_out']:[]">{{item.remainingQuantity===0?'无票':'预约'}}</div>
+        <div class="wrap1_4" @click="goBooking(item)"  :class="item.remainingQuantity===0?['sold_out']:[]">{{item.remainingQuantity===0?'无票':'预约'}}</div>
       </div>
       <div class="wrap2">
         <image src="../../static/zu758@3x.png"></image>
@@ -47,6 +46,12 @@ let isShow = ref(true)
 const tableData=ref([])
 const page=ref(1)
 const pageSize=ref(9999)
+const viewImg=(item)=>{
+  uni.previewImage({
+    urls:[item.ticketImage],
+    indicator:'none'
+  })
+}
 const getData=async ()=>{
   const data={
     "keyword": "",
@@ -59,9 +64,25 @@ const getData=async ()=>{
     tableData.value=res.data.data
   }
 }
+const goBooking=(item)=>{
+  if (item.remainingQuantity!==0){
+    uni.navigateTo({
+      url: '/pages/ticket/index'
+    })
+  }else {
+    uni.showToast({
+      title: '该门票已售罄',
+      icon: 'none',
+      duration: 1000
+    })
+  }
+  uni.setStorageSync('currentBooking',item)
+  store.currentBooking=item
+}
 const viewBlindBoxDetail=()=>{
 uni.navigateTo({
   url: '/pages/blind-box/index'
+
 })
 }
 getData()
diff --git a/src/pages/mine/index.vue b/src/pages/mine/index.vue
index 18e2b0b9..fd5bf0cf 100644
--- a/src/pages/mine/index.vue
+++ b/src/pages/mine/index.vue
@@ -73,6 +73,7 @@
 <script setup>
 import {ref} from 'vue'
 import {onShow} from "@dcloudio/uni-app";
+import {historicalTickets, unusedTickets} from "@/http/apis";
 const modeClass = ref('')
 const currentTab = ref(0)
 const show = ref(true)
@@ -80,9 +81,18 @@ const userInfo = ref(uni.getStorageSync('userInfo') ?? {})
 onShow(() => {
   show.value = true
 })
-const switchOptions=(num)=>{
+const switchOptions=async (num)=>{
+  let res
+  if (num===0){
+  res=await  unusedTickets()
+  }else if (num===1){
+    res=await  historicalTickets()
+  }
+  console.log(res,'res')
+
   currentTab.value=num
 }
+
 const goViewVenues = () => {
   uni.navigateTo({
     url: '/pages/view-venues/index'
diff --git a/src/pages/ticket/index.vue b/src/pages/ticket/index.vue
index 40ad8ccb..594a7a62 100644
--- a/src/pages/ticket/index.vue
+++ b/src/pages/ticket/index.vue
@@ -1,173 +1,671 @@
 <template>
+  <div class="container">
+    <custom-title   class="title-block" :title="info.ticketName">
+    </custom-title>
     <div class="main">
-        <title class="title-block" title="门票系统的某个场馆">
-        </title>
-        <div :style="height + 'px'" class="container">
-            <div class="title">
-                <tm-icon name="tmicon-position" color="#fff" :fontSize="40"></tm-icon>
-                <div style="margin-left: 10rpx;">门票系统的某个场馆</div>
+      <div class="content1">
+        <div class="wrap1">
+          <image src="https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/47742fc2-6608-48da-b2f8-b47b36eaffbb.png"></image>
+        </div>
+        <div class="wrap2">
+          {{info.ticketName}}
+        </div>
+      </div>
+      <div class="content2">
+        <image :src="info.ticketImage"></image>
+      </div>
+      <div class="content3"  >
+        <display-box :styleColor="{backgroundColor: '#B1292E'}">
+          <template #l1 >
+            <div class="box-left">
+              门票名称
+            </div>
+          </template>
+          <template #r1 >
+            <div class="box-right">
+              门票名称
+            </div>
+          </template>
+          <template #l2 >
+            <div class="box-left">
+              剩余数量
+            </div>
+          </template>
+          <template #r2 >
+            <div class="box-right">
+              1023/20000
             </div>
+          </template>
+        </display-box>
+      </div>
+      <div class="content4"></div>
+      <div class="content5">
+        <display-box>
+          <template #l1 >
+            <div  class="box-left">
+              预留手机号 <span style="font-size: 18rpx">(+86)</span>
+            </div>
+          </template>
+          <template #r1 >
             <div>
-                <image src="../../static/logo.png" mode="scaleToFill"
-                    style="width: 664rpx;height:354rpx;margin-top: 20rpx;display: ;" />
+              <input type="text" placeholder="填写手机号" placeholder-style="color:#DBDBDB;fontSize:24rpx"/>
             </div>
-            <div class="title-detail">
-                <div class="item">
-                    <div class="name">门票名称</div>
-                    <div style="margin-left: 20rpx;">首都博物馆门票</div>
-                </div>
-                <tm-divider realColor></tm-divider>
-                <div class="item">
-                    <div class="name">剩余数量</div>
-                    <div style="margin-left: 20rpx;">1023/20000</div>
+          </template>
+          <template #l2 >
+            <div class="box-left">
+              验证码
+            </div>
+          </template>
+          <template #r2 >
+            <div  style="position: relative;width: 100%">
+              <div >
+                <input type="text" placeholder="填写验证码" placeholder-style="color:#DBDBDB;fontSize:24rpx"/>
+              </div>
+
+              <div style="position: absolute;top: 50%;transform: translateY(-50%);right: 12rpx;color: #B1292E;font-size: 24rpx">获取验证码</div>
+            </div>
+          </template>
+        </display-box>
+      </div>
+      <div class="content6">
+        <display-box>
+          <template #l1>
+            <div  class="box-left">
+             选择时间
+            </div>
+          </template>
+          <template #r1 >
+            <div class="r1">
+              <div class="r1_1">2023年12月16日</div>
+              <div class="r1_2" @click="showWin=true">
+                <image src="https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/2c4872f9-aee5-4b04-9494-94b08c282ed9.png"></image>
+              </div>
+            </div>
+          </template>
+          <template #l2 >
+            <div class="box-left">
+              选择人数
+            </div>
+          </template>
+          <template #r2 >
+            <div class="r2">
+              <div class="r2_1" >
+                *单次最多可预约10人
+              </div>
+             <div class="r2_2">
+                <div class="r2_2_1">
+                  <image src="../../static/zu1149@3x.png"></image>
                 </div>
+               <div class="r2_2_2">
+                 <input type="text">
+               </div>
+               <div class="r2_2_3">
+                 <image src="../../static/zu1150@3x.png"></image>
+               </div>
+             </div>
+            </div>
+          </template>
+        </display-box>
+      </div>
+      <div class="content7">
+        *请填写所有参观人的身份证信息
+      </div>
+      <div class="content8">
+        <div class="wrap1">  <display-box>
+          <template #l1>
+            <div class="box-left">
+              真实姓名
+            </div>
+          </template>
+          <template #r1>
+            <div class="box-right">
+              <input type="text"  placeholder="请填写您的真实姓名" placeholder-style="color:#DBDBDB;font-size:24rpx"/>
+            </div>
+          </template>
+          <template #l2>
+            <div class="box-left">
+              身份证号码
+            </div>
+          </template>
+          <template #r2>
+            <div class="box-right">
+              <input type="text"  placeholder="填写您的身份证号码" placeholder-style="color:#DBDBDB;font-size:24rpx"/>
+            </div>
+          </template>
+        </display-box></div>
+      </div>
+      <div class="content9">
+        <div class="wrap1">*预约后信息不可更改，请仔细核对预约信息</div>
+        <div class="wrap2">预约</div>
+      </div>
+        <tm-drawer :height="1054" :round="8" hideHeader inContent ref="calendarView" :placement="'bottom'" v-model:show="showWin">
+          <div class="content10" >
+            <div class="wrap1">
+              <image src="../../static/Close@3x.png"></image>
+            </div>
+            <div class="wrap2">
+              请选择参观日期
+            </div>
+            <div class="wrap3"></div>
+            <div class="wrap4">
+              当前年月：2023年12月
             </div>
-            <div class="line"></div>
-            <div class="title-detail" style="background: #fff;">
-                <div class="item">
-                    <div class="name" style="color: #000000;border-right:1rpx solid #BBC5E0;">预留手机号
-                        <span style="font-size: 20rpx;"> (+86)</span>
-                    </div>
-                    <div style="margin-left: 20rpx; color: #000000;">
-                        <input type="text" v-model="formData.phone" @input="changePhone" />
-                    </div>
+            <div class="wrap3"></div>
+            <div class="wrap5">
+              <div class="wrap5_1">
+                <div class="wrap5_1_1">
+                  12月02日·周六
                 </div>
-                <tm-divider realColor></tm-divider>
-                <div class="item">
-                    <div class="name" style="color: #000000;border-right:1rpx solid #BBC5E0;">验证码</div>
-                    <div class="code">
-                        <input type="text" v-model="formData.code" @input="changePhone" class="inputCode" />
-                        <div style="color:#B1292E" @click="sendCode" v-if="isCode">{{ code }}</div>
-                        <div v-else style="color:#B1292E">{{ formattedTime() }}</div>
-                    </div>
+                <div class="wrap5_1_2">
+                  *不可预约
                 </div>
-            </div>
-            <div class="title-detail" style="background: #fff; color: #000000">
-                <div class="item">
-                    <div class="name" style="color: #000000;border-right:1rpx solid #BBC5E0;">选择时间</div>
-                    <div class="time">
-                        <span style="width: 300rpx;">2023年12月16日</span>
-                        <div style="display: flex;align-items: center;" @click="showHandle">
-                            <span>选择</span>
-                            <tm-icon name="tmicon-angle-right" :font-size="24"></tm-icon>
-                        </div>
-                    </div>
+              </div>
+              <div class="wrap5_2">
+                <div class="wrap5_2_1">
+                  12月03日·周日
                 </div>
-                <tm-divider realColor></tm-divider>
-                <div class="item">
-                    <div class="name" style=" color: #000000;border-right:1rpx solid #BBC5E0;">选择人数</div>
-                    <div style="margin-left: 20rpx;" class="stepper">
-                        <div style="color: #B29E92;font-size: 24rpx">*单次最多可预约10人</div>
-                        <div>
-                            <tm-stepper v-model="formData.num" color="#ef952e" bgColor="primary" circular :defaultValue="0"
-                                :max="10" :height="40" :width="160" @change="changeNum"></tm-stepper>
-                        </div>
-                    </div>
+                <div class="wrap5_2_2">
+                  *可预约
                 </div>
-            </div>
-            <div v-for="(item, index) in visitorsList" class="card" :key="index">
-                <div class="card-item">
-                    <div class="name">姓名</div>
-                    <div style="margin-left: 20rpx; color: #000000;">
-                        <input type="text" v-model="item.name" />
-                    </div>
+                <div class="wrap5_2_3">
+                  今日
+                </div>
+              </div>
+              <div class="wrap5_3">
+                <div class="wrap5_3_1">
+                  12月04日·周一
+                </div>
+                <div class="wrap5_3_2">
+                  *可预约
+                </div>
+                <div class="wrap5_3_3">
+                  明日
                 </div>
-                <tm-divider realColor></tm-divider>
-                <div class="card-item">
-                    <div class="name">身份证号</div>
-                    <div style="margin-left: 20rpx; color: #000000;">
-                        <input type="idcard" v-model="item.idCard" />
-                    </div>
+              </div>
+              <div class="wrap5_4">
+                <div class="wrap5_4_1">更多</div>
+                <div class="wrap5_4_2">
+                  <image src="../../static/lj781@3x.png"></image>
                 </div>
+              </div>
             </div>
-            <tm-button @click="reservation" color="#000000" :width="436" :height="60" :round="25"
-                style="margin-top: 20rpx !important;">预约</tm-button>
-            <select-day v-model:show="show"></select-day>
-        </div>
+            <div class="wrap3"></div>
+            <div class="wrap6">
+              请选择参观时间
+            </div>
+            <div class="wrap7">
+              <div class="wrap7_1">
+                <div class="wrap7_1_1">08:00入场</div>
+                <div class="wrap7_1_2">*不可选</div>
+              </div>
+              <div class="wrap7_2">
+                <div class="wrap7_2_1">10:00入场</div>
+                <div class="wrap7_2_2">*可选</div>
+              </div>
+              <div class="wrap7_3">
+                <div class="wrap7_3_1">12:00入场</div>
+                <div class="wrap7_3_2">*可选</div>
+              </div>
+              <div class="wrap7_2">
+                <div class="wrap7_2_1">10:00入场</div>
+                <div class="wrap7_2_2">*可选</div>
+              </div>
+            </div>
+            <div class="wrap3"></div>
+            <div class="wrap8">
+              *参观当日需要携带游客本人身份证件<br/>
+              *入馆时间：<br/>
+              工作日08:30-18:00、节假日/双休09:00-20:00（具体时间以景区为准）<br/>
+            </div>
+            <div class="wrap3" style="margin-bottom: 30rpx"></div>
+            <div class="wrap9">确定</div>
+          </div>
+        </tm-drawer>
     </div>
+  </div>
 </template>
 
 <script setup>
-import { onMounted, ref, reactive, watch } from "vue";
-import { useTimer } from '@/tmui/tool/useFun/useTimer'
-import selectDay from './select-day/index'
-const { start, stop, formattedTime, status, restart, timeObj, times, change } = useTimer({
-    totalTime: 10, unit: 'ss', format: 'ss秒'
-});
-let height = ref(0)
-let code = ref('获取验证码')
-let isCode = ref(true)
-let show = ref(false)
-const formData = reactive({
-    phone: '',
-    code: '',
-    num: 0
-})
-let visitorsList = ref([])
-const msg = ref(null)
+import displayBox from '@/components/display-box/index.vue'
+import {useMainStore} from "@/store"
+import {ref} from 'vue'
+const showWin=ref(true)
+const store=useMainStore()
+const info=ref(uni.getStorageSync('currentBooking'))
+const rpxToPx=(rpx)=>{
+  const systemInfo = uni.getSystemInfoSync();
+  const screenWidth = systemInfo.windowWidth;
+  return rpx * screenWidth / 750;
+}
+</script>
+
+<style lang="scss" scoped>
+.content10{
+  position: relative;
+  padding: 64rpx 24rpx 108rpx 24rpx;
+  .wrap9{
+    margin: 0 auto;
 
-onMounted(() => {
-    uni.createSelectorQuery().select('.title-block').boundingClientRect(data => {
-        let res = uni.getSystemInfoSync();
-        height = res.windowHeight - data.bottom;
-    }).exec()
-})
-const sendCode = () => {
-    restart()
-    isCode.value = false;
-    if (status.value == -1 || status.value == 0) {
-        start();
+    width: 436rpx;
+    height: 60rpx;
+    background-color: #000;
+    color: #fff;
+    font-size: 28rpx;
+    border-radius: 30rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .wrap8{
+    margin-bottom: 24rpx;
+    margin-top: 18rpx;
+    font-size: 20rpx;
+    color:#B29E92 ;
+  }
+  .wrap7{
+    margin-bottom: 70rpx;
+    margin-top: 20rpx;
+    display: flex;
+    justify-content: space-between;
+    .wrap7_3{
+      box-sizing: border-box;
+      border-radius: 32rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 152rpx;
+      height: 98rpx;
+      background-color: #F7963B;
+      .wrap7_3_2{
+        font-size: 16rpx;
+        color: #fff;
+      }
+      .wrap7_3_1{
+        margin-bottom: 2rpx;
+        color: #fff;
+        font-size: 24rpx;
+      }
     }
-}
-watch(times, (newValue) => {
-    if (newValue === 0) {
-        code.value = '重新获取';
-        isCode.value = true;
-        stop()
+    .wrap7_2{
+      border: 2rpx solid #F7963B;
+      box-sizing: border-box;
+      border-radius: 32rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 152rpx;
+      height: 98rpx;
+      background-color: #fff;
+      .wrap7_2_2{
+        font-size: 16rpx;
+        color: #B29E92;
+      }
+      .wrap7_2_1{
+        margin-bottom: 2rpx;
+        color: #000;
+        font-size: 24rpx;
+      }
+    }
+    .wrap7_1{
+      border-radius: 32rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 152rpx;
+      height: 98rpx;
+      background-color: #D8D8D8;
+      .wrap7_1_2{
+        font-size: 16rpx;
+        color: #868686;
+      }
+      .wrap7_1_1{
+        margin-bottom: 2rpx;
+        color: #000;
+        font-size: 24rpx;
+      }
+    }
+  }
+  .wrap6{
+    margin-top: 38rpx;
+      font-size: 32rpx;
+    color: #000;
+
+  }
+  .wrap5{
+    margin-bottom: 72rpx;
+    margin-top: 54rpx;
+    display: flex;
+    justify-content: space-between;
+    .wrap5_4{
+      width: 60rpx;
+      height: 98rpx;
+      border-radius: 30rpx;
+      background-color: #F7963B;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .wrap5_4_1{
+        margin-right: 8rpx;
+        font-size: 20rpx;
+        color: #fff;
+
+        writing-mode: vertical-rl;
+      }
+      .wrap5_4_2{
+
+        image{
+          width: 11.77rpx;
+          height: 25.53rpx;
+
+        }
+      }
+    }
+    .wrap5_3{
+      position: relative;
+      width: 196rpx;
+      height: 98rpx;
+      background-color: #F7963B;
+      border-radius: 32rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      .wrap5_3_3{
+        left: 50%;
+        transform: translateX(-50%);
+        position: absolute;
+        bottom: -40rpx;
+        font-size: 24rpx;
+        color: #F7963B;
+      }
+      .wrap5_3_2{
+        color: #fff;
+        font-size: 16rpx;
+      }
+      .wrap5_3_1{
+        margin-bottom: 10rpx;
+        color: #fff;
+        font-size: 24rpx;
+      }
+    }
+    .wrap5_2{
+      border: 2rpx solid #F7963B;
+      box-sizing: border-box;
+      width: 196rpx;
+      height: 98rpx;
+      background-color: #fff;
+      border-radius: 32rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      .wrap5_2_3{
+        left: 50%;
+        transform: translateX(-50%);
+        position: absolute;
+        bottom: -40rpx;
+        font-size: 24rpx;
+        color: #F7963B;
+      }
+      .wrap5_2_2{
+        color: #B29E92;
+        font-size: 16rpx;
+      }
+      .wrap5_2_1{
+        margin-bottom: 10rpx;
+        color: #000;
+        font-size: 24rpx;
+      }
+    }
+    .wrap5_1{
+      width: 196rpx;
+      height: 98rpx;
+      background-color: #D8D8D8;
+      border-radius: 32rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      .wrap5_1_2{
+        color: #868686;
+        font-size: 16rpx;
+      }
+      .wrap5_1_1{
+        margin-bottom: 10rpx;
+        color: #000;
+        font-size: 24rpx;
+      }
+    }
+  }
+  .wrap4{
+    margin-bottom: 24rpx;
+    margin-top: 16rpx;
+    font-size: 24rpx;
+    color:#F7963B;
+  }
+  .wrap3{
+    background-color: #868686;
+    height: 1rpx;
+
+    width: 100%;
+  }
+  .wrap2{
+    margin-bottom: 44rpx;
+    font-weight: bold;
+    color: #000;
+    font-size: 32rpx;
+  }
+  .wrap1{
+    top: 52rpx;
+    right: 46rpx;
+    position: absolute;
+    width: 48rpx;
+    height: 48rpx;
+    image{
+      width: 100%;
+      height: 100%;
     }
-})
-const changeNum = (value) => {
-    formData.num = value
+  }
 }
-watch(() => formData.num, (newValue, oldValue) => {
-    console.log(newValue, oldValue)
-    if (newValue > oldValue) {
-        for (let i = 0; i < newValue - oldValue; i++) {
-            visitorsList.value.push({
-                name: '',
-                idCard: ''
-            })
+.container{
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  .main{
+    overflow-y: auto;
+    box-sizing: border-box;
+    padding: 32rpx 42rpx 0 42rpx;
+    width: 100vw;
+    flex: 1;
+    background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
+    background-size: 100%;
+
+    .content9{
+      margin-bottom: 78rpx;
+      margin-top: 80rpx;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      .wrap2{
+        margin-top: 14rpx;
+        font-size: 28rpx;
+        color: #fff;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        background-color: #000;
+        border-radius: 30rpx;
+        width: 436rpx;
+        height: 60rpx;
+      }
+      .wrap1{
+        color: #B1292E;
+        font-size: 16rpx;
+      }
+    }
+    .content8{
+      margin-top: 12rpx;
+      .wrap1{
+        .box-left{
+          color: #000;
+          font-size: 24rpx;
         }
+      }
     }
-    if (newValue < oldValue) {
-        visitorsList.value.splice(-(oldValue - newValue))
+    .content7{
+      color: #F7963B;
+      margin-top: 20rpx;
+      font-size: 24rpx;
     }
-})
+    .content6{
+      margin-top:24rpx;
+      .r2{
+        position: relative;
+        .r2_2{
+          position: absolute;
+          top: 50%;
+          transform: translateY(-45%);
+          right: 0;
+          display: flex;
+          align-items: center;
+          .r2_2_3{
+            width: 31rpx;
+            height: 31rpx;
+            image{
+              height: 100%;
+              width: 100%;
+            }
+          }
+          .r2_2_1{
+            width: 31rpx;
+            height: 31rpx;
+            margin-right: 10rpx;
+            image{
+              height: 100%;
+              width: 100%;
+            }
+          }
+          .r2_2_2{
+            margin-right: 10rpx;
+            input{
+        text-align: center;
+              color: #000;
+              font-size: 24rpx;
+              width: 114rpx;
+              height: 54rpx;
+              background-color: #EFEFEF;
+            }
+
+          }
+        }
+        .r2_1{
+          color: #B29E92;
+          font-size: 16rpx;
+        }
+      }
+      .r1{
+        position: relative;
+        .r1_2{
+          top: 50%;
+          position: absolute;
+          transform: translateY(-50%);
+          right: 12rpx;
+          image{
+            width: 64rpx;
+            height: 32rpx;
+          }
+        }
+      }
+      .box-left{
+        display: flex;
+        align-items: center;
+        color: #000;
+        font-size: 24rpx;
+      }
+    }
+    .content5{
+      margin-top:40rpx ;
+      .r2{
+        position: relative;
+
+        .r2_2{
+          right: 42rpx;
+          top: 50%;
+          transform: translateY(-10%);
+          position: absolute;
+          color:#B1292E ;
+          font-size: 24rpx;
+        }
 
-const reservation = () => {
-    console.log(visitorsList.value)
-    const result = visitorsList.value.filter((item) => item.name && item.idCard)
-    if (result.map((item) => item.idCard).some((n, index, arr) => arr.indexOf(n) !== index)) {
-        return uni.showToast({
-            title: '身份证不能重复',
-            icon: "error",
-        });
+      }
+      .box-left{
+        color: #000;
+        font-size: 24rpx;
+      }
     }
-    if (Object.values(formData).some((item) => !item)) {
-        return uni.showToast({
-            title: '信息填写完整',
-            icon: "error",
-        });
+    .content4 {
+      margin-top: 30rpx;
+      height: 1rpx;
+      width: 100%;
+      background-image: url("../../static/zx303@3x.png");
+      background-size: 100%;
     }
+    .content3{
+      margin-top: 20rpx;
+      .box-right{
+        color: #fff;
+        font-size: 24rpx;
+      }
+      .box-left{
+        color: #fff;
+        font-size: 24rpx;
+      }
+    }
+    .content2{
+      margin-top: 12rpx;
+border-radius: 20rpx;
+      overflow: hidden;
+
+      image{
+        width: 664rpx;
+        height: 354rpx;
+      }
+    }
+    .content1{
+      box-sizing: border-box;
+      background-image: url("https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/20a57e10-8b08-4694-b083-d09e345a58a4.png");
+      width: 100%;
+      height: 60rpx;
+      background-size: 100%;
+      display: flex;
+      align-items: center;
+      padding-left: 20rpx;
+      .wrap2{
+        font-size: 32rpx;
+        color: #fff;
+      }
+      .wrap1{
+        margin-right: 10rpx;
+        image{
+          width: 21.18rpx;
+          height: 29rpx;
+        }
+      }
+    }
+  }
 }
-const showHandle = () => {
-    show.value = true
+/*.top{
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
-</script>
-
-<style lang="scss" scoped>
 .main {
-    height: 100vh;
+  overflow-y: auto;
+    flex-grow: 1;
     width: 100%;
     background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
     background-size: 100%;
@@ -288,5 +786,5 @@ const showHandle = () => {
         width: 130rpx !important;
     }
 
-}
+}*/
 </style>
diff --git a/src/static/Close@3x.png b/src/static/Close@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..3542503bddac96613131e67698e0b2fddae090a5
GIT binary patch
literal 3137
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
b2Y&wp5mNfH4Nmju00000NkvXXu0mjf1FG`_

literal 0
HcmV?d00001

diff --git a/src/static/lj781@3x.png b/src/static/lj781@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..42f1d3dd6fd0ec2509eae2d430c53fe088403a4d
GIT binary patch
literal 782
zcmV+p1M&QcP)<h;3K|Lk000e1NJLTq000*N001Zm1^@s66$WA000001b5ch_0Itp)
z=>Px%$Vo&&R7gv$m)WaLVHn1Lk4)u4DZ?M&O8Em^m@;(`G7q6cZVpM3Itq~t31v=^
z3?Yh;NEt4O3>R{Nq9ih<WENiQ)wlK9_Bm_swa>cS>)ZXF?|Z&?S~4>MeSq%34M|^V
zqeo`e8@La20!{#pl0LQt-{F0MdjWP1m?Y_Qy#fyJ2<!yr2G~(xj-)U32)N&r2^iq-
zPXn_gy)P>82c87lWxlTimbzXNxC)FdD)1K`M798n!fww3(<ObV^#qmR?Ex295KeF&
zm?7z1Edu|+lSTf16|g)A+yX{QdRwhPMR>4ibrLAOx&ln7_5^uwUteE#$(MkslHTN<
zpjCLVXc@33SmYT!Ow!BN1ajfQA`j6G0d@x%CFxa50#(D)DORM5F7d7blO?^VBv2DP
z2`m9N28$j6LnS>c7pNJY1m*+V1MFeCgMS1H!IQw^bOJ9M{@l(=_e4ogOQMD0Nx-vs
zTd?Q}FkI4OU#|<E1R8;T!J_BDKo_VB?k!UCmS9a;o7@ou9svE@3ceNaOD_3;@lS~6
zrEuQ5ne7K=hyUFL21xo;7;a`>ns=AAM^CCjl71Ar(BSi4@3UdY|4j~sc5Y_gz^4T8
z<t)xemro2e!Og4#aKKA$0DFxeBI#G*^iPx7VPIN-90cY``c_xrGP9GwxB&6r-d9_k
zZE|f%GtF^eOaNa18a#no3)Q?f*BLlcw&OiOlcb+{IgkhUxv?QYyoSuLb`oxBwD5`d
zjMwPsv83^NyN&CWhN7;(F<?aa<F;&^SXc|VVuqTTj}C(aXfx0(>3d<gnfc{;6buNE
zLs?y(Su6CPPGn|101vka-jsb|crz~ic%|<GobnDHC@X=rrRr9c?(lwD-@Bdwo)o*X
zQOyf~-H*e2X0d!TtIfT9bk6ETbKTSgaJYwKx6B6rHhNu6=2a{H8&OaDM=%a8X8-^I
M07*qoM6N<$f({~E_y7O^

literal 0
HcmV?d00001

diff --git a/src/static/zu1149@3x.png b/src/static/zu1149@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b333c0b618db659f730c1df9016c7529ed496dc1
GIT binary patch
literal 1468
zcmV;t1w;CYP)<h;3K|Lk000e1NJLTq001ul001ut1^@s6b0?Fm00001b5ch_0Itp)
z=>Px)c1c7*RA@uhT1$*mRT%#MbMA8<0z)EU14>McE?AHV({|7W2}(v|!0<33hJ`58
z5rU#|ff7_y5*`wqwnU6ZL!w}UN+b$lp*Zc}Bd!R>g$qawNEF6l=)JwY_x$D-I@5X4
zc7`&YySZuaIsf_o|NQTB2ordCI|N!5HNn)T=K_9`84Ex(i-Fn1m<{3?V7khLiv(N*
z^WQ}H&6M=@m7L$(vhk;DMBwp4pz%)3c14y8DHb!MO%fi`bpcj@VuoUXZ@vWqM1=4y
zh(H3!`wD^LpPBI^6L&Ypd%hYEj;g^s`(ukCu@}Vir4U9DWVMSInF<u=m~mEz+N5{(
zWU8T4F?gpdI+q2#Z)xHQFHqodZ}v!dM1Ua$Twfg{iH-L2=?j%GQ4#oTBDR`{6P7M#
zx_MOz-EobvbO9%?{*i=Evm<?^9Fel%v#IDl0(A(G5$bcTpU^H8*dvAgR%iN^Tdg-H
zc;3Iv%*wtGOpTt&2ek)19Hb@*exMFrx@@e!cl-D5XiSU=-bqA1wi@+yZq~20u*alt
zHE3|N{wH=ky{=;LZZf(@lj5bxkoa(r`i&jfYsE8LhJPC&`CPJXrGh#HkTGc@AF(id
z9Ei0I8@s<K{WJu;lWM&OEPfRvX5I<otW-Fm5eKaPC65-^n+M(K5b$m?dc@S_%38X^
zN&ycaXBh&H7aVSgXVw(I4S>%jS|2bB{aif)FM<u@fam2OG&|4y9{x7~-bqGJ2%@E7
zUQ(}5m{KU_lXg7w=m2=<K=ff!bew^vdIeshD*Y_D-QJKnU68z!h;Efa><I2a1f8gG
zWN5sBdfk2@vx6?}n%_9RvH2(!RHlw~<|fyn=V9PPZ-3uY)PHc%EScBN6JXXq^Z_I7
z^HhEwWmA#mwxJ(&bHPM+^p4H9Oo^-$w3C~R?lg7zYCXHi5k6lRa6Pq?vWduHQ`c5`
zewjQyv<Ke>tJ)`Oq}zbd#@tC$6UgP&r{tt!-I}17UncD(vk7wHbCB~MsiArh;5+b7
z??G@rGbRIJx||O<P1$7Zyd;`a&eMoFtuWem*AVz1Y1Q`^ypP%ebM&xtBiG>z<RoML
z1T>cOG-Bp`(3ianYMxzl27+_PkU#Y%pj)G^6$U2;u2(GiuxCNmG$7Q+T0YER=Sso8
zO0t(BD-KG&LY=QA-fC$VN<_tJa+1-{4Na~t>usuCp@!oPO~CVm!=bC(Ya7~&Q_asi
zp8p<YyP|7sTl;LPMOer2pC(R4?{=9kOr_k0fn4DEbEjrj$$YZ+`n45>d_I?mZiS#7
z^;|_2?Y~e>DSplF%)DIypG~#Kh~;;f0+keiex~5DhK@7o(i-*~LDXK)(l7KeSsl0I
zna76|;9*hH2;)*cyG%n8gi^DpBXfBO`0$6DjO;QE{bkpyzrrLeK-^sLjvY^LEh)wa
zLt$^SZH5W%k%I0I>PUa2pzs*zj~pm6J>GqFRPcpPLRVx7g!mFba}6VWRiue<4NNPn
zc=xH&iKDi-ovz3mQj^>2LHe2qyTrj;c4yDF;T(_MpHD_oR)eu&^854olpW8+N874f
zo{YHKe;;a6tSwg}R;2?K4lbUISpKwUY16m4s=yZqXA{wVMCcF{o=H`>@&tz6>_>Xc
zNHuh3Hs6X=*#osg`jCpPQVItxL)=x%I1qM$T~GB1f%UiLG_c6In{1oMP$^TBOT)tD
zc5Xr_!LY!{`RWw;yusR(`LmMEt4Q*tgq#DBC8We|1|E=t%-eASPQckb)RyLW&kvP=
z9@EcPI=OK7Ku{Y4ZBo!eU8~~mL0-XU{soNFlDONvQ+E$anG0`yTxnU<)G|r8KK=)<
W$$bpb!!d{e0000<MNUMnLSTaHpTf@o

literal 0
HcmV?d00001

diff --git a/src/static/zu1150@3x.png b/src/static/zu1150@3x.png
new file mode 100644
index 0000000000000000000000000000000000000000..28066c10146078dbb5d307a46f8fffa3eb8de3f9
GIT binary patch
literal 1674
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
U8(mx2!~g&Q07*qoM6N<$f(wo<W&i*H

literal 0
HcmV?d00001

diff --git a/src/store/index.js b/src/store/index.js
index 32b51121..3b009be1 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -4,6 +4,7 @@ import {ref} from 'vue'
 export const useMainStore = defineStore('main', () => {
         const titleHeight = ref('')
         const tabHeight = ref('')
+        const currentBooking = ref(null)
         const isShow = ref(true)
         return {titleHeight, tabHeight, isShow}
     }