282 lines
10 KiB
Plaintext
282 lines
10 KiB
Plaintext
|
<style lang="less">
|
|||
|
|
.d_text{
|
|||
|
|
padding: 10rpx 0 5rpx 0;
|
|||
|
|
.d_icon{
|
|||
|
|
width: 24rpx;
|
|||
|
|
height: 24rpx;
|
|||
|
|
align-items: center; /*定义body的元素垂直居中*/
|
|||
|
|
vertical-align:text-bottom;
|
|||
|
|
margin-bottom: 2rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.m_modal_box {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
width: 600rpx;
|
|||
|
|
overflow: initial;
|
|||
|
|
.m_modal {
|
|||
|
|
position: relative;
|
|||
|
|
border-radius: 30rpx;
|
|||
|
|
background: #FFFFFF !important;
|
|||
|
|
margin-bottom: 100rpx;
|
|||
|
|
padding: 36rpx 30rpx 30rpx;
|
|||
|
|
.text_left {
|
|||
|
|
text-align: left;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
}
|
|||
|
|
.operation_box {
|
|||
|
|
padding: 0 30rpx;
|
|||
|
|
background-color: #F8F8F8;
|
|||
|
|
border-radius: 16rpx;
|
|||
|
|
.u_list {
|
|||
|
|
margin: 30rpx 0;
|
|||
|
|
height: 100rpx;
|
|||
|
|
.u_bu {
|
|||
|
|
width: 120rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
border-radius: 100rpx;
|
|||
|
|
background: #FF5380;
|
|||
|
|
}
|
|||
|
|
.u_bu.sel {
|
|||
|
|
background-color: #C2C2C2;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.u_bu.etc {
|
|||
|
|
background-color: #FFBB00;
|
|||
|
|
}
|
|||
|
|
.font_family {
|
|||
|
|
margin-right: 12rpx;
|
|||
|
|
}
|
|||
|
|
.u_icom {
|
|||
|
|
width: 36rpx;
|
|||
|
|
height: 36rpx;
|
|||
|
|
margin-right: 12rpx;
|
|||
|
|
margin-top: 2rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.u_list.border_bottom {
|
|||
|
|
border-bottom: 2rpx solid #EEEEEE;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.actions {
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: -100rpx;
|
|||
|
|
left: 0;
|
|||
|
|
right: 0;
|
|||
|
|
margin: auto;
|
|||
|
|
width: 48rpx;
|
|||
|
|
height: 48rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.intention_confirm_box{
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
vertical-align: middle;
|
|||
|
|
margin-left: auto;
|
|||
|
|
margin-right: auto;
|
|||
|
|
width: 600rpx;
|
|||
|
|
max-width: 100%;
|
|||
|
|
background-color: #ffffff;
|
|||
|
|
border-radius: 24rpx;
|
|||
|
|
overflow: hidden;
|
|||
|
|
.intentionContent{
|
|||
|
|
padding: 58rpx 56rpx 64rpx 56rpx;
|
|||
|
|
}
|
|||
|
|
.intentionContent_1{
|
|||
|
|
padding: 58rpx 56rpx 44rpx 56rpx;
|
|||
|
|
}
|
|||
|
|
.intentionOperation{
|
|||
|
|
margin: 0 78rpx;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
.operationButton{
|
|||
|
|
width: 192rpx;
|
|||
|
|
height: 68rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<template>
|
|||
|
|
<template name="isShow">
|
|||
|
|
<!--判断是否完善-->
|
|||
|
|
<view class="d_text" v-for="(item,index) in d_data" :key="index">
|
|||
|
|
{{index+1}}、{{item.text}}
|
|||
|
|
<view class="~font_24 ~flo_r" v-if="item.value">
|
|||
|
|
<image class="d_icon" src="https://image.fulllinkai.com/202203/25/b4089c692d74cafe961a40a2885c33ad.png" mode="aspectFill" lazy-load="true"></image> 已完成
|
|||
|
|
</view>
|
|||
|
|
<view class="~font_24 ~flo_r" v-else style="color: #EF4646">
|
|||
|
|
<image class="d_icon" src="https://image.fulllinkai.com/202203/25/9996eef2097cbc5a425b307343b66a30.png" mode="aspectFill" lazy-load="true"></image> 未完成
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<view class="recommendDialog">
|
|||
|
|
<view class="~cu-modal" :class="{'~show' : recommendShow}">
|
|||
|
|
<view class="m_modal_box ~animation-slide-top">
|
|||
|
|
<view class="m_modal">
|
|||
|
|
<view class="~font_40 ~color333 ~bold ~f-fcc">我也要上推荐</view>
|
|||
|
|
<view class="~font_24 ~color999 ~text_left">满足以下要求，申请后通过审核，即可在{{id==1?'置顶推荐展示；提升曝光度，可以获得更多推荐，也更容易脱单哦！':'专区推荐展示，还可进入群聊，更容易脱单哦！'}}</view>
|
|||
|
|
<view class="~font_28 ~color333 ~text_left">
|
|||
|
|
<template is="isShow" data="{{d_data}}"></template>
|
|||
|
|
</view>
|
|||
|
|
<view class="operation_box">
|
|||
|
|
<view class="basis_data ~f-fbc u_list border_bottom" v-if="recommendData.profile != 1">
|
|||
|
|
<view class="~f-fc ~font_30 ~color333">
|
|||
|
|
<image class="u_icom" src="https://images.ufutx.com/202105/14/aed70ef1c706a196d513bc37ecfae628.png" mode="aspectFill" lazy-load="true"></image>
|
|||
|
|
<view>完善个人资料</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="recommendData.profile == 2" class="u_bu etc ~f-fcc ~font_26 ~white" @tap="goto('审核中')">审核中</view>
|
|||
|
|
<view v-else class="u_bu ~f-fcc ~font_26 ~white {{recommendData.profile == 1?'sel':''}}" @tap="goto('/pages/users/unmarriV2?progressShow=false', '去完善')">{{recommendData.info == 1?'已完善':'去完善'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="realName_data ~f-fbc u_list border_bottom" v-if="recommendData.is_real_approved != 1">
|
|||
|
|
<view class="~f-fc ~font_30 ~color333">
|
|||
|
|
<image class="u_icom" src="https://images.ufutx.com/202105/14/f1adcb93599bd779b3ccfad8ea1f2d19.png" mode="aspectFill" lazy-load="true"></image>
|
|||
|
|
<view>完成{{realityState == 0 ? '真人' : '实名'}}认证</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="recommendData.is_real_approved == 2" class="u_bu etc ~f-fcc ~font_26 ~weight_500 ~white" @tap="goto('审核中')">审核中</view>
|
|||
|
|
<view v-else class="u_bu ~f-fcc ~font_26 ~white {{recommendData.is_real_approved == 1?'sel':''}}" @tap="goto('/pages/users/realName', '去真人认证')">{{recommendData.is_real_approved == 1?'已认证':'去认证'}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="realName_data ~f-fbc u_list" v-if="(recommendData.is_educate_approved != 1 && id == 1) || (recommendData.is_educate_approved != 1 && id == 6)">
|
|||
|
|
<view class="~f-fc ~font_30 ~color333">
|
|||
|
|
<image class="u_icom" src="https://images.ufutx.com/202105/14/e44ac243bbbd2e5a6d1f5c1d2e650222.png" mode="aspectFill" lazy-load="true"></image>
|
|||
|
|
<view>完成学历认证</view>
|
|||
|
|
</view>
|
|||
|
|
<view v-if="recommendData.is_educate_approved == 2" class="u_bu etc ~f-fcc ~font_26 ~white" @tap="goto('审核中')">审核中</view>
|
|||
|
|
<view v-else class="u_bu ~f-fcc ~font_26 ~white {{recommendData.is_educate_approved == 1?'sel':''}}" @tap="goto('/pages/users/degreeCertificate', '去学历认证')">{{recommendData.is_educate_approved == 1?'已认证':'去认证'}}</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="~font_26 ~color999">资料越详细，优先入选{{title}}！</view>
|
|||
|
|
<image class="actions" src="https://images.ufutx.com/202103/15/1033c7b52cacddcebe999cefc6ad2c9b.png" mode="widthFix" @tap.stop="hideModal"></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="cu-modal {{intentionShow?'show':''}}">
|
|||
|
|
<view class="intention_confirm_box animation-slide-top">
|
|||
|
|
<view class="intentionContent font_32 color-333">是否确定申请“{{title}}”？</view>
|
|||
|
|
<view class="intentionOperation">
|
|||
|
|
<image @tap.stop="intentionModal" class="operationButton" src="https://images.ufutx.com/202103/17/4281e92bc8b727bae08099a3015225b1.png" mode="widthFix"></image>
|
|||
|
|
<image @tap.stop="recommend" class="operationButton" src="https://images.ufutx.com/202103/17/91fea69fdff1cfeaac369ddd5dd591f0.png" mode="widthFix"></image>
|
|||
|
|
</view>
|
|||
|
|
<view style="height: 38rpx"></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="cu-modal {{inreviewShow?'show':''}}">
|
|||
|
|
<view class="intention_confirm_box animation-slide-top">
|
|||
|
|
<view class="intentionContent_1 font_34 color-333 bold">你的资料正在审核中</view>
|
|||
|
|
<view class="font_32 color-333" style="padding-bottom: 60rpx">如有紧急，请拨打<span style="color: #f33b6c;">18922809346</span></view>
|
|||
|
|
<view class="intentionOperation">
|
|||
|
|
<image @tap.stop="inreviewModal" class="operationButton" src="https://images.ufutx.com/202103/17/4281e92bc8b727bae08099a3015225b1.png" mode="widthFix"></image>
|
|||
|
|
<image @tap.stop="clickPhone" class="operationButton" src="https://images.ufutx.com/202104/15/91fea69fdff1cfeaac369ddd5dd591f0.png" mode="widthFix"></image>
|
|||
|
|
</view>
|
|||
|
|
<view style="height: 38rpx"></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
import wepy from '@wepy/core'
|
|||
|
|
import base from '../mixins/base'
|
|||
|
|
import https from '../mixins/https'
|
|||
|
|
import {service} from '../config'
|
|||
|
|
|
|||
|
|
wepy.component({
|
|||
|
|
props: {
|
|||
|
|
recommendShow: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
intentionShow: {
|
|||
|
|
type: Boolean,
|
|||
|
|
default: false
|
|||
|
|
},
|
|||
|
|
recommendData: {
|
|||
|
|
type: Object,
|
|||
|
|
default: {}
|
|||
|
|
},
|
|||
|
|
id: {
|
|||
|
|
type: Number,
|
|||
|
|
default: 1
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
type: String,
|
|||
|
|
default: '置顶推荐'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data: {
|
|||
|
|
inreviewShow: false,
|
|||
|
|
agreementShow: false,
|
|||
|
|
isShow: false,
|
|||
|
|
realityState: 0,
|
|||
|
|
d_data: [
|
|||
|
|
{text: '完整填写个人资料', value: 0},
|
|||
|
|
{text: '生活照6张以上', value: 0},
|
|||
|
|
{text: '兴趣爱好超过50字', value: 0},
|
|||
|
|
{text: '自我描述超过200字', value: 0},
|
|||
|
|
{text: '期望对方均超过200字', value: 0},
|
|||
|
|
{text: '完成真人认证和学历认证', value: 0}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
mixins: [https, base],
|
|||
|
|
methods: {
|
|||
|
|
recommend() {
|
|||
|
|
let vm = this
|
|||
|
|
let data = {
|
|||
|
|
area_id: vm.id
|
|||
|
|
}
|
|||
|
|
vm.$showLoading('')
|
|||
|
|
vm.$post({url: `${service.host}/area/user`, data}).then(({code, data}) => {
|
|||
|
|
wx.hideLoading()
|
|||
|
|
if (code == 0) {
|
|||
|
|
vm.$emit('intentionCut', false, '0')
|
|||
|
|
vm.$showToast('申请提交成功,系统将在1-3天内审核')
|
|||
|
|
}
|
|||
|
|
}).catch(() => {
|
|||
|
|
wx.hideLoading()
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
hideModal() {
|
|||
|
|
let vm = this
|
|||
|
|
vm.recommendShow = false
|
|||
|
|
vm.$emit('recommendCut', false)
|
|||
|
|
},
|
|||
|
|
intentionModal() {
|
|||
|
|
let vm = this
|
|||
|
|
vm.intentionShow = false
|
|||
|
|
vm.$emit('intentionCut', false)
|
|||
|
|
},
|
|||
|
|
inreviewModal() {
|
|||
|
|
let vm = this
|
|||
|
|
vm.inreviewShow = false
|
|||
|
|
},
|
|||
|
|
goto(url, name) {
|
|||
|
|
let vm = this
|
|||
|
|
if (name == '去完善') {
|
|||
|
|
vm.$emit('squareCut_2')
|
|||
|
|
} else if (name == '去真人认证') {
|
|||
|
|
vm.$emit('squareCut')
|
|||
|
|
} else if (name == '去学历认证') {
|
|||
|
|
vm.$emit('squareCut_1')
|
|||
|
|
}
|
|||
|
|
if (url == '审核中') {
|
|||
|
|
vm.inreviewShow = true
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
vm.hideModal()
|
|||
|
|
vm.$goto(url)
|
|||
|
|
},
|
|||
|
|
clickPhone() {
|
|||
|
|
wx.makePhoneCall({
|
|||
|
|
phoneNumber: '18922809346'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
created() {
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
</script>
|