diagnosis_app/pages/index/index.vue

<template>
	<view class="content">
		<doctor-index v-show="userType===1" ref="doctor"/>
		<patient-index v-show="userType===2" ref="patient" />
	</view>
</template>
<script>	
	import patientIndex from '@/views/patientItems/index/index.vue';
	import doctorIndex from '@/views/doctorItems/index/index';
	export default {
		components:{
			patientIndex,
			doctorIndex
		},		
		data() {
			return {
				userType:null,
				tabBars:[]
			}
		},
		created() {
			this.$nextTick(()=>{
				this.init();						
			})
		},
		methods: {
			init(){			
				let accountInfo=uni.getStorageSync('accountInfo');
				this.userType=accountInfo.userType;
				if(accountInfo.userType===1){
					uni.setNavigationBarTitle({
						title:"诊断"
					})
				}
			},
			reload(type){
				if(type==='doctor'){
					this.$refs.doctor.init();
				}
			}
		}
	}
</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>