<template>
	<view class="mine-page btPadding">
		<view class="info-wrapper">
			<img class="avatar" src="https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg" alt="" @click="enlargePicture('https://qny.xmz.yitongtang66.com/uploads/20240202/4c91b27887ee12a29beb015ef4dfe71f.jpg')"/>
			<view class="ft40 name">李静医生</view>
		</view>
		<view class="box-wrapper">
			<box :title="'医生信息'" :icon-name="'mine-icon-doctor.svg'" />
			<box :title="'医院管理'" :icon-name="'mine-icon-hospital.svg'" />
			<box :title="'出诊安排'" :icon-name="'mine-icon-schedule.svg'"/>
			<box :title="'诊疗设置'" :icon-name="'mine-icon-setting.svg'"/>
		</view>
		<view class="bar-wrapper">
			<bar :title="'患者预约'" :icon-name="'mine-bar-prebook.svg'" />
			<bar :title="'助手管理'" :icon-name="'mine-bar-assistant.svg'" />
			<bar :title="'挂号管理'" :icon-name="'mine-bar-registration.svg'" />
			<bar :title="'导出针灸记录'" :icon-name="'mine-bar-records.svg'" />
			<bar :title="'邀请新医生'" :icon-name="'mine-bar-invite.svg'" />
		</view>
		<tabbar current="2" leftButtonText="就诊表"></tabbar>
	</view>
</template>

<script>
	import Box from '@/components/mineBox.vue';
	import Bar from '@/components/mineBar.vue';
	import tabbar from '@/components/tabbar.vue';
	
	export default {
		data() {
			return {
				cssUrl:this.cssUrl
			}
		},
		components:{
			Box,
			Bar,
			tabbar
		},
		methods: {
			enlargePicture(imgUrl) {
				  var list = new Array();
				  list[0] = imgUrl;
				  uni.previewImage({
					  loop: true,
					  urls: list
				  });
			}
		}
	}
</script>

<style>
.mine-page{
	.info-wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 17rpx;
		padding-bottom: 35rpx;
		
		.avatar {
			width: 160rpx;
			height: 160rpx;
			background: #D8D8D8;
			border-radius: 100%;
		}
		.name {
			font-weight: 500;
			color: #000000;
			line-height: 56rpx;
			margin-top: 8rpx;
		}
	}
	.box-wrapper {
		background-color: #FFFFFF;
		border-radius: 0 0 8rpx 8rpx;
		box-shadow: 0 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
		box-sizing: border-box;
		margin: 0 18rpx;
		padding: 36rpx 24rpx;
		
		display: flex;
		justify-content: space-between;
	}
	.bar-wrapper {
		background: #FFFFFF;
		box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0,0,0,0.03);
		border-radius: 0rpx 0rpx 8rpx 8rpx;
		margin: 20rpx 18rpx 133rpx;
		padding: 38rpx 20rpx 51rpx 26rpx;
	}
}
</style>
