{yun:}include file="$wapstyle/member/header.htm"{/yun}
<link rel="stylesheet" type="text/css" href="{yun:}$wap_style{/yun}/js/webapppic/cropper.css?v={yun:}$config.cachecode{/yun}"/>
<script src="{yun:}$wap_style{/yun}/js/alloy/transform.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/alloy/alloy-finger.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/alloy-crop.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/compress.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/exif.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<div id="yunvue" class="none">
	<div class="personal_details_min_body" id="wholeBody">
		<!-- 页面卡片式图 -->
		<div class="personal_details_card">
			<form id="infoForm">
				<div class="personal_details_card_head_portrait">
					<div class="personal_details_left personal_details_leftmt">头像</div>
					<div class="personal_details_center">真实头像可提升求职成功率</div>
					<div class="personal_details_right" @click="openPhoto">
						<img :src="infoShow.photo" alt="" width="100%" height="100%">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">头像展示</div>
					<div class="personal_details_card_name_center" v-if="infoShow.phototype==1" @click="photoPicker" id="photoValue">不公开</div>
					<div class="personal_details_card_name_center" v-else @click="photoPicker" id="photoValue">公开</div>
					<input type="hidden" id="phototype" name="phototype" :value="infoShow.phototype">
					
					<div class="personal_details_right_nav">
						<img src="{yun:}$wap_style{/yun}/images/icon_more.png" alt="" width="100%" height="100%">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">姓名</div>
					<div class="personal_details_card_name_center">
						<input type="text" name="name" placeholder="请输入姓名" :value="infoShow.name" :disabled="infoShow.idcard_status==1" />
						<input type="hidden" id="idcard_status" name="idcard_status" :value="infoShow.idcard_status"  />
					</div>
					<div class="personal_details_card_name_right" >
						<ul>
							<li @click="changeSex(1)" :class="sexid==1?'personal_details_card_name_right_cur':''">男</li>
							<li @click="changeSex(2)" :class="sexid==2?'personal_details_card_name_right_cur':''">女</li>
						</ul>
					</div>						
					<input type="hidden" name="sex" id="sex" :value="sexid" />
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">姓名展示</div>
					<div class="personal_details_card_name_center" @click="namePicker" id="nameValue">
						{{nametype_n==''? '完全公开':nametype_n}}
					</div>
					<input type="hidden" id="nametype" name="nametype" :value="infoShow.nametype">
					<div class="personal_details_right_nav">
						<img src="{yun:}$wap_style{/yun}/images/icon_more.png" alt="" width="100%" height="100%">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">现居住地</div>
					<div class="personal_details_card_name_center">
						<input type="text" name="living" v-model="infoShow.living" placeholder="请输入现居住地">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">手机号</div>
					<div class="personal_details_card_name_center" v-if="infoShow.moblie_status==1&&infoShow.telphone">						
						<i>{{infoShow.telphone}} </i>
						<i class="number_verify">已验证</i>
						<input type="hidden" name="telphone" v-model="infoShow.telphone">	
					</div>
					<div class="personal_details_card_name_center" v-else>						
						<input type="number" name="telphone" v-model="infoShow.telphone" placeholder="请输入手机号码" >						
					</div>					
				</div>
				<div class="personal_details_card_data">
					<ul>
						<li onclick="birthdayPicker()">
							<i>出生年份</i>
							<i id="birthdayValue" class="expPicker_zx">{{dateValue==''?'请选择':year}}</i>
							<input type="hidden" id="birthday" name="birthday" :value="dateValue">
						</li>
						<li @click="eduPicker">
							<i>最高学历</i>
							<i id="eduValue" class="expPicker_zx">{{edu_n? edu_n :'请选择最高学历'}}</i>
							<input type="hidden" id="edu" name="edu" :value="infoShow.edu">
						</li>
						<li @click="expPicker">
							<i>工作经验</i>
							<i id="expValue" class="expPicker_zx">{{exp_n? exp_n :'请选择'}}</i>
							<input type="hidden" id="exp" name="exp" :value="infoShow.exp">
						</li>
					</ul>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">详细地址</div>
					<div class="personal_details_card_name_center">
						<input type="text" name="address" v-model="infoShow.address" placeholder="XXX省XXX市XXX区XXX街道">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">身高</div>
					<div class="personal_details_card_entering_price">
						<input type="text" name="height" v-model="infoShow.height" placeholder="请输入身高。单位：厘米">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">体重</div>
					<div class="personal_details_card_entering_price">
						<input type="text" name="weight" v-model="infoShow.weight" placeholder="请输入体重。单位：公斤">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">民族</div>
					<div class="personal_details_card_entering_price">
						<input type="text" name="nationality" v-model="infoShow.nationality" placeholder="例：汉">
					</div>
				</div>
		 
					<div class="personal_details_card_name"@click="marriagePicker">
						<div class="personal_details_left">婚姻</div>
					<div class="personal_details_card_entering_price">
						<span id="marriageValue">{{marriage_n?marriage_n:'请选择婚姻状况'}}</span>
						<input type="hidden" id="marriage" name="marriage" :value="infoShow.marriage">
					</div>
					<div class="personal_details_right_nav">
						<img src="{yun:}$wap_style{/yun}/images/icon_more.png" alt="" width="100%" height="100%">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">户籍</div>
					<div class="personal_details_card_entering_price">
						<input type="text" name="domicile" v-model="infoShow.domicile" placeholder="例：江苏-南京">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">微信号</div>
					<div class="personal_details_card_entering_price">
						<input type="text" name="wxid" v-model="infoShow.wxid" placeholder="请输入微信号">
					</div>
				</div>
				<div class="personal_details_card_name">
					<div class="personal_details_left">电子邮箱</div>
					<div class="personal_details_card_entering_price" v-if="infoShow.email_status==1&&infoShow.email">
						
						<i>{{infoShow.email}}</i>
						<i class="number_verify">已验证</i>
						<input type="hidden" name="email" v-model="infoShow.email">
						 
					</div>
					<div class="personal_details_card_entering_price" v-else>
						<input type="text" name="email" v-model="infoShow.email" placeholder="请输入电子邮箱" >
					</div>
				</div>
				<input type="hidden" name="url" value="{yun:}url d=wxapp h=user m=info c=saveinfo{/yun}">
			</form>
		</div>
	</div>
	<div>
		<!--picker选择器-->
		<van-popup v-model="photoShow" round position="bottom">
			<van-picker show-toolbar :columns="photo" :default-index="photoIndex" 
			 @cancel="photoShow = false" @confirm="photoConfirm"/>
		</van-popup>
		<van-popup v-model="nameShow" round position="bottom">
			<van-picker show-toolbar :columns="name" :default-index="nameIndex" 
			 @cancel="nameShow = false" @confirm="nameConfirm"/>
		</van-popup>
		<van-popup v-model="eduShow" round position="bottom">
			<van-picker show-toolbar :columns="edu" :default-index="eduIndex" 
			 @cancel="eduShow = false" @confirm="eduConfirm"/>
		</van-popup>
		<van-popup v-model="expShow" round position="bottom">
			<van-picker show-toolbar :columns="exp" :default-index="expIndex" 
			 @cancel="expShow = false" @confirm="expConfirm"/>
		</van-popup>
		<van-popup v-model="marriageShow" round position="bottom">
			<van-picker show-toolbar :columns="marriage" :default-index="marriageIndex" 
			 @cancel="marriageShow = false" @confirm="marriageConfirm"/>
		</van-popup>
		<van-popup v-model="birthdayShow" round position="bottom">
			<van-datetime-picker 
				v-model="currentDate"
				type="date" :min-date="minDate" :max-date="maxDate" 
				@cancel="birthdayShow = false" @confirm="birthdayConfirm"/>
		</van-popup>
		<van-popup v-model="photoBoxShow" position="right" :style="{ height: '100%',width:'100%',backgroundColor:'#f3f3f3'}">
		
		    <div class="comheader">
		        <a class="comheader_return" @click="photoBoxShow = false"></a>
		        <div class="comheader_tit">上传头像</div>
		    </div>
		    <div class="verify">
		        <div class="photo_i_box_v">
		            <div class="photo_i_box_v_c">
		                <div id="showResult">
		                    <div id="changeAvatar" class="photo_i_box">
		                        <img :src="infoShow.photo ? infoShow.photo : ''"width="120" height="120">
		                    </div>
		                    <div class="clear"></div>
		                    <div class="photo_xz">
		                        <input id="image" type="file" accept="image/*" onchange="photoChange(this)"/> 选择上传头像
		
		                    </div>
		                    <div class="yunset_identity_msg"><i class="yunset_identity_msg_icon"></i>选择上传头像点击提交按钮即可上传
		                        <span v-if="infoShow.photo_n">
		                            (
		                            <font v-if="infoShow.photo_status == '1'" color="red">审核中</font>
		                            <font v-else-if="infoShow.photo_status == '2'" color="red">未通过</font>
		                            <font v-else color="red">已审核</font>
		                            )
		                        </span>
		                    </div>
		                </div>
		
		                <input type="hidden" value="" id="preview">
		            </div>
		            <div class="photo_tj">
		                <input name="submit" type="button" onclick="photo()" value="提交" class="yunset_bth"/>
		            </div>
		        </div>
		    </div>
		</van-popup>
	</div>
