软测宝小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
keysass_app/pages/index/outsourcing/outsourcing.vue

1119 lines
34 KiB

7 months ago
<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/rcbanner1.png" 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>
7 months ago
<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>
7 months ago
</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) { //不是测试者或认证尚未成功
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'
})
},
7 months ago
//用人时没有认证的让跳去认证
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>