<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/headBase.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SYS_URL']; ?>static/css/user.css?ver=<?php echo mvc::$cfg['VER']['css']; ?>">
<link rel="stylesheet" type="text/css" href="<?php echo mvc::$cfg['SYS_URL']; ?>static/webuploader/webuploader.css?ver=<?php echo mvc::$cfg['VER']['css']; ?>">
<link rel="stylesheet" href="<?php echo mvc::$cfg['SYS_URL']; ?>static/mui/dist/css/mui.picker.min.css" />
<link rel="stylesheet" href="<?php echo mvc::$cfg['SYS_URL']; ?>static/mui/dist/css/mui.poppicker.css" />
<style>
	.mui-content>.mui-table-view:first-child {
		margin-top: 0px;
	}
	.mui-change{
		position: fixed;
		z-index: 10000;
		top: 50%;
		left: 50%;
		display: none;
		overflow: hidden;
		width: 270px;
		-webkit-transition-property: -webkit-transform,opacity;
		transition-property: transform,opacity;
		-webkit-transform: translate3d(-50%,-50%,0) scale(1.185);
		transform: translate3d(-50%,-50%,0) scale(1.185);
		text-align: center;
		opacity: 0;
		color: #000;
		border-radius: 13px;
	}
	.mui-change-active{
		opacity: 1;
	}
	.changevalues-mask {
		display: none;
		position: fixed;
		z-index: 998;
		top: 0;
		bottom: 0;
		max-width: 640px;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,.3);
	}
	.mui-address {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 350px;
		background: #fff;
		z-index: 999;
		overflow: hidden;
	}
	.goodsdetail-header{
		height: 40px;
		width: 100%;
		border-bottom: 1px solid #f0f0f0;
		display: flex;
		justify-content: center;
		position: relative;
		align-items: center;
	}
	.goodsdetail-top {
		height: 40px;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #f0f0f0;
		display: flex;
		padding: 0 0 0 10px;
		position: relative;
	}

	.goodsdetail-top-l {
		height: 40px;
		padding: 0 10px 0 10px;
		line-height: 40px;
		box-sizing: border-box;
		font-size: 13px;
	}
	.goodsdetail-top-l-o {
		height: 40px;
		padding: 0 10px 0 10px;
		line-height: 40px;
		box-sizing: border-box;
		border-bottom: 1px solid #e22e1f;
		color: #e22e1f;
		font-size: 13px;
	}
	.goodsdetail-top-cancel {
		position: absolute;
		right: 0;
		top: 0;
		color: #aaa;
		height: 40px;
		padding: 0 20px 0 10px;
		line-height: 40px;
		box-sizing: border-box;
		border: 1rpx solid #000;
		font-size: 13px;
	}
</style>
<header class="mui-bar mui-bar-nav">
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
	<h1 class="mui-title">个人信息</h1>
</header>
<div class="mui-content" id="person-info">
	<ul class="mui-table-view">
		<li class="mui-table-view-cell">
			<a id="head" class="mui-navigate-right" href="#picture">头像
				<span class="mui-pull-right head">
					<?php if (!empty($infoArr['u_logo'])) { ?>
						<img class="head-img mui-action-preview" id="head-img1" src="<?php echo mvc::$cfg['FILE_CENTER']['yp']['url_get'] . '&c=yp_logo&f=' . $infoArr['u_logo'] . mvc::$cfg['FILE_CENTER']['yp']['get_uri']; ?>">
					<?php } else { ?>
						<img class="head-img mui-action-preview" id="head-img1" src="<?php echo mvc::$cfg['HOST']['b2c']; ?>/static/images/noimg.png" />
					<?php } ?>
				</span>
			</a>
		</li>
		<li class="mui-table-view-cell">
			<a href="javascript:;" data-type="nickname" data-values="<?php echo $infoArr['u_nickname']; ?>">昵称<span class="mui-pull-right"><?php echo $infoArr['u_nickname']; ?></span></a>
		</li>
		<li class="mui-table-view-cell">
			<a href="javascript:;" data-type="real-name" data-values="<?php echo $infoArr['u_real_name']; ?>">姓名<span class="mui-pull-right"><?php echo $infoArr['u_real_name']; ?></span></a>
		</li>
		<li class="mui-table-view-cell">
			<a href="javascript:;" data-type="sex" data-values="<?php echo $infoArr['ui_sex']; ?>">性别<span class="mui-pull-right"><?php if ($infoArr['ui_sex'] == '1') { ?> 男<?php } else { ?>女<?php } ?></span></a>
		</li>
		<li class="mui-table-view-cell">
			<a href="javascript:;" data-type="company" data-values="<?php echo $infoArr['ui_company']; ?>">公司名称<span class="mui-pull-right"><?php echo $infoArr['ui_company']; ?></span></a>
		</li>
		<li class="mui-table-view-cell ">
			<a href="javascript:;" data-type="area">所在地区<span class="mui-pull-right"><?php echo $infoArr['ui_area']; ?></span></a>
		</li>
	</ul>
