You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
431 lines
12 KiB
431 lines
12 KiB
3 years ago
|
<template>
|
||
|
<!--pages/release/index.wxml-->
|
||
|
<view class="release-page">
|
||
|
<view class="guid-box acea-row">
|
||
|
<view class="guid-title">发布指南</view>
|
||
|
<image src="../../static/images/handbook.png" class="handbook-img"></image>
|
||
|
<view class="title-s">详细阅读有助于让你快速了解云生态发布规则,更准确地发布内容</view>
|
||
|
<image src="../../static/images/arror-right.png" class="arror-r"></image>
|
||
|
</view>
|
||
|
<view class="auth-btn-box acea-row row-column row-middle">
|
||
|
<view class="auth-btn acea-row row-middle" @tap="toCompanyAuth" v-if="authStatus == 0 || authStatus == 3">
|
||
|
<view><image src="/static/images/user/person.png" class="auth-headimg person-img"></image></view>
|
||
|
<view>
|
||
|
<view class="auth-title">个人认证</view>
|
||
|
<view class="auth-title-h">个人认证后可发布资源项目及需求</view>
|
||
|
</view>
|
||
|
<image src="/static/images/home/arrow-r.png" class="tojump"></image>
|
||
|
</view>
|
||
|
<view class="auth-btn acea-row row-middle" @tap="toPersonlAuth" v-if="authStatus == 0 || authStatus == 3">
|
||
|
<view><image src="/static/images/user/business.png" class="auth-headimg business-img"></image></view>
|
||
|
<view>
|
||
|
<view class="auth-title">企业认证</view>
|
||
|
<view class="auth-title-h">企业认证后可发布资源项目及需求,展示企业相关服务</view>
|
||
|
</view>
|
||
|
<image src="/static/images/home/arrow-r.png" class="tojump"></image>
|
||
|
</view>
|
||
|
<view class="auth-btn acea-row row-middle" @tap="toPersonlAuth" v-if="authStatus == 0 || authStatus == 3">
|
||
|
<view><image src="/static/images/user/investor.png" class="auth-headimg investor-img"></image></view>
|
||
|
<view>
|
||
|
<view class="auth-title">投资方认证</view>
|
||
|
<view class="auth-title-h">投资方认证后可查看项目方发布项目详情</view>
|
||
|
</view>
|
||
|
<image src="/static/images/home/arrow-r.png" class="tojump"></image>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view :class="'posi ' + (authStatus == 1 || authStatus == 2 ? 'top30' : '')">
|
||
|
<view class="tips-box">
|
||
|
<view class="tips acea-row-nowrap row-middle" v-if="authStatus == 0 || authStatus == 3">
|
||
|
<!-- <view class="icon">!</view> -->
|
||
|
<view>注:完成企业认证后可以发布资源及需求,个人认证后只可发布需求</view>
|
||
|
</view>
|
||
|
<view class="tips acea-row row-middle" v-if="authStatus == 0">
|
||
|
<view class="icon">!</view>
|
||
|
<view>请先完成认证</view>
|
||
|
</view>
|
||
|
<view class="tips acea-row row-middle" v-if="authStatus == 1">
|
||
|
<view class="icon">!</view>
|
||
|
<view>{{authType == 1 ? '企业信息审核中,请耐心等待!' : '个人信息审核中, 请耐心等待'}}</view>
|
||
|
</view>
|
||
|
<view class="tips acea-row row-middle" v-if="authStatus == 2">
|
||
|
<view class="icon">!</view>
|
||
|
<view>{{authType == 1 ? '企业信息审核通过,可以发布资源和需求!' : '个人信息审核通过,可以发布需求'}}</view>
|
||
|
</view>
|
||
|
<view class="tips acea-row row-middle" v-if="authStatus == 3">
|
||
|
<view class="icon">!</view>
|
||
|
<view>{{authType == 1 ? '企业信息未审核通过, 请重新提交审核信息!' : '个人信息未审核通过, 请重新提交审核信息!'}}</view>
|
||
|
<view>未通过理由:{{reason}}</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="btn-box ">
|
||
|
<view :class="'btn ' + (authStatus == 2 && authType == 1 ? 'auth' : '' )" @tap="toResources" class="acea-row row-middle btn-res">
|
||
|
<image :class="authStatus == 2 && authType == 1 ? '' : 'default'" src="/static/images/auth-icon1.png"></image>
|
||
|
<view>
|
||
|
<view class="tip">发布资源</view>
|
||
|
<view class="tip-s">我要发布我的资源展示在供应广场</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view :class="'btn ' + (authStatus == 2 ? 'auth' : '' )" @tap="toNeeds" class="acea-row row-middle btn-need">
|
||
|
<image :class="authStatus == 2 ? '' : 'default'" src="/static/images/auth-icon2.png"></image>
|
||
|
<view>
|
||
|
<view class="tip">发布资源</view>
|
||
|
<view class="tip-s">我要发布我的资源展示在供应广场</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view :class="'btn ' + (authStatus == 2 ? 'auth' : '' )" @tap="toNeeds" class="acea-row row-middle btn-demo">
|
||
|
<image :class="authStatus == 2 ? '' : 'default'" src="/static/images/auth-icon3.png"></image>
|
||
|
<view>
|
||
|
<view class="tip">发布项目</view>
|
||
|
<view class="tip-s">发布优质项目精准推荐投资方</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</view>
|
||
|
<view class="close" @tap="back"><image src="/static/images/close-icon.png"></image></view>
|
||
|
</view>
|
||
|
</view>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
// pages/release/index.js
|
||
|
const app = getApp();
|
||
|
|
||
|
export default {
|
||
|
data() {
|
||
|
return {
|
||
|
userInfo: {},
|
||
|
authStatus: 0,
|
||
|
authType: null,
|
||
|
completeState: null,
|
||
|
authInfo: {}
|
||
|
};
|
||
|
},
|
||
|
|
||
|
components: {},
|
||
|
props: {},
|
||
|
|
||
|
/**
|
||
|
* 生命周期函数--监听页面加载
|
||
|
*/
|
||
|
onLoad: function (options) {},
|
||
|
|
||
|
/**
|
||
|
* 生命周期函数--监听页面显示
|
||
|
*/
|
||
|
onShow: function () {
|
||
|
this.isAuthentication();
|
||
|
},
|
||
|
|
||
|
/**
|
||
|
* 生命周期函数--监听页面隐藏
|
||
|
*/
|
||
|
onHide: function () {},
|
||
|
|
||
|
/**
|
||
|
* 生命周期函数--监听页面卸载
|
||
|
*/
|
||
|
onUnload: function () {},
|
||
|
|
||
|
/**
|
||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||
|
*/
|
||
|
onPullDownRefresh: function () {},
|
||
|
|
||
|
/**
|
||
|
* 页面上拉触底事件的处理函数
|
||
|
*/
|
||
|
onReachBottom: function () {},
|
||
|
|
||
|
/**
|
||
|
* 用户点击右上角分享
|
||
|
*/
|
||
|
onShareAppMessage: function () {},
|
||
|
methods: {
|
||
|
back() {
|
||
|
let pages = getCurrentPages();
|
||
|
console.log(pages)
|
||
|
// let pagePath = '/' + pages[pages.length - 2].route;
|
||
|
// if(pagePath){
|
||
|
// uni.navigateTo({
|
||
|
// url: pagePath
|
||
|
// });
|
||
|
// } else{
|
||
|
// uni.switchTab({
|
||
|
// url: '/pages/home/index'
|
||
|
// });
|
||
|
// }
|
||
|
uni.switchTab({
|
||
|
url: '/pages/user/index'
|
||
|
});
|
||
|
},
|
||
|
|
||
|
toPersonlAuth() {
|
||
|
if (this.authStatus == 0) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/personAuth/index'
|
||
|
});
|
||
|
} else if (this.authStatus == 3) {
|
||
|
let authInfo = encodeURIComponent(JSON.stringify(this.authInfo));
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/personAuth/index?authInfo=' + authInfo
|
||
|
});
|
||
|
} else if (this.authStatus == 1) {
|
||
|
uni.showToast({
|
||
|
title: '认证申请审核中,请等待!',
|
||
|
icon: 'none'
|
||
|
});
|
||
|
}
|
||
|
},
|
||
|
|
||
|
toCompanyAuth() {
|
||
|
if (this.authStatus == 0) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/companyAuth/index'
|
||
|
});
|
||
|
} else if (this.authStatus == 3) {
|
||
|
let authInfo = encodeURIComponent(JSON.stringify(this.authInfo));
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/companyAuth/index?authInfo=' + authInfo
|
||
|
});
|
||
|
} else if (this.authStatus == 1) {
|
||
|
uni.showToast({
|
||
|
title: '认证申请审核中,请等待!',
|
||
|
icon: 'none'
|
||
|
});
|
||
|
}
|
||
|
},
|
||
|
|
||
|
isAuthentication() {
|
||
|
app.http('get', 'user/isAuthentication').then(res => {
|
||
|
if (res.data.success) {
|
||
|
this.setData({
|
||
|
authStatus: res.data.data.authenticationState,
|
||
|
authType: res.data.data.authorizationType,
|
||
|
completeState: res.data.data.completeState,
|
||
|
authInfo: res.data.data.authInfo,
|
||
|
reason: res.data.data.authInfo.reason
|
||
|
});
|
||
|
}
|
||
|
});
|
||
|
},
|
||
|
|
||
|
toResources() {
|
||
|
let that = this;
|
||
|
console.log(this.authStatus, 'authStatus');
|
||
|
console.log(this.authType, 'authType');
|
||
|
console.log(this.completeState, 'completeState');
|
||
|
|
||
|
if (this.authStatus == 2 && this.authType == 1 && this.completeState == true) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/user/editNeeds/index?type=1'
|
||
|
});
|
||
|
} else if (this.authStatus == 2 && this.authType == 1 && this.completeState == false) {
|
||
|
uni.showModal({
|
||
|
title: '提示!',
|
||
|
content: '您还未完善企业信息,点击确定去完善吧~',
|
||
|
|
||
|
success(res) {
|
||
|
if (res.confirm) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/perfectCompanyInfo/index'
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
});
|
||
|
} else if (this.authStatus == 0 && (this.authType == 1 || this.authType == 0) && this.completeState == false) {
|
||
|
uni.showModal({
|
||
|
title: '提示!',
|
||
|
content: '您还未完成企业认证,点击确定去认证吧~',
|
||
|
|
||
|
success(res) {
|
||
|
if (res.confirm) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/companyAuth/index'
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
});
|
||
|
}
|
||
|
},
|
||
|
|
||
|
toNeeds() {
|
||
|
if (this.authStatus == 2 && (this.authType == 2 || this.authType == 1) && this.completeState == true) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/user/editNeeds/index?type=2'
|
||
|
});
|
||
|
} else if (this.authStatus == 2 && (this.authType == 2 || this.authType == 0) && this.completeState == false) {
|
||
|
uni.showModal({
|
||
|
title: '提示!',
|
||
|
content: '您还未完善个人信息,点击确定去完善吧~',
|
||
|
|
||
|
success(res) {
|
||
|
uni.navigateTo({
|
||
|
url: '/pages/release/perfectPersonInfo/index'
|
||
|
});
|
||
|
}
|
||
|
|
||
|
});
|
||
|
} else if (this.authStatus == 0 && (this.authType == 2 || this.authType == 0) && this.completeState == false) {
|
||
|
uni.showModal({
|
||
|
title: '提示!',
|
||
|
content: '您还未完成认证,点击上方按钮去认证吧!'
|
||
|
});
|
||
|
}
|
||
|
}
|
||
|
|
||
|
}
|
||
|
};
|
||
|
</script>
|
||
|
<style>
|
||
|
/* pages/release/index.wxss */
|
||
|
.guid-box{
|
||
|
width: 662rpx;
|
||
|
height: 140rpx;
|
||
|
margin: 196rpx 46rpx 60rpx 40rpx;
|
||
|
position: relative;
|
||
|
}
|
||
|
.guid-title{
|
||
|
width: 192rpx;
|
||
|
height: 56rpx;
|
||
|
font-size: 42rpx;
|
||
|
color: #1D1D1D;
|
||
|
}
|
||
|
.handbook-img{
|
||
|
width: 200rpx;
|
||
|
height: 56rpx;
|
||
|
}
|
||
|
.title-s{
|
||
|
width: 650rpx;
|
||
|
height: 74rpx;
|
||
|
font-size: 24rpx;
|
||
|
color: #1D1D1D;
|
||
|
margin-top: 10rpx;
|
||
|
}
|
||
|
.arror-r{
|
||
|
width: 21rpx;
|
||
|
height: 39rpx;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 16rpx;
|
||
|
}
|
||
|
|
||
|
.auth-btn-box{
|
||
|
width: 100%;
|
||
|
margin-top: 60rpx;
|
||
|
}
|
||
|
.auth-btn{
|
||
|
width: 666rpx;
|
||
|
height: 134rpx;
|
||
|
box-shadow: 0px 0px 12rpx rgba(164, 164, 164, 0.16);
|
||
|
border-radius: 12rpx;
|
||
|
margin-bottom: 22rpx;
|
||
|
background: #FFFFFF;
|
||
|
position: relative;
|
||
|
}
|
||
|
.auth-headimg{
|
||
|
margin: 0 44rpx 0 44rpx;
|
||
|
}
|
||
|
.person-img{
|
||
|
width: 73rpx;
|
||
|
height: 68rpx;
|
||
|
}
|
||
|
.business-img{
|
||
|
width: 65rpx;
|
||
|
height: 73rpx;
|
||
|
}
|
||
|
.investor-img{
|
||
|
width: 71rpx;
|
||
|
height: 79rpx;
|
||
|
}
|
||
|
.auth-title{
|
||
|
width: 454rpx;
|
||
|
height: 40rpx;
|
||
|
}
|
||
|
.auth-title-h{
|
||
|
width: 445rpx;
|
||
|
font-size: 24rpx;
|
||
|
color: #686868;
|
||
|
}
|
||
|
.tojump{
|
||
|
width: 21rpx;
|
||
|
height: 39rpx;
|
||
|
position: absolute;
|
||
|
right: 32rpx;
|
||
|
}
|
||
|
|
||
|
.posi{
|
||
|
width: 100%;
|
||
|
bottom: 100rpx;
|
||
|
margin-top: 50rpx;
|
||
|
}
|
||
|
.top30{
|
||
|
bottom: 30%;
|
||
|
}
|
||
|
.tips-box{
|
||
|
/* margin-top: 15%; */
|
||
|
}
|
||
|
.tips{
|
||
|
color: #FF0000;
|
||
|
font-size: 26rpx;
|
||
|
padding-left: 54rpx;
|
||
|
margin-bottom: 10rpx;
|
||
|
}
|
||
|
.icon{
|
||
|
width: 26rpx;
|
||
|
height: 26rpx;
|
||
|
border: 1rpx solid #FF0000;
|
||
|
text-align: center;
|
||
|
line-height: 22rpx;
|
||
|
border-radius: 50%;
|
||
|
font-size: 20rpx;
|
||
|
margin-right: 10rpx;
|
||
|
}
|
||
|
.btn-box{
|
||
|
width: 598rpx;
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
.btn{
|
||
|
width: 598rpx;
|
||
|
height: 150rpx;
|
||
|
background: #F8F8F8;
|
||
|
border-radius: 148px;
|
||
|
position: relative;
|
||
|
margin-bottom: 42rpx;
|
||
|
}
|
||
|
.btn-res{
|
||
|
background: #FF783A;
|
||
|
}
|
||
|
.btn-need{
|
||
|
background: #6AA5FF;
|
||
|
}
|
||
|
.btn-demo{
|
||
|
background: #ACAAFF;
|
||
|
}
|
||
|
.btn-box image{
|
||
|
width: 98rpx;
|
||
|
height: 98rpx;
|
||
|
margin: 0 32rpx 0 42rpx;
|
||
|
}
|
||
|
.btn-box .default{
|
||
|
filter: grayscale(1);
|
||
|
}
|
||
|
.btn .tip{
|
||
|
color: #FFFFFF;
|
||
|
font-weight: 500;
|
||
|
font-size: 32rpx;
|
||
|
margin-bottom: 12rpx;
|
||
|
}
|
||
|
.tip-s{
|
||
|
font-size: 24rpx;
|
||
|
color: #FFFFFF;
|
||
|
}
|
||
|
.close {
|
||
|
text-align: center;
|
||
|
margin: 114rpx 0 180rpx 0;
|
||
|
}
|
||
|
.close image{
|
||
|
width: 40rpx;
|
||
|
height: 40rpx;
|
||
|
}
|
||
|
</style>
|