feat(预约): 添加period_type参数到预约和提交流程

在预约和提交页面中添加period_type参数，确保时间段类型信息能正确传递到后端API

@@ -308,7 +308,7 @@ const nextBtn = () => {
     show_error.value = true;
     show_error.value = true;
     error_message.value = '请选择日期和时间段';
     error_message.value = '请选择日期和时间段';
   } else {
   } else {
-    go('/submit', { date: checked_day.value, time: `${timePeriod.value[checked_time.value]['begin_time'].slice(0, -3)}-${timePeriod.value[checked_time.value]['end_time'].slice(0, -3)}`, price: checked_day_price.value });
+    go('/submit', { date: checked_day.value, time: `${timePeriod.value[checked_time.value]['begin_time'].slice(0, -3)}-${timePeriod.value[checked_time.value]['end_time'].slice(0, -3)}`, price: checked_day_price.value, period_type: timePeriod.value[checked_time.value].period_type });
   }
   }
 }
 }
 </script>
 </script>

 <!--
 <!--
  * @Date: 2024-01-15 16:25:51
  * @Date: 2024-01-15 16:25:51
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-01-30 15:18:58
- * @FilePath: /xysBooking/src/views/submit.vue
+ * @LastEditTime: 2026-01-22 11:21:08
+ * @FilePath: /git/xysBooking/src/views/submit.vue
  * @Description: 预约人员信息
  * @Description: 预约人员信息
 -->
 -->
 <template>
 <template>
@@ -17,8 +17,8 @@
     <div v-if="visitorList.length" class="visitors-list">
     <div v-if="visitorList.length" class="visitors-list">
       <div v-for="(item, index) in visitorList" :key="index" @click="addVisitor(item)" class="visitor-item">
       <div v-for="(item, index) in visitorList" :key="index" @click="addVisitor(item)" class="visitor-item">
         <div style="margin-right: 1rem;">
         <div style="margin-right: 1rem;">
-          <van-icon v-if="!checked_visitors.includes(item.id)" :name="icon_check1" />&nbsp;
-          <van-icon v-else :name="icon_check2" />&nbsp;
+          <van-icon v-if="!checked_visitors.includes(item.id)" :name="icon_check1" style="margin-right: 0.25rem;" />
+          <van-icon v-else :name="icon_check2" style="margin-right: 0.25rem;" />
         </div>
         </div>
         <div>
         <div>
           <p style="color: #A67939;">{{ item.name }}</p>
           <p style="color: #A67939;">{{ item.name }}</p>
@@ -108,6 +108,7 @@ const addVisitor = (item) => {
 const date = $route.query.date;
 const date = $route.query.date;
 const time = $route.query.time;
 const time = $route.query.time;
 const price = $route.query.price;
 const price = $route.query.price;
+const period_type = $route.query.period_type;
 
 
 const total = computed(() => {
 const total = computed(() => {
   return price * checked_visitors.value.length;
   return price * checked_visitors.value.length;
@@ -125,7 +126,7 @@ const submitBtn = async () => {
     showToast('请先添加参观者')
     showToast('请先添加参观者')
   } else {
   } else {
     // TAG: 提交订单跳转到支付页面
     // TAG: 提交订单跳转到支付页面
-    const { code, data } = await addReserveAPI({ reserve_date: date, begin_time: time.split('-')[0], end_time: time.split('-')[1], person_id_list: JSON.stringify(checked_visitors.value) });
+    const { code, data } = await addReserveAPI({ reserve_date: date, begin_time: time.split('-')[0], end_time: time.split('-')[1], person_id_list: JSON.stringify(checked_visitors.value), period_type });
     if (code) {
     if (code) {
       const pay_url = `/srv/?f=reserve&a=icbc_pay&pay_id=${data.pay_id}`;
       const pay_url = `/srv/?f=reserve&a=icbc_pay&pay_id=${data.pay_id}`;
       location.href = pay_url; // 跳转支付页面
       location.href = pay_url; // 跳转支付页面
@@ -134,7 +135,7 @@ const submitBtn = async () => {
 }
 }
 
 
 onMounted(async () => {
 onMounted(async () => {
-  const { code, data } = await personListAPI({ reserve_date: date, begin_time: time.split('-')[0], end_time: time.split('-')[1] });
+  const { code, data } = await personListAPI({ reserve_date: date, begin_time: time.split('-')[0], end_time: time.split('-')[1], period_type });
   if (code) {
   if (code) {
     visitorList.value = data;
     visitorList.value = data;
   }
   }