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 ~color333">是否确定申请“{{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 ~color333 ~bold">你的资料正在审核中</view>
|
||
<view class="~font_32 ~color333" 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>
|