<template>
	<view class="content">
		<doctor-therapy v-show="userType===1" ref="doctor" />
		<patient-record v-show="userType===2" ref="patientRecord" />
	</view>
</template>
<script>
	// import{
	// 	mapState
	// } from 'vuex'	
	import doctorTherapy from '@/views/doctorItems/therapy/index.vue';
	import patientRecord from '@/views/patientItems/record/index.vue';
	
	export default {
		components:{
			patientRecord,
			doctorTherapy,
			ReachBottomTimer:null
		},
		data(){
			return{
				userType:null,
				tabBars:[]
			}
		},
		// computed: {
		// 	...mapState([
		// 		'userType'
		// 	])
		// },
		onLoad({type}) {
			this.$nextTick(()=>{
				if(type==="appraise"){
					this.$refs.patientRecord.init(type)
				}else if(type==="create"){
					this.$refs.doctor.init(type)
				}				
			})
		},
		created() {	
			let accountInfo=uni.getStorageSync('accountInfo');
			this.$nextTick(()=>{
				this.userType=accountInfo.userType;
			})
			if(accountInfo.userType===1){
				uni.setNavigationBarTitle({
					title:"治疗"
				})			
			}	
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		&{
			padding: 0 24upx;
		}
		.title {
			font-size: 38upx;
			padding: 58upx 0 49upx 0;
			font-weight: 600;
			.tl-1{
				color: #3384ff;
				padding-right: 8upx;
			}
		}
		.list{
			.item{
				height: 160upx;
				margin-top: 24upx;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				position: relative;
				.icon{
					.zhcx-iconfont{
						font-size: 55upx;
					}
					padding-right: 79upx;
				}
				.text{
					font-size: 32upx;
					color: #333;
				}
				.link{
					position: absolute;
					right: 34upx;
				}
			}
		}
	}	
</style>