</div>
<script src="{yun:}$plusstyle{/yun}/user.cache.js?v={yun:}$config.cachecode{/yun}"></script>
<script src="{yun:}$wap_style{/yun}/js/userPicker.js?v={yun:}$config.cachecode{/yun}"></script>
<script src="{yun:}$wap_style{/yun}/js/user.js?v={yun:}$config.cachecode{/yun}"></script>

<script src="{yun:}$wap_style{/yun}/js/alloy/transform.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/alloy/alloy-finger.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/alloy-crop.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/compress.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script src="{yun:}$wap_style{/yun}/js/exif.js?v={yun:}$config.cachecode{/yun}" language="javascript"></script>
<script>
	// 时间选择器参数要重新处理，iOS不支持以中划线分隔的日期格式，要替换成反斜杠/
	var resumename = '{yun:}$config.sy_resumename_num{/yun}';
	var savephotourl = '{yun:}url d=wxapp h=user m=info c=savephoto{/yun}';
	var yunvue =  new Vue({
		el: '#yunvue',
		data() {
		    return {
				photoShow: false,
				photoIndex: 0,
				photo: [{value: 0, text: '公开'},{value: 1, text: '不公开'}],
				nameShow: false,
				nameIndex: 0,
				name: [],
				nametype_n:'',
				eduShow: false,
				eduIndex: 0,
				edu: [],
				expShow: false,
				edu_n:'',
				expIndex: 0,
				exp: [],
				exp_n:'',
				marriageShow: false,
				marriageIndex: 0,
				marriage: [],
				marriage_n:'',
				birthdayShow: false,
				currentDate: '',
				minDate: new Date(1960, 0, 1),
				maxDate: new Date(2010, 0, 1),
				infoShow: {},
				sexid:'',
				dateValue:'',				
				year:'1988',
				photoBoxShow: false
		    };
		},
		created() {
			this.getInfo();					
		},
		methods:{
			getInfo:function(){
				showLoading();
				var self = this;
				$.post('{yun:}url d=wxapp h=user m=info c=getinfo{/yun}',{rand: Math.random()},function(res){
					hideLoading();
					$("#yunvue").css('display', 'block');
					self.infoShow = res.data;
					
					if(res.data){
						self.setDdefault();
						self.edu_n = res.data.edu_n;
						self.exp_n = res.data.exp_n;
						self.marriage_n = res.data.marriage_n;
						self.sexid = res.data.sex;					
						self.nametype_n = res.data.nametype_n;
						if(res.data.birthday){
							self.dateValue = res.data.birthday;						
							self.year = res.data.birthYear;
							let birthday = res.data.birthday.replace(/-/g, '/');
							self.currentDate = new Date(birthday);
						}else{
							let birthday = '1988/08/08';
							self.currentDate = new Date(birthday);
						}	
					}						
							
				},'json');
			},
			eduPicker:function(){
				eduPicker(this.infoShow.edu);
			},
			expPicker:function(){
				expPicker(this.infoShow.exp);
			},
			marriagePicker:function(){
				marriagePicker(this.infoShow.marriage);
			},
			changeSex:function(e){
				this.sexid = e;						
			},
			setDdefault:function(){						
				this.photoIndex = this.infoShow.phototype;
			},
			photoConfirm(e){
				this.photoShow = false;	
				this.infoShow.phototype = e.value;						
			},
			namePicker:function(){
				namePicker(this.infoShow.nametype);
			},
			photoPicker:function(){
				this.photoShow = true;
			},
			nameConfirm(e){
				this.nameShow = false;
				this.infoShow.nametype = e.value;
				this.nametype_n = e.text;
				
			},
			eduConfirm(e){
				this.eduShow = false;
				this.infoShow.edu = e.value;
				this.edu_n = e.text;				
			},
			expConfirm(e){
				this.expShow = false;
				this.infoShow.exp = e.value;
				this.exp_n = e.text;				
			},
			marriageConfirm(e){
				this.marriageShow = false;
				this.infoShow.marriage = e.value;
				this.marriage_n = e.text;				
			},
			birthdayConfirm(e){
				this.birthdayShow = false;
				this.dateValue = timeFormat(e);
				this.year = e.getFullYear();
			},
			// 上传头像
			openPhoto: function () {
			    this.photoBoxShow = true;
			},
		}
	});
	// 裁剪logo
	function toAlloyCrop(pic) {
	    let yd = yunvue.$data;
	    new AlloyCrop({
	        image_src: pic,
	        width: 200,
	        height: 200,
	        output: 1,
	        ok: function (base64, canvas) {
	            yd.infoShow.photo = base64;
	            $("#preview").val(base64);
	            // $('#showResult').fadeIn();
	        },
	        cancel: function () {
	            // $('#showResult').fadeIn();
	        },
	        ok_text: '确定',
	        cancel_text: '取消'
	    });
	}
	
	// 上传logo
	function photo() {
	    let yd = yunvue.$data;
	    var uimage = $("#preview").val();
	    if (uimage == '') {
	        showToast('请选择图片后再提交');
	        return false;
	    } else {
	        var regS = new RegExp("\\+", "gi");
	        uimage = uimage.replace(regS, "#");
	        showLoading('上传中');
	        $.ajax({
	            type: 'POST',
	            url: '{yun:}url d=wxapp h=user m=info c=savephoto{/yun}',
	            cache: false,
	            dataType: 'json',
	            data: {
	                uimage: uimage,
	                source: 'wap'
	            },
	            success: function (data) {
	                hideLoading();
	                if (data.error == 1) {
	                    showToast(data.msg, 2, function () {
	                        $("#preview").val('');
	                    });
	                } else {
	                    showModal(data.msg);
	                }
	            }
	        });
	    }
	}
</script>
	</body>
</html>