feat:新增诈骗提示

my/order/pay.vue

@@ -28,15 +28,15 @@
 			<view class="job-info-card">
 				<view class="job-header">
 					<view class="job-title-section">
-						<text class="job-title">{{info.stationName}}</text>
+						<text class="job-title">{{ info.stationName }}</text>
 					</view>
 					<view class="job-status">
 						<text class="status-text">审核未通过</text>
 					</view>
 				</view>
 				<view class="job-info">
-					<text class="job-details">{{info.county}} {{info.education}} {{info.experience}}
-						{{info.salaryRange}} {{info.postType}}</text>
+					<text class="job-details">{{ info.county }} {{ info.education }} {{ info.experience }}
+						{{ info.salaryRange }} {{ info.postType }}</text>
 				</view>
 			</view>
 
@@ -45,7 +45,7 @@
 				<view class="section-title">失败原因</view>
 				<view class="reason-list">
 					<view class="reason-item">
-						<text class="reason-text">{{info.auditContent}}</text>
+						<text class="reason-text">{{ info.auditContent }}</text>
 					</view>
 				</view>
 			</view>
@@ -55,15 +55,16 @@
 		<view v-if="info.status !== 3">
 			<view class="remarks flex justify-center">
 				<view class="remarks-box flex justify-between align-center">
-					<text
-						style="color: rgba(1, 107, 246, 1);font-weight: bold;">{{info.status==1?'待审核':(info.status==2?'进行中':(info.status==3?'已拒绝':(info.status==4?'已取消':'已关闭')))}}</text>
-					<text style="color: rgba(156, 164, 171, 1);font-size: 24rpx;">{{info.createTime}}</text>
+					<text style="color: rgba(1, 107, 246, 1);font-weight: bold;">{{ info.status == 1 ? '待审核' :
+						(info.status == 2 ? '进行中' : (info.status == 3 ? '已拒绝' : (info.status == 4 ? '已取消' : '已关闭')))
+					}}</text>
+					<text style="color: rgba(156, 164, 171, 1);font-size: 24rpx;">{{ info.createTime }}</text>
 				</view>
 			</view>
-			<view class="remarks flex justify-center" v-if="info.isOverdue==1">
+			<view class="remarks flex justify-center" v-if="info.isOverdue == 1">
 				<view class="remarks-box flex justify-between align-center">
 					<text style="color: #000000;font-weight: bold;">已到期</text>
-					<text style="color: #000000;font-size: 24rpx;">{{info.overdueTime}}</text>
+					<text style="color: #000000;font-size: 24rpx;">{{ info.overdueTime }}</text>
 				</view>
 			</view>
 			<!-- 岗位要求 -->
@@ -72,10 +73,10 @@
 					<view class="job-info-c">
 						<view class="job-info-c-header">
 							<view class="job-info-c-title">
-								{{info.ruleClassifyName}}
+								{{ info.ruleClassifyName }}
 							</view>
 							<view class="job-info-c-price">
-								{{info.salaryRange}}
+								{{ info.salaryRange }}
 							</view>
 						</view>
 
@@ -83,26 +84,31 @@
 						<view class="job-info-c-address">
 							<u-icon name="map" color="rgba(58, 57, 67, 1)" style="margin-right: 10rpx;"
 								size="24"></u-icon>
-							{{info.city}} {{info.county}} {{info.address}}
+							{{ info.city }} {{ info.county }} {{ info.address }}
 						</view>
 
 						<view class="job-info-c-label flex align-center flex-wrap">
 							<view class="job-info-c-label-item">
-								{{info.experience}}
+								{{ info.experience }}
 							</view>
 							<view class="job-info-c-label-item">
-								{{info.education}}
+								{{ info.education }}
 							</view>
 							<view class="job-info-c-label-item">
-								{{info.industry}}
+								{{ info.industry }}
 							</view>
 						</view>
+						<view class="warning-box">
+							<image src="@/static/images/index/tishi.png"/>
+							<view class="warning-txt">请注意辨认信息真伪，拒绝交纳报名费、线下交易等要求，谨防上当受骗</view>
+						</view>
+
 					</view>
 				</view>
 			</view>
 
 			<!-- 急聘 -->
-			<view class="urgent-banner" v-if="info.isDue==1">
+			<view class="urgent-banner" v-if="info.isDue == 1">
 				<view class="urgent-left-section flex align-center">
 					<view class="urgent-star-icon-wrapper flex align-center justify-center">
 						<u-icon name="star-fill" color="rgba(251, 231, 185, 1)" size="40rpx"></u-icon>
@@ -128,9 +134,9 @@
 							<text>职位说明</text>
 						</view>
 						<view class="jobRemarks-box-c-label flex align-center flex-wrap" v-if="info.tag">
-							<view class="jobRemarks-box-c-label-item" v-for="(item,index) in info.tag.split(',')"
+							<view class="jobRemarks-box-c-label-item" v-for="(item, index) in info.tag.split(',')"
 								:key="index">
-								{{item}}
+								{{ item }}
 							</view>
 						</view>
 						<!-- 				
@@ -158,8 +164,8 @@
 						</view>
 						<view class="jobRemarks-box-c-label flex align-center flex-wrap" v-if="info.welfareTag">
 							<view class="jobRemarks-box-c-label-item"
