Skip to content

R
recruiting-management
Commit 018da372 authored by FE-安焕焕's avatar FE-安焕焕 👣
Browse files
Options

样式修改

parent 2e7a0f45
Hide whitespace changes
Inline Side-by-side
Showing with 116 additions and 46 deletions
src/page/resume/allResume.vue
View file @ 018da372
......@@ -2,7 +2,7 @@
<div class="allResume">
<!-- <Spin size="large" fix v-if="spinShow" style="font-size:25px">加载中...</Spin> -->
<div class="allResume-left">
<Form :label-width="80" style="width:88%;margin-left:7%">
<Form :label-width="90" style="width:88%;margin-left:7%" class='emailForm'>
<FormItem label="关键词：" style="margin-top:20px">
<Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo()"/>
</FormItem>
......@@ -39,24 +39,24 @@
<div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div>
<div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div>
</div> -->
<div style="background:WhiteSmoke;width:100%;height:5%;line-height:5%;margin-bottom:0.5%;padding-top:10px;">
<input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;margin-top:1%">
<div style="background:WhiteSmoke;width:100%;height:6%;margin-bottom:0.5%;" class='bar'>
<input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;">
<span style="margin-left:10px;position:relative">选择<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:2%;width:50px" @click="delateAll">删除</Button>
<Button type="primary" size="small" style="margin-left:2%;" @click="transpond">
转发面试官
</Button>
<Button type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="allexport">导出列表</Button>
<Button type="primary" size="small" @click="allexport" class='left'>导出列表</Button>
<Button type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%;" @click="sendEmail">邀请面试</Button>
<Button type="primary" size="small" @click="sendEmail" class='left leftBtn'>邀请面试</Button>
</div>
<div style="width:100%;float:left;margin-bottom:40px;overflow-y: auto;height:100%" 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 style="float:left;margin-left:1%;width:99%;overflow-y: auto;height:600px;margin-bottom:40px"> -->
<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}">
<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>
<span style="display:inline-block;height:100%;font-size: 12px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px">
<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="margin-left:10px;cursor:pointer">
......@@ -136,11 +136,11 @@
</span>
</p>
<p style="margin-top:5px;color:Greys">
<span style="display:inline-block;font-size: 12px;margin-left:25px;color:orange" v-show="item.hasForward=='1'" >已转</span>
<span style="display:inline-block;font-size: 12px;color:orange" v-show="item.hasForward=='1'" >已转</span>
<span style="display:inline-block;font-size: 12px;margin-left:25px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward==null">{{item.deliveryTime}}投递 |</span>
<span style="display:inline-block;font-size: 12px;margin-left:25px;color:Grey" 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:5px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward!==null">{{item.deliveryTime}}投递 |</span>
<span style="display:inline-block;font-size: 12px;margin-left:5px;color:Grey" 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;color:Grey" 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: 12px;margin-left:3px;color:Grey">{{item.srcSite}}</span>
<span style="display:inline-block;font-size: 12px;width:30%;float:right;text-align:right;margin-right:10px;color:Grey">
......@@ -298,7 +298,8 @@
v-model="emailMOdal"
width='1000px'
:mask-closable='false'
:closable='false'>
:closable='false'
:styles="{top:'50px'}">
<div >
<h2 style="text-align:center;color:black" v-show="this.isShowAll==false">发送邮件</h2>
<h2 style="text-align:center;color:black" v-show="this.isShowAll==true">新建面试</h2>
......@@ -316,7 +317,7 @@
</FormItem>
<FormItem label="收件人" style="margin-top:20px" :show-massage='false'>
<Input style="width:95%" v-model="emailInline.receiveEmail" @on-blur='receiveEmail'/>
<span style="position: absolute;left:0;top:30px;color:gray">输入多个邮箱地址以英文”;“分隔</span>
<span style="position: absolute;left:0;top:30px;color:gray;font-size:12px;">输入多个邮箱地址以英文”;“分隔</span>
</FormItem>
<FormItem label="抄送" style="margin-top:20px">
<Input style="width:95%" v-model="emailInline.copyname" @on-blur='copyname'/>
......@@ -329,7 +330,7 @@
</div>
<div class="emailModalTitle-right" v-show="interviewIsShow==true">
<h3 style="text-align:center;margin-top:20px">请输入约面信息</h3>
<Form :label-width="75" ref="formInline" :rules="ruleInline" :model="formInline" style="margin-top:35px" label-position="left">
<Form :label-width="80" ref="formInline" :rules="ruleInline" :model="formInline" style="margin-top:35px" label-position="left" class="emailForm">
<FormItem label="邀约人" style="margin-top:20px" prop="UpdateOWER">
<Input v-model="formInline.UpdateOWER" style="width:100%" :maxlength="5" @on-blur='UpdateOWER'/>
</FormItem>
......@@ -338,10 +339,7 @@
</FormItem>
<FormItem label="面试官" style="margin-top:20px" prop='UpdateVIEW'>
<Input v-model="formInline.UpdateVIEW" style="width:100%" :maxlength="5" @on-blur='UpdateVIEW'/>
</FormItem>
<FormItem label="" prop='sendWeixin'>
<Checkbox v-model="formInline.sendWeixin"><span style="margin-left:10px">微信通知面试官</span></Checkbox>
</FormItem>
</FormItem>
</Form>
</div>
......@@ -366,10 +364,11 @@
<span><Icon type="md-close" @click="delateFile(index)" style="font-size:16px;float:right;margin-right:80px" /></span>
</p>
</div>
<div slot='footer' style="text-align:center" class="Ubt">
<div slot='footer' style="text-align:center;position:relative;" class="Ubt">
<Button type='primary' @click='emailModalPush'>取消</Button>
<Button type='primary' @click='modal10=true' v-show="this.isShowAll==false" :disabled="!isDisable">发送</Button>
<Button type='primary' @click='modal10=true' v-show="this.isShowAll==true" :disabled="!isDisable">添加并发送</Button>
<Checkbox v-model="formInline.sendWeixin" class='wechat'><span>微信通知面试官</span></Checkbox>
</div>
</Modal>
<Modal
......@@ -438,10 +437,10 @@ import {mapState} from 'vuex'
data () {
const vidte=(rule,value,callback)=>{
if(this.emailMassage==true){
callback(new Error('你尚未选择简历，请先选择简历'))
// callback(new Error('你尚未选择简历，请先选择简历'))
}
else if(this.allEmailVilitor==true){
callback(new Error('不能选择多份简历，请选择单份简历'))
// callback(new Error('不能选择多份简历，请选择单份简历'))
}
else{
callback ()
......@@ -466,10 +465,7 @@ import {mapState} from 'vuex'
],
UpdateVIEW: [
{ required: true,message: '面试官不能为空', trigger: 'blur' }
],
moo:[
{required: false, validator: vidte, trigger: 'change'},
],
]
},
formInline:{
UpdateOWER:'',
......@@ -1334,6 +1330,20 @@ import {mapState} from 'vuex'
},
// 发送邮件
sendEmail(){
if(this.checkboxList.length == 0) {
this.$Notice.error({
title: '提示',
desc: '你尚未选择简历，请先选择简历'
})
return
}
if (this.checkboxList.length > 1){
this.$Notice.error({
title: '提示',
desc: ' 不能选择多份简历，请选择单份简历'
})
return
}
this.emailInline.modalArr=[]
this.emailInline.moo = 'TEMP_0001'
this.emailMOdal=true
......@@ -1451,6 +1461,7 @@ import {mapState} from 'vuex'
this.isShowTwo=false
this.isLimitSize=false
this.uploadFileList=[]
this.clearInterviewee()
this.SouSuo(this.pageT)
},
getEditorValue(value){ // 调编辑器组件方法获取数据
......@@ -1862,6 +1873,18 @@ import {mapState} from 'vuex'
.allResume{
width: 100%;
height:100%
}
.bar{
display:flex;
align-items: center;
position: relative;
.left{
position: absolute;
right: 10px;
}
.leftBtn{
right: 90px;
}
}
.allResume-left{
height: 100%;
......@@ -1958,8 +1981,8 @@ select{
width:100%;
height:60px;
}
.a div:nth-child(2n){
background:rgba(241,241,241,1);
.grey{
background:rgba(241,241,241,1);
}
.emailModal-title{
height: 280px;
......@@ -2038,9 +2061,20 @@ select{
width:100%;
margin-bottom: 10px;
}
.wechat{
position: absolute;
right: -5px;
top:30%;
span{
font-size: 13px;
}
}
</style>
<style>
.emailForm .ivu-form-item-label{
font-size: 14px
}
.ivu-form-item-content{
font-size: 14px;
}
</style>
\ No newline at end of file
src/page/resume/channel.vue
View file @ 018da372
......@@ -2,7 +2,7 @@
<div class="channel">
<!-- <Spin size="large" fix v-if="spinShow" style="font-size:20px">加载中...</Spin> -->
<div class="channel-left">
<Form :label-width="80" style="width:88%;margin-left:7%">
<Form :label-width="85" style="width:88%;margin-left:7%" class='emailForm'>
<FormItem label="关键词：" style="margin-top:20px">
<Input placeholder="请输入关键词" style="width:98%" v-model="keywords" @keyup.enter.native="SouSuo(item.Num1,item.Num2,item.Num3)"/>
</FormItem>
......@@ -38,22 +38,21 @@
<div style="width:47%;height:100%;float:left;background:rgb(61,169,247);margin-left:1%;line-height:80px;text-align:center;color:white;font-size:20px">数据展示</div>
<div style="width:48%;height:100%;float:left;background:rgb(253,85,83);margin-left:3%;line-height:80px;text-align:center;color:white;font-size:20px">提示语</div>
</div>
<div style="background:WhiteSmoke;width:100%;height:5%;line-height:5%;margin-bottom:0.5%;padding-top:10px;">
<input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;margin-top:1%">
<div style="background:WhiteSmoke;width:100%;height:6%;margin-bottom:0.5%;" class='bar'>
<input type='checkbox' class='input-checkbox' v-model='checked' @click='checkedAll' style="margin-left:10px;cursor:pointer;">
<span style="margin-left:8px;position:relative">选择<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:2%;width:50px" @click="delateAll">删除</Button>
<Button type="primary" size="small" style="margin-left:2%;" @click="transpond">
转发面试官
</Button>
<Button type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="allexport">导出列表</Button>
<Button type="primary" size="small" style="float:right;margin-right:20px;margin-top:0.6%" @click="sendEmail">邀请面试</Button>
<Button type="primary" size="small" class='left' @click="allexport">导出列表</Button>
<Button type="primary" size="small" class='left leftBtn' @click="sendEmail">邀请面试</Button>
</div>
<div style="margin-bottom:40px;float:left;width:100%;overflow-y: auto;height:100%" 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" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow}" >
<div class="detailResume" id="a" @mousemove="ahove(i,item.isShow)" @mouseleave="movleave(i,item.isShow)" :class="{red:item.isShow, grey: i%2!=0}" >
<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, item)"></span>
......@@ -290,7 +289,8 @@
v-model="emailMOdal"
width='1000px'
:mask-closable='false'
:closable='false'>
:closable='false'
:styles='{top: "50px"}'>
<div >
<h2 style="text-align:center;color:black" v-show="this.isShowAll==false">发送邮件</h2>
<h2 style="text-align:center;color:black" v-show="this.isShowAll==true">新建面试</h2>
......@@ -308,7 +308,7 @@
</FormItem>
<FormItem label="收件人" style="margin-top:20px" :show-massage='false'>
<Input style="width:95%" v-model="emailInline.receiveEmail" @on-blur='receiveEmail'/>
<span style="position: absolute;left:0;top:30px;color:gray">输入多个邮箱地址以英文”;“分隔</span>
<span style="position: absolute;left:0;top:30px;color:gray;font-size:12px;">输入多个邮箱地址以英文”;“分隔</span>
</FormItem>
<FormItem label="抄送" style="margin-top:20px">
<Input style="width:95%" v-model="emailInline.copyname" @on-blur='copyname'/>
......@@ -321,7 +321,7 @@
</div>
<div class="emailModalTitle-right" v-show="interviewIsShow==true">
<h3 style="text-align:center;margin-top:20px">请输入约面信息</h3>
<Form :label-width="75" ref="formInline" :rules="ruleInline" :model="formInline" style="margin-top:35px" label-position="left">
<Form :label-width="85" ref="formInline" :rules="ruleInline" :model="formInline" style="margin-top:35px" label-position="left" class="emailForm">
<FormItem label="邀约人" style="margin-top:20px" prop="UpdateOWER">
<Input v-model="formInline.UpdateOWER" style="width:100%" :maxlength="5" @on-blur='UpdateOWER'/>
</FormItem>
......@@ -331,9 +331,6 @@
<FormItem label="面试官" style="margin-top:20px" prop='UpdateVIEW'>
<Input v-model="formInline.UpdateVIEW" style="width:100%" :maxlength="5" @on-blur='UpdateVIEW'/>
</FormItem>
<FormItem label="" prop='sendWeixin'>
<Checkbox v-model="formInline.sendWeixin"><span style="margin-left:10px">微信通知面试官</span></Checkbox>
</FormItem>
</Form>
</div>
</div>
......@@ -357,10 +354,11 @@
<span><Icon type="md-close" @click="delateFile(index)" style="font-size:16px;float:right;margin-right:80px" /></span>
</p>
</div>
<div slot='footer' style="text-align:center" class="Ubt">
<div slot='footer' style="text-align:center;position: relative;" class="Ubt">
<Button type='primary' @click='emailModalPush'>取消</Button>
<Button type='primary' @click='modal10=true' v-show="this.isShowAll==false" :disabled="!isDisable">发送</Button>
<Button type='primary' @click='modal10=true' v-show="this.isShowAll==true" :disabled="!isDisable">添加并发送</Button>
<Checkbox v-model="formInline.sendWeixin" class='wechat'><span>微信通知面试官</span></Checkbox>
</div>
</Modal>
<Modal
......@@ -450,10 +448,7 @@ export default {
],
UpdateVIEW: [
{ required: true,message: '面试官不能为空', trigger: 'blur' }
],
moo:[
{required: false, validator: vidte, trigger: 'change'},
],
]
},
formInline:{
UpdateOWER:'',
......@@ -1260,6 +1255,20 @@ export default {
},
// 发送邮件
sendEmail(){
if(this.checkboxList.length == 0) {
this.$Notice.error({
title: '提示',
desc: '你尚未选择简历，请先选择简历'
})
return
}
if (this.checkboxList.length > 1){
this.$Notice.error({
title: '提示',
desc: ' 不能选择多份简历，请选择单份简历'
})
return
}
this.emailInline.modalArr=[]
this.emailMOdal=true
getEmailMoo().then(res=>{
......@@ -1851,6 +1860,26 @@ export default {
width: 100%;
height: 100%
}
.wechat{
position: absolute;
right: -5px;
top:30%;
span{
font-size: 13px;
}
}
.bar{
display:flex;
align-items: center;
position: relative;
.left{
position: absolute;
right: 10px;
}
.leftBtn{
right: 90px;
}
}
.channel-left{
height:100%;
width: 29%;
......@@ -1952,9 +1981,6 @@ select{
/* border: 1px solid black; */
height:60px
}
.a div:nth-child(2n){
background:rgba(241,241,241,1);
}
.emailModal-title{
height: 280px;
width: 100%;
......@@ -2031,5 +2057,15 @@ select{
margin-bottom: 10px;
}
}
.grey{
background:rgba(241,241,241,1);
}
</style>
<style>
.emailForm .ivu-form-item-label{
font-size: 14px
}
.ivu-form-item-content{
font-size: 14px;
}
</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