<template>
	<view>
		<view class='nav'>
			<image v-if="user.memberName" class="cu-avatar xl round" src='../../../../../static/image/my.png'></image>
			<text v-else="!user.memberName" class="cu-avatar radius cu-avatar xl round "
				style="border-radius: 50%;">{{user.staffName[0]}}</text>
		</view>
		<view class='module'>

			<view class="cu-form-group">
				<view class="title">水牌号</view>
				{{user.brandNumber}}
			</view>
			<view class='common-hr'></view>
		</view>
		<view class='module'>
			<view class="cu-form-group">
				<view class="title">姓名</view>
				{{user.staffName}}
			</view>
			<view class='common-hr'></view>
		</view>

		<view class='module'>
			<!-- bindtap="showOldModal" -->
			<view class="cu-form-group" data-target="ModalOld">
				<view class="title">手机</view>
				{{user.mobilePhone}}
			</view>
			<view class='common-hr'></view>
		</view>

		<view class='module'>
			<view class="cu-form-group">
				<view class="title">性别</view>
				<text @tap="showModal" data-target="RadioModal">
					{{user.sex == 1 ? '男' : '女'}}
				</text>
			</view>
		</view>
		<view class='module'>
			<view class="cu-form-group">
				<view class="title">职务</view>
				<text>
					{{user.grade == 1 ? '店长' : user.grade == 2 ? '美容经理' : user.grade == 3 ? '美发经理': user.grade == 4 ? '总监':user.grade == 6 ? '员工':(user.grade*1-50)+'级美发师'}}
				</text>
			</view>
		</view>
		<view class='module' v-show="user.baseSalary!=null">
			<view class="cu-form-group">
				<view class="title">底薪</view>
				<text class="text-price text-red">
					{{user.baseSalary}}
				</text>
			</view>
		</view>
		<view class='module'>
			<view class="cu-form-group" >
				<view class="title">人气</view>
				<text class="cuIcon-hot text-red">{{user.popularity*10}}</text>
				
			</view>
			<view class='common-hr'></view>
		</view>
		<view class='module'>
			<view class="cu-form-group">
				<view class="title">入职日期</view>
				<text >
					{{user.joinedDate}}
				</text>
			</view>
		</view>
		<view class='module'>
			<view class="cu-form-group">
				<view class="title">是否用户</view>
				<text >
					{{user.userState == 1 ? '是' : '否'}}
				</text>
			</view>
		</view>
		<view v-show="false" class="flex justify-center"
			style="width: 100%;font-size: 28upx; color: #383838; margin-top: 50upx;">
			<navigator url="edit-message/edit-message">
				<button class="cu-btn round line-red">修改信息</button>
			</navigator>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: {
					mobilePhone: '',
					memberName: '',
					sex: null,
					memberNum: '',
				},
				avatarPath: null
			}
		},
		methods: {

		},
		onShow: function() {

		},
		onShow: function() {
			this.user = uni.getStorageSync('userInfo')
		}
	}
</script>

<style>
	.nav {
		width: 130upx;
		margin: 40upx auto;
		padding-bottom: 20upx;
	}

	.nav>image {
		background: white;
	}

	.module {
		background-color: white;
		padding: 10upx 30upx;
	}

	.radio {
		display: inline-block;
		width: 30upx;
		margin: 0;
		padding: 0;
	}

	.content {
		margin-bottom: 5upx;
	}

	.login {
		position: absolute;
		bottom: 30upx;
	}

	.cu-form-group .title {
		min-width: calc(4em + 30upx);
	}

	.cu-form-group input {
		text-align: left;
	}

	.padding-xl {
		background-color: #ffffff;
		padding: 30upx;
	}

	.cu-btn {
		padding: 0 20upx;
	}

	.submin {
		margin-top: 50upx;
	}

	.submin button {
		width: 570upx;
		height: 60upx;
		line-height: 60upx;
	}
</style>
