<template>
	<view>
		<view class="maskdialog" v-if="isShowDia">
		      <view class="maskbox">
		        <view class="maskcontent">请提交用人需求，商务会与您对接提供更多简历内容</div>
				<view class="btnboxs">
					<view class="maskbtncna" @click="canela">
					  取消
					</view>
					<view class="maskbtn" @click="sbuwad">
					  去提交
					</view>
				</view>
				
		      </view>
		    </view>
			</view>
		<view class="tabledetails">
			<!-- <img class="logobg" src="http://image.keyitest.cn/static/index/renliwb/banner1.png" alt="" /> -->
			<img class="logobg" src="http://image.keyitest.cn/static/index/renliwb/newcloudMore.png" @click="lookMoreFn" alt="" />

			<view style="margin-bottom:23rpx;text-align: center;">
				<!-- <img class="deyalimg" src="http://image.keyitest.cn/static/outsource/fwgw.png" alt="">
				<p style="color: #999999;font-size:24rpx;">IT人才服务、专业团队、快速响应、高效交付</p> -->
				<view class="titlePeo" style="margin-bottom: 0">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">服务专项</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						IT人才服务、专业团队、快速响应、高效交付
					</view>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;">
				<view class="statictosol" style="position: relative;padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="width:75rpx;height:38rpx;position: absolute;top: 0;left: 0"
						src="http://image.keyitest.cn/static/index/renliwb/2.png" alt="">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/test.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">测试工程师 </p>
				</view>
				<view class="statictosol" style="position: relative;padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="width:75rpx;height:38rpx;position: absolute;top: 0;left: 0"
						src="http://image.keyitest.cn/static/index/renliwb/2.png" alt="">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/java.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">JAVA开发工程师 </p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/c++.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">C++开发工程师 </p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/web.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">Web前端开发工程师</p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/implant.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">嵌入式工程师 </p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/php.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">PHP开发工程师</p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/mainten.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">IT运维/实施工程师</p>
				</view>
				<view class="statictosol" style="padding:0px;height: auto;" @click="popcilk('seek')">
					<img style="margin:15px 0" src="http://image.keyitest.cn/static/outsource/python.png" alt="">
					<u-line></u-line>
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:15px 0 ;">Python工程师</p>
				</view>
			</view>
			<view style="margin-bottom:23rpx;text-align: center;">
				<!-- <img class="deyalimg" style="margin-top:25px;" src="http://image.keyitest.cn/static/index/renliwb/9.png"
					alt="">
				<p style="color: #999999;font-size:24rpx;">服务场景多样化，比企业先想一步</p> -->
				<view class="titlePeo">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">场景应用</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						服务场景多样化，比企业先想一步
					</view>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;">
				<view class="statictosol" style="height: 251px;" @click="popcilk('seek')">
					<img style="width:39vw ;height:26vw;" src="http://image.keyitest.cn/static/index/renliwb/10.png"
						alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">招聘压力大 </p>
					<view class="linblue"></view>
					<p>HR人力无法满足企业招聘量</p>
				</view>
				<view class="statictosol" style="height: 251px;" @click="popcilk('seek')">
					<img style="width:39vw ;height:26vw;" src="http://image.keyitest.cn/static/index/renliwb/11.png"
						alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">临时用工需求 </p>
					<view class="linblue"></view>
					<p>临时需要增加人员完成项目过渡</p>
				</view>
				<view class="statictosol" style="height: 251px;" @click="popcilk('seek')">
					<img style="width:39vw ;height:26vw;" src="http://image.keyitest.cn/static/index/renliwb/12.png"
						alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">短期项目 </p>
					<view class="linblue"></view>
					<p>项目周期短，后期项目结束人员不好协调</p>
				</view>
				<view class="statictosol" style="height: 251px;" @click="popcilk('seek')">
					<img style="width:39vw ;height:26vw;" src="http://image.keyitest.cn/static/index/renliwb/13.png"
						alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">企业无编制 </p>
					<view class="linblue"></view>
					<p>企业编制名额不够 但用工需求存在</p>
				</view>
				<view class="statictosol" style="height: 251px;" @click="popcilk('seek')">
					<img style="width:39vw ;height:26vw;" src="http://image.keyitest.cn/static/index/renliwb/14.png"
						alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">人才专业技能要求高 </p>
					<view class="linblue"></view>
					<p>专业技能要求高 人才市场难匹配</p>
				</view>
				<view class="statictosol" style="height: 251px;" @click="popcilk('seek')">
					<img style="width:39vw ;height:26vw;" src="http://image.keyitest.cn/static/index/renliwb/15.png"
						alt="">
					<p style="color:#1A1A1A;font-size: 1rem;font-weight: bold;margin:10px 0 ;">异地项目 </p>
					<view class="linblue"></view>
					<p>外地项目需要人手，招聘难度大</p>
				</view>
			</view>
			<view style="margin-bottom:23rpx;text-align: center;">
				<!-- <img class="deyalimg" style="margin-top:25px;" src="/static/index/rcfwlc.png" alt="">
				<p style="color: #999999;font-size:24rpx;">标准化驻场服务流程，保证高效高质</p> -->
				<view class="titlePeo" style="margin-top: 20rpx">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">IT人才服务流程</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						标准化驻场服务流程，保证高效高质
					</view>
				</view>
			</view>
			<view class="practice">
				<img style="width: 100%;height:55vw;" src="http://image.keyitest.cn/static/index/renliwb/66.png" alt="">
			</view>

			<!-- 简历模块 -->
			<view style="margin-bottom:23rpx;text-align: center;">
				<!-- <img class="deyalimg" src="/static/index/rcfwys.png" alt="">
				<p style="color: #999999;font-size:24rpx;">节省成本，提示效率，降低风险</p> -->
				<view class="titlePeo" style="margin-bottom: 0">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">关键云员工</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						真实有效的软件人才库，名校毕业，计算机相关专业
					</view>
				</view>
			</view>
			<view class="jianlibox">
				<view class="jianliboxitem" v-for="it in peopleList" @click="peopleClick">
					<view class="jlboxtop">
						<image class="jlboxtopimg" :src="it.url" alt="" />
						<view class="jlboxtoptit">{{it.name}}</view>
						<view class="jlboxtopzc">{{it.zhicheng}}</view>
					</view>
					<view class="jlboxbottom">
						<view class="jlboxbottoml jlboxbottomlbor">
							<image class="jlboxbottomlimg" src="../../../static/crowd/daxue.png" alt="" />
							{{it.school}}
						</view>
						<view class="jlboxbottoml">
							<image class="jlboxbottomlimg" src="../../../static/crowd/zhuanye.png" alt="" />
							{{it.maj}}
						</view>
					</view>
				</view>
			</view>

			<image class="tranimg" src="http://image.keyitest.cn/static/index/renliwb/people5.png" mode=""></image>
			<view style="position: relative;height:40px">
				<view class="lookmore" @click="lookMoreFn">查看更多</view>
			</view>


			<!-- 简历模块 -->
			<view style="margin-bottom:23rpx;text-align: center;margin-top: -200rpx;">
				<!-- <img class="deyalimg" src="/static/index/rcfwys.png" alt="">
				<p style="color: #999999;font-size:24rpx;">节省成本，提示效率，降低风险</p> -->
				<view class="titlePeo" style="margin-bottom: 0">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">服务优势</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						降低成本、提能增效
					</view>
				</view>
			</view>
			<view class="newedabox">
				<view class="newedaboxitem">
					<view class="toptitlaw">准</view>
					<view class="bocontent">
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							优秀专业人才库
						</view>
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							当天安排面试
						</view>
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							快速到岗支持
						</view>
					</view>
				</view>

				<view class="newedaboxitem ">
					<view class="toptitlaw blueitem">优</view>
					<view class="bocontent">
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							1V1专属商务对接
						</view>
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							IT人才服务经验10年+
						</view>
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							全流程在线支持
						</view>
					</view>
				</view>

				<view class="newedaboxitem ">
					<view class="toptitlaw blueitem">省</view>
					<view class="bocontent">
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							按月定制服务
						</view>
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							减少人才储备
						</view>
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							企业综合成本下降
						</view>
					</view>
				</view>

				<view class="newedaboxitem">
					<view class="toptitlaw">稳</view>
					<view class="bocontent">
						<view class="neiitem">
							<image class="neiitemimg" src="../../../static/crowd/tubiao1.png" alt="" />
							降低企业用工风险
						</view>
					</view>
				</view>

			</view>
			<!-- new -->

			<view style="margin-bottom:23px;text-align: center;">
				<!-- <img class="deyalimg" src="http://image.keyitest.cn/static/index/renliwb/21.png" alt="">
				<p style="color: #999999;font-size:24rpx;">服务范围涵盖全国多个核心城市</p> -->
				<view class="titlePeo" style="margin-bottom: 0">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">服务区域</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						服务范围涵盖全国多个核心城市
					</view>
				</view>
			</view>
			<view class="practice">
				<img style="width: 100%;height:90vw;" src="http://image.keyitest.cn/22.png" alt="">
			</view>
			<view style="margin-bottom:23rpx;text-align: center;">
				<view class="titlePeo" style="margin-bottom: 0">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">荣誉资质</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						企业荣誉资质
					</view>
				</view>
			</view>
			<view class="practice" style="flex-wrap: wrap;">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/24.png" alt="">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/25.png" alt="">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/26.png" alt="">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/27.png" alt="">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/28.png" alt="">
				<!-- <img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/29.png" alt=""> -->
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/ry6.png" alt="">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/ry7.png" alt="">
				<img style="width:48%;height:29vw;" src="http://image.keyitest.cn/static/index/renliwb/ry8.png" alt="">
			</view>
			<view style="margin-bottom:23rpx;text-align: center;">
				<!-- <img class="deyalimg" src="http://image.keyitest.cn/static/index/renliwb/30.png" alt=""> -->
				<view class="titlePeo" style="margin-bottom: 0">
					<view class="titletopt">
						<image src="../../../static/crowd/rihhj.png" alt="" />
						<p style="margin:0px 10px">合作伙伴</p>
						<image src="../../../static/crowd/lesftt.png" alt="" />
					</view>
					<view class="titlebot">
						拥有超14年技术积累，服务上千家企业单位
					</view>
				</view>
				<!-- <p style="color: #999999;font-size:24rpx;">拥有超14年技术积累，服务上千家企业单位</p> -->
			</view>
			<view class="practice" style="flex-wrap: wrap;background: #f5f7fa;">
				<!-- <img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/31.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/32.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/33.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/34.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/35.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/36.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/37.png" alt="">
				<img style="width:47%;height:13vw;" src="http://image.keyitest.cn/static/index/renliwb/38.png" alt=""> -->
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb1.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb2.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb3.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb4.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb5.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb6.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb7.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb8.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb9.png" mode=""></image>
				<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
					src="http://image.keyitest.cn/static/index/renliwb/hb10.png" mode=""></image>

				<view
					style="margin:10px auto;display: flex;justify-content: center;align-items: center;font-size: 15px;">
					<p style="color: #F8302B;">1000+</p>
					<p style="color:#000000;font-weight: bold;">企业的共同选择</p>
				</view>
			</view>
			<p
				style="margin:15px auto;display: flex;justify-content: center;align-items: center;color: #A6A6A6;font-size: 24rpx;;">
				<span>IT人才</span>
				<span style="margin:0 15px">|</span>
				<span>驻场开发</span>
				<span style="margin:0 15px">|</span>
				<span>精准匹配</span>
				<span style="margin:0 15px">|</span>
				<span>高效交付</span>
			</p>
		</view>
		<view style="height:50px;"></view>
		<view class="submitt">
			<view class="bottbtn" @click="popcilk('sign')">
				<img src="/static/index/kf.png" alt="">
				<p>咨询报价</p>
			</view>
			<view class="bottbtn" @click="popcilk('seek')" style="background:#E9F0FA;">
				<img src="/static/index/dd.png" alt="">
				<p>我要用人</p>
			</view>
		</view>
		<u-popup v-model="isPopupShow" @close="close" @open="open" mode="bottom" length="70%" height='380px'
			border-radius="15" :closeable='true' :mask-close-able="false">
			<view style="background:#66666;padding:20px 0px 80px 10px; ">
				<view class='peodi'>我要用人</view>
				<u-line></u-line>
				<!-- <view class="sinput">
					<img src="http://image.keyitest.cn/static/index/renliwb/41.png" alt="">
					<u-input v-model="sourcobj.company" placeholder='请输入您的公司名称'  borrder="true"  />
				</view> -->
				<view class="sinput">
					<p style="color:#fa3534;margin-right:3px">* </p>
					<img src="http://image.keyitest.cn/static/index/renliwb/42.png" alt="">
					<!-- <u-input v-model="sourcobj.service" placeholder='请选择您需要的技能服务'  borrder="true"  /> -->
					<u-input style="width:100%;" v-model="sourcobj.service" type="select" @click="serviceshow = true"
						placeholder='请选择您需要的技能服务' />
					<u-select v-model="serviceshow" :list="serviceList" @confirm="servicechange"></u-select>
				</view>
				<view class="sinput">
					<p style="color:#fa3534;margin-right:3px">* </p>
					<img src="http://image.keyitest.cn/static/index/renliwb/43.png" alt="">
					<!-- <u-input v-model="sourcobj.peopleNum" placeholder='请输入您的需求人数'  borrder="true"  /> -->
					<u-input type="number" style="width:100%;" v-model="sourcobj.peopleNum"  placeholder='请选择您的需求人数' />
					<!-- <u-select v-model="peopleNumshow" :list="peopleNumList" @confirm="peopleNumchange"></u-select> -->
				</view>
				<!-- <view class="sinput">
					<img style="height:30px;" src="http://image.keyitest.cn/static/index/renliwb/44.png" alt="">
					<u-input v-model="sourcobj.phone" placeholder='请输入您的手机号'  borrder="true"  />
				</view> -->
				<view class="sinputrt">
					<img style="width: 20px;margin-left:10px;"
						src="http://image.keyitest.cn/static/index/renliwb/45.png" alt="">
					<u-input v-model="sourcobj.remark" placeholder='请输入您的其他需求内容...' type="textarea"
						auto-height="true" />
				</view>
			</view>
			<u-line></u-line>
			<view class="submitt" style="justify-content: space-around;margin-top: 0;">
				<view class="button-g"
					style="width:43vw;background:#FFFFFF;border: 1px solid  #1578ED;color: #1578ED;margin-left: 0;"
					@click="resource('setes')">重置</view>
				<view class="button-g"
					style="width:43vw;background: linear-gradient(90deg, #FF8600, #FE2B2B);color: #FFFFFF;margin-left:2vw"
					@click="resource('singup')">立即提交</view>
			</view>
		</u-popup>
		<u-modal title='温馨提示' v-model="tokenshow" content="您还没有登录" confirm-text='现在就去' cancel-text='稍等一下'
			show-cancel-button='true' cancel-color='#1578ED' confirm-color='#1578ED' @confirm="confirms"
			@cancel='tokenshow=false'></u-modal>
		<u-modal title='提示' v-model="certifshow" @confirm="certifconfirm" content='未实名认证用户无法报名' ref="ucertif"
			confirm-text='去实名认证' :show-title='false'></u-modal>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				peopleList: [{
						url: 'http://image.keyitest.cn/static/index/renliwb/people1.png',
						name: '杨**',
						zhicheng: 'JAVA后端研发工程师',
						school: '河南科技大学',
						maj: '软件工程专业'
					},
					{
						url: 'http://image.keyitest.cn/static/index/renliwb/people2.png',
						name: '赵**',
						zhicheng: 'Web全栈开发工程师',
						school: '西安科技大学',
						maj: '软件工程专业'
					},
					{
						url: 'http://image.keyitest.cn/static/index/renliwb/people3.png',
						name: '杨**',
						zhicheng: 'JAVA研发工程师',
						school: '阜阳师范大学',
						maj: '软件工程专业'
					},
					{
						url: 'http://image.keyitest.cn/static/index/renliwb/people4.png',
						name: '王**',
						zhicheng: '嵌入式工程师',
						school: '西安科技大学',
						maj: '软件工程专业'
					}
				],
				isPopupShow: false,
				sourcobj: {
					company: '',
					service: '',
					peopleNum: '',
					remark: ''
				},
				wxUserInfo: null,
				tokenshow: false,
				serviceshow: false,
				peopleNumshow: false,
				certifshow: false,
				serviceList: [{
						value: '0',
						label: '测试工程师'
					}, {
						value: '1',
						label: 'JAVA工程师'
					}, {
						value: '2',
						label: 'C++工程师'
					},
					{
						value: '3',
						label: '嵌入式工程师'
					}, {
						value: '4',
						label: 'PHP工程师'
					}, {
						value: '5',
						label: 'Web前端工程师'
					},
					{
						value: '6',
						label: 'IT运维/实施工程师'
					}, {
						value: '7',
						label: 'Python工程师'
					}, {
						value: '8',
						label: 'golang开发工程师'
					}, {
						value: '9',
						label: '其他'
					}
				],
				peopleNumList: [{
						value: '0',
						label: '1-5人'
					}, {
						value: '1',
						label: '5-10人'
					}, {
						value: '2',
						label: '10-20人'
					},
					{
						value: '3',
						label: '20-40人'
					}, {
						value: '4',
						label: '40-80人'
					}, {
						value: '5',
						label: '100人以上'
					},
				],
				isShowDia: false
			}
		},
		onShow() {
			let Token = uni.getStorageSync('accessToken');
			if (Token) {
				this.wxUserInfo = uni.getStorageSync('wxUserInfo');
			}
		},

		onLoad() {
			this.wxUserInfo = uni.getStorageSync('wxUserInfo');
		},
		methods: {
			peopleClick() {
				this.isShowDia = true
			},
			canela() {
				this.isShowDia = false
			},
			sbuwad() {
				this.canela()
				this.popcilk('seek')
			},
			servicechange(e) {
				this.sourcobj.service = e[0].label
			},
			peopleNumchange(e) {
				console.log('人数', e)
				this.sourcobj.peopleNum = e[0].label
			},
			popcilk(type) {
				if (type == 'sign') {
					// this.$refs.uToast.show({
					// 	title: '功能暂未开通',
					// 	type: 'info',
					// 	url: '/pages/user/index'
					// })
					uni.navigateTo({
						url: '/pages/index/test'
					})
				} else {
					let accessToken = uni.getStorageSync('accessToken');
					if (!accessToken) {
						this.tokenshow = true
					} else {
						this.http.quickGet(`/tester/cert/apply/${this.wxUserInfo.userId}`, true).then(res => {
							if (res.data.code == 200) {
								// console.log('res.data', res.data, res.data.data.status)
								if (res.data && res.data.data && (res.data.data.status == 1 || res.data.data.companyStatus == 1 )) { //不是测试者或认证尚未成功
									this.isPopupShow = true

								} else {
									this.certifshow = true;
								}
							} else {
								this.$refs.uToast.show({
									title: '接口异常',
									type: 'info',
								})
							}
						})
					}
				}
			},
			open() {
				// console.log('open');
			},
			close() {
				this.isPopupShow = false
				// console.log('close');
			},
			confirms() {
				uni.navigateTo({
					url: '/pages/personal/login'
				})
			},
			lookMoreFn() {
				uni.navigateTo({
					url: '/pages/index/outsourcing/moreCloud'
				})
			},
			
			//用人时没有认证的让跳去认证
			certifconfirm() {
				this.certifshow = false;
				uni.navigateTo({
					url: '/pages/personal/setup/certification'
				})
			},
			resource(type) {
				if (type == 'setes') {
					this.sourcobj = {
						company: '',
						service: '',
						peopleNum: '',
						remark: ''
					}
					// this.sourcobj=null
				} else {
					this.wxUserInfo = uni.getStorageSync('wxUserInfo');
					console.log('用户信息', this.wxUserInfo)
					// if(!this.sourcobj.company){
					// 	this.$refs.uToast.show({ title: '请输入公司名称', type: 'info'})
					// 	return;
					// }
					if (!this.sourcobj.service) {
						this.$refs.uToast.show({
							title: '请选择您需要的技能服务',
							type: 'info'
						})
						return;
					}
					if (!this.sourcobj.peopleNum) {
						this.$refs.uToast.show({
							title: '请选择您的需求人数',
							type: 'info'
						})
						return;
					}
					if(!/^[1-9]\d*$/.test(this.sourcobj.peopleNum)){
						this.$refs.uToast.show({ title: '需要的人数需填写正整数', type: 'info'})
						return;
					}
					// if(this.sourcobj.peopleNum>50){
					// 	this.$refs.uToast.show({ title: '需求人数最多为50人', type: 'info'})
					// 	return;
					// }
					let data = {
						userId: this.wxUserInfo.userId,
						service: this.sourcobj.service,
						peopleNum: this.sourcobj.peopleNum,
						remark: this.sourcobj.remark,
					}
					console.log('众包订单提交信息', data)
					// return;
					this.http.quickPost(`/labor/add`, data, true).then(res => {
						if (res.data.code == 200) {
							this.$refs.uToast.show({
								title: '提交成功',
								type: 'success',
								isTab: true,
								url: 'pages/index/index'
							})
							setTimeout(() => {
								this.isPopupShow = false
							}, 1000)
						}
					})
				}
			}
		}
	}
