hookehuyr

fix 我的页面底部新增nav,API请求错误提示修复

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>
......