<template>
	<view class="my">
		<view class="top">
			<view class="head">
				<image src="../../static/my/set.png" mode="" class="set" @click="$goBack(2,'/pages/my/set')"></image>
				<image src="../../static/head.png" mode="" class="head"></image>
			</view>
			<view class="text">
			<text>{{user.name}}</text>
			</view>
		</view>
		<view class="bom">
			<view class="text">
				<text>所属公司</text>
				<text class="content">{{user.company}}</text>
			</view>
			<view class="text">
				<text>所属部门</text>
				<text class="content">{{user.department}}</text>
			</view>
			<view class="text">
				<text>职务</text>
				<text class="content"></text>
			</view>
			<view class="text">
				<text>岗位</text>
				<text class="content">{{user.post}}</text>
			</view>
			<view class="text">
				<text>账号类型</text>
				<text class="content">管理人员</text>
			</view>
			<view class="text">
				<text>账号</text>
				<text class="content">{{user.account}}</text>
			</view>
			<view class="text">
				<text>手机号</text>
				<text class="content">{{user.phone}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data() {
			return {
				
			};
		},
		onLoad() {
			
		},
		methods:{

		},
		computed: {
			...mapState({
				user: store => store.user
			})
		}
	}
</script>

<style lang="scss">
.my{
	height: 100%;
	letter-spacing: 5rpx;
	.top{
		height: 18%;
		background-color: #e40315;
		padding: 0 10rpx 40rpx;
		display: flex;
		flex-direction: column;
	    justify-content: space-between;
		.head{
			text-align: center;
			position: relative;
			.head{
				width: 130rpx;
				height: 130rpx;
				border-radius: 50%;
				margin-top: 60rpx;
			}
			.set{
				width: 40rpx;
				height: 40rpx;
				margin: 20rpx;
				position: absolute;
				right: 0;
				top: 0;
			}
		}
		.text{
			text-align: center;
			color: #e1e1e1;
		}
	}
	.bom{
		.text{
			border-bottom: 1rpx solid #e1e1e1;
			padding: 20rpx 0;
			margin: 0 20rpx;
			display: flex;
			justify-content: space-between;
			&:last-child{
				border-bottom: 0;
			}
			.content{
				color: #7d7d7d;
			}
		}
	}
}
</style>