</script>

<style>
	.tabledetails {
		width: 100vw;
		/* height: 100vh; */
		/* background-color: #FFFFFF; */
		padding: 13px;
	}

	.logobg {
		width: 100%;
		height: 32vw;
		margin-bottom: 15px;
	}

	.deyalimg {
		width: 100%;
		height: 5.3vw;
		margin: 5px 0;
		object-fit: cover;
	}

	.statictosol {
		width: 48%;
		height: 180px;
		background: #FFFFFF;
		border-radius: 10rpx;
		text-align: center;
		margin-bottom: 20px;
		padding: 15px 10px;
	}

	.statictosol img {
		width: 17vw;
		height: 17vw;
		margin-bottom: 10px;
	}

	.statictosol p {
		font-size: .8rem;
		color: #808080;
		margin-bottom: 5px;
		line-height: 21px
	}

	.linblue {
		width: 46rpx;
		height: 5rpx;
		background: #1578ED;
		border-radius: 3rpx;
		margin: 10px auto;
	}

	.practice {
		display: flex;
		justify-content: space-between;
		background-color: #FFFFFF;
		padding: 13px;
		width: 100%;
		margin: 15px 0;
		align-items: center;
	}

	.practice img {
		margin-bottom: 12px;
	}

	.lighrt {
		width: 20%;
		height: 17vw;
	}

	.submitt {
		height: 55px;
		font-size: 20px;
		background: #FFFFFF;
		/* margin-top:60px; */
		position: fixed;
		bottom: 0;
		width: 100vw;
		display: flex;
		justify-content: space-between;
	}

	.bottbtn {
		width: 50vw;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333333;
		font-size: 36rpx;
		font-weight: 500;
		background: #FFFFFF;
	}

	.bottbtn img {
		width: 23px;
		height: 23px;
		margin-right: 10px;
	}

	.sinput {
		display: flex;
		align-items: center;
		height: 50px;
		padding: 10px;
	}

	.sinput img {
		width: 23px;
		height: 20px;
		margin-right: 10px;
	}

	.sinput .u-input {
		width: 75vw;
		height: 35px;
		border: 1px solid #E6E6E6;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
		padding: 0 10px !important;
	}

	.sinputrt {
		display: flex;
		align-items: center;
		height: 50px;
		padding: 10px;
	}

	.sinputrt img {
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}

	.sinputrt .u-input {
		width: 75vw;
		height: 100px;
		border: 1px solid #E6E6E6;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 0rpx 0rpx;
		padding-left: 10px !important;
		margin-top: 70px
	}

	.button-g {
		width: 280rpx;
		height: 80rpx;
		background: transparent;
		border-radius: 43rpx;
		text-align: center;
		line-height: 80rpx;
		color: #FFFFFF;
		font-size: 33rpx;
		margin-left: 13px;
	}

	.peodi {
		/* line-height: 15%; */
		margin: 5px auto 15px;
		width: 260px;
		text-align: center;
		color: #1A1A1A;
		font-size: 36rpx;
		font-weight: bold;
	}

	.aboutpd {
		height: 300px;
	}

	.u-select__body {
		height: 180px !important;
	}

	.u-select__body__picker-view {
		height: 100px !important;
	}

	.titlePeo {
		font-weight: bold;
		font-size: 35rpx;
		color: #1A1A1A;
	}

	.titletopt {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.titletopt image {
		height: 20rpx;
		width: 200rpx;
	}

	.titlebot {
		text-align: center;
		font-weight: 500;
		font-size: 24rpx;
		color: #999999;
		margin-top: 15rpx;
	}

	.newedabox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.newedaboxitem {
		width: 48%;
		height: 320rpx;
		margin-bottom: 20rpx;
		border-radius: 6px 6px 6px 6px;
		background: #FFFFFF;
	}

	.toptitlaw {
		width: 100%;
		height: 90rpx;
		background: #FFFFFF;
		box-shadow: 0px 1px 20px 1px rgba(13, 92, 187, 0.17);
		border-radius: 6px 6px 0px 0px;
		font-weight: bold;
		font-size: 42rpx;
		color: #333333;
		text-align: center;
		line-height: 90rpx;
	}

	.blueitem {
		background: #1578ED;
		color: #FFFFFF;
	}

	.bocontent {
		box-sizing: border-box;
		padding: 20rpx;
	}

	.neiitem {
		display: flex;
		align-items: center;
		font-weight: 500;
		font-size: 24rpx;
		color: #4D4D4D;
		margin: 20rpx 0;
	}

	.neiitemimg {
		width: 24rpx;
		height: 24rpx;
		margin-right: 10rpx;
	}


	.jianlibox {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.jianliboxitem {
		width: 338rpx;
		height: 298rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 34rpx 6rpx rgba(14, 97, 205, 0.1);
		border-radius: 6rpx;
		display: flex;
		flex-direction: column;
		cursor: pointer;
		transition: all .1s linear;
		margin-bottom: 24rpx;
	}

	.jlboxtop {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.jlboxtopimg {
		width: 105rpx;
		height: 105rpx;
		border-radius: 50%;
	}

	.jlboxtoptit {
		font-weight: bold;
		font-size: 28rpx;
		color: #000000;
		margin: 10rpx 0;
	}

	.jlboxtopzc {
		font-weight: 500;
		font-size: 24rpx;
		color: #333333;
	}

	.jlboxbottom {
		width: 100%;
		height: 68rpx;
		border-top: 1px solid #EBEBEB;
		display: flex;
		align-items: center;
	}

	.jlboxbottoml {
		height: 19rpx;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: 500;
		font-size: 20rpx;
		color: #737373;
	}

	.jlboxbottomlbor {
		box-sizing: border-box;
		border-right: 1px solid #E6E6E6;
	}

	.jlboxbottomlimg {
		width: 17rpx;
		height: 16rpx;
		margin-right: 10rpx;
	}

	.tranimg {
		width: 109%;
		height: 380rpx;
		transform: translateX(-30rpx);
		margin-top: -20px;
	}

	.lookmore {
		width: 200rpx;
		height: 48rpx;
		border-radius: 4rpx;
		border: 1px solid #0066EB;
		font-weight: 500;
		font-size: 22rpx;
		color: #0066EB;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: -300rpx;
		left: 50%;
		transform: translateX(-50%);
		cursor: pointer;
	}
	.maskdialog {
	  z-index: 99999;
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100vw;
	  height: 100vh;
	  background: rgba(5, 5, 7, 0.41);
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.maskbox {
	  width: 570rpx;
	  height: 240rpx;
	  background: linear-gradient(0deg, #FFFFFF, #EFF3FE);
	  box-shadow: 0rpx 4rpx 21rpx 4rpx rgba(22,27,33,0.1);
	  border-radius: 6rpx;
	  border: 1px solid #999999;
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}
	.maskcontent {
	  font-weight: 500;
	  font-size: 22rpx;
	  color: #1A1A1A;
	}
	.btnboxs {
		display: flex;
		justify-content: space-evenly;
		margin-top: 40rpx;
	}
	.maskbtn {
	  width: 200rpx;
	  height: 48rpx;
	  line-height: 48rpx;
	  background: #0066EB;
	  border-radius: 4rpx;
	  font-weight: 500;
	  font-size: 24rpx;
	  color: #FFFFFF;
	  text-align: center;
	}
	.maskbtncna {
		width: 200rpx;
		height: 48rpx;
		border-radius: 4rpx;
		border: 1px solid #0066EB;
		font-weight: 500;
		font-size: 24rpx;
		color: #0066EB;
		text-align: center;
		line-height: 48rpx;
	}
</style>