{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>
|
