parent
65c6badbee
commit
2adaf1659c
@ -0,0 +1,246 @@ |
|||||||
|
<template> |
||||||
|
<view class="moreCould"> |
||||||
|
<image src="../../../static/index/tj.png" class="topbanner" mode=""></image> |
||||||
|
<view class="topbanner1"> |
||||||
|
<image src="../../../static/index/tj.png" class="topbanner1img" mode=""></image> |
||||||
|
<view class="topbtn" @click="ruzhu"> |
||||||
|
立即入驻 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<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> |
||||||
|
<view class="userCont"> |
||||||
|
<view class="userContIt" v-for="it in 4" @click="goDetail"> |
||||||
|
<view class="userContItT"> |
||||||
|
<view class="userContItTT"> |
||||||
|
<view class="userContItTTL"> |
||||||
|
嵌入式软件测试工程师(偶尔出差) |
||||||
|
</view> |
||||||
|
<view class="userContItTTR"> |
||||||
|
6-10K |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="userContItTB"> |
||||||
|
<view class="userContItTBit">北京/西安</view> |
||||||
|
<view class="userContItTBit">1-3年经验</view> |
||||||
|
<view class="userContItTBit">本科</view> |
||||||
|
<view class="userContItTBit">嵌入式</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="userContItB"> |
||||||
|
<view class="userContItBL">北京关键科技股份有限公司</view> |
||||||
|
<view class="userContItBR">计算机软件</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<view class="maskDia" v-if="showida"> |
||||||
|
<view class="maskBox"> |
||||||
|
<view class="maskBoxT"> |
||||||
|
入驻云员工，请前往PC端认证 |
||||||
|
</view> |
||||||
|
<view class="maskBoxM"> |
||||||
|
PC端网址：https://www.keyitest.cn/ |
||||||
|
</view> |
||||||
|
<view class="maskBoxB" @click="copyUrl"> |
||||||
|
复制网址 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
showida: false |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
goDetail() { |
||||||
|
uni.navigateTo({ |
||||||
|
url: '/pages/index/outsourcing/cloudUserdetail' |
||||||
|
}) |
||||||
|
}, |
||||||
|
ruzhu() { |
||||||
|
this.showida = true |
||||||
|
}, |
||||||
|
copyUrl() { |
||||||
|
|
||||||
|
}, |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.moreCould { |
||||||
|
padding: 25px; |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
.topbanner { |
||||||
|
width: 100%; |
||||||
|
height: 250rpx; |
||||||
|
margin-bottom: 24rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.topbanner1 { |
||||||
|
height: 200rpx; |
||||||
|
position: relative; |
||||||
|
margin-bottom: 40rpx; |
||||||
|
|
||||||
|
.topbanner1img { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.topbtn { |
||||||
|
width: 190rpx; |
||||||
|
height: 52rpx; |
||||||
|
line-height: 52rpx; |
||||||
|
text-align: center; |
||||||
|
background: linear-gradient(90deg, #6B3AF8, #2080FE); |
||||||
|
border-radius: 4rpx; |
||||||
|
position: absolute; |
||||||
|
bottom: 54rpx; |
||||||
|
left: 50%; |
||||||
|
transform: translateX(-50%); |
||||||
|
font-weight: 500; |
||||||
|
font-size: 22rpx; |
||||||
|
color: #F4F5F7; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.userCont { |
||||||
|
.userContIt { |
||||||
|
height: 220rpx; |
||||||
|
background: rgba(255, 255, 255, 0.8); |
||||||
|
box-shadow: 0rpx 4rpx 27rpx 3rpx rgba(16, 60, 117, 0.1); |
||||||
|
border-radius: 6rpx; |
||||||
|
margin-bottom: 26rpx; |
||||||
|
|
||||||
|
.userContItT { |
||||||
|
height: calc(100% - 61rpx); |
||||||
|
padding: 39rpx 28rpx 0 28rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
.userContItTT { |
||||||
|
display: flex; |
||||||
|
align-content: center; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
.userContItTTL { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 28rpx; |
||||||
|
color: #000000; |
||||||
|
} |
||||||
|
|
||||||
|
.userContItTTR { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 28rpx; |
||||||
|
color: #FB3838; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.userContItTB { |
||||||
|
display: flex; |
||||||
|
align-content: center; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 19rpx; |
||||||
|
color: #666666; |
||||||
|
margin-top: 20rpx; |
||||||
|
|
||||||
|
.userContItTBit { |
||||||
|
height: 38rpx; |
||||||
|
background: rgba(230, 231, 235, 0.3); |
||||||
|
border-radius: 3rpx; |
||||||
|
padding: 0 20rpx; |
||||||
|
line-height: 38rpx; |
||||||
|
margin-right: 18rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.userContItB { |
||||||
|
height: 61rpx; |
||||||
|
background: linear-gradient(270deg, rgba(253, 238, 1235, 0.65), rgba(234, 241, 252, 0.65)); |
||||||
|
border-radius: 6rpx; |
||||||
|
padding: 0 28rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 22rpx; |
||||||
|
color: #666666; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.maskDia { |
||||||
|
position: fixed; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100vw; |
||||||
|
height: 100vh; |
||||||
|
background: rgba(5, 5, 7, 0.5); |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
.maskBox { |
||||||
|
width: 570rpx; |
||||||
|
height: 220rpx; |
||||||
|
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; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
flex-direction: column; |
||||||
|
.maskBoxT { |
||||||
|
color: #1A1A1A; |
||||||
|
font-size: 26rpx; |
||||||
|
font-weight: bold; |
||||||
|
|
||||||
|
} |
||||||
|
.maskBoxM { |
||||||
|
color: #1A1A1A; |
||||||
|
font-size: 26rpx; |
||||||
|
font-weight: 500; |
||||||
|
margin: 20rpx 0; |
||||||
|
} |
||||||
|
.maskBoxB { |
||||||
|
color: #1578ED; |
||||||
|
font-size: 26rpx; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.titlePeo { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 35rpx; |
||||||
|
color: #1A1A1A; |
||||||
|
margin: 40rpx 0; |
||||||
|
} |
||||||
|
|
||||||
|
.titletopt { |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
|
||||||
|
.titletopt image { |
||||||
|
height: 20rpx; |
||||||
|
width: 200rpx; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,245 @@ |
|||||||
|
<template> |
||||||
|
<view class="moreCould"> |
||||||
|
<view class="topbanner"> |
||||||
|
<image class="topbannerimg" src="../../../static/index/activeall.png" mode=""></image> |
||||||
|
<view class="topCon"> |
||||||
|
<view class="topConT"> |
||||||
|
<div class="topConTL">嵌入式软件测试工程师</div> |
||||||
|
<div class="topConTR">6-10K</div> |
||||||
|
</view> |
||||||
|
<view class="topConM"> |
||||||
|
<div class="topConMit"> |
||||||
|
<image src="../../../static/index/dd.png" mode=""></image> |
||||||
|
北京 |
||||||
|
</div> |
||||||
|
<div class="topConMit"> |
||||||
|
<image src="../../../static/index/dd.png" mode=""></image> |
||||||
|
北京 |
||||||
|
</div> |
||||||
|
<div class="topConMit"> |
||||||
|
<image src="../../../static/index/dd.png" mode=""></image> |
||||||
|
北京 |
||||||
|
</div> |
||||||
|
<div class="topConMit"> |
||||||
|
<image src="../../../static/index/dd.png" mode=""></image> |
||||||
|
北京 |
||||||
|
</div> |
||||||
|
<div class="topConMit"> |
||||||
|
<image src="../../../static/index/dd.png" mode=""></image> |
||||||
|
北京 |
||||||
|
</div> |
||||||
|
</view> |
||||||
|
<view class="topConB"> |
||||||
|
<div class="topConBit">五险一金</div> |
||||||
|
<div class="topConBit">加班补助</div> |
||||||
|
<div class="topConBit">餐补</div> |
||||||
|
<div class="topConBit">带薪年假</div> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="bocontent"> |
||||||
|
<div class="bocontentBox"> |
||||||
|
<div class="bocontentBoxT">职位描述</div> |
||||||
|
<div class="skillBox"> |
||||||
|
<div class="skillBoxIt">C++test</div> |
||||||
|
<div class="skillBoxIt">Testbed</div> |
||||||
|
<div class="skillBoxIt">loadrunner</div> |
||||||
|
<div class="skillBoxIt">jmeter</div> |
||||||
|
<div class="skillBoxIt">C++</div> |
||||||
|
</div> |
||||||
|
<div class="bocontentBoxC"> |
||||||
|
岗位要求：<br /> |
||||||
|
1.本科及以上学历，计算机相关专业毕业；<br /> |
||||||
|
2.对测试工作有兴趣，能够接受出差。 |
||||||
|
</div> |
||||||
|
<div class="bocontentBoxC"> |
||||||
|
岗位技能：<br /> |
||||||
|
1.掌握软件测试技能、具备用例编写能力；<br /> |
||||||
|
2.熟练掌握C、C++语言，有白盒测试经验，有单元测试经验者优先；（非常重要条件）<br /> |
||||||
|
3.具有嵌入式培训、工作经历及相关行业测试经验者优先；<br /> |
||||||
|
4.熟悉C++test、Testbed、loadrunner、jmeter等测试工具，或具有第三方测评经验者优先录用。 |
||||||
|
</div> |
||||||
|
<div class="bocontentBoxC"> |
||||||
|
岗位职责：<br /> |
||||||
|
1.负责嵌入式软件的单元测试、集成测试、配置项测试和系统测试，完成测试计划，测试用例编写问题单提交，测试报告编写；<br /> |
||||||
|
2.负责通用软件文档审查、功能测试、性能测试、兼容性、易用性、可靠性、信息安全性、维护性、可移植性测试，完成测试文档和测试报告编写；<br /> |
||||||
|
3.完成内部测试和第三方软件测评。 |
||||||
|
</div> |
||||||
|
<div class="bocontentBoxT">工作地点</div> |
||||||
|
<div class="bocontentBoxC">北京市昌平区国电投中央园区</div> |
||||||
|
<div class="bocontentBoxT">入职企业</div> |
||||||
|
<div class="bocontentBoxC">北京关键科技股份有限公司</div> |
||||||
|
</div> |
||||||
|
</view> |
||||||
|
<view class="bottomBtn"> |
||||||
|
<div class="bottomB" @click="shenqing"> |
||||||
|
申请职位 |
||||||
|
</div> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
shenqing() {} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.moreCould { |
||||||
|
.topbanner { |
||||||
|
height: 250rpx; |
||||||
|
margin-bottom: 26rpx; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
.topbannerimg { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.topCon { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
padding: 0 60rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
|
||||||
|
.topConT { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: space-between; |
||||||
|
|
||||||
|
.topConTL { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 34rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
|
||||||
|
.topConTR { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 34rpx; |
||||||
|
color: #FCA362; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.topConM { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin: 34rpx 0; |
||||||
|
|
||||||
|
.topConMit { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 22rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
margin-right: 32rpx; |
||||||
|
|
||||||
|
image { |
||||||
|
width: 23rpx; |
||||||
|
height: 23rpx; |
||||||
|
margin-right: 7rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.topConB { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
|
||||||
|
.topConBit { |
||||||
|
width: 113rpx; |
||||||
|
height: 43rpx; |
||||||
|
line-height: 43rpx; |
||||||
|
text-align: center; |
||||||
|
background: rgba(140, 158, 177, 0.3); |
||||||
|
border-radius: 3rpx; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 22rpx; |
||||||
|
color: #E6E6E6; |
||||||
|
margin-right: 18rpx; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bocontent { |
||||||
|
padding: 0 25rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
.bocontentBox { |
||||||
|
background: #FFFFFF; |
||||||
|
padding: 30rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
|
||||||
|
.bocontentBoxT { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 30rpx; |
||||||
|
color: #1A1A1A; |
||||||
|
margin-bottom: 27rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.bocontentBoxC { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 24rpx; |
||||||
|
color: #595959; |
||||||
|
line-height: 40rpx; |
||||||
|
margin-bottom: 30rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.skillBox { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
flex-wrap: wrap; |
||||||
|
margin-bottom: 30rpx; |
||||||
|
|
||||||
|
.skillBoxIt { |
||||||
|
height: 45rpx; |
||||||
|
line-height: 45rpx; |
||||||
|
background: #F2F3F7; |
||||||
|
border-radius: 3rpx; |
||||||
|
padding: 0 10rpx; |
||||||
|
margin-right: 17rpx; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 23rpx; |
||||||
|
color: #4D4D4D; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.bottomBtn { |
||||||
|
height: 120rpx; |
||||||
|
background: #FFFFFF; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
margin-top: 32rpx; |
||||||
|
.bottomB { |
||||||
|
width: 700rpx; |
||||||
|
height: 70rpx; |
||||||
|
background: #1778F7; |
||||||
|
border-radius: 6rpx; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 30rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
line-height: 70rpx; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,262 @@ |
|||||||
|
<template> |
||||||
|
<view class="moreCould"> |
||||||
|
<view class="topbanner"> |
||||||
|
<image class="topbannerimg" src="../../../static/index/activeall.png" mode=""></image> |
||||||
|
<view class="topCon"> |
||||||
|
<view class="topConT"> |
||||||
|
关键云员工 |
||||||
|
</view> |
||||||
|
<view class="topConTB"> |
||||||
|
真实有效的软件人才库，名校毕业 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<view class="searchBox"> |
||||||
|
<div class="input"> |
||||||
|
<u-input v-model="value" clearable :type="type" border /> |
||||||
|
</div> |
||||||
|
<view class="searchbtn" @click="search"> |
||||||
|
搜索 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<div class="contentBox"> |
||||||
|
<view class="jianliboxitem" v-for="it in peopleList" > |
||||||
|
<view class="address"> |
||||||
|
<image src="../../../static/index/dd.png" mode=""></image> |
||||||
|
北京 |
||||||
|
</view> |
||||||
|
<view class="jlboxtop"> |
||||||
|
<image class="jlboxtopimg" :src="it.url" alt="" /> |
||||||
|
<view class="jlboxtoptit">{{it.name}}</view> |
||||||
|
<view class="jlboxtopzc">{{it.zhicheng}}</view> |
||||||
|
<view class="jlboxtopzcC">{{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> |
||||||
|
</div> |
||||||
|
</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: '软件工程专业' |
||||||
|
} |
||||||
|
], |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
search() {} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="scss" scoped> |
||||||
|
.moreCould { |
||||||
|
.topbanner { |
||||||
|
height: 250rpx; |
||||||
|
margin-bottom: 43rpx; |
||||||
|
position: relative; |
||||||
|
|
||||||
|
.topbannerimg { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.topCon { |
||||||
|
position: absolute; |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
padding: 0 60rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
.topConT { |
||||||
|
font-weight: bold; |
||||||
|
font-size: 42rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
margin-bottom: 20rpx; |
||||||
|
} |
||||||
|
.topConTB { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 25rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.searchBox { |
||||||
|
padding: 0 25rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
margin-bottom: 40rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
.input { |
||||||
|
flex: 1; |
||||||
|
height: 60rpx; |
||||||
|
::v-deep .u-input { |
||||||
|
background: #FFFFFF !important; |
||||||
|
border-radius: 4rpx 0rpx 0rpx 4rpx !important; |
||||||
|
border: 1px solid #E6E7EB !important; |
||||||
|
height: 60rpx !important; |
||||||
|
} |
||||||
|
::v-deep .u-input__input { |
||||||
|
min-height: 60rpx !important; |
||||||
|
} |
||||||
|
} |
||||||
|
.searchbtn { |
||||||
|
width: 140rpx; |
||||||
|
height: 60rpx; |
||||||
|
line-height: 60rpx; |
||||||
|
text-align: center; |
||||||
|
background: #0066EB; |
||||||
|
border-radius: 0rpx 4rpx 4rpx 0rpx; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 30rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
} |
||||||
|
} |
||||||
|
.contentBox { |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
flex-wrap: wrap; |
||||||
|
padding: 0 25rpx; |
||||||
|
box-sizing: border-box; |
||||||
|
.jianliboxitem { |
||||||
|
width: 338rpx; |
||||||
|
height: 380rpx; |
||||||
|
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; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.address { |
||||||
|
position: absolute; |
||||||
|
top: 20rpx; |
||||||
|
right: 20rpx; |
||||||
|
font-weight: 500; |
||||||
|
font-size: 20rpx; |
||||||
|
color: #999999; |
||||||
|
image { |
||||||
|
width: 15rpx; |
||||||
|
height: 19rpx; |
||||||
|
margin-right: 10rpx; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.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; |
||||||
|
} |
||||||
|
.jlboxtopzcC { |
||||||
|
font-weight: 500; |
||||||
|
font-size: 20rpx; |
||||||
|
color: #808080; |
||||||
|
margin-top: 20rpx; |
||||||
|
} |
||||||
|
|
||||||
|
|
||||||
|
.jlboxbottom { |
||||||
|
width: 100%; |
||||||
|
height: 55rpx; |
||||||
|
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: #808080; |
||||||
|
} |
||||||
|
|
||||||
|
.jlboxbottomlbor { |
||||||
|
box-sizing: border-box; |
||||||
|
border-right: 1px solid #EBEBEB; |
||||||
|
} |
||||||
|
|
||||||
|
.jlboxbottomlimg { |
||||||
|
width: 17rpx; |
||||||
|
height: 16rpx; |
||||||
|
margin-right: 10rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
@ -0,0 +1,203 @@ |
|||||||
|
<template> |
||||||
|
<view class="navTab"> |
||||||
|
<u-form :model="projectobj" ref="projectobj" label-position='left' label-width='150'> |
||||||
|
<u-form-item label="学校名称：" prop="name" required='true'> |
||||||
|
<u-input style="width:100%;" v-model="projectobj.name" placeholder='请输入公司名称' /> |
||||||
|
</u-form-item> |
||||||
|
<u-form-item label="开始时间：" prop="startTime" required='true'> |
||||||
|
<u-input class="seleclas" v-model="projectobj.startTime" type="select" @click="Periodshow = true" |
||||||
|
placeholder='请选择' /> |
||||||
|
<u-picker mode="time" v-model="Periodshow" :params="{year: true,month:true}" |
||||||
|
@confirm="startTimeChange"></u-picker> |
||||||
|
</u-form-item> |
||||||
|
<u-form-item label="结束时间：" prop="endTime" required='true'> |
||||||
|
<u-input class="seleclas" v-model="projectobj.endTime" type="select" @click="Periodshow1 = true" |
||||||
|
placeholder='请选择' /> |
||||||
|
<u-picker mode="time" v-model="Periodshow1" :params="{year: true,month:true}" |
||||||
|
@confirm="startTimeChange1"></u-picker> |
||||||
|
</u-form-item> |
||||||
|
<u-form-item label="学历：" prop="education" required='true'> |
||||||
|
<u-input class="seleclas" v-model="projectobj.education" type="select" @click="Periodshow2 = true" |
||||||
|
placeholder='请选择学历' /> |
||||||
|
<u-select v-model="Periodshow2" :list="PeriodList" @confirm="Periodchange"></u-select> |
||||||
|
</u-form-item> |
||||||
|
<u-form-item label="专业名称：" prop="major" required='true'> |
||||||
|
<u-input style="width:100%;" v-model="projectobj.major" placeholder='请输入专业名称' /> |
||||||
|
</u-form-item> |
||||||
|
|
||||||
|
</u-form> |
||||||
|
<view class="bottbtn" @click="resource">保存</view> |
||||||
|
<!-- <view class="bottbtn" @click="delpro">删除</view> --> |
||||||
|
<u-toast ref="uToast" /> |
||||||
|
</view> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
projectobj: { |
||||||
|
type: 2, |
||||||
|
}, |
||||||
|
projectRules: { |
||||||
|
name: [{ |
||||||
|
required: true, |
||||||
|
message: '请输入公司名称', |
||||||
|
trigger: 'blur', |
||||||
|
}], |
||||||
|
startTime: [{ |
||||||
|
required: true, |
||||||
|
message: '请选择开始时间', |
||||||
|
trigger: 'change', |
||||||
|
}], |
||||||
|
endTime: [{ |
||||||
|
required: true, |
||||||
|
message: '请选择结束时间', |
||||||
|
trigger: 'change', |
||||||
|
}], |
||||||
|
education: [{ |
||||||
|
required: true, |
||||||
|
message: '请输入职位名称', |
||||||
|
trigger: 'blur', |
||||||
|
}], |
||||||
|
major: [{ |
||||||
|
required: true, |
||||||
|
message: '请输入工作内容', |
||||||
|
trigger: 'blur', |
||||||
|
}], |
||||||
|
}, |
||||||
|
Periodshow: false, |
||||||
|
Periodshow1: false, |
||||||
|
Periodshow2: false, |
||||||
|
PeriodList: [{ |
||||||
|
value: '专科', |
||||||
|
label: '专科' |
||||||
|
}, { |
||||||
|
value: '本科', |
||||||
|
label: '本科' |
||||||
|
}, { |
||||||
|
value: '硕士研究生', |
||||||
|
label: '硕士研究生' |
||||||
|
}, { |
||||||
|
value: '博士研究生', |
||||||
|
label: '博士研究生' |
||||||
|
}], |
||||||
|
} |
||||||
|
}, |
||||||
|
onReady() { |
||||||
|
this.$refs.projectobj.setRules(this.projectRules); |
||||||
|
}, |
||||||
|
onLoad(option) { |
||||||
|
let type = option.type; |
||||||
|
if (type && type == 1) { |
||||||
|
uni.setNavigationBarTitle({ |
||||||
|
title: '添加教育经历' |
||||||
|
}); |
||||||
|
|
||||||
|
} else { |
||||||
|
uni.setNavigationBarTitle({ |
||||||
|
title: '编辑教育经历' |
||||||
|
}); |
||||||
|
let caseId = option.caseId |
||||||
|
if (caseId) { |
||||||
|
this.http.quickGet(`/personal/case/${caseId}`, true).then(res => { |
||||||
|
this.projectobj = res.data |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
Periodchange(e) { |
||||||
|
this.projectobj.education = e[0].label |
||||||
|
}, |
||||||
|
startTimeChange(e) { |
||||||
|
this.projectobj.startTime = e.year + '-' + e.month |
||||||
|
}, |
||||||
|
startTimeChange1(e) { |
||||||
|
this.projectobj.endTime = e.year + '-' + e.month |
||||||
|
}, |
||||||
|
|
||||||
|
resource() { |
||||||
|
this.$refs.projectobj.validate(valid => { |
||||||
|
if (valid) { |
||||||
|
if (this.projectobj.caseId) { |
||||||
|
this.http.quickPost(`/personal/case/update`, this.projectobj, true).then(res => { |
||||||
|
if (res.data.code == 200) { |
||||||
|
this.$refs.uToast.show({ |
||||||
|
title: '编辑教育经历成功', |
||||||
|
type: 'success', |
||||||
|
url: 'pages/personal/personalresume/personalresume' |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
} else { |
||||||
|
console.log(this.projectobj); |
||||||
|
this.http.quickPost(`/personal/case/add`, this.projectobj, true).then(res => { |
||||||
|
if (res.data.code == 200) { |
||||||
|
this.$refs.uToast.show({ |
||||||
|
title: '添加教育经历成功', |
||||||
|
type: 'success', |
||||||
|
url: 'pages/personal/personalresume/personalresume' |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
// 删除 |
||||||
|
delpro() { |
||||||
|
this.http.quickDelete(`/personal/case/${this.projectobj.caseId}`, true).then(res => { |
||||||
|
console.log('res---', res) |
||||||
|
this.$refs.uToast.show({ |
||||||
|
title: '删除工作成功', |
||||||
|
type: 'info', |
||||||
|
url: 'pages/personal/personalresume/personalresume' |
||||||
|
}) |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.navTab { |
||||||
|
background-color: #ffffff; |
||||||
|
width: 96vw; |
||||||
|
margin: 2vh auto; |
||||||
|
padding: 10px 15px 30px 25px; |
||||||
|
border-radius: 5px; |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
.u-form-left__content__label { |
||||||
|
color: #808080 !important; |
||||||
|
} |
||||||
|
|
||||||
|
.navTab .u-input { |
||||||
|
/* height:35px; */ |
||||||
|
border-bottom: 1px solid #EBEBEB !important; |
||||||
|
} |
||||||
|
|
||||||
|
.textare .u-input { |
||||||
|
min-height: 100px; |
||||||
|
} |
||||||
|
|
||||||
|
.bottbtn { |
||||||
|
/* width:94vw; */ |
||||||
|
margin: 30px 3vw 15px 3vw; |
||||||
|
height: 75rpx; |
||||||
|
background: linear-gradient(90deg, #5EA6FD, #1A81F9); |
||||||
|
border-radius: 15rpx; |
||||||
|
text-align: center; |
||||||
|
line-height: 75rpx; |
||||||
|
color: #FFFFFF; |
||||||
|
font-size: 33rpx; |
||||||
|
} |
||||||
|
|
||||||
|
.title { |
||||||
|
color: #1A81F9; |
||||||
|
text-align: center; |
||||||
|
padding: 20rpx 0 0 0; |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue