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.
1119 lines
34 KiB
1119 lines
34 KiB
<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.bjkeyware.com/static/index/renliwb/banner1.png" alt="" /> -->
|
|
<img class="logobg" src="http://image.bjkeyware.com/static/index/renliwb/newcloudMore.png" @click="lookMoreFn" alt="" />
|
|
|
|
<view style="margin-bottom:23rpx;text-align: center;">
|
|
<!-- <img class="deyalimg" src="http://image.bjkeyware.com/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.bjkeyware.com/static/index/renliwb/2.png" alt="">
|
|
<img style="margin:15px 0" src="http://image.bjkeyware.com/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.bjkeyware.com/static/index/renliwb/2.png" alt="">
|
|
<img style="margin:15px 0" src="http://image.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/static/index/renliwb/24.png" alt="">
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/25.png" alt="">
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/26.png" alt="">
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/27.png" alt="">
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/28.png" alt="">
|
|
<!-- <img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/29.png" alt=""> -->
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/ry6.png" alt="">
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/ry7.png" alt="">
|
|
<img style="width:48%;height:29vw;" src="http://image.bjkeyware.com/static/index/renliwb/ry8.png" alt="">
|
|
</view>
|
|
<view style="margin-bottom:23rpx;text-align: center;">
|
|
<!-- <img class="deyalimg" src="http://image.bjkeyware.com/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.bjkeyware.com/static/index/renliwb/31.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/32.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/33.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/34.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/35.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/36.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/37.png" alt="">
|
|
<img style="width:47%;height:13vw;" src="http://image.bjkeyware.com/static/index/renliwb/38.png" alt=""> -->
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb1.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb2.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb3.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb4.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb5.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb6.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb7.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb8.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/static/index/renliwb/hb9.png" mode=""></image>
|
|
<image style="width:47%;height:13vw;margin-bottom: 20rpx;"
|
|
src="http://image.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/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.bjkeyware.com/static/index/renliwb/people1.png',
|
|
name: '杨**',
|
|
zhicheng: 'JAVA后端研发工程师',
|
|
school: '河南科技大学',
|
|
maj: '软件工程专业'
|
|
},
|
|
{
|
|
url: 'http://image.bjkeyware.com/static/index/renliwb/people2.png',
|
|
name: '赵**',
|
|
zhicheng: 'Web全栈开发工程师',
|
|
school: '西安科技大学',
|
|
maj: '软件工程专业'
|
|
},
|
|
{
|
|
url: 'http://image.bjkeyware.com/static/index/renliwb/people3.png',
|
|
name: '杨**',
|
|
zhicheng: 'JAVA研发工程师',
|
|
school: '阜阳师范大学',
|
|
maj: '软件工程专业'
|
|
},
|
|
{
|
|
url: 'http://image.bjkeyware.com/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> |