Skip to content

R
recruiting-management
Commit 72c46608 authored by zhangderong's avatar zhangderong
Browse files
Options

重做简历详情页

parent cef2ffb9
Show whitespace changes
Inline Side-by-side
Showing with 498 additions and 339 deletions
src/components/home.vue
View file @ 72c46608
......@@ -3,7 +3,7 @@
<Col span="3" class="aside" style="width:17%;height:100%">
<img src="https://o7oe0d6qz.qnssl.com/image/homelogo.png" alt="" style="height:60px">
<Menu style="width: 100%;" ref='subMenu' :active-name="vSubName" :open-names="vName" @on-select="go">
<template v-for="(menu, index) in childMenu" >
<template v-for="(menu) in childMenu" >
<Submenu :name="menu.name" :key="menu.name" v-show='!(isAdmin==false&&menu.item=="账户管理")'>
<template slot="title">
<Icon :type="menu.icon"/>
......
src/page/resume/allResume.vue
View file @ 72c46608
......@@ -318,6 +318,7 @@ import Router from 'vue-router';
UpdateTIME:'',
UpdateVIEW:''
},
interelement:'1',
modal1:false,
modal2:false,
modal3:false,
......@@ -474,11 +475,9 @@ import Router from 'vue-router';
}
PASS(parmars).then(res=>{
if(res.data.success==true){
this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
// 简历备选
if(e.target.value==4){
......@@ -488,10 +487,9 @@ import Router from 'vue-router';
}
OPTION(parmars).then(res=>{
if(res.data.success==true){
this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
},
addINTERVIEW(){
......@@ -541,11 +539,9 @@ import Router from 'vue-router';
}
PASS(parmars).then(res=>{
if(res.data.success==true){
// this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
// 简历备选
if(e.target.value==2){
......@@ -555,10 +551,9 @@ import Router from 'vue-router';
}
OPTION(parmars).then(res=>{
if(res.data.success==true){
// this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
},
selectFn3(e,SID,itemsta) {
......@@ -581,10 +576,9 @@ import Router from 'vue-router';
}
PASS(parmars).then(res=>{
if(res.data.success==true){
// this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
// 简历备选
if(e.target.value==1){
......@@ -594,10 +588,9 @@ import Router from 'vue-router';
}
OPTION(parmars).then(res=>{
if(res.data.success==true){
// this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
},
selectFn4(e,SID,itemsta) {
......@@ -620,10 +613,9 @@ import Router from 'vue-router';
}
PASS(parmars).then(res=>{
if(res.data.success==true){
// this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
// 简历备选
if(e.target.value==3){
......@@ -633,10 +625,9 @@ import Router from 'vue-router';
}
OPTION(parmars).then(res=>{
if(res.data.success==true){
// this.SearchList()
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
}
},
//查询简历列表
......@@ -648,8 +639,10 @@ import Router from 'vue-router';
pageSize:this.searchInfo.pageSize,
pageIndex:this.searchInfo.pageIndex
}
this.ajaxData=[]
serchList(parmars).then(res=>{
if(res.data.success==true){
// this.ajaxData=[]
this.checkboxList=[]
this.spinShow=false
this.totalSize=res.data.body.totalNumber
......@@ -1041,17 +1034,8 @@ import Router from 'vue-router';
},
// 刷新列表
pushlist(){
let parmars={
status:this.ITEMSTA,
id:this.toseeid
}
updatastatus(parmars).then(res=>{
if(res.data.success==true){
this.modal2=false
this.SearchList(this.pageT)
}
})
this.SearchList(this.pageT)
},
// 鼠标滑过事件
ahove(index,vvv){
......
src/page/resume/channel.vue
View file @ 72c46608
......@@ -51,7 +51,7 @@
<div style="margin-bottom:40px;float:left;width:100%;overflow-y: auto;height:598px" class="a">
<div style="margin:50px auto;width:300px;height:200px;line-height:200px;text-align:center;font-size:20px;color:LightGray" v-show="ajaxData.length==0">暂无数据</div>
<div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i">
<div class="detailResume" id="a" style="background:rgba(241,241,241,1);height:65px">
<div class="detailResume" id="a" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow}" >
<p class="massage" style="margin-top:10px">
<span style="display:inline-block;height:100%;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px">
<input type='checkbox' name='checkboxinput' style="margin-left:10px;cursor:pointer" class='input-checkbox' v-model='checkboxList' :value="item.id" @click="selectInputElement(i,item.id,item.flowStatus,item.STATES)"></span>
......@@ -398,6 +398,7 @@ export default {
optSourceCode:this.$route.params.channelname
}
}
this.ajaxData=[]
adoptOneSeeResumeList(parmars).then(res=>{
if(res.data.success==true){
this.checkboxList=[]
......@@ -420,6 +421,7 @@ export default {
item.modifyTime=item.modifyTime
item.srcSite=item.srcSite
item.STATES=false
item.isShow=false
item.optSource=item.optSource
item.modifier=item.modifier
item.c=item.modifier==''?item.modifier:item.modifier.split('_')
......@@ -500,8 +502,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
// 简历备选
if(e.target.value==4){
......@@ -514,7 +514,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
},
selectFn2(e,SID) {
......@@ -539,7 +538,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
// 简历备选
if(e.target.value==2){
......@@ -552,7 +550,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
},
selectFn3(e,SID) {
......@@ -576,7 +573,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
// 简历备选
if(e.target.value==1){
......@@ -589,7 +585,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
},
selectFn4(e,SID) {
......@@ -613,7 +608,6 @@ export default {
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi(this.pageT)
}
// 简历备选
if(e.target.value==3){
......@@ -623,10 +617,9 @@ export default {
}
OPTION(parmars).then(res=>{
if(res.data.success==true){
this.quxiaoxi()
this.quxiaoxi(this.pageT)
}
})
this.quxiaoxi()
}
},
addINTERVIEW(){
......@@ -983,6 +976,18 @@ export default {
}
})
},
// 刷新列表
pushlist(){
this.modal2=false
this.quxiaoxi(this.pageT)
},
// 鼠标滑过事件
ahove(index,vvv){
this.ajaxData[index].isShow=true
},
movleave(index,vvv){
this.ajaxData[index].isShow=false
}
},
watch: {
'$route' (to, from) {
......@@ -993,6 +998,7 @@ export default {
optSourceCode:this.$route.params.channelname
}
}
this.ajaxData=[]
adoptOneSeeResumeList(parmars).then(res=>{
if(res.data.success==true){
this.checkboxList=[]
......@@ -1014,6 +1020,7 @@ export default {
item.modifyTime=item.modifyTime
item.srcSite=item.srcSite
item.STATES=false
item.isShow=false
item.optSource=item.optSource
item.modifier=item.modifier
item.c=item.modifier==''?item.modifier:item.modifier.split('_')
......@@ -1074,6 +1081,9 @@ export default {
width: 100%;
margin-top:10px;
}
.red{
background: LightGray
}
.massage{
height:25px;
font-size: 8px;
......@@ -1172,5 +1182,8 @@ select{
/* border: 1px solid black; */
height:60px
}
.a div:nth-child(2n){
background:rgba(241,241,241,1);
}
</style>
src/page/resume/resumeDetail.vue
View file @ 72c46608
<template>
<div class="resumeDetail">
<div class="personalInformation" style="margin-top:60px;width:100%">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/bastmassage.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">基本信息</span>
<span style="border-radius:5px;width:80px;height:30px;background:rgba(0,146,255,1); position: absolute;left:75%;line-height:30px;text-align:center;font-size:20px;color:#FFFFFF" @click="downloadONE(downresume)">下载</span>
<div class="personalInformation" v-show="JSON.stringify(resume)!=='{}'">
<p class="title">
<span><img src="https://o7oe0d6qz.qnssl.com/image/bastmassage.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">基本信息</span>
<span style="float:right;width:50px;height:24px;margin-right:5px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(downresume)">下载</Button></span>
</p>
<div style="width:40%;height:250px;float:left;margin-left:60px">
<span class="userD">姓名:{{resume&&resume.ownerName}}</span><br>
<span class="userD">联系电话：{{resume&&resume.ownerMobile}}</span><br>
<span class="userD">电子邮箱：{{resume&&resume.email}}</span><br>
<span class="userD">所在地：{{resume&&resume.locationCity}}</span><br>
</div>
<div style="float:left;height:250px;width:40%">
<span class="ageD">年龄：{{resume&&resume.ownerAge}}岁</span><br>
<span class="ageD">职位：{{resume&&resume.ownerExpectTitles}}</span><br>
<span class="ageD">学历：{{resume&&resume.ownerHighestDegree}}</span><br>
<span class="ageD">经验：{{resume&&resume.workYearsOriginal}}年</span><br>
</div>
</div>
<div style="float:left;width:100%">
<p style="width:90%;height:30px;line-height30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/qiuzhi.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">求职状态：{{resume&&resume.statusMessage}}</span>
</p>
<div style="width:40%;height:150px;float:left;margin-left:60px">
<span class="qiwangzhiye">期望行业：{{resume&&resume.industries}}</span><br>
<span class="qiwangzhiye">期望职位：{{resume&&resume.expectTitles}}</span>
<div class="personalInformation-left">
<p style="margin-top:20px">姓名：{{resume&&resume.ownerName}}</p>
<p>联系电话：{{resume&&resume.ownerMobile}}</p>
<p>电子邮箱：{{resume&&resume.email}}</p>
<p>所在地：{{resume&&resume.locationCity}}</p>
<p>求职状态：{{resume&&resume.statusMessage}}</p>
<p>期望行业：{{resume&&resume.industries}}</p>
<p>期望职位：{{resume&&resume.expectTitles}}</p>
</div>
<div style="width:40%;height:150px;float:left;">
<span class="noneyD">期望薪资：{{resume&&resume.expectSalary}}</span><br>
<span class="noneyD">期望地点：{{resume&&resume.city}}</span>
<div class="personalInformation-right">
<p style="margin-top:20px">年龄：{{resume&&resume.ownerAge}}岁</p>
<p>职位：{{resume&&resume.ownerExpectTitles}}</p>
<p>学历：{{resume&&resume.ownerHighestDegree}}</p>
<p>经验：{{resume&&resume.workYearsOriginal}}年</p>
<p style="margin-top:30px">期望薪资：{{resume&&resume.expectSalary}}</p>
<p>期望地区：{{resume&&resume.city}}</p>
</div>
</div>
<div class="workExperience" style="float:left;width:100%">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/gongzuo.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">工作经历</span>
<div class="workExperience" v-show="roList.length !==0 ">
<p class="title">
<span><img src="https://o7oe0d6qz.qnssl.com/image/gongzuo.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">工作经历</span>
</p>
<div v-for="(item,index) in roList" :key="index">
<p style="width:80%;margin-left:60px;margin-top:20px" >
<span style="margin-left:10px;font-size:15px">{{item.startTime}}-{{item.endTime}}</span>
<span style="margin-left:20px;font-size:15px">{{item.company}}({{item.workTime}})</span>
<span style="float:right;margin-right:20px;font-size:15px;color:#333333">{{item.industry}}{{item.companyType}}</span><br>
<span style="float:right;margin-right:20px；font-size:15px;color:#333333">{{item.department}}
<div class="workExperience-detail" v-for="(item,index) in roList" :key="index">
<div class="workExperience-top">
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="margin-left:30px">{{item.startTime}}-{{item.endTime}}</span>
<span style="margin-left:18px"><span>{{item.company}}<span>({{item.workTime}})</span></span></span>
<span style="float:right;margin-right:30px">
<span>{{item.industry}}</span>
<span>{{item.companyType}}</span>
</span>
<p style="width:72%;margin-left:90px;margin-top:20px;font-size:14px;line-height:30px">{{item.desc}}</p>
</p>
<!-- <hr style="width:80%;margin-left:60px;margin-top:10px"> -->
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="float:right;margin-right:30px">{{item.department}}</span>
</p>
</div>
<div class="workExperience-bottom">{{item.desc}}</div>
</div>
</div>
<div class="projectExperience" style="float:left;width:100%">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/xiangmujili.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">项目经历</span>
<div class="projectExperience" v-show="rpList.length !==0 ">
<p class="title">
<span><img src="https://o7oe0d6qz.qnssl.com/image/xiangmujili.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">项目经历</span>
</p>
<div v-for="(item,index) in rpList" :key="index">
<p style="width:80%;margin-left:60px;margin-top:20px" >
<span style="margin-left:10px;font-size:15px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:20px;font-size:15px">{{item.name}}</span>
<span style="float:right;margin-right:20px;font-size:15px;color:#333333">{{item.post}}</span><br>
<p style="width:72%;margin-left:90px;margin-top:15px;font-size:16px;line-height:30px">{{item.desc}}</p>
<div class="projectExperience-detail" v-for="(item,index) in rpList" :key="index">
<div class="projectExperience-top">
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="margin-left:30px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:18px"><span>{{item.name}}<span></span></span></span>
<span style="float:right;margin-right:30px">
<span>{{item.post}}</span>
</span>
</p>
<!-- <hr style="width:980px;margin-left:60px;margin-top:10px"> -->
</div>
<div class="projectExperience-bottom">{{item.desc}}</div>
</div>
</div>
<div class="internshipExperience" style="float:left;width:100%">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/shixi.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">实习经历</span>
<div class="internshipExperience" v-show="riList.length !==0 ">
<p class="title">
<span><img src="https://o7oe0d6qz.qnssl.com/image/xiangmujili.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">实习经历</span>
</p>
<div class="internshipExperience-detail" v-for="(item,index) in riList" :key="index">
<div class="internshipExperience-top">
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="margin-left:30px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:18px"><span>{{item.company}}<span></span></span></span>
<span style="float:right;margin-right:30px">
<span>{{item.industry}}</span>
<!-- <span>{{item.title}}</span> -->
</span>
</p>
<div v-for="(item,index) in riList" :key="index">
<p style="width:80%;margin-left:60px;margin-top:20px" >
<span style="margin-left:10px;font-size:15px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:20px;font-size:15px">{{item.company}}</span>
<span style="float:right;margin-right:20px;font-size:15px;color:#333333">{{item.industry}}</span><br>
<span style="float:right;margin-right:20px;font-size:15px;color:#333333">{{item.title}}</span>
<p style="width:72%;margin-left:90px;margin-top:20px;font-size:15px;line-height:30px">{{item.desc}}</p>
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="float:right;margin-right:30px">{{item.title}}</span>
</p>
<!-- <hr style="width:980px;margin-left:60px;margin-top:10px"> -->
</div>
<div class="internshipExperience-bottom">{{item.desc}}</div>
</div>
<div class="educationalExperience" style="float:left;width:100%">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/jiaoyu.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">教育经历</span>
</p>
<div v-for="(item,index) in reList" :key="index">
<p style="margin-top:30px">
<span style="margin-left:60px;font-size:15px">{{item.school}}(({{item.startYear}}.{{item.startMonth}}-{{item.endYear}}.{{item.endMonth}}))</span><br>
<span style="margin-left:60px;font-size:15px;display:inline-block;margin-top:30px">专业：{{item.major}}</span>
<span style="margin-left:360px;font-size:15px;display:inline-block;margin-top:30px">学历：{{item.degree}}</span>
</div>
<div class="educationalExperience" v-show="reList.length !==0">
<p class="title">
<span><img src="https://o7oe0d6qz.qnssl.com/image/jiaoyu.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">教育经历</span>
</p>
<div class="educationalExperience-detail" v-for="(item,index) in reList" :key="index">
<div class="educationalExperience-content">
<div class="educationalExperience-left">
<p style="line-height:25px;margin-top:20px">{{item.school}}(({{item.startYear}}.{{item.startMonth}}-{{item.endYear}}.{{item.endMonth}}))</p>
<p style="margin-top:20px;">专业：{{item.major}}</p>
</div>
<div class="educationalExperience-right">
<p style="margin-top:65px">学历：{{item.degree}}</p>
</div>
</div>
</div>
</div>
<div class="Self-evaluation" style="float:left;width:100%" >
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);">
<img src="https://o7oe0d6qz.qnssl.com/image/ziwopingjia.png" alt="" style="width:29px;height:20px;margin-left:20px;vertical-align:middle;margin-top:-7px">
<span style="font-size:18px;margin:5px 0 0 5px;color:#FFFFFF">自我评价</span>
<div class="Self-evaluation" v-show="JSON.stringify(resume)!=='{}'">
<p class="title">
<span><img src="https://o7oe0d6qz.qnssl.com/image/ziwopingjia.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">自我评价</span>
</p>
<div>
<p style="margin-top:30px;margin-left:60px;font-size:15px;width:80%;line-height:30px">
<div class="evaluation-content">
{{resume&&resume.selfEvaluate}}
</p>
</div>
</div>
</div>
......@@ -144,69 +151,128 @@ export default {
</script>
<style>
.resumeDetail{
width: 60%;
/* min-height:8000px; */
margin:0 auto;
/* border: 1px solid black; */
background: rgba(241,241,241,0.8)
}
ul,li{
list-style: none;
width: 860px;
margin: 30px auto
}
.personalInformation{
width:860px;
height: 300px;
float: left;
}
.personalInformation-left{
width: 400px;
height:260px;
margin-left: 30px;
float: left;
font-size: 14px
}
.personalInformation-left p{
line-height: 28px
}
.qiuzhi{
.personalInformation-right{
width: 400px;
height:260px;
font-size: 14px;
float: left;
}
.userD{
font-size: 15px;
line-height: 28px;
margin-top:25px;
display: inline-block;
}
.ageD{
font-size: 15px;
line-height: 28px;
margin-top:25px;
display: inline-block;
}
.qiwangzhiye{
font-size: 15px;
line-height: 28px;
margin-top:25px;
display: inline-block;
}
.noneyD{
font-size: 15px;
line-height: 28px;
margin-top:25px;
display: inline-block;
}
.qiwangzhiwei{
width: 300px;
height: 30px;
display: inline-block;
}
.qiwangdidianD{
width: 300px;
height: 30px;
display: inline-block;
margin-left: 100px
.personalInformation-right p{
line-height: 28px
}
.workExperience{
width: 860px;
float: left;
}
.workExperience-detail{
width: 860px;
float: left;
margin-top: 20px;
}
.workExperience-top{
width: 860px;
height: 56px;
background: rgba(246,246,246,1);
}
.workExperience-bottom{
width:640px;
margin-left: 71px;
margin-top: 20px;
line-height: 24px
}
.projectExperience{
margin-top:30px
}
width: 860px;
margin-top: 30px;
float: left;
}
.projectExperience-detail{
width: 860px;
float: left;
margin-top: 20px;
}
.projectExperience-top{
width: 860px;
height: 34px;
line-height: 34px;
background: rgba(246,246,246,1);
}
.projectExperience-bottom{
width:640px;
margin-left: 71px;
margin-top: 20px;
line-height: 24px
}
.internshipExperience{
width: 860px;
margin-top: 30px;
float: left;
}
.internshipExperience-detail{
width: 860px;
float: left;
margin-top: 20px;
}
.internshipExperience-top{
width: 860px;
height: 56px;
line-height: 34px;
background: rgba(246,246,246,1);
}
.internshipExperience-bottom{
width:640px;
margin-left: 71px;
margin-top: 20px;
line-height: 24px
}
.educationalExperience{
margin-top: 30px;
width: 860px;
float: left;
}
.educationalExperience-left{
width: 430px;
float: left;
margin-left: 30px;
font-size: 14px
}
.educationalExperience-right{
width: 380px;
float: left;
font-size: 14px
}
.Self-evaluation{
margin-top: 30px;
width: 860px;
float: left;
}
.evaluation-content{
width: 720px;
margin-left:30px;
float: left;
margin-top: 30px
}
.title{
width: 860px;
height: 24px;
float: left;
margin-top: 20px
}
</style>
src/page/upload/upload.vue
View file @ 72c46608
......@@ -37,7 +37,6 @@
</div>
</Modal>
</div>
<div class="leftcontrentFotter">
<h5 style="width:100%;height:40px;background:rgb(0,176,160);text-align:center;line-height:40px;color:white;font-size:20px">上传记录</h5>
<div style="width:100%;background:rgb(0,176,160); opacity: 0.7;height:462px;overflow-y:auto;">
......@@ -61,113 +60,123 @@
</div>
</div>
</div>
<div class="upload-right">
<p style="height:40px;width:100%;line-height:40px;background:#F2F2F2">
<div class="upload-right" style="width:68%">
<p style="height:40px;width:100%;line-height:40px;background:#F2F2F2;">
<span style="margin-left:30px;color:#2d8cf0;font-size:16px">预览</span>
<span v-show="downloadId!==''" style="margin-right:5%;float:right;width:60px;height:25px;line-height:25px;text-align:center;display:inline-block;font-size:15px;background:#0092FF;color:#FFFFFF;margin-top:7px;border-radius:5px" @click="downloadONE(downloadId)">下载</span>
</p>
<div >
<div class="personalInformation" style="margin-top:10px" v-show="JSON.stringify(resume)!=='{}'">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);margin-left:5%">
<img src="https://o7oe0d6qz.qnssl.com/image/bastmassage.png" alt="" style="width:25px;height:25px;display:inline-block;vertical-align:middle;margin-top:-7px">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF; ">基本信息</span>
</p>
<div style="width:40%;height:200px;float:left;margin-left:10%">
<span class="userD">姓名:{{resume.ownerName}}</span><br>
<span class="userD">联系电话：{{resume.ownerMobile}}</span><br>
<span class="userD">电子邮箱：{{resume.email}}</span><br>
<span class="userD">所在地：{{resume.locationCity}}</span><br>
</div>
<div style="float:left;height:200px;width:40%;">
<span class="ageD">年龄：{{resume.ownerAge}}</span><br>
<span class="ageD">职位：{{resume.ownerExpectTitles}}</span><br>
<span class="ageD">学历：{{resume.ownerHighestDegree}}</span><br>
<span class="ageD">经验：{{resume.workYearsOriginal}}年</span><br>
</div>
</div>
<div style="float:left;width:100%" v-show="JSON.stringify(resume)!=='{}'">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);margin-left:5%;float:left">
<img src="https://o7oe0d6qz.qnssl.com/image/qiuzhi.png" alt="" style="width:25px;height:25px;display:inline-block;vertical-align:middle;margin-top:-7px">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF; ">求职状态：{{resume.statusMessage}}</span>
<div style="width:100%;float:left;">
<div style="margin:0 auto;width:860px">
<div class="personalInformation" v-show="JSON.stringify(resume)!=='{}'">
<p class="title2">
<span><img src="https://o7oe0d6qz.qnssl.com/image/bastmassage.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">基本信息</span>
<span style="float:right;width:50px;height:24px;margin-right:5px"><Button type="primary" size='small' style="width:50px;height:24px" @click="downloadONE(downloadId)">下载</Button></span>
</p>
<div style="width:40%;float:left;margin-left:10%;height:100px">
<span class="qiwangzhiye">期望行业：{{resume.industries}}</span><br>
<span class="qiwangzhiye">期望职位：{{resume.expectTitles}}</span>
<div class="personalInformation-left">
<p style="margin-top:20px">姓名：{{resume&&resume.ownerName}}</p>
<p>联系电话：{{resume&&resume.ownerMobile}}</p>
<p>电子邮箱：{{resume&&resume.email}}</p>
<p>所在地：{{resume&&resume.locationCity}}</p>
<p>求职状态：{{resume&&resume.statusMessage}}</p>
<p>期望行业：{{resume&&resume.industries}}</p>
<p>期望职位：{{resume&&resume.expectTitles}}</p>
</div>
<div style="width:40%;float:left;height:100px">
<span class="noneyD">期望薪资：{{resume.expectSalary}}</span><br>
<span class="noneyD">期望地点：{{resume.city}}</span>
<div class="personalInformation-right">
<p style="margin-top:20px">年龄：{{resume&&resume.ownerAge}}岁</p>
<p>职位：{{resume&&resume.ownerExpectTitles}}</p>
<p>学历：{{resume&&resume.ownerHighestDegree}}</p>
<p>经验：{{resume&&resume.workYearsOriginal}}年</p>
<p style="margin-top:30px">期望薪资：{{resume&&resume.expectSalary}}</p>
<p>期望地区：{{resume&&resume.city}}</p>
</div>
</div>
<div class="workExperience" style="float:left;width:100%" v-show="roList.length !==0 ">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);margin-left:5%;float:left">
<img src="https://o7oe0d6qz.qnssl.com/image/gongzuo.png" alt="" style="width:25px;height:25px;display:inline-block;vertical-align:middle;margin-top:-7px">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF">工作经历</span>
<div class="workExperience" v-show="roList.length !==0 ">
<p class="title2">
<span><img src="https://o7oe0d6qz.qnssl.com/image/gongzuo.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">工作经历</span>
</p>
<div style="width:82%;float:left;margin-left:8%" v-for="(item,index) in roList" :key="index" >
<p style="width:100%;height:60px;margin-top:20px">
<span style="margin-left:10px;font-size:15px">{{item.startTime}}-{{item.endTime}}</span>
<span style="margin-left:20px;font-size:15px">{{item.company}}({{item.workTime}})</span>
<span style="float:right;margin-right:20px;font-size:15px;color:#333333">{{item.industry}}{{item.companyType}}</span><br>
<span style="float:right;margin-right:20px；font-size:15px;color:#333333">{{item.department}}</span>
<div class="workExperience-detail" v-for="(item,index) in roList" :key="index">
<div class="workExperience-top">
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="margin-left:30px">{{item.startTime}}-{{item.endTime}}</span>
<span style="margin-left:18px"><span>{{item.company}}<span>({{item.workTime}})</span></span></span>
<span style="float:right;margin-right:30px">
<span>{{item.industry}}</span>
<span>{{item.companyType}}</span>
</span>
</p>
<p style="width:93%;margin-left:30px;margin-top:20px;font-size:13px;line-height:30px;">{{item.desc}}</p>
<!-- <hr style="width:93%;margin-left:30px;margin-top:10px"> -->
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="float:right;margin-right:30px">{{item.department}}</span>
</p>
</div>
<div class="workExperience-bottom">{{item.desc}}</div>
</div>
</div>
<div class="projectExperience" style="float:left;width:100%;margin-top:20px" v-show="rpList.length !==0 ">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);float:left;margin-left:5%">
<img src="https://o7oe0d6qz.qnssl.com/image/xiangmujili.png" alt="" style="width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:-7px;margin-left:5px;">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF">项目经历</span>
<div class="projectExperience" v-show="rpList.length !==0 ">
<p class="title2">
<span><img src="https://o7oe0d6qz.qnssl.com/image/xiangmujili.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">项目经历</span>
</p>
<div style="width:82%;float:left;margin-left:8%;" v-for="(item,index) in rpList" :key="index">
<p style="width:100%;height:40px;line-height:40px;margin-top:20px">
<span style="font-size:15px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:20px;font-size:15px">{{item.name}}</span>
<span style="float:right;margin-right:15px;font-size:15px">{{item.post}}</span>
<p style="width:93%;margin-left:30px">{{item.desc}}</p>
<div class="projectExperience-detail" v-for="(item,index) in rpList" :key="index">
<div class="projectExperience-top">
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="margin-left:30px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:18px"><span>{{item.name}}<span></span></span></span>
<span style="float:right;margin-right:30px">
<span>{{item.post}}</span>
</span>
</p>
<!-- <hr style="width:93%;margin-left:30px;margin-top:10px"> -->
</div>
<div class="projectExperience-bottom">{{item.desc}}</div>
</div>
<div class="internshipExperience" style="float:left;width:100%;margin-top:20px" v-show="riList.length !==0 ">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);float:left;margin-left:5%">
<img src="https://o7oe0d6qz.qnssl.com/image/shixi.png" alt="" style="width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:-7px;margin-left:5px;">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF">实习经历</span>
</div>
<div class="internshipExperience" v-show="riList.length !==0 ">
<p class="title2">
<span><img src="https://o7oe0d6qz.qnssl.com/image/xiangmujili.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">实习经历</span>
</p>
<div class="internshipExperience-detail" v-for="(item,index) in riList" :key="index">
<div class="internshipExperience-top">
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="margin-left:30px">{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:18px"><span>{{item.company}}<span></span></span></span>
<span style="float:right;margin-right:30px">
<span>{{item.industry}}</span>
<!-- <span>{{item.title}}</span> -->
</span>
</p>
<div style="width:82%;float:left;margin-left:8%;" v-for="(item,index) in riList" :key="index">
<p style="width:100%;height:40px;line-height:40px;margin-top:20px;">
<span>{{item.startYear}}/{{item.startMonth}}-{{item.endYear}}/{{item.endMonth}}</span>
<span style="margin-left:20px">{{item.company}}</span>
<span style="float:right;margin-right:15px;">{{item.industry}}</span>
<span style="float:right;margin-right:15px;">{{item.title}}</span>
<p style="width:93%;margin-left:30px">{{item.desc}}</p>
<p style="height:28px;line-height:28px;font-size:14px;">
<span style="float:right;margin-right:30px">{{item.title}}</span>
</p>
<!-- <hr style="width:93%;margin-left:30px;margin-top:10px"> -->
</div>
<div class="internshipExperience-bottom">{{item.desc}}</div>
</div>
<div class="educationalExperience" style="float:left;width:100%;margin-top:20px" v-show="reList.length !==0">
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);float:left;margin-left:5%">
<img src="https://o7oe0d6qz.qnssl.com/image/jiaoyu.png" alt="" style="width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:-7px;margin-left:5px;">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF">教育经历</span>
</p>
<div v-for="(item,index) in reList" :key="index">
<p style="margin-top:30px;width:80%;margin-left:7%">
<span style="margin-left:12px;font-size:15px;display:inline-block;margin-top:10px;height:30px;line-height:30px">{{item.school}}(({{item.startYear}}.{{item.startMonth}}-{{item.endYear}}.{{item.endMonth}}))</span><br>
<span style="margin-left:12px;font-size:15px;display:inline-block;height:30px;wmargin-top:10px;line-height:30px">专业：{{item.major}}</span>
<span style="margin-left:360px;font-size:15px;display:inline-block;height:30px;margin-top:10px;line-height:30px">学历：{{item.degree}}</span>
</div>
<div class="educationalExperience" v-show="reList.length !==0">
<p class="title2">
<span><img src="https://o7oe0d6qz.qnssl.com/image/jiaoyu.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">教育经历</span>
</p>
<div class="educationalExperience-detail" v-for="(item,index) in reList" :key="index">
<div class="educationalExperience-content">
<div class="educationalExperience-left">
<p style="line-height:25px;margin-top:20px">{{item.school}}(({{item.startYear}}.{{item.startMonth}}-{{item.endYear}}.{{item.endMonth}}))</p>
<p style="margin-top:20px;">专业：{{item.major}}</p>
</div>
<div class="educationalExperience-right">
<p style="margin-top:65px">学历：{{item.degree}}</p>
</div>
<div class="Self-evaluation" style="float:left;width:100%;margin-top:20px;" v-show="JSON.stringify(resume)!=='{}'" >
<p style="width:90%;height:30px;line-height:30px;background:rgba(0,146,255,1);float:left;margin-left:5%">
<img src="https://o7oe0d6qz.qnssl.com/image/ziwopingjia.png" alt="" style="width:20px;height:20px;display:inline-block;vertical-align:middle;margin-top:-7px;margin-left:5px;">
<span style="font-size:15px;margin:5px 0 0 5px;color:#FFFFFF">自我评价</span>
</p>
<div style="margin-top:20px">
<p style="margin-top:30px;margin-left:90px;font-size:15px;width:80%;line-height:40px;">
{{resume.selfEvaluate}}
</div>
</div>
</div>
<div class="Self-evaluation" v-show="JSON.stringify(resume)!=='{}'">
<p class="title2">
<span><img src="https://o7oe0d6qz.qnssl.com/image/ziwopingjia.png" style="height:16px;width:23px"></span>
<span style="margin-left:7px;font-size:16px;color:#0092FF">自我评价</span>
</p>
<div class="evaluation-content">
{{resume&&resume.selfEvaluate}}
</div>
</div>
</div>
</div>
......@@ -322,18 +331,6 @@ import {uploadFile} from '../../service/ajax'
let data = res.body
for(let key in data){
let code = data[key].code
// if (code == '900') {
// this.$Notice.error({render:(h) => {return h('div', {style: {
// paddingRight: '10px',
// fontSize: '14px',
// color: '#17233d'
// }}, '您的账号已在其他地方登录，如不是您个人操作，请及时修改密码')}})
// this.$router.replace({name: 'login'})
// }
// if (code == '902') {
// Notice.error({title:'cookie已失效，请重新登录'})
// this.$router.replace({name: 'login'})
// }
this.Code=data[key].code
this.Massage=data[key].message
this.dataList.map(item => {
......@@ -469,7 +466,6 @@ import {uploadFile} from '../../service/ajax'
overflow-y: auto;
overflow-x: hidden;
height:802px;
border: 1px solid black
}
.UleftcontentTop{
height: 300px;
......@@ -549,7 +545,7 @@ import {uploadFile} from '../../service/ajax'
.contentTips{
margin:20px 10px 30px 10px;
.p{
margin:10px;
// margin:10px;
}
}
.title{
......@@ -559,24 +555,124 @@ import {uploadFile} from '../../service/ajax'
margin-top:10px;
}
}
.userD{
margin-top:20px;
display: inline-block;
font-size:14px
}
.ageD{
margin-top:20px;
display: inline-block;
font-size:14px
}
.qiwangzhiye{
margin-top:20px;
display: inline-block;
font-size:14px
}
.noneyD{
margin-top:20px;
display: inline-block;
font-size:14px
.personalInformation{
width:860px;
height: 300px;
float: left;
}
.personalInformation-left{
width: 400px;
height:260px;
margin-left: 30px;
float: left;
font-size: 14px
}
.personalInformation-left p{
line-height: 28px
}
.personalInformation-right{
width: 400px;
height:260px;
font-size: 14px;
float: left;
}
.personalInformation-right p{
line-height: 28px
}
.workExperience{
width: 860px;
float: left;
}
.workExperience-detail{
width: 860px;
float: left;
margin-top: 20px;
}
.workExperience-top{
width: 860px;
height: 56px;
background: rgba(246,246,246,1);
}
.workExperience-bottom{
width:640px;
margin-left: 71px;
margin-top: 20px;
line-height: 24px
}
.projectExperience{
width: 860px;
margin-top: 30px;
float: left;
}
.projectExperience-detail{
width: 860px;
float: left;
margin-top: 20px;
}
.projectExperience-top{
width: 860px;
height: 34px;
line-height: 34px;
background: rgba(246,246,246,1);
}
.projectExperience-bottom{
width:640px;
margin-left: 71px;
margin-top: 20px;
line-height: 24px
}
.internshipExperience{
width: 860px;
margin-top: 30px;
float: left;
}
.internshipExperience-detail{
width: 860px;
float: left;
margin-top: 20px;
}
.internshipExperience-top{
width: 860px;
height: 56px;
line-height: 34px;
background: rgba(246,246,246,1);
}
.internshipExperience-bottom{
width:640px;
margin-left: 71px;
margin-top: 20px;
line-height: 24px
}
.educationalExperience{
width: 860px;
float: left;
}
.educationalExperience-left{
width: 430px;
float: left;
margin-left: 30px;
font-size: 14px
}
.educationalExperience-right{
width: 380px;
float: left;
font-size: 14px
}
.Self-evaluation{
width: 860px;
float: left;
}
.evaluation-content{
width: 720px;
margin-left:30px;
float: left;
margin-top: 30px
}
.title2{
width: 860px;
height: 24px;
float: left;
margin-top: 20px
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment