<template>
	<view class="app">
		<!-- 家医 -->
		<view class="Familydoctor" v-if="status=='1'">
			<div class="imgs">
				<image src="../../static/top.png" mode=""></image>
				<view class="my">
					我的
				</view>
			</div>
			<view class="Familybody">
				<view class="myorder titles">
					<view class="title">
						个人信息
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
				<view class="myorder titles">
					<view class="title">
						修改手机号
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
				<view class="myorder titles">
					<view class="title">
						修改密码
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
				<view class="myorder titles">
					<view class="title">
						检查更新
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
				<view class="myorder titles">
					<view class="title">
						用户协议与隐私政策
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
			</view>

		</view>
		<!-- 泉医 -->
		<view class="Quanyi" v-if="status=='2'">
			<div class="imgs">
				<image src="../../static/top.png" mode=""></image>
				<!-- <view class="my">
					我的
				</view> -->
			</div>
			<image src="/static/headsculpture.png" mode="" class="headsculpture">
			</image>
			<view class="bodys">
				<view class="name">
					{{list.personName}}
				</view>
				<image src="../../static/time.png" mode="" class="fist" @tap="gotime"></image>
				<image src="../../static/see.png" mode="" class="two" @tap="gotime"></image>
				<view class="myorder titles" @tap="personlinfo()">
					<view class="title">
						个人信息
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
				<view class="myorder titles" @tap="gophone">
					<view class="title">
						修改手机号
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>
				<view class="myorder titles" @tap="gopassword">
					<view class="title">
						修改密码
					</view>
					<view class="righttitle">
						<image src="../../static/huijiantou.png" mode=""></image>
					</view>
				</view>

			</view>
		</view>
	</view>
</template>

<script>
	import {
		hospitalPerson,
		createMobileToken
	} from '@/api/myinformation/myinformation.js'
	export default {
		data() {
			return {
				form: {
					name: ''
				},
				status: '',
				id:'',
				list:[],
			}
		},
		onLoad() {

		},
		onShow() {
			this.status = uni.getStorageSync("status")
			this.info()
		},
		methods: {
			info(){
				this.id=uni.getStorageSync("id")
				hospitalPerson(this.id).then(res=>{
					this.list=res.data
				})
			},
			gopassword() {
				uni.navigateTo({
					url: `/pages/Changepassword/Changepassword?list=${JSON.stringify(this.list)}`
				})
			},
			gophone() {
				uni.navigateTo({
					url: `/pages/Modifyphonenumber/Modifyphonenumber?list=${JSON.stringify(this.list)}`
				})
			},
			// 个人信息
			personlinfo() {
				console.log(this.list,'66')
				uni.navigateTo({
					url: `/pages/Personalinfo/Personalinfo?list=${JSON.stringify(this.list)}`
				})

			},
			gotime() {
				uni.navigateTo({
					url: '/pages/ServiceSchedule/ServiceSchedule'
				})
			},



		}
	}
</script>

<style lang="scss">
	page {
		background-color: #fff;

	}

	.app {
		background-color: #fff;
		overflow: hidden;
		height: 100%;

		// 家医
		.Familydoctor {

			.imgs {
				// background: red;
				// height: 335rpx;
				width: 100%;

				image {
					position: absolute;
					width: 100%;
					// top: 0;
				}

				.my {
					padding-top: 50rpx;
					height: 150rpx;
					text-align: center;
					line-height: 120rpx;
					font-size: 34rpx;
					font-family: SourceHanSansSC-Medium, SourceHanSansSC;
					font-weight: 500;
					color: #FFFFFF;
					position: relative;

				}

			}

			.Familybody {
				width: 100%;
				background: #fff;
				position: absolute;

				.myorder {
					position: relative;

					.orderStatus {
						text-align: center;
						margin: 60rpx auto 30rpx;
						width: 90%;
						background: red;
						display: flex;
						justify-content: space-around;
						padding-bottom: 30rpx;
					}

					.righttitle {
						font-size: 26rpx;
						color: #969494;
						position: absolute;
						right: 30rpx;
						top: 44rpx;

						image {
							vertical-align: middle;
							padding-left: 20rpx;
							width: 13rpx;
							height: 23rpx;
							display: inline-block;
						}
					}

					.title {
						font-size: 28rpx;
						font-family: SourceHanSansSC-Medium, SourceHanSansSC;
						font-weight: 500;
						color: #333333;
						// line-height: 38rpx;

						margin-left: 30rpx;
						// color: #4B4B4B;
						height: 110rpx;
						/* background: red; */
						line-height: 110rpx;
						border-bottom: 1rpx solid #E6E6E6;
						width: 93%;
					}
				}
			}
		}

		// 泉医
		.Quanyi {
			width: 100%;
			position: relative;
			height: 80vh;

			.imgs {
				width: 100%;
				height: 100rpx;

				image {
					position: absolute;
					width: 100%;
				}

				.my {
					padding-top: 50rpx;
					height: 300rpx;
					text-align: center;
					line-height: 120rpx;
					font-size: 34rpx;
					font-family: SourceHanSansSC-Medium, SourceHanSansSC;
					font-weight: 500;
					color: #FFFFFF;
					position: relative;
				}
			}

			.bodys {
				width: 750rpx;
				height: 100%;
				overflow: hidden;
				background: #FFFFFF;
				border-radius: 12px;
				opacity: 1;
				overflow: hidden;
				position: relative;

				.name {
					height: 38rpx;
					font-size: 32rpx;
					font-family: SourceHanSansCN-Medium, SourceHanSansCN;
					font-weight: 500;
					color: #333333;
					line-height: 38rpx;
					position: absolute;
					top: 7%;
					left: 50%;
					transform: translateX(-50%);
				}

				.fist {
					position: relative;
					width: 96%;
					height: 117rpx;
					left: 50%;
					top: 13%;
					transform: translateX(-50%);
				}

				.two {
					width: 168rpx;
					height: 54rpx;
					position: relative;
					left: 72%;
					top: 7%;
				}

				.myorder {
					position: relative;
					top: 10%;

					.orderStatus {
						text-align: center;
						margin: 60rpx auto 30rpx;
						width: 90%;
						background: red;
						display: flex;
						justify-content: space-around;
						padding-bottom: 30rpx;
					}

					.righttitle {
						font-size: 26rpx;
						color: #969494;
						position: absolute;
						right: 30rpx;
						top: 44rpx;

						image {
							vertical-align: middle;
							padding-left: 20rpx;
							width: 13rpx;
							height: 23rpx;
							display: inline-block;
						}
					}

					.title {
						font-size: 28rpx;
						font-family: SourceHanSansSC-Medium, SourceHanSansSC;
						font-weight: 500;
						color: #333333;
						margin-left: 30rpx;
						height: 110rpx;
						line-height: 110rpx;
						border-bottom: 1rpx solid #E6E6E6;
						width: 93%;
					}
				}
			}

			.headsculpture {
				position: absolute;
				top: 25rpx;
				left: 50%;
				transform: translateX(-50%);
				width: 150rpx;
				height: 150rpx;
				z-index: 999;
			}
		}
	}
</style>