yizhizan-h5/package/jobIntention/underReview.vue

<template>
	<view class="company" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
		<view class="company-content">
			<view class="company-title">
				<u-icon name="clock-fill" color="#016BF6" size="40" style="margin-right: 16rpx"></u-icon>
				<text>{{ statusText }}</text>
			</view>

			<view class="review-desc"  v-if="companyinfo.status == 1">您于[{{companyinfo.createTime}}]提交了企业认证申请，请耐心等待预计1-3个工作日将会反馈认证结果</view>
			<view class="review-desc" v-else-if="companyinfo.status == 2">
				您的企业【{{companyinfo.companyAllName}}】于[{{companyinfo.createTime}}]提交了企业认证申请，
				已经通过审核。
			</view>
			<view class="review-desc" v-else>
				您的企业【{{companyinfo.companyAllName}}】于[{{companyinfo.createTime}}]提交了企业认证申请，
				{{companyinfo.status== 3 ? '审核未通过，理由如下：' + companyinfo.message : '请耐心等待认证结果'}}
			</view>

			<image src="/static/invite.png" class="slogan"></image>

			<!-- 审核拒绝理由区域 -->
			<!-- <view class="reject-reason" v-if="companyinfo.status==3">
				{{companyinfo.auditContent}}
			</view> -->

		</view>
		<view class="section-btn">
			<view class="submit-btn" @click="goCompleteMsg">
				{{companyinfo.status==3 ? '重新提交' : '我知道了'}}
			</view>			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				statusBarHeight: 0, // 状态栏高度
				companyinfo: {} // 改为对象初始值更合适
			};
		},
		
		computed: {
			statusText() {
				let text = '认证审核被拒绝'
				let status = this.companyinfo?.status || 3
				switch (status) {
					case 1:
						text = '认证审核中'
						break
					case 2:
						text = '认证审核已通过'
						break
				}
				return text
			}
		},
		
		onLoad() {
			// 获取状态栏高度
			let systemInfo = uni.getSystemInfoSync();
			this.statusBarHeight = systemInfo.statusBarHeight || 0;
		},

		onShow() {
			this.getcompanystatus()
		},

		methods: {
			goCompleteMsg() {
				if (this.companyinfo.status == 1) {
					// 审核中，跳转到完善信息页面
					uni.navigateTo({
						url: '/package/jobIntention/completeMsg'
					})
				} else {
					uni.switchTab({
						url: "/pages/my/index"
					});					
				}
			},

			// 查询用户企业状态
			getcompanystatus() {
				this.$Request.get("/app/company/selectCompanyByUserId", "")
					.then((res) => {
						if (res.code != 0) {
							uni.showToast({
								title: res.msg || "查询状态失败",
								icon: "none"
							});
							return;
						}
						this.companyinfo = res.data || {};
						console.log("查询用户企业状态", res)
					})
					.catch((err) => {
						console.error("查询失败：", err);
						uni.showToast({
							title: "网络异常",
							icon: "none"
						});
					});
			}
		},
	};
</script>

<style scoped lang="scss">
	.company {
		height: 100vh;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		font-family: DM Sans;
		box-sizing: border-box;

		.company-content {
			flex: 1;
			padding: 96rpx 50rpx 40rpx;
			box-sizing: border-box;

			.company-title {
				color: rgba(29, 33, 41, 1);
				font-size: 36rpx;
				font-weight: 500;
				line-height: 44rpx;
				text-align: center;
				margin-bottom: 100rpx;
			}

			.review-desc {
				height: 280rpx;
				color: rgba(102, 102, 102, 1);
				font-size: 28rpx;
				font-weight: 400;
				line-height: 36rpx;
				text-align: center;
			}
			
			.slogan {
				display: block;
				width: 400rpx;
				height: 400rpx;
				margin: 20rpx auto;
			}

			// 拒绝理由样式
			.reject-reason {
				color: #ff4d4f;
				/* 红色表示错误/拒绝 */
				font-family: DM Sans;
				font-size: 26rpx;
				line-height: 36rpx;
				text-align: center;
				padding: 20rpx;
				margin: 0 22rpx 50rpx;
				background-color: #fff8f8;
				border-radius: 8rpx;
				border: 1px solid #ffebe9;
			}
		}

		.section-btn {
			padding: 40rpx;
			box-shadow: 0px -4px 16px 0px rgba(0, 0, 0, 0.04);
			background-color: #fff;
			.submit-btn {
				height: 90rpx;
				font-size: 32rpx;
				font-weight: 500;
				color: #fff;
				text-align: center;
				line-height: 90rpx;
				border-radius: 90rpx;
				background: linear-gradient(90.00deg, rgba(13, 39, 247, 1),rgba(19, 193, 234, 1));
			}
		}
	}
</style>