|
|
@@ -19,29 +19,158 @@
|
|
|
<h1 class="nickname">
|
|
|
<span v-text="homeInfo.user_nickname"></span>
|
|
|
<p class="auth">
|
|
|
- <i v-if="homeInfo.idcard_check==2 || homeInfo.education_check==2 || homeInfo.position_check==2" class="info-auth" @click="showAuth(homeInfo)"><img src="/themes/default/weixin/public/assets/img/auth.png" width="28" height="28"></i>
|
|
|
+ <i v-if="homeInfo.idcard_check==2 || homeInfo.education_check==2 || homeInfo.position_check==2"
|
|
|
+ class="info-auth" @click="showAuth(homeInfo)"><img
|
|
|
+ src="/themes/default/weixin/public/assets/img/auth.png" width="28" height="28"></i>
|
|
|
|
|
|
-<!-- <i v-if="homeInfo.vip_auth" class="vip-auth"><img src="/themes/default/weixin/public/assets/img/vip-auth.png" width="24" height="24"><span>已认证</span></i>-->
|
|
|
+ <!-- <i v-if="homeInfo.vip_auth" class="vip-auth"><img src="/themes/default/weixin/public/assets/img/vip-auth.png" width="24" height="24"><span>已认证</span></i>-->
|
|
|
</p>
|
|
|
<span v-if="homeInfo.id != memberInfo.id" class="complain" @click="showPopup()">举报用户</span>
|
|
|
<!--<span v-if="homeInfo.idcard_check==2"><img @click="showAuth('idcard')" src="__TMPL__/weixin/public/assets/img/idcard.png" alt="" width="24" height="24"><em v-show="showStatus.idcard">身份已认证</em></span>
|
|
|
<span v-if="homeInfo.education_check==2"><img @click="showAuth('education')" src="__TMPL__/weixin/public/assets/img/education.png" alt="" width="24" height="24"><em v-show="showStatus.education">学历已认证</em></span>
|
|
|
<span v-if="homeInfo.position_check==2"><img @click="showAuth('position')" src="__TMPL__/weixin/public/assets/img/position.png" alt="" width="24" height="24"><em v-show="showStatus.position">职业已认证</em></span>-->
|
|
|
</h1>
|
|
|
- <div class="location" v-if="locations.distance!='' && homeInfo.id!= memberInfo.id"><img src="__TMPL__/weixin/public/assets/img/location.png" alt=""><span>距离你 {{locations.distance}}·{{locations.district? locations.district : '未知'}}</span></div>
|
|
|
+ <div class="location" v-if="locations.distance!='' && homeInfo.id!= memberInfo.id"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/location.png" alt=""><span>距离你 {{locations.distance}}·{{locations.district? locations.district : '未知'}}</span>
|
|
|
+ </div>
|
|
|
<div class="info_box">
|
|
|
- <p v-if="homeInfo.birthday_day || homeInfo.height_txt"><img src="__TMPL__/weixin/public/assets/img/info/birthday.png" alt=""><span class="birthday" v-text="homeInfo.birthday_day"></span><img src="/themes/default/weixin/public/assets/img/info/height.png?v=2" class="height-icon"><span class="height ext" v-text="homeInfo.height_txt?homeInfo.height_txt+' - ':''"></span><span class="weight ext" v-text="homeInfo.weight_txt"></span></p>
|
|
|
- <p v-if="(homeInfo.show_graduate && homeInfo.graduate) || homeInfo.education_txt"><img src="__TMPL__/weixin/public/assets/img/info/education.png" alt=""><span v-if="homeInfo.show_graduate" v-text="homeInfo.graduate?homeInfo.graduate+' · ':''"></span> <span v-text="homeInfo.education_txt"></span></p>
|
|
|
- <p v-if="homeInfo.married_txt"><img src="__TMPL__/weixin/public/assets/img/info/married.png" alt=""><span v-text="homeInfo.married_txt"></span></p>
|
|
|
- <p v-if="(homeInfo.show_company && homeInfo.company) || homeInfo.occupation"><img src="__TMPL__/weixin/public/assets/img/info/position.png" alt=""><span v-if="homeInfo.show_company" v-text="homeInfo.company?homeInfo.company+' · ': ''"></span> <span v-text="homeInfo.occupation? homeInfo.occupation : '无'"></span></p>
|
|
|
- <p v-if="homeInfo.show_company || homeInfo.home_city"><img src="__TMPL__/weixin/public/assets/img/info/map.png" alt=""><span v-text="homeInfo.city? '现居'+homeInfo.city+' · ' : ''"></span><span v-text="homeInfo.home_city? homeInfo.home_province+''+homeInfo.home_city+'人' : ''"></span></p>
|
|
|
+ <p v-if="homeInfo.birthday_day || homeInfo.height_txt"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/info/birthday.png" alt=""><span class="birthday"
|
|
|
+ v-text="homeInfo.birthday_day"></span><img
|
|
|
+ src="/themes/default/weixin/public/assets/img/info/height.png?v=2" class="height-icon"><span
|
|
|
+ class="height ext" v-text="homeInfo.height_txt?homeInfo.height_txt+' - ':''"></span><span
|
|
|
+ class="weight ext" v-text="homeInfo.weight_txt"></span></p>
|
|
|
+ <p v-if="(homeInfo.show_graduate && homeInfo.graduate) || homeInfo.education_txt"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/info/education.png" alt=""><span
|
|
|
+ v-if="homeInfo.show_graduate" v-text="homeInfo.graduate?homeInfo.graduate+' · ':''"></span>
|
|
|
+ <span v-text="homeInfo.education_txt"></span></p>
|
|
|
+ <p v-if="homeInfo.married_txt"><img src="__TMPL__/weixin/public/assets/img/info/married.png"
|
|
|
+ alt=""><span v-text="homeInfo.married_txt"></span></p>
|
|
|
+ <p v-if="(homeInfo.show_company && homeInfo.company) || homeInfo.occupation"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/info/position.png" alt=""><span
|
|
|
+ v-if="homeInfo.show_company" v-text="homeInfo.company?homeInfo.company+' · ': ''"></span> <span
|
|
|
+ v-text="homeInfo.occupation? homeInfo.occupation : '无'"></span></p>
|
|
|
+ <p v-if="homeInfo.show_company || homeInfo.home_city"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/info/map.png" alt=""><span
|
|
|
+ v-text="homeInfo.city? '现居'+homeInfo.city+' · ' : ''"></span><span
|
|
|
+ v-text="homeInfo.home_city? homeInfo.home_province+''+homeInfo.home_city+'人' : ''"></span></p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="tix_box auth-box">
|
|
|
+ <div class="tix_xix pic-info"><h1>身份认证</h1></div>
|
|
|
+ <div class="info-item">
|
|
|
+ <div class="auth-list" v-show="!showAuth">
|
|
|
+ <div class="auth-item">
|
|
|
+ <div class="info idcard">
|
|
|
+ <div class="img">
|
|
|
+ <img class="icon" src="__TMPL__/weixin/public/assets/img/auth/idcard_check.png" alt="">
|
|
|
+ <img v-if="homeInfo.idcard_check==2" class="check"
|
|
|
+ src="__TMPL__/weixin/public/assets/img/auth/confirm_ok.png" alt="">
|
|
|
+ <img v-else class="check" src="__TMPL__/weixin/public/assets/img/auth/confirm_no.png"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ <div class="auth-type" v-if="homeInfo.idcard_check==2">实名已认证</div>
|
|
|
+ <div class="auth-type" v-else>实名未认证</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="auth-item">
|
|
|
+ <div class="info position">
|
|
|
+ <div class="img">
|
|
|
+ <img class="icon" src="__TMPL__/weixin/public/assets/img/auth/work.png" alt="">
|
|
|
+ <img v-if="homeInfo.position_check==2" class="check"
|
|
|
+ src="__TMPL__/weixin/public/assets/img/auth/confirm_ok.png" alt="">
|
|
|
+ <img v-else class="check" src="__TMPL__/weixin/public/assets/img/auth/confirm_no.png"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ <div class="auth-type" v-if="homeInfo.position_check==2">工作已认证</div>
|
|
|
+ <div class="auth-type" v-else>工作未认证</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="auth-item">
|
|
|
+ <div class="info education">
|
|
|
+ <div class="img">
|
|
|
+ <img class="icon" src="__TMPL__/weixin/public/assets/img/auth/education_check.png" alt="">
|
|
|
+ <img v-if="homeInfo.education_check==2" class="check"
|
|
|
+ src="__TMPL__/weixin/public/assets/img/auth/confirm_ok.png" alt="">
|
|
|
+ <img v-else class="check" src="__TMPL__/weixin/public/assets/img/auth/confirm_no.png"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ <div class="auth-type" v-if="homeInfo.position_check==2">学历已认证</div>
|
|
|
+ <div class="auth-type" v-else>学历未认证</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="auth-list auth-row" v-show="showAuth">
|
|
|
+ <div class="auth-item">
|
|
|
+ <div class="info idcard">
|
|
|
+ <div class="img">
|
|
|
+ <img class="icon" src="__TMPL__/weixin/public/assets/img/auth/idcard_check.png" alt="">
|
|
|
+ <img v-if="homeInfo.idcard_check==2" class="check"
|
|
|
+ src="__TMPL__/weixin/public/assets/img/auth/confirm_ok.png" alt="">
|
|
|
+ <img v-else class="check" src="__TMPL__/weixin/public/assets/img/auth/confirm_no.png"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ <div class="auth-type" >
|
|
|
+ <p v-if="homeInfo.idcard_check==2">实名已认证</p><p v-else>实名未认证</p>
|
|
|
+ <p class="type">认证方式:居民身份证</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="auth-item">
|
|
|
+ <div class="info position">
|
|
|
+ <div class="img">
|
|
|
+ <img class="icon" src="__TMPL__/weixin/public/assets/img/auth/work.png" alt="">
|
|
|
+ <img v-if="homeInfo.position_check==2" class="check"
|
|
|
+ src="__TMPL__/weixin/public/assets/img/auth/confirm_ok.png" alt="">
|
|
|
+ <img v-else class="check" src="__TMPL__/weixin/public/assets/img/auth/confirm_no.png"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ <div class="auth-type">
|
|
|
+ <p v-if="homeInfo.position_check==2">工作已认证</p><p v-else>工作未认证</p>
|
|
|
+ <p class="type">认证方式:
|
|
|
+ <span v-if="homeInfo.position_type==1">支付宝社保截图/社保证明</span>
|
|
|
+ <span v-else-if="homeInfo.position_type==2">钉钉或企业微信名片</span>
|
|
|
+ <span v-else-if="homeInfo.position_type==3">在职证明/劳动合同/营业执照</span>
|
|
|
+ <span v-else-if="homeInfo.position_type==4">工牌/名片/工作证等</span>
|
|
|
+ <span v-else-if="homeInfo.position_type==5">录取offer/工资单</span>
|
|
|
+ <span v-else-if="homeInfo.position_type==6">学生相关证件</span>
|
|
|
+ <span v-else>其他</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="auth-item">
|
|
|
+ <div class="info education">
|
|
|
+ <div class="img">
|
|
|
+ <img class="icon" src="__TMPL__/weixin/public/assets/img/auth/education_check.png" alt="">
|
|
|
+ <img v-if="homeInfo.education_check==2" class="check"
|
|
|
+ src="__TMPL__/weixin/public/assets/img/auth/confirm_ok.png" alt="">
|
|
|
+ <img v-else class="check" src="__TMPL__/weixin/public/assets/img/auth/confirm_no.png"
|
|
|
+ alt="">
|
|
|
+ </div>
|
|
|
+ <div class="auth-type">
|
|
|
+ <p v-if="homeInfo.education_check==2">学历已认证</p><p v-else>学历未认证</p>
|
|
|
+ <p class="type">认证方式:
|
|
|
+ <span v-if="homeInfo.education_type==1">毕业证/学位证书照片</span>
|
|
|
+ <span v-else-if="homeInfo.education_type==2">学信网学籍、学历图片</span>
|
|
|
+ <span v-else-if="homeInfo.education_type==3">港澳台或海外学历认证</span>
|
|
|
+ <span v-else>其他</span>
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="op">
|
|
|
+ <span @click="switchAuthBox()" :class="showAuth? 'up' : 'down'"><img src="__TMPL__/weixin/public/assets/img/auth/icon-up.png" alt=""></span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tix_box">
|
|
|
<div class="tix_xix pic-info"><h1>自我描述</h1>
|
|
|
<div class="info-item">
|
|
|
<div v-if="homeInfo.introduce" v-html="homeInfo.introduce"></div>
|
|
|
- <img v-if="homeInfo.introduce_img" class="lazyimg" :src="homeInfo.introduce_img_preview" data-type="introduce"/>
|
|
|
+ <img v-if="homeInfo.introduce_img" class="lazyimg" :src="homeInfo.introduce_img_preview"
|
|
|
+ data-type="introduce"/>
|
|
|
<div v-if="!homeInfo.introduce && !homeInfo.introduce_img">暂无</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -67,7 +196,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="tix_xix pic-info"><h1>我为什么单身</h1>
|
|
|
- <div class="info-item" >
|
|
|
+ <div class="info-item">
|
|
|
<div v-if="homeInfo.cause" v-html="homeInfo.cause"></div>
|
|
|
<img v-if="homeInfo.cause_img" class="lazyimg" :src="homeInfo.cause_img_preview"/>
|
|
|
<div v-if="!homeInfo.cause && !homeInfo.cause_img">暂无</div>
|
|
|
@@ -99,27 +228,39 @@
|
|
|
|
|
|
<div class="xuanfi type1" v-if="siteInfo.contact_type==1 || type==1">
|
|
|
<ul v-if="memberInfo.id != homeInfo.id">
|
|
|
- <li class="has" v-if="memberInfo.is_collect" @click="collect(2)"><img src="__TMPL__/weixin/public/assets/img/collect.png"><span>已关注</span></li>
|
|
|
- <li v-else @click="collect(1)"><img src="__TMPL__/weixin/public/assets/img/collect.png"><span>关注</span></li>
|
|
|
- <li class="xuanfi_ann2" v-if="cInfo && cInfo.status==1 && cInfo.contact_uid==memberInfo.id" @click="contactConfirm(cInfo.id)"><img src="__TMPL__/weixin/public/assets/img/love.png"><span>通知处理</span></li>
|
|
|
- <li class="xuanfi_ann2" v-else-if="cInfo && cInfo.status==1 && cInfo.contact_uid!=memberInfo.id" ><img src="__TMPL__/weixin/public/assets/img/love.png">
|
|
|
+ <li class="has" v-if="memberInfo.is_collect" @click="collect(2)"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/collect.png"><span>已关注</span></li>
|
|
|
+ <li v-else @click="collect(1)"><img src="__TMPL__/weixin/public/assets/img/collect.png"><span>关注</span>
|
|
|
+ </li>
|
|
|
+ <li class="xuanfi_ann2" v-if="cInfo && cInfo.status==1 && cInfo.contact_uid==memberInfo.id"
|
|
|
+ @click="contactConfirm(cInfo.id)"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/love.png"><span>通知处理</span></li>
|
|
|
+ <li class="xuanfi_ann2" v-else-if="cInfo && cInfo.status==1 && cInfo.contact_uid!=memberInfo.id"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/love.png">
|
|
|
<span v-if="cInfo.is_read">申请已读</span>
|
|
|
<span v-else>申请未读</span>
|
|
|
</li>
|
|
|
- <li class="xuanfi_ann2" v-else-if="cInfo && cInfo.status==2"><img src="__TMPL__/weixin/public/assets/img/love.png"><span>已通过</span></li>
|
|
|
- <li class="xuanfi_ann2" v-else-if="cInfo && cInfo.status==3"><img src="__TMPL__/weixin/public/assets/img/love.png"><span>已拒绝</span></li>
|
|
|
- <li class="xuanfi_ann2" v-else @click="contact()"><img src="__TMPL__/weixin/public/assets/img/love.png"><span>申请微信</span></li>
|
|
|
+ <li class="xuanfi_ann2" v-else-if="cInfo && cInfo.status==2"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/love.png"><span>已通过</span></li>
|
|
|
+ <li class="xuanfi_ann2" v-else-if="cInfo && cInfo.status==3"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/love.png"><span>已拒绝</span></li>
|
|
|
+ <li class="xuanfi_ann2" v-else @click="contact()"><img src="__TMPL__/weixin/public/assets/img/love.png"><span>申请微信</span>
|
|
|
+ </li>
|
|
|
<li @click="sharePopup=true"><img src="__TMPL__/weixin/public/assets/img/share.png"><span>分享</span></li>
|
|
|
</ul>
|
|
|
<ul v-else>
|
|
|
- <li class="share" @click="sharePopup=true"><img src="__TMPL__/weixin/public/assets/img/share.png"><span>分享</span></li>
|
|
|
+ <li class="share" @click="sharePopup=true"><img src="__TMPL__/weixin/public/assets/img/share.png"><span>分享</span>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="xuanfi type2" v-else-if="type==2">
|
|
|
<ul>
|
|
|
- <li class="has collect" v-if="memberInfo.is_collect" @click="collect(2)"><img src="__TMPL__/weixin/public/assets/img/collect.png"><span>已关注</span></li>
|
|
|
- <li class="collect" v-else @click="collect(1)"><img src="__TMPL__/weixin/public/assets/img/collect.png"><span>关注</span></li>
|
|
|
- <li class="share" @click="sharePopup=true"><img src="__TMPL__/weixin/public/assets/img/share.png"><span>分享</span></li>
|
|
|
+ <li class="has collect" v-if="memberInfo.is_collect" @click="collect(2)"><img
|
|
|
+ src="__TMPL__/weixin/public/assets/img/collect.png"><span>已关注</span></li>
|
|
|
+ <li class="collect" v-else @click="collect(1)"><img src="__TMPL__/weixin/public/assets/img/collect.png"><span>关注</span>
|
|
|
+ </li>
|
|
|
+ <li class="share" @click="sharePopup=true"><img src="__TMPL__/weixin/public/assets/img/share.png"><span>分享</span>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<div class="tanc" v-show="sharePopup">
|
|
|
@@ -133,7 +274,8 @@
|
|
|
<h1>举报用户</h1>
|
|
|
<a @click="hidePopup()"><img src="__TMPL__/weixin/public/assets/img/icon/del.png"></a>
|
|
|
</div>
|
|
|
- <div class="cont" v-html="showContent" style="overflow: hidden;-webkit-overflow-scrolling:touch;width:100%;">
|
|
|
+ <div class="cont" v-html="showContent"
|
|
|
+ style="overflow: hidden;-webkit-overflow-scrolling:touch;width:100%;">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|