</div>
<!-- 加载动画 -->
<div class="mui-loading" style="display:none;z-index:9999;position: absolute;left: 50%;top: 30%;">
	<div class="mui-spinner"></div>
</div>
<div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
	<ul class="mui-table-view">
		<li class="mui-table-view-cell">
			<div id="select-picture">选择图片</div>
		</li>
	</ul>
	<ul class="mui-table-view">
		<li class="mui-table-view-cell">
			<a href="#picture"><b>取消</b></a>
		</li>
	</ul>
</div>
<!-- 地址选择 -->
<div id="address" class="mui-address mui-popover">
	<div class="goodsdetail">
		<div class="goodsdetail-header">
			<div>选择地区</div>
			<div class='goodsdetail-top-cancel hideGoodsDetail'>取消</div>			
		</div>
		<div class='goodsdetail-top'>
			<?php if($infoArr['ui_area']){ ?>
				<?php foreach ($infoArr['areaArr'] as $key => $value) { ?>
					<div class='navbarTap <?php echo  $value['selected']?'goodsdetail-top-l-o': 'goodsdetail-top-l'?>' data-ppct_id="<?php echo $value['ppct_id'];?>" data-type="<?php echo $value['type'];?>" data-pcid="<?php echo $value['pct_id'];?>" onclick="INFO.navbarTap(this)" id="<?php echo $value['type'].'Name'?>"><?php echo $value['name']?></div>
				<?php } ?>
			<?php }else{ ?>
				<div class='navbarTap goodsdetail-top-l-o'  data-type="province" onclick="INFO.navbarTap(this)" id="provinceName">请选择</div>
				<div class='navbarTap goodsdetail-top-l-o' style="display: none;" data-type="city" onclick="INFO.navbarTap(this)" id="cityName">请选择</div>
				<div class='navbarTap goodsdetail-top-l-o' style="display: none;" data-type="region" onclick="INFO.navbarTap(this)" id="regionName">请选择</div>
			<?php } ?>
		
		</div>
		<ul class="mui-table-view" id="provinceHtml" style="max-height: 260px;"></ul>
		<ul class="mui-table-view" id="cityHtml" style="max-height: 260px;"></ul>
		<ul class="mui-table-view" id="regionHtml" style="max-height: 260px;"></ul>
		<ul class="mui-table-view" id="streetHtml" style="max-height: 260px;"></ul>
	</div>
</div>
<div id="changevalues" class="mui-change mui-popover">
	<div class="mui-popup-inner">
		<div class="mui-popup-title edittitle"></div>
		<div class="mui-popup-text edittext"></div>
		<div class="mui-popup-input">
			<input type="text" name="editvalues" autofocus="" placeholder="" value="">
		</div>
	</div>
	<div class="mui-popup-buttons">
		<span class="mui-popup-button changevalues-cancel">取消</span>
		<span class="mui-popup-button mui-popup-button-bold changevalues-save">保存</span>
	</div>			
</div>
<div class="changevalues-mask"></div>

<script type="text/javascript">
	var AREAARR = <?php echo json_encode($infoArr['areaArr']??[]);?>;
	$(document).ready(function() {
		let list = document.querySelector('.mui-address')
		list.addEventListener('touchmove', e => e.stopPropagation(), true)
		INFO.init();
	});
</script>
<script src="<?php echo mvc::$cfg['SYS_URL']; ?>static/js/user.js?ver=<?php echo mvc::$cfg['VER']['js']; ?>"></script>
<script src="<?php echo mvc::$cfg['SYS_URL']; ?>static/mui/dist/js/mui.picker.min.js"></script>
<script src="<?php echo mvc::$cfg['SYS_URL']; ?>static/mui/dist/js/mui.poppicker.js"></script>
<script type="text/javascript" src="<?php echo mvc::$cfg['SYS_URL']; ?>static/webuploader/webuploader.min.js?ver=1.0.0"></script>
<?php include_once(mvc::$cfg['PATH_TPL'] . 'public/footBase.php'); ?>