-								v-for="(item,index) in info.welfareTag?info.welfareTag.split(';'):[]" :key="index">
-								{{item}}
+								v-for="(item, index) in info.welfareTag ? info.welfareTag.split(';') : []" :key="index">
+								{{ item }}
 							</view>
 						</view>
 						<view class="jobRemarks-box-c-label flex align-center flex-wrap" v-else>
@@ -183,15 +189,16 @@
 			<!-- 企业简介 -->
 			<view class="enterprise">
 				<!-- 公司介绍卡片 -->
-				<view class="company-intro-card" @click="goInfo(info.company.companyId)">
+				<view class="company-intro-card">
+					<!-- @click="goInfo(info.company.companyId)" -->
 					<view class="company-avatar">
-						<image :src="info.company?info.company.companyLogo:'../../../static/logo.png'"
+						<image :src="info.company ? info.company.companyLogo : '../../../static/logo.png'"
 							style="width: 95rpx;height: 95rpx;border-radius: 50%;" mode="aspectFill"></image>
 					</view>
 					<view class="company-info">
-						<view class="company-name">{{info.company?info.company.companyAllName:''}}</view>
-						<view class="company-details">{{info.company?info.company.companyPeople:''}} ·
-							{{info.company?info.company.companyScope:''}}
+						<view class="company-name">{{ info.company ? info.company.companyAllName : '' }}</view>
+						<view class="company-details">{{ info.company ? info.company.companyPeople : '' }} ·
+							{{ info.company ? info.company.companyScope : '' }}
 						</view>
 					</view>
 					<view class="company-arrow">
@@ -206,7 +213,7 @@
 							<view class="enterprise-box-c-bto-l flex align-center">
 								<u-icon name="map" color="#016BF6" style="margin-left: 20rpx;margin-right: 10rpx;"
 									size="28"></u-icon>
-								<!-- 	{{info.province}}{{info.city}}{{info.county}} -->{{info.address}}
+								<!-- 	{{info.province}}{{info.city}}{{info.county}} -->{{ info.address }}
 							</view>
 							<view class="enterprise-box-c-bto-r">
 								<u-icon name="arrow-right" color="#016BF6" style="margin-right: 20rpx;"
@@ -236,34 +243,36 @@
 							<view class="postNum-li-txt">收藏</view>
 						</view>
 					</view>
-					<view style="font-size: 22rpx;color: rgba(102, 102, 102, 1);">职位发布时间：{{info.createTime}}</view>
+					<view style="font-size: 22rpx;color: rgba(102, 102, 102, 1);">职位发布时间：{{ info.createTime }}</view>
 				</view>
 
 
 			</view>
 		</view>
 		<!-- 底部操作 -->
-		<view class="btn flex justify-center" v-if="info.status==1">
+		<view class="btn flex justify-center" v-if="info.status == 1">
 			<view class="btn-box bgBox flex justify-center align-center" @click="cancelProject">
 				取消招聘
 			</view>
 		</view>
-		<view class="btn flex justify-center" v-if="info.status==4 || info.isOverdue==1"
-			@click="updataServeType(info.postPushId,'save')">
+		<view class="btn flex justify-center" v-if="info.status == 4 || info.isOverdue == 1"
+			@click="updataServeType(info.postPushId, 'save')">
 			<view class="btn-box bgBox flex justify-center align-center">
 				重新发布
 			</view>
 		</view>
-		<view class="btn flex justify-center" v-if="info.status==3 && info.isOverdue==0">
+		<view class="btn flex justify-center" v-if="info.status == 3 && info.isOverdue == 0">
 			<view class="btn-box bgBox flex justify-center align-center"
-				@click="updataServeType(info.postPushId,'update')" style="background-color: #ffffff;border: 1px solid #016bf6;color: #016bf6;">
+				@click="updataServeType(info.postPushId, 'update')"
+				style="background-color: #ffffff;border: 1px solid #016bf6;color: #016bf6;">
 				编辑
 			</view>
 		</view>
-		<view class="btn flex justify-center" v-if="info.status==2 && info.isOverdue == 0">
+		<view class="btn flex justify-center" v-if="info.status == 2 && info.isOverdue == 0">
 			<view class="btn-box flex justify-between">
 				<view class="btn-box bgBox btn-boxs flex justify-center align-center"
-					@click="updataServeType(info.postPushId,'update')" style="background-color: #ffffff;border: 1px solid #016bf6;color: #016bf6;">
+					@click="updataServeType(info.postPushId, 'update')"
+					style="background-color: #ffffff;border: 1px solid #016bf6;color: #016bf6;">
 					编辑
 				</view>
 				<view class="btn-box bgBox btn-boxs flex justify-center align-center" @click="closeOpenJob('close')">
@@ -271,10 +280,11 @@
 				</view>
 			</view>
 		</view>
-		<view class="btn flex justify-center" v-if="info.status==5 && info.isOverdue == 0">
+		<view class="btn flex justify-center" v-if="info.status == 5 && info.isOverdue == 0">
 			<view class="btn-box flex justify-between">
 				<view class="btn-box bgBox btn-boxs flex justify-center align-center"
-					@click="updataServeType(info.postPushId,'update')" style="background-color: #ffffff;border: 1px solid #016bf6;color: #016bf6;">
+					@click="updataServeType(info.postPushId, 'update')"
+					style="background-color: #ffffff;border: 1px solid #016bf6;color: #016bf6;">
 					编辑
 				</view>
 				<view class="btn-box bgBox btn-boxs flex justify-center align-center" @click="closeOpenJob('open')">
@@ -286,651 +296,697 @@
 </template>
 
 <script>
