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