|
@@ -1,27 +1,50 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-navbar :border-bottom="false" :background="navbarBg" back-icon-color="#fff"></u-navbar>
|
|
|
<view class="personal">
|
|
|
- <view class="personalHead">
|
|
|
- <u-image width="100%" height="375px" src="http://rccs.oss-cn-hangzhou.aliyuncs.com/jp-xqjy/user2.jpg"></u-image>
|
|
|
- </view>
|
|
|
- <view class="personal-main">
|
|
|
+ <u-modal v-model="show" :showConfirmButton="false" >
|
|
|
+ <view class="praiseMain">
|
|
|
+ <view class="praiseMain-item">
|
|
|
+ <view class="praiseMain-tit">恭喜配对成功!</view>
|
|
|
+ <view class="praiseMain-pic">
|
|
|
+ <view class="praiseMain-pic-item">
|
|
|
+ <u-image class="newsList-img" :src="info.faceImage" height="260" width="260" border-radius="10"></u-image>
|
|
|
+ </view>
|
|
|
+ <view class="praiseMain-heart">
|
|
|
+ <u-icon custom-prefix="custom-icon" name="heart-2-fill" size="36px" color="#fff"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="praiseMain-pic-item">
|
|
|
+ <u-image class="newsList-img" :src="detail.faceImage" height="260" width="260" border-radius="10"></u-image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="praiseMain-pic-text">恭喜!您与「{{detail.realName}}」相互点赞!</view>
|
|
|
+ <view class="praiseMain-btn">
|
|
|
+ <u-button type="error" shape="circle" :custom-style="customStyle2">联系Ta</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-modal>
|
|
|
+
|
|
|
+ <view class="personalHead" :style="'height: 375px;background: url('+detail.faceImage+') no-repeat top center ;background-size: 100%;'">
|
|
|
+ <u-navbar :border-bottom="false" :background="navbarBg" ></u-navbar>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="personal-main" v-if="detail.realName">
|
|
|
<view class="personal-name">
|
|
|
- <span>周群青</span>
|
|
|
- <u-icon custom-prefix="custom-icon" name="men-line" color="#1677FF"></u-icon>
|
|
|
+ <span v-text="detail.realName"></span>
|
|
|
+ <u-icon custom-prefix="custom-icon" :name="detail.gender?'women-line':'men-line'" color="#1677FF"></u-icon>
|
|
|
</view>
|
|
|
<view class="personal-space">
|
|
|
<view class="personal-info">
|
|
|
- <span>23岁 · 173cm · 75kg</span>
|
|
|
+ <span>{{detail.age}}岁 · {{detail.height}}cm {{detail.weight?'· '+detail.weight+'kg':''}}</span>
|
|
|
</view>
|
|
|
<view class="personal-address">
|
|
|
<u-icon custom-prefix="custom-icon" name="map-pin-2-fill"></u-icon>
|
|
|
- <span>荆州市</span>
|
|
|
+ <span>{{detail.orgAreaName}}</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="personal-att">
|
|
|
<view class="personal-att-text">
|
|
|
- <h2>荆州市总工会</h2>
|
|
|
+ <h2>{{detail.orgName}}</h2>
|
|
|
<view class="u-flex">
|
|
|
<p>实名认证用户</p>
|
|
|
<u-icon custom-prefix="custom-icon" name="check-line"></u-icon>
|
|
@@ -37,51 +60,52 @@
|
|
|
<view class="personal-con">
|
|
|
<view class="personal-col">
|
|
|
<p>会员号</p>
|
|
|
- <h4>N0.0001</h4>
|
|
|
+ <h4>N0.{{detail.number}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>学历</p>
|
|
|
- <h4>大学本科</h4>
|
|
|
+ <h4>{{detail.educationN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>行业</p>
|
|
|
- <h4>IT/互联网</h4>
|
|
|
+ <h4>{{detail.industryN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>职业</p>
|
|
|
- <h4>软件工程师</h4>
|
|
|
+ <h4>{{detail.post}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>月薪</p>
|
|
|
- <h4>4500~6000</h4>
|
|
|
+ <h4>{{detail.salaryRangeN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>住房状况</p>
|
|
|
- <h4>结婚时购房</h4>
|
|
|
+ <h4>{{detail.housingSituationN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>婚姻状况</p>
|
|
|
- <h4>未婚</h4>
|
|
|
+ <h4>{{detail.maritalStatusN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>子女状况</p>
|
|
|
- <h4>无</h4>
|
|
|
+ <h4>{{detail.childStatusN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>出生地</p>
|
|
|
- <h4>荆州市沙市区</h4>
|
|
|
+ <h4>{{detail.birthplaceN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>现工作所在地</p>
|
|
|
- <h4>荆州市沙市区</h4>
|
|
|
+ <h4>{{detail.workplaceN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-row">
|
|
|
<p>兴趣爱好</p>
|
|
|
<view class="personal-label">
|
|
|
- <span>摄影</span>
|
|
|
- <span>烹饪</span>
|
|
|
- <span>健身</span>
|
|
|
- <span>打游戏</span>
|
|
|
+ <view v-if="!islogin">游客不可见</view>
|
|
|
+ <span v-for="(item,index) in hobbyList"
|
|
|
+ :key="index"
|
|
|
+ >{{item.hobbyName}}</span>
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -93,11 +117,11 @@
|
|
|
</view>
|
|
|
<view class="personal-con">
|
|
|
<view class="personal-text">
|
|
|
- 憧憬“执子之手与子偕老的美好爱情”,对感情忠诚专一,有强烈的责任感,有担当也有一颗浪漫之心。热爱生活,一直相信美好的生活是靠勤奋的双手奋斗出来的,对生活的态度一直是不求飞黄腾达,但求衣食无忧,追求真实平淡。平日爱好书法、运动、电影。对父母孝顺,对家庭懂得家和万事兴。事业上不怕吃苦,兢兢业业,有上进心。
|
|
|
- </view>
|
|
|
+ {{detail.selfEvaluation}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="personal-item">
|
|
|
+ <view class="personal-item" style=" padding-bottom: 60px;">
|
|
|
<view class="personal-tit">
|
|
|
<u-icon custom-prefix="custom-icon" name="chat-heart-line" color="#FF5E5E" size="20px"></u-icon>
|
|
|
<span>择偶标准</span>
|
|
@@ -105,57 +129,181 @@
|
|
|
<view class="personal-con">
|
|
|
<view class="personal-col">
|
|
|
<p>年龄范围</p>
|
|
|
- <h4>25~30</h4>
|
|
|
+ <h4>{{detail.taAgeRangeN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>月薪</p>
|
|
|
- <h4>不限</h4>
|
|
|
+ <h4>{{detail.taAgeRangeN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>学历</p>
|
|
|
- <h4>不限</h4>
|
|
|
+ <h4>{{detail.taEduN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-col">
|
|
|
<p>职业</p>
|
|
|
- <h4>不限</h4>
|
|
|
+ <h4>{{detail.taOccupationN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-row">
|
|
|
<p>现工作所在地</p>
|
|
|
- <h4>荆州市沙市区北京路阿萨德阿斯</h4>
|
|
|
+ <h4>{{detail.taWorkplaceN}}</h4>
|
|
|
</view>
|
|
|
<view class="personal-row">
|
|
|
<p>其他要求</p>
|
|
|
- <h4>阿萨德阿萨德阿斯</h4>
|
|
|
+ <h4>{{detail.taOther}}</h4>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="personal-btn">
|
|
|
- <u-button type="error" shape="circle" :custom-style="customStyle">
|
|
|
- <span>赞Ta</span>
|
|
|
- <u-icon custom-prefix="custom-icon" name="thumb-up-line"></u-icon>
|
|
|
- </u-button>
|
|
|
- </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="personal-btn" v-if="!islogin">
|
|
|
+ <u-button type="error" @click="gotoUrl('pagesA/pages/login/index')" shape="circle" :custom-style="customStyle">
|
|
|
+ <span>注册 / 登录</span>
|
|
|
+ </u-button>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="personal-btn" v-if="islogin">
|
|
|
+ <u-button type="error" v-if="isedit" @click="gotoUrl('pages/user/edit')" shape="circle" :custom-style="customStyle">
|
|
|
+ <span>编辑</span>
|
|
|
+ <u-icon custom-prefix="custom-icon" name="edit-2-line"></u-icon>
|
|
|
+ </u-button>
|
|
|
+
|
|
|
+
|
|
|
+ <u-button type="error" v-if="!isedit" @click="likeBtn" shape="circle" :custom-style="customStyle">
|
|
|
+ <span>{{isLike?'已赞':'赞Ta'}}</span>
|
|
|
+ <u-icon custom-prefix="custom-icon" name="thumb-up-line"></u-icon>
|
|
|
+ </u-button>
|
|
|
+
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import * as friendApi from '@/apis/friend.js'
|
|
|
+
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ info:{},
|
|
|
+ show:false,
|
|
|
+ islogin:false,
|
|
|
+ isedit:false,
|
|
|
+ id:"",
|
|
|
+ readStatus:0,
|
|
|
+ isLike:false,
|
|
|
+ detail:{},
|
|
|
+ hobbyList:[],
|
|
|
navbarBg: {
|
|
|
background: 'none'
|
|
|
},
|
|
|
customStyle: {
|
|
|
background: '#FF5E5E'
|
|
|
},
|
|
|
+ customStyle2: {
|
|
|
+ background: '#FF5E5E'
|
|
|
+ },
|
|
|
}
|
|
|
|
|
|
- methods: {
|
|
|
+ },methods: {
|
|
|
+ likeBtn(){
|
|
|
+ if(this.isLike){
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ friendApi.beLike({
|
|
|
+ beMemberId:this.id,
|
|
|
+ }).then(response => {
|
|
|
+
|
|
|
+ this.isLike=true
|
|
|
+ if(this.isLike){
|
|
|
+ this.customStyle.background ="#a59f9f"
|
|
|
+ }
|
|
|
+ uni.hideLoading()
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ getDetail() {
|
|
|
+ var memberId=undefined;
|
|
|
+
|
|
|
+ var info =this.carhelp.getPersonInfo();
|
|
|
+ this.info=info
|
|
|
+
|
|
|
+ if(info){
|
|
|
+ if(!this.id||this.id==""){
|
|
|
+ this.id=info.id
|
|
|
+ }
|
|
|
+ memberId=info.id
|
|
|
+ this.islogin=true;
|
|
|
+ if(this.id==info.id){
|
|
|
+ this.isedit=true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ friendApi.detail({
|
|
|
+ id:this.id,
|
|
|
+ memberId:memberId,
|
|
|
+ readStatus:this.readStatus
|
|
|
+ }).then(response => {
|
|
|
+ this.isLoading = false;
|
|
|
+ this.detail = Object.assign(response.data.memberInfo)
|
|
|
+
|
|
|
+ if(this.islogin){
|
|
|
+ this.hobbyList = response.data.hobbyList;
|
|
|
+ this.isLike = response.data.isLike;
|
|
|
+ if(this.isLike){
|
|
|
+ this.customStyle.background ="#a59f9f"
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ var tempdetail = response.data.memberInfo;
|
|
|
+ var sz=["number",'realName',"faceImage","gender","age",'height','weight','orgAreaName','orgName']
|
|
|
+
|
|
|
+ for(var i in this.detail ){
|
|
|
+ if(sz.indexOf(i)==-1){
|
|
|
+ this.detail[i]="游客不可见"
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ uni.hideLoading()
|
|
|
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad(op) {
|
|
|
+ if(op.id){
|
|
|
+ this.id =op.id;
|
|
|
}
|
|
|
-
|
|
|
+
|
|
|
+ if(op.readStatus==1){
|
|
|
+ this.readStatus=1;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onReady() {
|
|
|
+
|
|
|
+ this.getDetail();
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
@@ -165,6 +313,7 @@
|
|
|
margin-top: -44px;
|
|
|
}
|
|
|
.personal-main{
|
|
|
+ padding-bottom: 80px;
|
|
|
background-color: #fff;
|
|
|
border-radius:12px 12px 0 0;
|
|
|
margin-top: -12px;
|
|
@@ -290,9 +439,54 @@
|
|
|
}
|
|
|
}
|
|
|
.personal-btn{
|
|
|
+ z-index: 100;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
padding: 15px;
|
|
|
span{
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
}
|
|
|
+ .praiseMain{
|
|
|
+ .praiseMain-item{
|
|
|
+ margin: 15px;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 12px;
|
|
|
+ //padding: 20px;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .praiseMain-heart{
|
|
|
+ height: 60px;
|
|
|
+ width: 60px;
|
|
|
+ background-color: #FF5E5E;
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 50%;
|
|
|
+ top: 95px;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -30px;
|
|
|
+ z-index: 9;
|
|
|
+ line-height: 60px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .praiseMain-tit{
|
|
|
+ font-size: 24px;
|
|
|
+ color:#FF5E5E;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .praiseMain-pic{
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ //padding: 0 15px;
|
|
|
+ }
|
|
|
+ .praiseMain-pic-text{
|
|
|
+ font-size: 16px;
|
|
|
+ text-align: center;
|
|
|
+ margin: 15px 0;
|
|
|
+ }
|
|
|
+ .praiseMain-btn{
|
|
|
+ padding: 0 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|