yunshengtai-uniapp/pages/release/index2.vue

<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="toPersonlAuth">
			<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="toCompanyAuth">
			<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">
			<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">
        <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 ? '' : 'default' )" @tap="toResources" class="acea-row row-middle btn-res">
        <image src="/static/images/auth-icon1.png"></image>
				<view>
					<view class="tip">发布资源</view>
					<view class="tip-s">我要发布我的资源展示在供应广场</view>
				</view>
      </view>
      <view :class="'btn ' + (authStatus == 2 ? '' : 'default' )" @tap="toNeeds" class="acea-row row-middle btn-need">   
        <image src="/static/images/auth-icon2.png"></image>
				<view>
					<view class="tip">发布需求</view>
					<view class="tip-s">我要发布我的资源展示在供应广场</view>
				</view>
      </view>
			<view :class="'btn ' + (authStatus == 2 ? '' : 'default' )" @tap="" class="acea-row row-middle btn-demo">
			  <image 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();
  },

  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'
        });
      } else if(this.authStatus == 2){
				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'
        });
      } else if(this.authStatus == 2){
				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: 65rpx;
	height: 73rpx;
}
.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(100%);
}
.bgGary{
	/* -webkit-filter:grayscale(100%); */
}
.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>