Showing
3 changed files
with
58 additions
and
16 deletions
| ... | @@ -37,4 +37,4 @@ git commit -m '西园寺预约前端网页更新' | ... | @@ -37,4 +37,4 @@ git commit -m '西园寺预约前端网页更新' |
| 37 | git push | 37 | git push |
| 38 | 38 | ||
| 39 | # 更新SSH服务器上文件 | 39 | # 更新SSH服务器上文件 |
| 40 | -ssh -p 22 itomix@ipadbiz.cn 'cd /opt/space-dev/ && git pull origin develop' | 40 | +# ssh -p 22 itomix@ipadbiz.cn 'cd /opt/space-dev/ && git pull origin develop' | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-01-15 13:35:51 | 2 | * @Date: 2024-01-15 13:35:51 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-01-18 10:40:58 | 4 | + * @LastEditTime: 2024-01-18 13:47:50 |
| 5 | * @FilePath: /xysBooking/src/views/booking.vue | 5 | * @FilePath: /xysBooking/src/views/booking.vue |
| 6 | * @Description: 预约页面 | 6 | * @Description: 预约页面 |
| 7 | * @Version: 1.0.0 | 7 | * @Version: 1.0.0 |
| ... | @@ -109,11 +109,10 @@ onMounted(async () => { | ... | @@ -109,11 +109,10 @@ onMounted(async () => { |
| 109 | const { code, data } = await canReserveDateListAPI({ month: `${raw_date.getFullYear()}-${raw_date.getMonth() + 1}` }); | 109 | const { code, data } = await canReserveDateListAPI({ month: `${raw_date.getFullYear()}-${raw_date.getMonth() + 1}` }); |
| 110 | if (code) { | 110 | if (code) { |
| 111 | // 日期列表 | 111 | // 日期列表 |
| 112 | - const current = dayjs().format('YYYY-MM-DD'); // 当日 | ||
| 113 | dates_list.value = data; | 112 | dates_list.value = data; |
| 114 | // 今日之前都不可约 | 113 | // 今日之前都不可约 |
| 115 | dates_list.value.forEach((date) => { | 114 | dates_list.value.forEach((date) => { |
| 116 | - if (dayjs(date.month_date).isBefore(dayjs()) && date.month_date !== current) { | 115 | + if (dayjs(date.month_date).isBefore(dayjs())) { |
| 117 | date.reserve_full = 1; | 116 | date.reserve_full = 1; |
| 118 | } | 117 | } |
| 119 | }); | 118 | }); |
| ... | @@ -218,12 +217,11 @@ const onConfirm = async ({ selectedValues, selectedOptions }) => { // 选择日æ | ... | @@ -218,12 +217,11 @@ const onConfirm = async ({ selectedValues, selectedOptions }) => { // 选择日æ |
| 218 | // 选择日期后,查询月份信息 | 217 | // 选择日期后,查询月份信息 |
| 219 | const { code, data } = await canReserveDateListAPI({ month: `${selectedValues[0]}-${selectedValues[1]}` }); | 218 | const { code, data } = await canReserveDateListAPI({ month: `${selectedValues[0]}-${selectedValues[1]}` }); |
| 220 | if (code) { | 219 | if (code) { |
| 221 | - const current = dayjs().format('YYYY-MM-DD'); // 当日 | ||
| 222 | // 日期列表 | 220 | // 日期列表 |
| 223 | dates_list.value = data; | 221 | dates_list.value = data; |
| 224 | // 今日之前都不可约 | 222 | // 今日之前都不可约 |
| 225 | dates_list.value.forEach((date) => { | 223 | dates_list.value.forEach((date) => { |
| 226 | - if (dayjs(date.month_date).isBefore(dayjs()) && date.month_date !== current) { | 224 | + if (dayjs(date.month_date).isBefore(dayjs())) { |
| 227 | date.reserve_full = 1; | 225 | date.reserve_full = 1; |
| 228 | } | 226 | } |
| 229 | }); | 227 | }); | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-01-15 18:28:25 | 2 | * @Date: 2024-01-15 18:28:25 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-01-16 15:49:07 | 4 | + * @LastEditTime: 2024-01-18 14:19:42 |
| 5 | * @FilePath: /xysBooking/src/views/success.vue | 5 | * @FilePath: /xysBooking/src/views/success.vue |
| 6 | - * @Description: 文件描述 | 6 | + * @Description: 预约成功提示页面 |
| 7 | --> | 7 | --> |
| 8 | <template> | 8 | <template> |
| 9 | <div class="success-page"> | 9 | <div class="success-page"> |
| 10 | - <div style="display: flex; align-items: center; justify-content: center; height: 35vh; flex-direction: column;"> | 10 | + <div style=""> |
| 11 | - <img src="https://cdn.ipadbiz.cn/xys/booking/%E6%88%90%E5%8A%9F@2x.png" style="width: 60vw;"> | 11 | + <div class="text-prompts"> |
| 12 | - <div style="color: #A67939; font-size: 1.25rem;">预约成功</div> | 12 | + <img src="https://cdn.ipadbiz.cn/xys/booking/%E6%88%90%E5%8A%9F@2x.png"> |
| 13 | + <div class="text">预约成功</div> | ||
| 13 | </div> | 14 | </div> |
| 14 | - <div style="padding: 2rem 1rem; border-bottom: 1px dashed #A67939; line-height: 2;"> | 15 | + <div class="appointment-information"> |
| 15 | - <div>参观人数:<span style="color: #A67939;">2人</span></div> | 16 | + <div class="number-of-visitors">参观人数:<span>2人</span></div> |
| 16 | - <div>参访时间:<span style="color: #A67939;">2024-01-10 05:00-08:00</span></div> | 17 | + <div class="visit-time">参访时间:<span>2024-01-10 05:00-08:00</span></div> |
| 17 | - <div>支付金额:<span style="color: #FF1919;">¥50</span></div> | 18 | + <div class="payment-amount">支付金额:<span>¥50</span></div> |
| 18 | </div> | 19 | </div> |
| 19 | - <div style="color: #A67939; padding: 1rem; line-height: 2;"> | 20 | + <div class="appointment-notice"> |
| 20 | <p style="margin-bottom: 0.25rem;"><van-icon name="info-o" /> 温馨提示</p> | 21 | <p style="margin-bottom: 0.25rem;"><van-icon name="info-o" /> 温馨提示</p> |
| 21 | <p style="font-size: 0.85rem;">1. 一人一码,或拿身份证,扫码或识别身份证成功后进入</p> | 22 | <p style="font-size: 0.85rem;">1. 一人一码,或拿身份证,扫码或识别身份证成功后进入</p> |
| 22 | <p style="font-size: 0.85rem;">2. 若您无法按时参观,请提前在预约记录中取消您的预约</p> | 23 | <p style="font-size: 0.85rem;">2. 若您无法按时参观,请提前在预约记录中取消您的预约</p> |
| 23 | </div> | 24 | </div> |
| 25 | + </div> | ||
| 24 | <div class="success-btn"> | 26 | <div class="success-btn"> |
| 25 | <div @click="goToHome" class="btn-item btn-left">首页</div> | 27 | <div @click="goToHome" class="btn-item btn-left">首页</div> |
| 26 | <div @click="goToDetail" class="btn-item btn-right">详情</div> | 28 | <div @click="goToDetail" class="btn-item btn-right">详情</div> |
| ... | @@ -54,6 +56,48 @@ const goToDetail = () => { | ... | @@ -54,6 +56,48 @@ const goToDetail = () => { |
| 54 | .success-page { | 56 | .success-page { |
| 55 | position: relative; | 57 | position: relative; |
| 56 | background-color: #FFF; | 58 | background-color: #FFF; |
| 59 | + // margin: 0.8rem; | ||
| 60 | + // margin-bottom: 0; | ||
| 61 | + // border-radius: 8px; | ||
| 62 | + .text-prompts { | ||
| 63 | + display: flex; | ||
| 64 | + align-items: center; | ||
| 65 | + justify-content: center; | ||
| 66 | + height: 35vh; | ||
| 67 | + flex-direction: column; | ||
| 68 | + img { | ||
| 69 | + width: 60vw; | ||
| 70 | + } | ||
| 71 | + .text { | ||
| 72 | + color: #A67939; | ||
| 73 | + font-size: 1.25rem; | ||
| 74 | + } | ||
| 75 | + } | ||
| 76 | + .appointment-information { | ||
| 77 | + padding: 2rem 1rem; | ||
| 78 | + border-bottom: 1px dashed #A67939; | ||
| 79 | + line-height: 2; | ||
| 80 | + .number-of-visitors { | ||
| 81 | + span { | ||
| 82 | + color: #A67939; | ||
| 83 | + } | ||
| 84 | + } | ||
| 85 | + .visit-time { | ||
| 86 | + span { | ||
| 87 | + color: #A67939; | ||
| 88 | + } | ||
| 89 | + } | ||
| 90 | + .payment-amount { | ||
| 91 | + span { | ||
| 92 | + color: #FF1919; | ||
| 93 | + } | ||
| 94 | + } | ||
| 95 | + } | ||
| 96 | + .appointment-notice { | ||
| 97 | + color: #A67939; | ||
| 98 | + padding: 1rem; | ||
| 99 | + line-height: 2; | ||
| 100 | + } | ||
| 57 | .success-btn { | 101 | .success-btn { |
| 58 | background-color: #FFF; | 102 | background-color: #FFF; |
| 59 | position: fixed; | 103 | position: fixed; | ... | ... |
-
Please register or login to post a comment