Skip to content

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

简历列表加入已读标记

parent 4d4d7592
Show whitespace changes
Inline Side-by-side
Showing with 53 additions and 37 deletions
src/page/resume/allResume.vue
View file @ cdc8193e
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
</div> --> </div> -->
<div style="background:WhiteSmoke;width:100%;height:40px;" class='bar'> <div style="background:WhiteSmoke;width:100%;height:40px;" class='bar'>
<input type='checkbox' class='selectAll' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;"> <input type='checkbox' class='selectAll' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;">
<span style="margin-left:5px;position:relative;">选择<Badge :count="interviewee.length" size='small' :class='["badge",{"badges1":interviewee.length>9, "badges": interviewee.length>99}]'></Badge></span> <span style="margin-left:5px;position:relative;font-size:14px">选择<Badge :count="interviewee.length" size='small' :class='["badge",{"badges1":interviewee.length>9, "badges": interviewee.length>99}]'></Badge></span>
<Button type="primary" size="small" style="margin-left:4%;width:50px" @click="downloadAll">下载</Button> <Button type="primary" size="small" style="margin-left:4%;width:50px" @click="downloadAll">下载</Button>
<Button type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button> <Button type="primary" size="small" style="margin-left:2%;width:50px" @click="delateAll">删除</Button>
<Button type="primary" size="small" style="margin-left:2%;" @click="transpond"> <Button type="primary" size="small" style="margin-left:2%;" @click="transpond">
...@@ -56,17 +56,17 @@ ...@@ -56,17 +56,17 @@
<div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i" > <div class="Resumecontent" v-for='(item,i) in ajaxData' :key="i" >
<div class="detailResume" id="a" style="" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow, grey: i%2!=0}"> <div class="detailResume" id="a" style="" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow, grey: i%2!=0}">
<p style='margin-left: 10px;'> <p style='margin-left: 10px;'>
<span style="display:inline-block;height:100%;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px;" class='inputcheck'> <span style="display:inline-block;height:100%;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px;" class='inputcheck'>
<input type='checkbox' name='checkboxinput' class='input-checkbox' v-model='checkboxList' :value="item.id" @click="selectInputElement(i,item.id,item.flowStatus,item.STATES, item)" style="cursor:pointer"> <input type='checkbox' name='checkboxinput' class='input-checkbox' v-model='checkboxList' :value="item.id" @click="selectInputElement(i,item.id,item.flowStatus,item.STATES, item)" style="cursor:pointer;height:13px">
</span> </span>
<span style="display:inline-block;height:100%;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)" >{{item.ownerName}} <span v-show="item.ownerMobile !==''">|</span></span> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)" >{{item.ownerName}} <span v-show="item.ownerMobile !==''">|</span></span>
<span style="display:inline-block;height:100%;font-size: 12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerMobile}} <span v-show="item.ownerAge !==''">|</span></span> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerMobile}} <span v-show="item.ownerAge !==''">|</span></span>
<span style="display:inline-block;height:100%;font-size: 12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerAge}}岁 <span v-show="item.ownerSex !==''">|</span></span> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerAge}}岁 <span v-show="item.ownerSex !==''">|</span></span>
<span style="display:inline-block;height:100%;font-size: 12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerSex}} <span v-show="item.ownerWorkYears !==''">|</span> </span> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerSex}} <span v-show="item.ownerWorkYears !==''">|</span> </span>
<span style="display:inline-block;height:100%;font-size: 12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerWorkYears}}年 <span v-show="item.ownerExpectTitles !==''">|</span></span> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerWorkYears}}年 <span v-show="item.ownerExpectTitles !==''">|</span></span>
<span style="display:inline-block;height:100%;font-size: 12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerHighestDegree}} <span v-show="item.ownerExpectTitles !==''">|</span></span> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerHighestDegree}} <span v-show="item.ownerExpectTitles !==''">|</span></span>
<span style="display:inline-block;height:100%;margin-top:5px;font-size:12px;width:25%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerExpectTitles}}</span> <span class="allResumeBassage" style="display:inline-block;height:100%;margin-top:5px;font-size:14px;width:25%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" :class="{massagecolor:item.hasRead==1}" @click="Seedetail(item.id,item.uid,item.flowStatus)"> {{item.ownerExpectTitles}}</span>
<span style="display:inline-block;height:100%;font-size: 12px;width:25%;float:right;text-align:right;margin-right:10px;margin-top:5px"> <span class="allResumeBassage" style="display:inline-block;height:100%;font-size: 14px;width:25%;float:right;text-align:right;margin-right:10px;margin-top:5px">
<span style="margin-right:20px;margin-top:5px" v-if="item.flowStatus=='INTERVIEW_OK'" class='status'><Icon type="ios-radio-button-on" style="color:#43CD80" /><span style="margin-left:10px">面试合适</span></span> <span style="margin-right:20px;margin-top:5px" v-if="item.flowStatus=='INTERVIEW_OK'" class='status'><Icon type="ios-radio-button-on" style="color:#43CD80" /><span style="margin-left:10px">面试合适</span></span>
<span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='INTERVIEW_FAIL'" class='status'><Icon type="ios-radio-button-on" style="color:red" /><span style="margin-left:10px" >面试淘汰</span></span> <span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='INTERVIEW_FAIL'" class='status'><Icon type="ios-radio-button-on" style="color:red" /><span style="margin-left:10px" >面试淘汰</span></span>
<span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='TO_RESULT'" class='status'><Icon type="ios-radio-button-on" style="color:red" /><span style="margin-left:10px" >面试结果待定</span></span> <span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='TO_RESULT'" class='status'><Icon type="ios-radio-button-on" style="color:red" /><span style="margin-left:10px" >面试结果待定</span></span>
...@@ -80,40 +80,40 @@ ...@@ -80,40 +80,40 @@
<span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='TO_ENTRY'" class='status'><Icon type="ios-radio-button-on" style="color:#43CD80" /><span style="margin-left:10px" >待入职</span></span> <span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='TO_ENTRY'" class='status'><Icon type="ios-radio-button-on" style="color:#43CD80" /><span style="margin-left:10px" >待入职</span></span>
<span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='HAS_ENTRY'" class='status'><Icon type="ios-radio-button-on" style="color:#43CD80" /><span style="margin-left:10px">已入职</span></span> <span style="margin-right:20px;margin-top:5px" v-else-if="item.flowStatus=='HAS_ENTRY'" class='status'><Icon type="ios-radio-button-on" style="color:#43CD80" /><span style="margin-left:10px">已入职</span></span>
<span style="margin-right:0px;margin-top:5px" v-else-if="item.flowStatus=='PASS'||item.flowStatus=='TO_DO'||item.flowStatus=='TO_SEE'||item.flowStatus=='OPTION'" > <span style="margin-right:0px;margin-top:5px" v-else-if="item.flowStatus=='PASS'||item.flowStatus=='TO_DO'||item.flowStatus=='TO_SEE'||item.flowStatus=='OPTION'" >
<select name="1" id="a" style="margin-right:10px;cursor:pointer" v-model="item.flowStatus" @change="changeFlowstatus($event,item.id,item.flowStatus,item.originValue)"> <select name="1" id="a" style="margin-right:0px;cursor:pointer" v-model="item.flowStatus" @change="changeFlowstatus($event,item.id,item.flowStatus,item.originValue)">
<option value="TO_DO">待处理</option> <option value="TO_DO">待处理</option>
<option value="PASS">PASS</option> <option value="PASS">PASS</option>
<option value="TO_SEE">邀请面试</option> <option value="TO_SEE">邀请面试</option>
<option value="OPTION">备选</option> <option value="OPTION">备选</option>
</select> </select>
</span> </span>
<span class='record'><Icon type="md-download" @click="downloadONE(item.id)" style="font-size:15px;cursor:pointer;color:#0092FF"/></span> <span class='record'><Icon type="md-download" @click="downloadONE(item.id)" style="font-size:17px;cursor:pointer;color:#0092FF"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_SEE'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_SEE'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='HAS_SEE'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='HAS_SEE'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='SEE_FAIL'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='SEE_FAIL'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='INTERVIEW_FAIL'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='INTERVIEW_FAIL'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_SENT_OFFER'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_SENT_OFFER'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_ENTRY'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_ENTRY'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='HAS_ENTRY'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='HAS_ENTRY'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='ARRIVED'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='ARRIVED'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='NO_ENTRY'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='NO_ENTRY'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='END'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='END'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='HAS_SENT_OFFER'" @click="undelate" style="color:#b5b5b5;font-size:15px;cursor:pointer"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='HAS_SENT_OFFER'" @click="undelate" style="color:#b5b5b5;font-size:17px;cursor:pointer"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='PASS'" @click="delateR(item.id)" style="font-size:15px;cursor:pointer;color:rgb(242, 93, 87);"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='PASS'" @click="delateR(item.id)" style="font-size:17px;cursor:pointer;color:rgb(242, 93, 87);"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='OPTION'" @click="delateR(item.id)" style="font-size:15px;cursor:pointer;color:rgb(242, 93, 87);"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='OPTION'" @click="delateR(item.id)" style="font-size:17px;cursor:pointer;color:rgb(242, 93, 87);"/></span>
<span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_DO'" @click="delateR(item.id)" style="font-size:15px;cursor:pointer;color:rgb(242, 93, 87);"/></span> <span class='record'><Icon type="md-trash" v-if="item.flowStatus=='TO_DO'" @click="delateR(item.id)" style="font-size:17px;cursor:pointer;color:rgb(242, 93, 87);"/></span>
<span class='recordtext' @click="RecordSEE(item.id,item.ownerName)" style="color:#0092FF;cursor:pointer">记录</span> <span class='recordtext' @click="RecordSEE(item.id,item.ownerName)" style="color:#0092FF;cursor:pointer">记录</span>
</span> </span>
</p> </p>
<p style="margin-top:5px;color:Greys;padding-left:10px;"> <p style="margin-top:5px;color:Greys;padding-left:10px;">
<span style="display:inline-block;font-size: 12px;color:orange" v-show="item.hasForward=='1'" class='transmit' >已转</span> <span style="display:inline-block;font-size: 14px;color:orange" v-show="item.hasForward=='1'" class='transmit' >已转</span>
<span style="display:inline-block;font-size: 12px;margin-left:20px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward==null">{{item.deliveryTime}}投递 |</span> <span style="display:inline-block;font-size: 14px;margin-left:20px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward==null">{{item.deliveryTime}}投递 |</span>
<span style="display:inline-block;font-size: 12px;color:Grey;margin-left:20px" v-if="item.srcSite==''" v-show="item.hasForward==null">{{item.deliveryTime}}上传 <span v-show="item.optSource!==''"> |</span></span> <span style="display:inline-block;font-size: 14px;color:Grey;margin-left:20px" v-if="item.srcSite==''" v-show="item.hasForward==null">{{item.deliveryTime}}上传 <span v-show="item.optSource!==''"> |</span></span>
<span style="display:inline-block;font-size: 12px;margin-left:-2px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward!==null">{{item.deliveryTime}}投递 |</span> <span style="display:inline-block;font-size: 14px;margin-left:-2px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward!==null">{{item.deliveryTime}}投递 |</span>
<span style="display:inline-block;font-size: 12px;color:Grey;margin-left:-2px" v-if="item.srcSite==''" v-show="item.hasForward!==null">{{item.deliveryTime}}上传 <span v-show="item.optSource!==''"> |</span></span> <span style="display:inline-block;font-size: 14px;color:Grey;margin-left:-2px" v-if="item.srcSite==''" v-show="item.hasForward!==null">{{item.deliveryTime}}上传 <span v-show="item.optSource!==''"> |</span></span>
<span style="display:inline-block;font-size: 12px;margin-left:3px;color:Grey">{{item.optSource}}<span v-show="item.srcSite!==''"> |</span></span> <span style="display:inline-block;font-size: 14px;margin-left:3px;color:Grey">{{item.optSource}}<span v-show="item.srcSite!==''"> |</span></span>
<span style="display:inline-block;font-size: 12px;margin-left:3px;color:Grey">{{item.srcSite}}</span> <span style="display:inline-block;font-size: 14px;margin-left:3px;color:Grey">{{item.srcSite}}</span>
<span style="display:inline-block;font-size: 12px;float:right;text-align:right;margin-right:10px;color:Grey"> <span style="display:inline-block;font-size: 14px;float:right;text-align:right;margin-right:10px;color:Grey">
<span>{{item.modifyTime}}</span> <span>{{item.modifyTime}}</span>
<span >最后操作人：{{item.d}}</span> <span >最后操作人：{{item.d}}</span>
</span> </span>
...@@ -827,6 +827,7 @@ import {mapState} from 'vuex' ...@@ -827,6 +827,7 @@ import {mapState} from 'vuex'
item.modifier=item.modifier item.modifier=item.modifier
item.uid=item.uid item.uid=item.uid
item.originValue=item.flowStatus item.originValue=item.flowStatus
item.hasRead=item.hasRead
item.c=item.modifier==''?item.modifier:item.modifier.split('_') item.c=item.modifier==''?item.modifier:item.modifier.split('_')
item.d=item.c[0] item.d=item.c[0]
return item return item
...@@ -1724,7 +1725,8 @@ import {mapState} from 'vuex' ...@@ -1724,7 +1725,8 @@ import {mapState} from 'vuex'
<style scoped lang='less'> <style scoped lang='less'>
.allResume{ .allResume{
width: 100%; width: 100%;
height:100% height:100%;
font-family: "\5FAE\8F6F\96C5\9ED1";
} }
.bar{ .bar{
display:flex; display:flex;
...@@ -1769,6 +1771,20 @@ import {mapState} from 'vuex' ...@@ -1769,6 +1771,20 @@ import {mapState} from 'vuex'
.Recode span{ .Recode span{
margin-left:20px margin-left:20px
} }
.allResumeBassage{
// display:inline-block;
// height:100%;
// margin-top:5px;
// overflow:hidden;
// text-overflow:ellipsis;
// white-space: nowrap;
// cursor:pointer;
// font-size: 14px;
color: #2d8cf0;
}
.massagecolor{
color: grey
}
select::-ms-expand{display:none;} select::-ms-expand{display:none;}
select{ select{
appearance:none; appearance:none;
...@@ -1830,7 +1846,7 @@ import {mapState} from 'vuex' ...@@ -1830,7 +1846,7 @@ import {mapState} from 'vuex'
} }
.detailResume{ .detailResume{
width:100%; width:100%;
height:60px; height:70px;
} }
.grey{ .grey{
background:rgba(241,241,241,1); background:rgba(241,241,241,1);
......
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