Showing
3 changed files
with
69 additions
and
9 deletions
| 1 | /* | 1 | /* |
| 2 | * @Date: 2022-05-18 22:56:08 | 2 | * @Date: 2022-05-18 22:56:08 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2023-08-24 10:56:44 | 4 | + * @LastEditTime: 2024-01-25 10:03:20 |
| 5 | - * @FilePath: /front/src/api/fn.js | 5 | + * @FilePath: /xysBooking/src/api/fn.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ |
| 8 | import axios from '@/utils/axios'; | 8 | import axios from '@/utils/axios'; |
| 9 | -import { showSuccessToast, showFailToast } from 'vant'; | 9 | +import { showSuccessToast, showFailToast, showToast } from 'vant'; |
| 10 | import qs from 'Qs' | 10 | import qs from 'Qs' |
| 11 | 11 | ||
| 12 | /** | 12 | /** |
| ... | @@ -21,9 +21,9 @@ export const fn = (api) => { | ... | @@ -21,9 +21,9 @@ export const fn = (api) => { |
| 21 | return res.data || true; | 21 | return res.data || true; |
| 22 | } else { | 22 | } else { |
| 23 | // tslint:disable-next-line: no-console | 23 | // tslint:disable-next-line: no-console |
| 24 | - console.warn(res); | 24 | + console.warn(res.data.show); |
| 25 | - if (!res.data.show) return false; | 25 | + if (res.data.show === false) return false; |
| 26 | - showFailToast(res.data.msg); | 26 | + showToast(res.data.msg); |
| 27 | return false; | 27 | return false; |
| 28 | } | 28 | } |
| 29 | }) | 29 | }) | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Date: 2023-08-24 09:42:27 | 2 | * @Date: 2023-08-24 09:42:27 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-01-24 14:13:35 | 4 | + * @LastEditTime: 2024-01-25 08:36:47 |
| 5 | * @FilePath: /xysBooking/src/api/index.js | 5 | * @FilePath: /xysBooking/src/api/index.js |
| 6 | * @Description: 文件描述 | 6 | * @Description: 文件描述 |
| 7 | */ | 7 | */ | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2024-01-16 13:33:36 | 2 | * @Date: 2024-01-16 13:33:36 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2024-01-18 11:11:00 | 4 | + * @LastEditTime: 2024-01-25 10:10:41 |
| 5 | * @FilePath: /xysBooking/src/views/me.vue | 5 | * @FilePath: /xysBooking/src/views/me.vue |
| 6 | * @Description: 我的页面 | 6 | * @Description: 我的页面 |
| 7 | --> | 7 | --> |
| 8 | <template> | 8 | <template> |
| 9 | <div class="me-page"> | 9 | <div class="me-page"> |
| 10 | + <div class="me-content"> | ||
| 10 | <div class="title"> | 11 | <div class="title"> |
| 11 | <div class="text">参观者信息</div> | 12 | <div class="text">参观者信息</div> |
| 12 | </div> | 13 | </div> |
| ... | @@ -29,6 +30,22 @@ | ... | @@ -29,6 +30,22 @@ |
| 29 | <div class="no-visitors-list-title">您还没有添加过参观者</div> | 30 | <div class="no-visitors-list-title">您还没有添加过参观者</div> |
| 30 | </div> | 31 | </div> |
| 31 | </div> | 32 | </div> |
| 33 | + <div class="index-nav"> | ||
| 34 | + <div class="nav-logo" @click="toHome"> | ||
| 35 | + <van-icon size="1.5rem" :name="icon_3" color="#A67939" /> | ||
| 36 | + 首页 | ||
| 37 | + </div> | ||
| 38 | + <div class="nav-logo" @click="toCode"> | ||
| 39 | + <van-icon size="5rem" :name="icon_4" color="#A67939" style="position: absolute; top: -4rem;" /> | ||
| 40 | + <van-icon size="1.5rem" name="wap-home" color="#FFF" style="opacity: 0;" /> | ||
| 41 | + 预约码 | ||
| 42 | + </div> | ||
| 43 | + <div class="nav-logo"> | ||
| 44 | + <van-icon size="1.5rem" :name="icon_5" color="#A67939" /> | ||
| 45 | + 我的 | ||
| 46 | + </div> | ||
| 47 | + </div> | ||
| 48 | + </div> | ||
| 32 | </template> | 49 | </template> |
| 33 | 50 | ||
| 34 | <script setup> | 51 | <script setup> |
| ... | @@ -42,11 +59,29 @@ import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@ | ... | @@ -42,11 +59,29 @@ import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@ |
| 42 | import { showConfirmDialog } from 'vant'; | 59 | import { showConfirmDialog } from 'vant'; |
| 43 | import { showSuccessToast, showFailToast } from 'vant'; | 60 | import { showSuccessToast, showFailToast } from 'vant'; |
| 44 | import { personListAPI, delPersonAPI } from '@/api/index' | 61 | import { personListAPI, delPersonAPI } from '@/api/index' |
| 62 | +import icon_1 from '@/assets/images/立即预约@2x.png' | ||
| 63 | +import icon_2 from '@/assets/images/预约记录@2x.png' | ||
| 64 | +import icon_3 from '@/assets/images/首页01@2x.png' | ||
| 65 | +import icon_4 from '@/assets/images/二维码icon.png' | ||
| 66 | +import icon_5 from '@/assets/images/我的02@2x.png' | ||
| 45 | const go = useGo(); | 67 | const go = useGo(); |
| 46 | const $route = useRoute(); | 68 | const $route = useRoute(); |
| 47 | const $router = useRouter(); | 69 | const $router = useRouter(); |
| 48 | useTitle($route.meta.title); | 70 | useTitle($route.meta.title); |
| 49 | 71 | ||
| 72 | +const toBooking = () => { // 跳转到预约须知 | ||
| 73 | + go('/notice'); | ||
| 74 | +} | ||
| 75 | +const toRecord = () => { // 跳转到预约记录 | ||
| 76 | + go('/bookingList'); | ||
| 77 | +} | ||
| 78 | +const toCode = () => { // 跳转到预约码 | ||
| 79 | + go('/bookingCode'); | ||
| 80 | +} | ||
| 81 | +const toHome = () => { // 跳转到我的 | ||
| 82 | + go('/'); | ||
| 83 | +} | ||
| 84 | + | ||
| 50 | const visitorList = ref([]); | 85 | const visitorList = ref([]); |
| 51 | 86 | ||
| 52 | /** | 87 | /** |
| ... | @@ -101,10 +136,14 @@ onMounted(async () => { | ... | @@ -101,10 +136,14 @@ onMounted(async () => { |
| 101 | 136 | ||
| 102 | <style lang="less" scoped> | 137 | <style lang="less" scoped> |
| 103 | .me-page { | 138 | .me-page { |
| 104 | - margin: 1rem; | ||
| 105 | position: relative; | 139 | position: relative; |
| 140 | + height: 100vh; | ||
| 141 | + .me-content { | ||
| 142 | + | ||
| 143 | + margin: 0 1rem; | ||
| 106 | .title { | 144 | .title { |
| 107 | padding: 0.5rem 0.75rem; | 145 | padding: 0.5rem 0.75rem; |
| 146 | + padding-top: 1rem; | ||
| 108 | padding-left: 0; | 147 | padding-left: 0; |
| 109 | display: flex; | 148 | display: flex; |
| 110 | justify-content: space-between; | 149 | justify-content: space-between; |
| ... | @@ -159,5 +198,26 @@ onMounted(async () => { | ... | @@ -159,5 +198,26 @@ onMounted(async () => { |
| 159 | font-size: 1.05rem; | 198 | font-size: 1.05rem; |
| 160 | } | 199 | } |
| 161 | } | 200 | } |
| 201 | + } | ||
| 202 | + | ||
| 203 | + .index-nav { | ||
| 204 | + position: fixed; | ||
| 205 | + bottom: 0; | ||
| 206 | + left: 0; | ||
| 207 | + width: 100vw; | ||
| 208 | + height: 10vh; | ||
| 209 | + background: #FFFFFF; | ||
| 210 | + box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12); | ||
| 211 | + display: flex; | ||
| 212 | + align-items: center; | ||
| 213 | + justify-content: space-around; | ||
| 214 | + color: #A67939; | ||
| 215 | + .nav-logo { | ||
| 216 | + position: relative; | ||
| 217 | + display: flex; | ||
| 218 | + flex-direction: column; | ||
| 219 | + align-items: center; | ||
| 220 | + } | ||
| 221 | + } | ||
| 162 | } | 222 | } |
| 163 | </style> | 223 | </style> | ... | ... |
-
Please register or login to post a comment