-	export default {
-		data() {
-			return {
-				postPushId: '',
-				info: {}, //岗位详情
-			};
-		},
-		onLoad(option) {
-			this.postPushId = option.postPushId
-			this.getInfo()
-		},
-		methods: {
-			//返回上一页
-			goBack() {
-				// 检查页面栈，如果没有可返回的页面，则跳转到职位管理
-				const pages = getCurrentPages()
-				if (pages.length > 1) {
-					uni.navigateBack()
-				} else {
-					// 如果没有可返回的页面，跳转到职位管理页面
-					uni.navigateTo({
-						url: '/pages/jobManagement/jobManagement'
-					})
-				}
-			},
-			//修改岗位
-			updataServeType(postPushId, type) {
-				let companyStatus = uni.getStorageSync('companyStatus')
-				if (companyStatus == 1) {
-					uni.showToast({
-						title: '企业认证审核中，请审核通过后操作!',
-						icon: 'none'
-					})
-					return
-				}
-				if (companyStatus == 3) {
-					uni.showToast({
-						title: '企业认证审核未通过，请重新认证!',
-						icon: 'none'
-					})
-					return
-				}
+export default {
+	data() {
+		return {
+			postPushId: '',
+			info: {}, //岗位详情
+		};
+	},
+	onLoad(option) {
+		this.postPushId = option.postPushId
+		this.getInfo()
+	},
+	methods: {
+		//返回上一页
+		goBack() {
+			// 检查页面栈，如果没有可返回的页面，则跳转到职位管理
+			const pages = getCurrentPages()
+			if (pages.length > 1) {
+				uni.navigateBack()
+			} else {
+				// 如果没有可返回的页面，跳转到职位管理页面
 				uni.navigateTo({
-					url: '/pages/my/jobPosting?postPushId=' + postPushId + '&type=' + type
+					url: '/pages/jobManagement/jobManagement'
 				})
-			},
-			//取消招聘
-			cancelProject() {
-				let that = this
-				uni.showModal({
-					content: '确认取消该招聘？',
-					title: '提示',
-					confirmColor: '#016BF6',
-					success(iet) {
-						if (iet.confirm) {
-							let data = {
-								postPushId: that.postPushId
-							}
-							that.$Request.postT('/app/postPush/cancelPostPush', data).then(res => {
-								if (res.code == 0) {
-									uni.showToast({
-										title: '取消成功',
-										duration: 1500,
-										complete() {
-											that.getInfo()
-										}
-									})
-								} else {
-									uni.showToast({
-										title: res.msg,
-										icon: 'none'
-									})
-								}
-								uni.hideLoading()
-							})
-						}
-					}
+			}
+		},
+		//修改岗位
+		updataServeType(postPushId, type) {
+			let companyStatus = uni.getStorageSync('companyStatus')
+			if (companyStatus == 1) {
+				uni.showToast({
+					title: '企业认证审核中，请审核通过后操作!',
+					icon: 'none'
 				})
-			},
-			//关闭/开启岗位
-			closeOpenJob(type) {
-				let that = this
-				uni.showModal({
-					title: '提示',
-					content: type == 'close' ? '关闭岗位后，该岗位不会再推荐给用户，是否关闭？' : '开启岗位后，该岗位会重新推荐给用户，是否开启？',
-					complete(ret) {
-						if (ret.confirm) {
-							that.$Request.getT('/app/postPush/closeOrOpen', {
-								postPushId: that.postPushId
-							}).then(res => {
-								if (res.code == 0) {
-									uni.showToast({
-										title: type == 'close' ? '已关闭' : '已开启',
-										duration: 1500,
-										complete() {
-											that.getInfo()
-										}
-									})
-								} else {
-									uni.showToast({
-										title: res.msg,
-										icon: 'none'
-									})
-								}
-							})
+				return
+			}
+			if (companyStatus == 3) {
+				uni.showToast({
+					title: '企业认证审核未通过，请重新认证!',
+					icon: 'none'
+				})
+				return
+			}
+			uni.navigateTo({
+				url: '/pages/my/jobPosting?postPushId=' + postPushId + '&type=' + type
+			})
+		},
+		//取消招聘
+		cancelProject() {
+			let that = this
+			uni.showModal({
+				content: '确认取消该招聘？',
+				title: '提示',
+				confirmColor: '#016BF6',
+				success(iet) {
+					if (iet.confirm) {
+						let data = {
+							postPushId: that.postPushId
 						}
+						that.$Request.postT('/app/postPush/cancelPostPush', data).then(res => {
+							if (res.code == 0) {
+								uni.showToast({
+									title: '取消成功',
+									duration: 1500,
+									complete() {
+										that.getInfo()
+									}
+								})
+							} else {
+								uni.showToast({
+									title: res.msg,
+									icon: 'none'
+								})
+							}
+							uni.hideLoading()
+						})
 					}
-				})
-			},
-			//拉起地图导航
-			gotoMap() {
-				let that = this
-				uni.openLocation({
-					latitude: that.info.lat,
-					longitude: that.info.lng,
-					address: that.info.province + '' + that.info.city + '' + that.info.county + '' + that.info
-						.address,
-					name: that.info.address,
-					// complete(ret) {
-
-					// }
-				})
-			},
-			/**
-			 * 获取岗位详情
-			 */
-			getInfo() {
-				this.$Request.getT("/app/postPush/selectPostPushDetails", {
-					// userId:uni.getStorageSync('userId'),
-					postPushId: this.postPushId
-				}).then(res => {
-					if (res.code == 0) {
-						this.info = res.data
+				}
+			})
+		},
+		//关闭/开启岗位
+		closeOpenJob(type) {
+			let that = this
+			uni.showModal({
+				title: '提示',
+				content: type == 'close' ? '关闭岗位后，该岗位不会再推荐给用户，是否关闭？' : '开启岗位后，该岗位会重新推荐给用户，是否开启？',
+				complete(ret) {
+					if (ret.confirm) {
+						that.$Request.getT('/app/postPush/closeOrOpen', {
+							postPushId: that.postPushId
+						}).then(res => {
+							if (res.code == 0) {
+								uni.showToast({
+									title: type == 'close' ? '已关闭' : '已开启',
+									duration: 1500,
+									complete() {
+										that.getInfo()
+									}
+								})
+							} else {
+								uni.showToast({
+									title: res.msg,
+									icon: 'none'
+								})
+							}
+						})
 					}
-				})
-			},
-		}
+				}
+			})
+		},
+		//拉起地图导航
+		gotoMap() {
+			let that = this
+			uni.openLocation({
+				latitude: that.info.lat,
+				longitude: that.info.lng,
+				address: that.info.province + '' + that.info.city + '' + that.info.county + '' + that.info
+					.address,
+				name: that.info.address,
+				// complete(ret) {
+
+				// }
+			})
+		},
+		/**
+		 * 获取岗位详情
+		 */
+		getInfo() {
+			this.$Request.getT("/app/postPush/selectPostPushDetails", {
+				// userId:uni.getStorageSync('userId'),
+				postPushId: this.postPushId
+			}).then(res => {
+				if (res.code == 0) {
+					this.info = res.data
+				}
+			})
+		},
 	}
+}
 </script>
 
 <style lang="scss">
-	page {
-		// background-color: #F2F2F7;
-		padding-top: 160rpx;
+page {
+	// background-color: #F2F2F7;
+	padding-top: 160rpx;
+}
+
+.warning-box {
+	background: rgba(255, 251, 232, 1);
+	color: rgba(237, 106, 12, 1);
+	font-family: Microsoft YaHei UI;
+	font-size: 22rpx;
+	font-weight: 400;
+	letter-spacing: 0px;
+	padding: 20rpx 32rpx;
+	box-sizing: border-box;
+	text-align: left;
+	margin-top: 20rpx;
+	display: flex;
+	align-items: center;
+	.warning-txt{
+		flex: 1;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
-
-	.fixed-header {
-		position: fixed;
-		top: 0;
-		left: 0;
-		right: 0;
-		z-index: 9999;
-		background-color: #ffffff;
+	image{
+		width: 32rpx;
+		height: 32rpx;
+		flex-shrink: 0;
+		margin-right: 20rpx;
 	}
+}
+
+.fixed-header {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	z-index: 9999;
+	background-color: #ffffff;
+}
+
+.custom-navbar {
+	padding-top: 80rpx;
+	background-color: #ffffff;
+	box-sizing: border-box;
+
+	.navbar-content {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 88rpx;
+		padding: 0 40rpx;
 
-	.custom-navbar {
-		padding-top: 80rpx;
-		background-color: #ffffff;
-		box-sizing: border-box;
-
-		.navbar-content {
+		.nav-left,
+		.nav-right {
+			width: 60rpx;
+			height: 60rpx;
 			display: flex;
 			align-items: center;
-			justify-content: space-between;
-			height: 88rpx;
-			padding: 0 40rpx;
-
-			.nav-left,
-			.nav-right {
-				width: 60rpx;
-				height: 60rpx;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-			}
+			justify-content: center;
+		}
 
-			.nav-title {
-				color: rgba(51, 51, 51, 1);
-				font-family: DM Sans;
-				font-size: 30rpx;
-				font-weight: 700;
-				line-height: 52px;
-				letter-spacing: 0.5%;
-				text-align: center;
-			}
+		.nav-title {
+			color: rgba(51, 51, 51, 1);
+			font-family: DM Sans;
+			font-size: 30rpx;
+			font-weight: 700;
+			line-height: 52px;
+			letter-spacing: 0.5%;
+			text-align: center;
 		}
 	}
+}
+
+.status-section {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	margin: 40rpx 0rpx 40rpx 0rpx;
 
-	.status-section {
+	.status-icon {
+		margin-right: 20rpx;
 		display: flex;
-		justify-content: center;
 		align-items: center;
-		margin: 40rpx 0rpx 40rpx 0rpx;
 
-		.status-icon {
-			margin-right: 20rpx;
-			display: flex;
-			align-items: center;
-
-			.status-icon-img {
-				width: 48rpx;
-				height: 48rpx;
-			}
+		.status-icon-img {
+			width: 48rpx;
+			height: 48rpx;
 		}
+	}
 
-		.status-title {
-			color: rgba(29, 33, 41, 1);
-			font-family: DM Sans;
-			font-size: 36rpx;
-			font-weight: 500;
-			line-height: 48rpx;
-			letter-spacing: 0%;
-			text-align: left;
-			display: flex;
-			align-items: center;
-		}
+	.status-title {
+		color: rgba(29, 33, 41, 1);
+		font-family: DM Sans;
+		font-size: 36rpx;
+		font-weight: 500;
+		line-height: 48rpx;
+		letter-spacing: 0%;
+		text-align: left;
+		display: flex;
+		align-items: center;
 	}
+}
 
-	.job-info-card {
-		background: #ffffff;
-		border-radius: 12rpx;
-		margin: 0 40rpx 40rpx 40rpx;
-		padding: 32rpx;
-		border: 0.5px solid rgba(227, 231, 236, 1);
+.job-info-card {
+	background: #ffffff;
+	border-radius: 12rpx;
+	margin: 0 40rpx 40rpx 40rpx;
+	padding: 32rpx;
+	border: 0.5px solid rgba(227, 231, 236, 1);
 
-		.job-header {
-			display: flex;
-			justify-content: space-between;
-			align-items: flex-start;
-			margin-bottom: 16rpx;
-
-			.job-title-section {
-				flex: 1;
-
-				.job-title {
-					color: rgba(153, 153, 153, 1);
-					font-family: DM Sans;
-					font-size: 28rpx;
-					font-weight: 400;
-					line-height: 44rpx;
-					letter-spacing: 0.5%;
-					text-align: left;
-				}
-			}
+	.job-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		margin-bottom: 16rpx;
 
-			.job-status {
-				.status-text {
-					color: rgba(153, 153, 153, 1);
-					font-family: DM Sans;
-					font-size: 18rpx;
-					font-weight: 400;
-					line-height: 20rpx;
-					letter-spacing: -0.5px;
-					text-align: right;
-				}
-			}
-		}
+		.job-title-section {
+			flex: 1;
 
-		.job-info {
-			.job-details {
+			.job-title {
 				color: rgba(153, 153, 153, 1);
 				font-family: DM Sans;
 				font-size: 28rpx;
 				font-weight: 400;
-				line-height: 36rpx;
+				line-height: 44rpx;
 				letter-spacing: 0.5%;
 				text-align: left;
 			}
 		}
-	}
 
-	.failure-reason-section {
-		margin: 0 40rpx;
+		.job-status {
+			.status-text {
+				color: rgba(153, 153, 153, 1);
+				font-family: DM Sans;
+				font-size: 18rpx;
+				font-weight: 400;
+				line-height: 20rpx;
+				letter-spacing: -0.5px;
+				text-align: right;
+			}
+		}
+	}
 
-		.section-title {
-			color: rgba(31, 44, 55, 1);
+	.job-info {
+		.job-details {
+			color: rgba(153, 153, 153, 1);
 			font-family: DM Sans;
 			font-size: 28rpx;
-			font-weight: 500;
-			line-height: 44rpx;
+			font-weight: 400;
+			line-height: 36rpx;
 			letter-spacing: 0.5%;
 			text-align: left;
-			margin-bottom: 20rpx;
 		}
+	}
+}
+
+.failure-reason-section {
+	margin: 0 40rpx;
+
+	.section-title {
+		color: rgba(31, 44, 55, 1);
+		font-family: DM Sans;
+		font-size: 28rpx;
+		font-weight: 500;
+		line-height: 44rpx;
+		letter-spacing: 0.5%;
+		text-align: left;
+		margin-bottom: 20rpx;
+	}
 
-		.reason-list {
-			.reason-item {
-				margin-bottom: 16rpx;
-
-				.reason-text {
-					color: rgba(153, 153, 153, 1);
-					font-family: DM Sans;
-					font-size: 24rpx;
-					font-weight: 500;
-					line-height: 48rpx;
-					letter-spacing: 0.5%;
-					text-align: left;
-				}
+	.reason-list {
+		.reason-item {
+			margin-bottom: 16rpx;
+
+			.reason-text {
+				color: rgba(153, 153, 153, 1);
+				font-family: DM Sans;
+				font-size: 24rpx;
+				font-weight: 500;
+				line-height: 48rpx;
+				letter-spacing: 0.5%;
+				text-align: left;
 			}
 		}
 	}
+}
 
-	.remarks {
-		width: 100%;
-		margin-top: 30rpx;
-
-		.remarks-box {
-			width: 686rpx;
-			border-radius: 24rpx;
-			background-color: #ffffff;
-			padding: 0rpx 20rpx;
-			color: red;
-		}
+.remarks {
+	width: 100%;
+	margin-top: 30rpx;
+
+	.remarks-box {
+		width: 686rpx;
+		border-radius: 24rpx;
+		background-color: #ffffff;
+		padding: 0rpx 20rpx;
+		color: red;
 	}
+}
 
-	.job {
-		width: 100%;
-		margin-top: 30rpx;
+.job {
+	width: 100%;
+	margin-top: 30rpx;
+
+	.job-info {
+		width: 686rpx;
+		height: 100%;
+		border-radius: 24rpx;
+		background-color: #ffffff;
 
-		.job-info {
-			width: 686rpx;
+		.job-info-c {
+			// width: 626rpx;
+			width: 100%;
 			height: 100%;
-			border-radius: 24rpx;
-			background-color: #ffffff;
-
-			.job-info-c {
-				// width: 626rpx;
-				width: 100%;
-				height: 100%;
-				padding: 30rpx 20rpx;
-			}
+			padding: 30rpx 20rpx;
+		}
 
-			.job-info-c-header {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-			}
+		.job-info-c-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+		}
+
+		.job-info-c-address {
+			color: rgba(156, 164, 171, 1);
+			font-family: DM Sans;
+			font-size: 24rpx;
+			font-weight: 400;
+			line-height: 26rpx;
+			letter-spacing: 0.5%;
+			text-align: left;
+			padding: 20rpx 0;
+		}
+
+		.job-info-c-title {
+			color: rgba(58, 57, 67, 1);
+			font-family: DM Sans;
+			font-size: 48rpx;
+			font-weight: 700;
+			line-height: 60rpx;
+			letter-spacing: 0px;
+			text-align: left;
+		}
 
-			.job-info-c-address {
-				color: rgba(156, 164, 171, 1);
+		.job-info-c-label {
+
+			// margin-top: 30rpx;
+			.job-info-c-label-item {
+				color: rgba(153, 153, 153, 1);
 				font-family: DM Sans;
 				font-size: 24rpx;
 				font-weight: 400;
-				line-height: 26rpx;
+				line-height: 20rpx;
 				letter-spacing: 0.5%;
+				padding: 12rpx;
 				text-align: left;
-				padding: 20rpx 0;
-			}
-
-			.job-info-c-title {
-				color: rgba(58, 57, 67, 1);
-				font-family: DM Sans;
-				font-size: 48rpx;
-				font-weight: 700;
-				line-height: 60rpx;
-				letter-spacing: 0px;
-				text-align: left;
-			}
-
-			.job-info-c-label {
-
-				// margin-top: 30rpx;
-				.job-info-c-label-item {
-					color: rgba(153, 153, 153, 1);
-					font-family: DM Sans;
-					font-size: 24rpx;
-					font-weight: 400;
-					line-height: 20rpx;
-					letter-spacing: 0.5%;
-					padding: 12rpx;
-					text-align: left;
-					margin-right: 30rpx;
-					border-radius: 12rpx;
-					background: rgba(198, 198, 198, 0.1);
-				}
+				margin-right: 30rpx;
+				border-radius: 12rpx;
+				background: rgba(198, 198, 198, 0.1);
 			}
+		}
 
-			.job-info-c-price {
-				color: rgba(1, 107, 246, 1);
-				font-family: DM Sans;
-				font-size: 32rpx;
-				font-weight: 700;
-				line-height: 40rpx;
-				letter-spacing: 0.5%;
-				text-align: right;
-			}
+		.job-info-c-price {
+			color: rgba(1, 107, 246, 1);
+			font-family: DM Sans;
+			font-size: 32rpx;
+			font-weight: 700;
+			line-height: 40rpx;
+			letter-spacing: 0.5%;
+			text-align: right;
 		}
 	}
+}
 
-	.jobRemarks {
+.jobRemarks {
+	width: 100%;
+	padding: 0 20rpx;
+
+	.jobRemarks-box {
 		width: 100%;
-		padding: 0 20rpx;
+		height: 100%;
+		background-color: #ffffff;
+		border-radius: 24rpx;
 
-		.jobRemarks-box {
+		.jobRemarks-box-c {
 			width: 100%;
 			height: 100%;
-			background-color: #ffffff;
-			border-radius: 24rpx;
+			padding: 30rpx 20rpx;
+		}
 
-			.jobRemarks-box-c {
-				width: 100%;
-				height: 100%;
-				padding: 30rpx 20rpx;
+		.jobRemarks-box-c-title {
+			color: rgba(1, 107, 246, 1);
+			font-size: 32rpx;
+			padding: 8px 12px;
+			border-radius: 36px;
+			font-weight: 500;
+			background: rgba(246, 246, 246, 1);
+
+			.title-icon {
+				width: 32rpx;
+				height: 32rpx;
 			}
+		}
 
-			.jobRemarks-box-c-title {
-				color: rgba(1, 107, 246, 1);
-				font-size: 32rpx;
-				padding: 8px 12px;
-				border-radius: 36px;
-				font-weight: 500;
-				background: rgba(246, 246, 246, 1);
+		.job-description {
+			margin-top: 20rpx;
+			margin-bottom: 20rpx;
 
-				.title-icon {
-					width: 32rpx;
-					height: 32rpx;
-				}
+			.description-item {
+				color: rgba(97, 110, 124, 1);
+				font-family: DM Sans;
+				font-size: 26rpx;
+				font-weight: 400;
+				line-height: 16px;
+				letter-spacing: 0px;
+				text-align: left;
+				margin-bottom: 8rpx;
 			}
+		}
 
-			.job-description {
-				margin-top: 20rpx;
-				margin-bottom: 20rpx;
-
-				.description-item {
-					color: rgba(97, 110, 124, 1);
-					font-family: DM Sans;
-					font-size: 26rpx;
-					font-weight: 400;
-					line-height: 16px;
-					letter-spacing: 0px;
-					text-align: left;
-					margin-bottom: 8rpx;
-				}
-			}
+		.jobRemarks-box-c-label {
+			width: 100%;
+			margin-top: 25rpx;
 
-			.jobRemarks-box-c-label {
-				width: 100%;
-				margin-top: 25rpx;
-
-				.jobRemarks-box-c-label-item {
-					color: rgba(1, 107, 246, 1);
-					font-size: 20rpx;
-					padding: 10rpx 15rpx;
-					background-color: #F6F6F6;
-					border-radius: 10rpx;
-					margin-right: 20rpx;
-					margin-bottom: 10rpx;
-					background: rgba(252, 233, 220, 1);
-				}
+			.jobRemarks-box-c-label-item {
+				color: rgba(1, 107, 246, 1);
+				font-size: 20rpx;
+				padding: 10rpx 15rpx;
+				background-color: #F6F6F6;
+				border-radius: 10rpx;
+				margin-right: 20rpx;
+				margin-bottom: 10rpx;
+				background: rgba(252, 233, 220, 1);
 			}
+		}
 
-			.jobRemarks-box-c-con {
-				width: 100%;
-				margin-top: 25rpx;
+		.jobRemarks-box-c-con {
+			width: 100%;
+			margin-top: 25rpx;
 
-				.jobRemarks-box-c-con-item {
-					margin-bottom: 10rpx;
-					color: #141414;
-					font-size: 28rpx;
-					font-weight: 500;
-				}
+			.jobRemarks-box-c-con-item {
+				margin-bottom: 10rpx;
+				color: #141414;
+				font-size: 28rpx;
+				font-weight: 500;
 			}
+		}
 
-			.jobRemarks-box-c-line {
-				width: 100%;
-				border: 1rpx solid #E6E6E6;
-				margin-top: 25rpx;
-			}
+		.jobRemarks-box-c-line {
+			width: 100%;
+			border: 1rpx solid #E6E6E6;
+			margin-top: 25rpx;
 		}
 	}
+}
 
-	.enterprise {
-		width: 100%;
-		margin-top: 25rpx;
-		padding: 0 20rpx;
-
-		.company-intro-card {
-			width: 100%;
-			background-color: #ffffff;
-			border-radius: 24rpx;
-			padding: 12rpx 24rpx;
-			margin-bottom: 20rpx;
-			display: flex;
-			align-items: center;
-			border: 0.5px solid rgba(227, 231, 236, 1);
+.enterprise {
+	width: 100%;
+	margin-top: 25rpx;
+	padding: 0 20rpx;
 
-			.company-avatar {
-				flex-shrink: 0;
-				margin-right: 24rpx;
-			}
+	.company-intro-card {
+		width: 100%;
+		background-color: #ffffff;
+		border-radius: 24rpx;
+		padding: 12rpx 24rpx;
+		margin-bottom: 20rpx;
+		display: flex;
+		align-items: center;
+		border: 0.5px solid rgba(227, 231, 236, 1);
 
-			.company-info {
-				flex: 1;
+		.company-avatar {
+			flex-shrink: 0;
+			margin-right: 24rpx;
+		}
 
-				.company-name {
-					color: rgba(51, 51, 51, 1);
-					font-size: 26rpx;
-					font-weight: 600;
-					line-height: 1.4;
-					margin-bottom: 8rpx;
-				}
+		.company-info {
+			flex: 1;
 
-				.company-details {
-					color: rgba(153, 153, 153, 1);
-					font-size: 24rpx;
-					font-weight: 400;
-					line-height: 1.4;
-				}
+			.company-name {
+				color: rgba(51, 51, 51, 1);
+				font-size: 26rpx;
+				font-weight: 600;
+				line-height: 1.4;
+				margin-bottom: 8rpx;
 			}
 
-			.company-arrow {
-				flex-shrink: 0;
-				margin-left: 48rpx;
+			.company-details {
+				color: rgba(153, 153, 153, 1);
+				font-size: 24rpx;
+				font-weight: 400;
+				line-height: 1.4;
 			}
 		}
 
-		.enterprise-box {
+		.company-arrow {
+			flex-shrink: 0;
+			margin-left: 48rpx;
+		}
+	}
+
+	.enterprise-box {
+		width: 100%;
+		background-color: #ffffff;
+		height: 100%;
+		padding-bottom: 25rpx;
+		border-radius: 24rpx;
+
+		.enterprise-box-c {
 			width: 100%;
-			background-color: #ffffff;
 			height: 100%;
-			padding-bottom: 25rpx;
-			border-radius: 24rpx;
-
-			.enterprise-box-c {
-				width: 100%;
-				height: 100%;
-			}
+		}
 
-			.enterprise-box-c-bto {
-				width: 100%;
-				// padding-top: 15rpx;
-				padding-bottom: 15rpx;
-				background-color: #EDFFFB;
-				border-radius: 30rpx;
-				margin-top: 20rpx;
-				color: #016BF6;
-				font-size: 24rpx;
-				font-weight: 500;
-			}
+		.enterprise-box-c-bto {
+			width: 100%;
+			// padding-top: 15rpx;
+			padding-bottom: 15rpx;
+			background-color: #EDFFFB;
+			border-radius: 30rpx;
+			margin-top: 20rpx;
+			color: #016BF6;
+			font-size: 24rpx;
+			font-weight: 500;
 		}
 	}
-	.postNum{padding: 12rpx;}
-.postNum-ul{margin: 22px auto;font-family: DM Sans;}
-.postNum-li-num{font-size: 32rpx;font-weight: 600;line-height: 48rpx;text-align: center;}
-.postNum-li-txt{font-size: 26rpx;font-weight: 600;line-height: 48rpx;text-align: center;}
-
-	.urgent-banner {
-		width: 686rpx;
-		height: 150rpx;
-		background: linear-gradient(180deg, rgba(255, 181, 60, 1) 100%, rgba(251, 231, 185, 1) 50%);
-		border-radius: 16rpx;
+}
+
+.postNum {
+	padding: 12rpx;
+}
+
+.postNum-ul {
+	margin: 22px auto;
+	font-family: DM Sans;
+}
+
+.postNum-li-num {
+	font-size: 32rpx;
+	font-weight: 600;
+	line-height: 48rpx;
+	text-align: center;
+}
+
+.postNum-li-txt {
+	font-size: 26rpx;
+	font-weight: 600;
+	line-height: 48rpx;
+	text-align: center;
+}
+
+.urgent-banner {
+	width: 686rpx;
+	height: 150rpx;
+	background: linear-gradient(180deg, rgba(255, 181, 60, 1) 100%, rgba(251, 231, 185, 1) 50%);
+	border-radius: 16rpx;
+	display: flex;
+	align-items: flex-start;
+	justify-content: space-between;
+	padding: 20rpx 30rpx;
+	margin: 0 auto 20rpx auto;
+
+	.urgent-left-section {
+		flex: 1;
 		display: flex;
-		align-items: flex-start;
-		justify-content: space-between;
-		padding: 20rpx 30rpx;
-		margin: 0 auto 20rpx auto;
+		align-items: center;
+
+		.urgent-star-icon-wrapper {
+			width: 72rpx;
+			height: 72rpx;
+			border-radius: 50%;
+			background: linear-gradient(90deg, rgba(255, 65, 86, 1) 0%, rgba(255, 102, 0, 0.35) 100%);
+			margin-right: 24rpx;
+			flex-shrink: 0;
+		}
 
-		.urgent-left-section {
+		.urgent-text-content {
 			flex: 1;
-			display: flex;
-			align-items: center;
 
-			.urgent-star-icon-wrapper {
-				width: 72rpx;
-				height: 72rpx;
-				border-radius: 50%;
-				background: linear-gradient(90deg, rgba(255, 65, 86, 1) 0%, rgba(255, 102, 0, 0.35) 100%);
-				margin-right: 24rpx;
-				flex-shrink: 0;
+			.urgent-main-title {
+				color: rgba(255, 255, 255, 1);
+				font-family: DM Sans;
+				font-size: 24rpx;
+				font-weight: 500;
+				line-height: 32rpx;
+				letter-spacing: 0%;
+				text-align: left;
+				margin-bottom: 8rpx;
 			}
 
-			.urgent-text-content {
-				flex: 1;
-
-				.urgent-main-title {
-					color: rgba(255, 255, 255, 1);
-					font-family: DM Sans;
-					font-size: 24rpx;
-					font-weight: 500;
-					line-height: 32rpx;
-					letter-spacing: 0%;
-					text-align: left;
-					margin-bottom: 8rpx;
-				}
-
-				.urgent-sub-description {
-					color: rgba(255, 255, 255, 1);
-					font-family: DM Sans;
-					font-size: 20rpx;
-					font-weight: 400;
-					line-height: 26rpx;
-					letter-spacing: 0%;
-					text-align: left;
-					margin-bottom: 6rpx;
-				}
-
-				.urgent-benefits {
-					color: rgba(255, 255, 255, 1);
-					font-family: DM Sans;
-					font-size: 20rpx;
-					font-weight: 400;
-					line-height: 26rpx;
-					letter-spacing: 0%;
-					text-align: left;
-				}
+			.urgent-sub-description {
+				color: rgba(255, 255, 255, 1);
+				font-family: DM Sans;
+				font-size: 20rpx;
+				font-weight: 400;
+				line-height: 26rpx;
+				letter-spacing: 0%;
+				text-align: left;
+				margin-bottom: 6rpx;
 			}
-		}
 
-		.urgent-upgrade-button {
-			background: linear-gradient(90deg, rgba(255, 65, 86, 1) 0%, rgba(255, 102, 0, 0.35) 100%);
-			padding: 8rpx;
-			border-radius: 8rpx;
-			color: rgba(255, 255, 255, 1);
-			font-family: DM Sans;
-			font-size: 16rpx;
-			font-weight: 400;
-			line-height: 20rpx;
-			letter-spacing: -0.5px;
-			text-align: right;
-			margin-left: 20rpx;
+			.urgent-benefits {
+				color: rgba(255, 255, 255, 1);
+				font-family: DM Sans;
+				font-size: 20rpx;
+				font-weight: 400;
+				line-height: 26rpx;
+				letter-spacing: 0%;
+				text-align: left;
+			}
 		}
 	}
 
-	.bgBox {
-		color: #ffffff;
-		background-color: rgba(1, 107, 246, 1);
-		font-weight: bold;
-		border-radius: 50rpx;
+	.urgent-upgrade-button {
+		background: linear-gradient(90deg, rgba(255, 65, 86, 1) 0%, rgba(255, 102, 0, 0.35) 100%);
+		padding: 8rpx;
+		border-radius: 8rpx;
+		color: rgba(255, 255, 255, 1);
+		font-family: DM Sans;
+		font-size: 16rpx;
+		font-weight: 400;
+		line-height: 20rpx;
+		letter-spacing: -0.5px;
+		text-align: right;
+		margin-left: 20rpx;
 	}
+}
 
-	.btn {
-		width: 100%;
-		height: 88rpx;
-		margin: 30rpx 0rpx;
-		border-radius: 40rpx;
+.bgBox {
+	color: #ffffff;
+	background-color: rgba(1, 107, 246, 1);
+	font-weight: bold;
+	border-radius: 50rpx;
+}
 
-		.btn-boxs {
-			width: 49% !important;
+.btn {
+	width: 100%;
+	height: 88rpx;
+	margin: 30rpx 0rpx;
+	border-radius: 40rpx;
 
-		}
+	.btn-boxs {
+		width: 49% !important;
 
-		.btn-box {
-			width: 686rpx;
-			height: 100%;
+	}
+
+	.btn-box {
+		width: 686rpx;
+		height: 100%;
 
-		}
 	}
+}
 </style>