wwl
/
Escort
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tabbar switch

main
王文龙 2023-12-12 15:31:53 +08:00
parent f28cc3108f
commit 9c12333c73
11 changed files with 335 additions and 161 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -69,7 +69,7 @@
"uview-plus": "^3.1.41",
"vue": "3.2.47",
"vue-i18n": "^9.1.9",
"z-paging": "^2.5.8"
"z-paging": "^2.6.3"
},
"devDependencies": {
"@dcloudio/types": "^3.3.2",

15
src/api/user/index.js
View File

@ -7,6 +7,7 @@ import request from '@/utils/request/index.js'
export const userLogin = data =>
// mock({ ...data, mockData: { token: 'mock-token' } })
request.post('/wxlogin', data)
/**
* @description 保存用户信息
*/
@ -27,6 +28,20 @@ export const getUser = params =>
// mock({ ...data, mockData: { token: 'mock-token' } })
request.get('/wxUser/info', params)
/**
* @description 陪诊师申请信息
*/
export const doctorSave = data =>
request.post('/doctor/save', data)
/**
* @description 获取陪诊师信息
*/
export const doctorInfo = data =>
request.get('/doctor/infomation', data)
/**
* @description 获取当前登录用户信息
* @param realStatus 1-未实名 2-实名中 3--已经实名 4-实名失败

11
src/components/agreed-comp/agreed-comp.vue
View File

@ -8,6 +8,7 @@
labelColor="#666"
labelSize="24rpx"
@change="handleChange"
:disabled="disabled"
>
<u-checkbox activeColor="#FF8CA6" name="1"></u-checkbox>
<!-- label="我已阅读并同意" -->
@ -34,16 +35,18 @@ const prop = defineProps({
type: Boolean,
default: () => false
},
checkFunc: {
type: Function,
default: () => () => {}
disabled: {
type: Boolean,
default: () => false
}
})
const checked = ref([false])
checked.value[0] = prop.agreed ? '1' : ''
const emit = defineEmits(['update:agreed'])
const instance = getCurrentInstance()
const { $Router } = instance.proxy
watchEffect(() => {
checked.value[0] = prop.agreed ? '1' : ''
})
const handleAgree = () => {
$Router.push({ path: '/pages/statement/index' })

48
src/components/tabbar/tabbar.vue
View File

@ -6,6 +6,7 @@
:safeAreaInsetBottom="true"
:fixed="true"
:border="false"
v-bind="$attrs"
>
<block v-for="item in tabbarList" :key="item.path">
<u-tabbar-item
@ -31,17 +32,12 @@
</template>
<script setup>
import store from '@/store/index.js'
import { useRoute } from '@/utils/uni-router'
uni.hideTabBar()
const route = useRoute()
const instance = getCurrentInstance()
const { $assets } = instance.proxy
const userStore = store.useUserStore()
const userInfo = computed(() => userStore.userInfo)
const tabbarList = ref([
const { $assets,$Router,$Route,$store } = instance.proxy
const tabbarList = ref([])
const List = {
simple: [
{
text: '首页',
icon: '/tabbar/home.png',
@ -66,14 +62,42 @@ const tabbarList = ref([
name: 'personal',
show: true
}
])
const activeItem = computed(() => {
return route.meta.key
],
common: [
{
text: '首页',
icon: '/tabbar/order.png',
activeIcon: '/tabbar/order-sel.png',
path: '/pages/index/order/index',
name: 'order',
show: true
},
{
text: '我的',
icon: '/tabbar/my.png',
activeIcon: '/tabbar/my-sel.png',
path: '/pages/index/personal/index',
name: 'personal',
show: true
}
]
}
const activeItem = ref()
watchEffect(() => {
activeItem.value = $Route.meta.key
const roleName = $store.user.roleName
if(activeItem.value === 'home' && roleName === 'common') {
activeItem.value = 'order'
}
tabbarList.value = List[roleName]
})
</script>
<style lang="scss" scoped>
.u-tabbar-item__icon {
margin-top: 10rpx;
width: 48rpx;
height: 48rpx;
object-fit: contain;

3
src/configs/index.js
View File

@ -10,7 +10,8 @@ export const primaryColor = '#FF8CA6'
// 项目基础路径
export const appBasePath = isProduction ? './' : './'
// 请求地址
export const requestURL = 'http://192.168.2.155:7788/hospital/app'
// export const requestURL = 'http://192.168.2.166:7788/hospital/app'
export const requestURL = 'http://127.0.0.1:7788/hospital/app'
export const requestPath = ''
export const requestFilePath = '/file'
// 是否开启代理

9
src/pages/index/home/index.vue
View File

@ -1,5 +1,5 @@
<template>
<view class="px-24rpx bg-#fff">
<view class="px-24rpx bg-#fff" v-if="userRole === 'simple'">
<u-search
v-model="searchVal"
shape="square"
@ -71,14 +71,17 @@
<u-icon name="arrow-right" width="48rpx" height="48rpx" />
</view>
</view>
<tabbar></tabbar>
</view>
<tabbar></tabbar>
<Order v-else />
</template>
<script setup>
import { ref, getCurrentInstance } from 'vue'
import Order from '../order/index.vue'
const { $Router, $api } = getCurrentInstance().proxy
const { $Router, $api,$store } = getCurrentInstance().proxy
const userRole = computed(() => $store.user.userInfo.roleName ?? 'simple')
const searchVal = ref('')
const swiperList = ref([
{

173
src/pages/index/order/index.vue
View File

@ -40,103 +40,104 @@
itemStyle="width: 20%; height: 100rpx;"
></u-tabs>
</u-sticky>
<view class="px-24rpx pt-20rpx">
<view
v-for="item in 2"
:key="item"
class="min-h-410rpx bg-white rounded-16rpx px-20rpx py-30rpx mb-20rpx shadow-current"
>
<view class="flex-row-between">
<text class="text-#999 text-24rpx">订单号：22323232323</text>
<view
class="w-124rpx h-48rpx leading-48rpx text-center rounded-sm text-24rpx"
:class="`${stateColorList[status].bg} ${stateColorList[status].color}`"
>{{ stateColorList[status].text }}</view
>
</view>
<view class="flex-row-between text-28rpx text-#999 mt-20rpx">
<view>服务项目：<text class="text-#000">服务项目</text></view>
<view class="text-#FF3939 font-bold">预计收入：￥100</view>
</view>
<view class="h-full">
<template v-for="item in 10" :key="item">
<view
class="mt-10rpx mb-24rpx flex text-24rpx bg-#f2f2f2 w-full min-h-140rpx rounded-sm px-34rpx pt-20rpx pb-10rpx"
class="min-h-410rpx bg-white rounded-16rpx px-20rpx py-30rpx mb-20rpx shadow-current"
>
<view class="flex flex-col text-#666">
<text>就诊人</text>
<text class="text-#000 mt-8rpx">就诊人</text>
<view class="flex-row-between">
<text class="text-#999 text-24rpx">订单号：22323232323</text>
<view
class="w-124rpx h-48rpx leading-48rpx text-center rounded-sm text-24rpx"
:class="`${stateColorList[status].bg} ${stateColorList[status].color}`"
>{{ stateColorList[status].text }}</view
>
</view>
<view class="flex flex-col flex-1 pl-40rpx pr-20rpx text-#666">
<text>医院</text>
<text class="text-#000 mt-8rpx">医院医院医院医院医院</text>
<view class="flex-row-between text-28rpx text-#999 mt-20rpx">
<view>服务项目：<text class="text-#000">服务项目</text></view>
<view class="text-#FF3939 font-bold">预计收入：￥100</view>
</view>
<view class="flex flex-col text-#666">
<text>预约时间：</text>
<text class="text-#000 mt-8rpx">2023/02/02</text>
<text class="text-#000">10:00</text>
<view
class="mt-10rpx mb-24rpx flex text-24rpx bg-#f2f2f2 w-full min-h-140rpx rounded-sm px-34rpx pt-20rpx pb-10rpx"
>
<view class="flex flex-col text-#666">
<text>就诊人</text>
<text class="text-#000 mt-8rpx">就诊人</text>
</view>
<view class="flex flex-col flex-1 pl-40rpx pr-20rpx text-#666">
<text>医院</text>
<text class="text-#000 mt-8rpx">医院医院医院医院医院</text>
</view>
<view class="flex flex-col text-#666">
<text>预约时间：</text>
<text class="text-#000 mt-8rpx">2023/02/02</text>
<text class="text-#000">10:00</text>
</view>
</view>
<view class="flex justify-end items-center">
<view
@click="handleClick(item)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#40A0E4 text-#40A0E4"
>开始服务</view
>
<view
@click="handleClick(item)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#FF8CA6 text-#FF8CA6"
>查看详情</view
>
<view
@click="handleClick(item)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#5F5F5F text-#5F5F5F"
>取消订单</view
>
</view>
</view>
<view class="flex justify-end items-center">
</template>
</view>
<u-popup
class="overflow-hidden"
:show="popupShow"
round="16rpx"
@close="popupShow = false"
closeable
>
<view class="min-h-800rpx pt-90rpx relative">
<view class="text-#000 absolute left-50rpx top-30rpx"
>请选择取消理由</view
>
<view
class="h-full w-full overflow-y-auto py-4 px-40rpx rounded-16rpx overflow-hidden"
>
<u-radio-group v-model="value" placement="row" @change="groupChange">
<u-radio
class="!mb-30rpx"
labelSize="16"
iconSize="20"
v-for="(item, index) in list"
activeColor="#FF8CA6"
:label="'思悠悠，恨悠悠，恨到归时方始休' + index"
:name="index"
></u-radio>
</u-radio-group>
<view class="mt-20rpx mb-20rpx text-28rpx">其他理由，请填写</view>
<u--textarea
v-model="remark"
placeholder=""
maxlength="300"
count
:autoHeight="false"
/>
<view
@click="handleClick(item)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#40A0E4 text-#40A0E4"
>开始服务</view
>
<view
@click="handleClick(item)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#FF8CA6 text-#FF8CA6"
>查看详情</view
>
<view
@click="handleClick(item)"
class="btn text-30rpx px-30rpx py-14rpx ml-30rpx border-#5F5F5F text-#5F5F5F"
>取消订单</view
class="text-white bg-#FF8CA6 rounded-24rpx w-full mx-auto mt-30rpx h-80rpx text-center leading-80rpx hover:shadow-md"
>提交</view
>
</view>
</view>
</view>
</u-popup>
<button-contact :class="`!bottom-16%`" />
<tabbar :fixed="false" />
</view>
<u-popup
class="overflow-hidden"
:show="popupShow"
round="16rpx"
@close="popupShow = false"
closeable
>
<view class="min-h-800rpx pt-90rpx relative">
<view class="text-#000 absolute left-50rpx top-30rpx"
>请选择取消理由</view
>
<view
class="h-full w-full overflow-y-auto py-4 px-40rpx rounded-16rpx overflow-hidden"
>
<u-radio-group v-model="value" placement="row" @change="groupChange">
<u-radio
class="!mb-30rpx"
labelSize="16"
iconSize="20"
v-for="(item, index) in list"
activeColor="#FF8CA6"
:label="'思悠悠，恨悠悠，恨到归时方始休' + index"
:name="index"
></u-radio>
</u-radio-group>
<view class="mt-20rpx mb-20rpx text-28rpx">其他理由，请填写</view>
<u--textarea
v-model="remark"
placeholder=""
maxlength="300"
count
:autoHeight="false"
/>
<view
class="text-white bg-#FF8CA6 rounded-24rpx w-full mx-auto mt-30rpx h-80rpx text-center leading-80rpx hover:shadow-md"
>提交</view
>
</view>
</view>
</u-popup>
<button-contact :class="`!bottom-16%`" />
<tabbar />
</template>
<script setup>

79
src/pages/index/personal/index.vue
View File

@ -46,7 +46,7 @@
</view>
<view class="relative">
<view
v-for="(item, index) of listModel"
v-for="(item, index) of menuList"
:key="index"
class="flex items-center py-4"
@click="handleInfo(item)"
@ -118,31 +118,48 @@
<script setup>
import defaultAvatar from '@/static/avatar.png'
import { onShow } from '@dcloudio/uni-app'
const instance = getCurrentInstance()
const { $api, $store, $Router, $loading } = instance.proxy
const userStore = $store.user
const isLogin = computed(() => !!userStore.token)
const userInfo = computed(() => userStore.userInfo)
const isLogin = computed(() => !!$store.user.token)
const userInfo = computed(() => $store.user.userInfo)
const showWithdraw = ref(false)
const amount = ref('')
const listModel = [
{
icon: '/personal/person.png',
text: '就诊人管理',
path: ''
},
{
icon: '/personal/shouru.png',
text: '收入详情',
path: '/pages/other/income-details'
},
{
icon: '/personal/qiehuan.png',
text: '切换身份',
path: '/pages/other/switch'
},
const list = {
simple: [
{
icon: '/personal/shouru.png',
text: '订单管理',
path: '/order'
},
{
icon: '/personal/qiehuan.png',
text: '成为陪诊师',
path: '/pages/other/switch'
}
],
common: [
{
icon: '/personal/shouru.png',
text: '收入详情',
path: '/pages/other/income-details'
},
{
icon: '/personal/qiehuan.png',
text: '切换身份',
path: ''
}
]
}
const listConst = [
// {
// icon: '/personal/person.png',
// text: '就诊人管理',
// path: ''
// },
{
icon: '/personal/lianxi.png',
text: '联系客服',
@ -159,6 +176,12 @@ const listModel = [
path: '/pages/contact/index'
}
]
const menuList = ref([])
watchEffect(() => {
const { roleName = 'simple' } = userInfo.value
menuList.value = [...list[roleName], ...listConst]
})
function handleInfo(item) {
$Router.push({
path: item.path,
@ -173,10 +196,12 @@ async function handleLogin() {
$loading(true)
userStore.login().then((user) => {
$loading(false)
!user.id &&
$Router.push({
path: '/pages/other/edit-userinfo'
})
!user.id
? $Router.push({
path: '/pages/other/edit-userinfo'
})
: userStore.setUserInfo(user)
console.log('🚀 ~ file: index.vue:204 ~ user:', user)
})
} else
$Router.push({
@ -188,16 +213,18 @@ async function handleLogin() {
const getUserInfo = async () => {
if (isLogin.value) {
$loading(true)
// $loading(true)
const res = await $api.getUser()
if (res.success) {
$loading(false)
// $loading(false)
userStore.setUserInfo(res.wxUser || {})
} else userStore.logout()
} else userStore.removeUserInfo()
}
getUserInfo()
onShow(() => {
getUserInfo()
})
</script>
<style lang="scss" scoped>

153
src/pages/other/switch.vue
View File

@ -35,8 +35,8 @@
shape="square"
placement="row"
>
<u-radio :name="0" label="男"></u-radio>
<u-radio :name="1" label="女" class="ml-50rpx"></u-radio>
<u-radio name="0" label="男"></u-radio>
<u-radio name="1" label="女" class="ml-50rpx"></u-radio>
</u-radio-group>
</view>
<view v-else class="w-full text-right u-line-1 pl-2 text-#C0C4CC"
@ -45,7 +45,7 @@
</u-form-item>
</u--form>
<u--textarea
v-model="model.remark"
v-model="model.intro"
placeholder=""
maxlength="300"
count
@ -59,26 +59,52 @@
>*</text
>
</view>
<view class="flex justify-between mb-32rpx">
<view class="flex justify-between mb-32rpx mt-20rpx">
<view
@click="handleChooseImage"
class="relative w-330rpx bg-#f2f2f2 rounded-md px-52rpx pt-30rpx pb-20rpx"
@click="handleChooseImage('ren')"
class="relative w-330rpx h-250rpx bg-#f2f2f2 rounded-md px-52rpx pt-30rpx pb-20rpx"
>
<block v-if="!fileList[0]">
<block v-if="!imageObj.ren">
<image class="w-full h-146rpx" :src="$assets('/zheng.png')" />
<view class="text-24rpx mt-10rpx text-#999 w-full text-center"
>上传身份证人像面</view
>
</block>
<view
v-else
class="absolute top-0 left-0 rounded-md overflow-hidden"
>
<u--image
mode="cover"
width="330rpx"
height="250rpx"
:duration="100"
:src="imageObj.ren"
/>
</view>
</view>
<view
@click="handleChooseImage"
@click="handleChooseImage('fan')"
class="relative w-330rpx bg-#f2f2f2 rounded-md px-52rpx pt-30rpx pb-20rpx"
>
<image class="w-full h-146rpx" :src="$assets('/fan.png')" />
<view class="text-24rpx mt-10rpx text-#999 w-full text-center"
>上传身份证国徽面</view
<block v-if="!imageObj.fan">
<image class="w-full h-146rpx" :src="$assets('/fan.png')" />
<view class="text-24rpx mt-10rpx text-#999 w-full text-center"
>上传身份证国徽面</view
>
</block>
<view
v-else
class="absolute top-0 left-0 rounded-md overflow-hidden"
>
<u--image
mode="cover"
width="330rpx"
height="250rpx"
:duration="100"
:src="imageObj.fan"
/>
</view>
</view>
</view>
<text class="text-24rpx text-#999"
@ -90,7 +116,7 @@
<view
class="fixed bg-#fff bottom-0 pb-8 left-0 right-0 text-white pt-12rpx border-t-1px border-solid border-#E5E5E5"
><view
@click="handleSubmit"
@click="$u.throttle(handleSubmit, 1000)"
class="bg-#FF8CA6 rounded-24rpx w-660rpx h-80rpx text-center leading-80rpx hover:shadow-md mx-auto"
>提交申请</view
></view
@ -103,14 +129,14 @@
import { chooseImage } from '@uni-helper/uni-promises'
const instance = getCurrentInstance()
const { $api, $toast, $store } = instance.proxy
const { $api, $toast, $store, $u, $dialog, $Router, $loading } = instance.proxy
const userInfo = computed(() => $store.user.userInfo)
const fileList = ref([])
const agreed = ref(false)
const formRef = ref(null)
const formList = ref([])
const model = ref({})
const rules = ref({})
const imageObj = ref({})
// 姓名 性别 年龄 手机号 微信号 个人介绍 常驻地点 上传身份证
const formItems = [
{
@ -131,7 +157,14 @@ const formItems = [
required: true,
type: 'radio',
trigger: ['blur', 'change'],
message: '请选择性别'
message: '请选择性别',
validator: {
validator: (rule, value, callback) => {
return value > -1
},
message: '请选择性别',
trigger: ['change', 'blur']
}
},
{
label: '年龄',
@ -140,7 +173,12 @@ const formItems = [
required: true,
type: 'string',
trigger: ['blur', 'change'],
message: '请输入年龄'
message: '请输入年龄',
validator: {
validator: (rule, value, callback) => $u.test.digits(value),
message: '年龄必须为数字',
trigger: 'blur'
}
},
{
label: '手机号',
@ -149,12 +187,19 @@ const formItems = [
required: true,
type: 'string',
trigger: ['blur', 'change'],
message: '请输入手机号'
message: '请输入手机号',
validator: {
validator: (rule, value, callback) => {
return $u.test.mobile(value)
},
message: '手机号码格式有误',
trigger: 'blur'
}
},
{
label: '微信号',
placeholder: '请输入微信号',
key: 'weNumber',
key: 'wxNumber',
required: true,
type: 'string',
trigger: ['blur', 'change'],
@ -188,17 +233,34 @@ const formItems = [
// message: '请上传身份证'
// }
]
onMounted(() => {
formRef.value.setRules(rules.value)
})
const init = () => {
const init = async () => {
$loading(true)
formItems.forEach((item) => {
const { required, key, keyName, message, trigger } = item
rules.value[item.key] = [{ required, message, trigger }]
const { required, key, keyName, message, trigger, validator } = item
rules.value[item.key] =
typeof validator === 'object'
? [{ required, message, trigger }, validator]
: [{ required, message, trigger }]
formList.value.push(item)
model.value[key] = userInfo.value[keyName || key] ?? null
})
model.value.sex = +userInfo.value.gender
model.value.intro = model.value.intro ?? ''
const res = await $api.doctorInfo()
if (res.success && typeof res.doctor === 'object' && res.doctor) {
Object.assign(model.value, res.doctor)
const images = res.doctor.images.split(',')
imageObj.value.ren = images[0]
imageObj.value.fan = images[1]
}
$loading(false)
}
const handleChooseImage = async () => {
const handleChooseImage = async (key) => {
let filePath = ''
try {
const ret = await chooseImage({
@ -206,7 +268,6 @@ const handleChooseImage = async () => {
})
filePath = ret.tempFilePaths[0]
} catch (error) {
console.warn('handleChooseImage.error', error)
return
}
if (!filePath) {
@ -217,13 +278,51 @@ const handleChooseImage = async () => {
filePath
})
if (res.success) {
console.log('res.data', res)
imageObj.value[key] = res.msg
}
}
const handleSubmit = () => {
formRef.value?.validate().then(() => {
$toast('提交成功')
const handleSubmit = async () => {
formRef.value?.validate().then(async () => {
if (!imageObj.value.ren) {
$toast('请上传身份证人像面!')
} else if (!imageObj.value.fan) {
$toast('请上传身份证国徽面!')
} else {
if (!agreed.value) {
try {
await $dialog('是否已阅读并同意《服务条款》?', {
showCancelButton: true,
confirmButtonText: '同意',
cancelButtonText: '取消',
confirmColor: '#FF8CA6'
})
agreed.value = true
} catch (error) {
console.log('error', error)
return
}
}
$loading(true)
const images = []
Object.entries(imageObj.value).forEach(([key, value]) => {
images.push(value)
})
model.value.images = images.join(',')
const res = await $api.doctorSave({
...model.value
})
if (res.success) {
$toast('提交成功')
setTimeout(() => {
$Router.push({
path: '/personal'
})
}, 500)
}
$loading(false)
}
})
}

2
src/store/user/index.js
View File

@ -16,7 +16,7 @@ export const useUserStore = defineStore('app-user', {
},
getters: {
userId: state => state.userInfo?.userId,
avatar: state => state.userInfo?.avatar,
roleName: state => state.userInfo?.roleName ?? 'simple',
username: state => state.userInfo?.username,
resumed: state => !!state.resumeInfo.id,
},

1
vite.config.js
View File

@ -77,6 +77,7 @@ export default defineConfig({
// },
// },
rollupOptions: {
external: ['z-paging'],
// external: ['/wxcomponents'],
// output: {
// manualChunks: undefined,