<template>
	<view>
		<scroll-view :scroll-y="modalName==null" class="page">
			<cu-custom :bgColor="NavBarColor" :isBack="true">
				<block slot="backText">返回</block>
				<block slot="content">个人信息</block>
			</cu-custom>
			<view class="cu-list menu-avatar margin-top">
				<view class="cu-item">
					<view class="cu-avatar round lg" v-if="infoList.avatar"  :style="[{backgroundImage:'url('+ infoList.avatar +')'}]"></view>
					<view class="cu-avatar round lg" v-else :style="[{backgroundImage:'url('+ avatar +')'}]"></view>
					<view class="content">
						<view class="text-grey text-lg">{{infoList.realname?infoList.realname:infoList.username}}<text class="cuIcon-peoplefill margin-left-sm" :class="infoList.sex=='2'?'text-pink':'text-blue'"></text></view>
						<view class="text-gray text-sm flex">
							<view class="text-cut">
								{{infoList.post}}
							</view>
						</view> 
					</view>
				</view>	
			</view>
			
			<view class="cu-list menu margin-top">
				<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.2s'}]">
					<view class="content">
						<text class="text-grey">手机</text>
					</view>
					<view class="action">
						<text class="text-grey">{{infoList.phone?infoList.phone:phone}}</text>
					</view>
				</view>
				<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.3s'}]">
					<view class="content">
						<text class="text-grey">邮箱</text>
					</view>
					<view class="action">
						<text class="text-grey">{{infoList.email?infoList.email:email}}</text>
					</view>
				</view>
				<view class="cu-item animation-slide-bottom" :style="[{animationDelay: '0.4s'}]">
					<view class="content">
						<text class="text-grey">部门</text>
					</view>
					<view class="action">
						<text class="text-grey">{{infoList.departName?infoList.departName:company}}</text>
					</view>
				</view>
			</view>
			
		</scroll-view>
	</view>
</template>

<script>
	import {phone,email,company} from "@/common/util/constants"
	export default {
		data() {
			return {
				phone,
				email,
				company,
				NavBarColor:this.NavBarColor,
				avatar:'/static/login4.png',
				modalName: null,
				infoList:{
					realname:'',
					post:'',
					avatar:'',
					phone:null,
					email:'',
					department:'',
					title:''
				},
			};
		},
		onLoad() {
			 this.infoList = this.$Route.query;
			 console.log("this.infoList>>>",this.infoList)
		},
		methods: {
			backRoute() {
				//通讯录个人信息页面返回问题
				if(this.infoList.page){
					this.$Router.push({name:this.infoList.page})
				}else{
					let parmas={
						title:this.$Route.query.departName,
						orgCode:this.$Route.query.orgCode
					}
					this.$Router.push({name: 'member',params:parmas})
				}
			},
		}
	}
</script>

<style>
	.page {
		height: 100Vh;
		width: 100vw;
	}

	.page.show {
		overflow: hidden;
	}

	.switch-sex::after {
		content: "\e716";
	}

	.switch-sex::before {
		content: "\e7a9";
	}

	.switch-music::after {
		content: "\e66a";
	}

	.switch-music::before {
		content: "\e6db";
	}
</style>