From 9c12333c735fb9773267169c269f449b31ded663 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E6=96=87=E9=BE=99?= <web_2021@163.com>
Date: Tue, 12 Dec 2023 15:31:53 +0800
Subject: [PATCH] tabbar switch

---
 package.json                               |   2 +-
 src/api/user/index.js                      |  15 ++
 src/components/agreed-comp/agreed-comp.vue |  11 +-
 src/components/tabbar/tabbar.vue           |  48 ++++--
 src/configs/index.js                       |   3 +-
 src/pages/index/home/index.vue             |   9 +-
 src/pages/index/order/index.vue            | 173 +++++++++++----------
 src/pages/index/personal/index.vue         |  79 ++++++----
 src/pages/other/switch.vue                 | 153 ++++++++++++++----
 src/store/user/index.js                    |   2 +-
 vite.config.js                             |   1 +
 11 files changed, 335 insertions(+), 161 deletions(-)

diff --git a/package.json b/package.json
index c8dbfb8..f83b66b 100755
--- a/package.json
+++ b/package.json
@@ -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",
diff --git a/src/api/user/index.js b/src/api/user/index.js
index 9d6812f..246cd5b 100755
--- a/src/api/user/index.js
+++ b/src/api/user/index.js
@@ -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-实名失败
diff --git a/src/components/agreed-comp/agreed-comp.vue b/src/components/agreed-comp/agreed-comp.vue
index 66f6627..c3fbace 100644
--- a/src/components/agreed-comp/agreed-comp.vue
+++ b/src/components/agreed-comp/agreed-comp.vue
@@ -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' })
diff --git a/src/components/tabbar/tabbar.vue b/src/components/tabbar/tabbar.vue
index 1482977..52c4353 100755
--- a/src/components/tabbar/tabbar.vue
+++ b/src/components/tabbar/tabbar.vue
@@ -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;
diff --git a/src/configs/index.js b/src/configs/index.js
index 7afd54b..2bc8f8b 100755
--- a/src/configs/index.js
+++ b/src/configs/index.js
@@ -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'
 // 是否开启代理
diff --git a/src/pages/index/home/index.vue b/src/pages/index/home/index.vue
index f2de930..e47189f 100755
--- a/src/pages/index/home/index.vue
+++ b/src/pages/index/home/index.vue
@@ -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([
 	{
diff --git a/src/pages/index/order/index.vue b/src/pages/index/order/index.vue
index b5abbda..05b5e01 100755
--- a/src/pages/index/order/index.vue
+++ b/src/pages/index/order/index.vue
@@ -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>
diff --git a/src/pages/index/personal/index.vue b/src/pages/index/personal/index.vue
index 5b4db6c..1292085 100755
--- a/src/pages/index/personal/index.vue
+++ b/src/pages/index/personal/index.vue
@@ -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>
diff --git a/src/pages/other/switch.vue b/src/pages/other/switch.vue
index 37385b5..dde1a3b 100644
--- a/src/pages/other/switch.vue
+++ b/src/pages/other/switch.vue
@@ -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)
+		}
 	})
 }
 
diff --git a/src/store/user/index.js b/src/store/user/index.js
index 29fb0b4..116a8d1 100755
--- a/src/store/user/index.js
+++ b/src/store/user/index.js
@@ -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,
   },
diff --git a/vite.config.js b/vite.config.js
index b11cfbd..fdab894 100755
--- a/vite.config.js
+++ b/vite.config.js
@@ -77,6 +77,7 @@ export default defineConfig({
     //   },
     // },
     rollupOptions: {
+      external: ['z-paging'],
       // external: ['/wxcomponents'],
       // output: {
       //   manualChunks: undefined,