Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
xysBooking
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2024-01-25 10:14:23 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
977b784fa0dcf27436af6d0b83622226591fb354
977b784f
1 parent
9b06b75e
fix 我的页面底部新增nav,API请求错误提示修复
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
69 additions
and
9 deletions
src/api/fn.js
src/api/index.js
src/views/me.vue
src/api/fn.js
View file @
977b784
/*
* @Date: 2022-05-18 22:56:08
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 202
3-08-24 10:56:44
* @FilePath: /
front
/src/api/fn.js
* @LastEditTime: 202
4-01-25 10:03:20
* @FilePath: /
xysBooking
/src/api/fn.js
* @Description: 文件描述
*/
import
axios
from
'@/utils/axios'
;
import
{
showSuccessToast
,
showFailToast
}
from
'vant'
;
import
{
showSuccessToast
,
showFailToast
,
showToast
}
from
'vant'
;
import
qs
from
'Qs'
/**
...
...
@@ -21,9 +21,9 @@ export const fn = (api) => {
return
res
.
data
||
true
;
}
else
{
// tslint:disable-next-line: no-console
console
.
warn
(
res
);
if
(
!
res
.
data
.
show
)
return
false
;
show
Fail
Toast
(
res
.
data
.
msg
);
console
.
warn
(
res
.
data
.
show
);
if
(
res
.
data
.
show
===
false
)
return
false
;
showToast
(
res
.
data
.
msg
);
return
false
;
}
})
...
...
src/api/index.js
View file @
977b784
/*
* @Date: 2023-08-24 09:42:27
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-01-2
4 14:13:35
* @LastEditTime: 2024-01-2
5 08:36:47
* @FilePath: /xysBooking/src/api/index.js
* @Description: 文件描述
*/
...
...
src/views/me.vue
View file @
977b784
<!--
* @Date: 2024-01-16 13:33:36
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2024-01-
18 11:11:00
* @LastEditTime: 2024-01-
25 10:10:41
* @FilePath: /xysBooking/src/views/me.vue
* @Description: 我的页面
-->
<template>
<div class="me-page">
<div class="me-content">
<div class="title">
<div class="text">参观者信息</div>
</div>
...
...
@@ -29,6 +30,22 @@
<div class="no-visitors-list-title">您还没有添加过参观者</div>
</div>
</div>
<div class="index-nav">
<div class="nav-logo" @click="toHome">
<van-icon size="1.5rem" :name="icon_3" color="#A67939" />
首页
</div>
<div class="nav-logo" @click="toCode">
<van-icon size="5rem" :name="icon_4" color="#A67939" style="position: absolute; top: -4rem;" />
<van-icon size="1.5rem" name="wap-home" color="#FFF" style="opacity: 0;" />
预约码
</div>
<div class="nav-logo">
<van-icon size="1.5rem" :name="icon_5" color="#A67939" />
我的
</div>
</div>
</div>
</template>
<script setup>
...
...
@@ -42,11 +59,29 @@ import { Cookies, $, _, axios, storeToRefs, mainStore, Toast, useTitle } from '@
import { showConfirmDialog } from 'vant';
import { showSuccessToast, showFailToast } from 'vant';
import { personListAPI, delPersonAPI } from '@/api/index'
import icon_1 from '@/assets/images/立即预约@2x.png'
import icon_2 from '@/assets/images/预约记录@2x.png'
import icon_3 from '@/assets/images/首页01@2x.png'
import icon_4 from '@/assets/images/二维码icon.png'
import icon_5 from '@/assets/images/我的02@2x.png'
const go = useGo();
const $route = useRoute();
const $router = useRouter();
useTitle($route.meta.title);
const toBooking = () => { // 跳转到预约须知
go('/notice');
}
const toRecord = () => { // 跳转到预约记录
go('/bookingList');
}
const toCode = () => { // 跳转到预约码
go('/bookingCode');
}
const toHome = () => { // 跳转到我的
go('/');
}
const visitorList = ref([]);
/**
...
...
@@ -101,10 +136,14 @@ onMounted(async () => {
<style lang="less" scoped>
.me-page {
margin: 1rem;
position: relative;
height: 100vh;
.me-content {
margin: 0 1rem;
.title {
padding: 0.5rem 0.75rem;
padding-top: 1rem;
padding-left: 0;
display: flex;
justify-content: space-between;
...
...
@@ -159,5 +198,26 @@ onMounted(async () => {
font-size: 1.05rem;
}
}
}
.index-nav {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 10vh;
background: #FFFFFF;
box-shadow: 0rem -0.33rem 0.25rem 0rem rgba(0,0,0,0.12);
display: flex;
align-items: center;
justify-content: space-around;
color: #A67939;
.nav-logo {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
}
}
</style>
...
...
Please
register
or
login
to post a comment