<template>
	<view>
		
		<view class='nav'>
			<image bindtap='chooseAvatar' class="cu-avatar xl round" src='../../../../../static/image/my.png'></image>
		</view>
		<view class='module'>
			<view class="cu-form-group" v-if="user.user==0">
				<view class="title" >会员编码</view>
				{{user.memberNum}}
			</view>
			<view class="cu-form-group" v-else>
				<view class="title" >员工水牌号</view>
				{{user.brandNumber}}
			</view>
			<view class='common-hr'></view>
		</view>
		<view class='module'>
			<view class="cu-form-group" v-if="user.user==0">
				<view class="title">姓名</view>
				{{user.memberName}}
			</view>
			<view class="cu-form-group" v-else>
				<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 v-if="user.user==0" 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>
