employ-front/pages_subpack/master-detail/index.vue

<template>
	<view class="u-page">
		<view class="se-flex se-flex-h-sb se-p-40">
			<view class="se-flex">
				<view>
					<image class="se-a-120 se-br-p-50" :src="items.employResume.headImage" mode=""></image>
					<view class="se-py-10 se-px-20 se-br-12 se-fs-22 se-c-orange se-bgc-ffd se-mt-10 se-fw-6" >
						{{items.categoryOne}}
					</view>
				</view>
				<view class="se-ml-20 se-flex se-flex-v-sa se-flex-ai-fs">
					<text class="se-fw-6 se-c-black se-fs-30">{{items.employResume.name}}</text>
					<text class="se-fs-24 se-c-text-third">性别:{{items.employResume.sex==1?"男":"女"}}</text>
					<text class="se-fs-24 se-c-text-third">年龄:{{items.employResume.age}}</text>
					<text class="se-fs-24 se-c-text-third">所属工种:{{items.categoryTwo}}</text>
				</view>
			</view>
			<view class="se-c-orange se-fs-32 se-fw-6">
				{{items.salaryMin}}-{{items.salaryMax}}元
			</view>
		</view>
		<view class="se-px-40 se-pt-40 se-fs-26">
			<!-- <view class="se-flex se-py-10">
				<view class="se-w-140">
					联系电话
				</view>
				<view>
					{{items.employResume.phone}}
				</view>
			</view> -->
			<view class="se-flex se-py-10">
				<view class="se-w-140">
					结算方式
				</view>
				<view>
					<template v-if="items.payType == 0">提前支付</template>
					<template v-else-if="items.payType != null && items.payType != undefined">先试用后支付</template>
					<template v-else>暂无</template>
				</view>
			</view>
			<view class="se-flex se-py-10">
				<view class="se-w-140">
					试工日薪
				</view>
				<view>
					{{items.dayMoney || '暂无'}}
				</view>
			</view>
			<view class="se-flex se-py-10">
				<view class="se-w-140">
					出行方式
				</view>
				<view>
					{{items.selectGo || '暂无'}}
				</view>
			</view>
			<view class="se-flex se-py-10">
				<view class="se-w-140">
					出发地址
				</view>
				<view>
					{{items.address || '暂无'}}
				</view>
			</view>
			<view class="se-b se-mt-20"></view>
		</view>
		<view class="se-p-40">
			<view class="se-fs-38 se-c-black se-fw-6">
				期望工作
			</view>
			<view class="se-fs-24 se-pt-20 se-pb-20 se-lh-40">
				<u-parse :content="items.workDetail"></u-parse>
				<!-- <text v-html="detail"></text> -->
			</view>
		</view>
		<view class="se-px-20 se-pt-20">
			<view class="se-px-20 se-pb-80 se-fs-20 se-flex">
				<view @click="onEmploy"
					class="se-mx-10 se-flex-1 se-br-40 se-flex-h-c se-h-80 se-lh-80 se-ta-c se-fs-28 se-c-white se-bgc-orange">
					<text>立即聘用</text>
				</view>
			</view>
		</view>
	</view>
</template>
<!-- 
1、全日制大专以上学历，艺术设计类相关专业;
2、两年以上平面、品牌、视觉设计等相关工作经验，能独立完成项目的设计工作，有 3C数码/个护健 康 类产品服务经验优先，有乙方工作经验佳;
3、具备一定的设计提案能力，能完整的呈现设计思路与创意，能清晰的表达设计逻辑与思考;
4、热爱设计，平面基本功扎实，拥有优良的审美与创意想法，对版式、色彩把控能力强;对工作富有责任心，具备团队沟通与协作能力;
5、精通 PS、AI、CDR 等平面设计软件，能独立完成日常平面设计工作内容，熟练使用 PPT/Keynote，能完成提案内容的材料美化工作
 -->

<script>
	import {
		querySeekById,addOrderJob
	} from "@/common/api.js"
	export default{
		data(){
			return{
				items:{},
				detail:`<p>
						1、全日制大专以上学历，艺术设计类相关专业;<br/>
						2、两年以上平面、品牌、视觉设计等相关工作经验，能独立完成项目的设计工作，有 3C数码/个护健 康 类产品服务经验优先，有乙方工作经验佳;<br/>
						3、具备一定的设计提案能力，能完整的呈现设计思路与创意，能清晰的表达设计逻辑与思考;<br/>
						4、热爱设计，平面基本功扎实，拥有优良的审美与创意想法，对版式、色彩把控能力强;对工作富有责任心，具备团队沟通与协作能力;<br/>
						5、精通 PS、AI、CDR 等平面设计软件，能独立完成日常平面设计工作内容，熟练使用 PPT/Keynote，能完成提案内容的材料美化工作。<br/>
						</p>`
			}
		},
		onLoad(options) {
			console.info(options)
			this.id = options.id
			this.onTask()
		},
		methods:{
			onTask(){
				let that = this
				querySeekById({id:that.id}).then(response=>{
					console.info('querySeekById',response);
					that.items = response.result
				}).catch(error=>{
					
				})
			},
			onEmploy(){
                uni.showLoading({
                    title: '加载中'
                })
				// 检查企业认证状态
				this.$store.dispatch('onEnterpriseAuth', {
					success: (company) => {
						// 企业认证通过，执行聘用操作
						addOrderJob({id:this.id}).then(response=>{
                            uni.hideLoading()
							console.log("聘用成功");
							uni.redirectTo({
								url:"/pages_subpack/employ-progress/index?id="+response.result.id
							})
						}).catch(error=>{
							// console.log("聘用失败",error);
                            // uni.hideLoading()
							// uni.showToast({
							// 	title: error.message || '聘用失败',
							// 	icon: 'none'
							// })
						})
					},
					fail: (company) => {
                        uni.hideLoading()
						// 企业认证未通过
						uni.showModal({
							title: '提示',
							content: '请先完成企业认证，审核通过后才能聘用',
							showCancel: false,
							confirmText: '去认证',
							success: (res) => {
								if (res.confirm) {
									uni.navigateTo({
										url: '/pages_subpack/enterprise/index'
									})
								}
							}
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>