Skip to content

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

样式问题

parent b0a6bac4
Show whitespace changes
Inline Side-by-side
Showing with 161 additions and 60 deletions
src/components/home.vue
View file @ e46fda02
......@@ -287,11 +287,11 @@ import localstorage from '../service/localstorage.service.js'
<style lang="less" scoped>
.home{
height: 100%;
overflow: hidden;
.aside{
// min-height: 2050px;
border-right: 1px solid #dcdee2;
box-shadow: #dcdee2 0 0 6px 1px;
// width:15%;
height: 100%;
img{
height: 49px;
width: 100%;
......
src/page/resume/allResume.vue
View file @ e46fda02
......@@ -58,8 +58,8 @@
<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}">
<p class='info'>
<span style="display:inline-block;height:100%;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">
<span style="display:inline-block;height:100%;margin-top:5px;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">
</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.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.ownerMobile}} <span v-show="item.ownerAge !==''">|</span></span>
......@@ -137,10 +137,10 @@
</p>
<p style="margin-top:5px;color:Greys" class='info'>
<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: 12px;margin-left:40px;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward==null">{{item.deliveryTime}}投递 |</span>
<span style="display:inline-block;font-size: 12px;margin-left:40px;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:40px;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:40px" 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:3%;color:Grey" v-if="item.srcSite!==''" v-show="item.hasForward==null">{{item.deliveryTime}}投递 |</span>
<span style="display:inline-block;font-size: 12px;margin-left:3%;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:3%;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:3%" 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;float:right;text-align:right;margin-right:10px;color:Grey">
......@@ -308,22 +308,22 @@
<div class="emailModal-title">
<div class="emailModalTitle-left">
<p>
<Form :label-width="70" :model="emailInline" label-position="left" style="margin-left:5%" ref="emailInline" :rules="ruleInline" class="emailForm">
<Form :label-width="70" :model="emailInline" label-position="left" style="margin-left:5%" ref="emailInline" :rules="emailruleInline" class="emailForm">
<FormItem label="选择模板" style="margin-top:20px" prop='moo'>
<Select style="width:95%" @on-change='getEmailContentValue' v-model="emailInline.moo" >
<Option v-for="(item,index) in emailInline.modalArr" :key="index" :value="item.templateCode">{{item.templateName}}</Option>
</Select><br>
<!-- <span v-show="emailMassage==true">你尚未选择简历，请先选择简历</span> -->
</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;font-size:12px;">输入多个邮箱地址以英文”;“分隔</span>
<FormItem label="收件人" style="margin-top:20px" prop='receiveEmail'>
<Input style="width:95%" v-model="emailInline.receiveEmail" @on-focus='getfocus("emailInline","receiveEmail")'/>
<span style="position: absolute;left:0;top:30px;color:gray;font-size:12px;" v-show='!tip'>{{tipInfo}}</span>
</FormItem>
<FormItem label="抄送" style="margin-top:20px">
<Input style="width:95%" v-model="emailInline.copyname" @on-blur='copyname'/>
<FormItem label="抄送" style="margin-top:20px" prop='copyname'>
<Input style="width:95%" v-model="emailInline.copyname" @on-focus='getfocus("emailInline","copyname")'/>
</FormItem>
<FormItem label="主题" style="margin-top:20px">
<Input style="width:95%" v-model="emailInline.theme" @on-blur='theme'/>
<FormItem label="主题" style="margin-top:20px" prop='theme'>
<Input style="width:95%" v-model="emailInline.theme" @on-focus='getfocus("emailInline","theme")'/>
</FormItem>
</Form>
</p>
......@@ -332,13 +332,13 @@
<h3 style="text-align:center;margin-top:20px">请输入约面信息</h3>
<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'/>
<Input v-model="formInline.UpdateOWER" style="width:100%" :maxlength="5" @on-focus='getfocus("formInline", "UpdateOWER")'/>
</FormItem>
<FormItem label="面试时间" style="margin-top:20px" prop="UpdateTIME">
<DatePicker type="datetime" style="width:100%" v-model="formInline.UpdateTIME" format="yyyy-MM-dd HH:mm" @on-change="changeTime" :options="options3" :editable='false' @on-blur='UpdateTIME'></DatePicker>
<DatePicker type="datetime" style="width:100%" v-model="formInline.UpdateTIME" format="yyyy-MM-dd HH:mm" @on-change="changeTime" :options="options3" :editable='false' @on-open-change='getfocus("formInline", "UpdateTIME")'></DatePicker>
</FormItem>
<FormItem label="面试官" style="margin-top:20px" prop='UpdateVIEW'>
<Input v-model="formInline.UpdateVIEW" style="width:100%" :maxlength="5" @on-blur='UpdateVIEW'/>
<Input v-model="formInline.UpdateVIEW" style="width:100%" :maxlength="5" @on-focus='getfocus("formInline", "UpdateVIEW")'/>
</FormItem>
</Form>
......@@ -435,6 +435,7 @@ import {mapState} from 'vuex'
// import ckeditor from '../../../static/ckeditor'
export default {
data () {
const emailRule = /^((([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6}\;))*(([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})))$/
const vidte=(rule,value,callback)=>{
if(this.emailMassage==true){
// callback(new Error('你尚未选择简历，请先选择简历'))
......@@ -450,23 +451,102 @@ import {mapState} from 'vuex'
if (!value)this.$Notice.warning({title: '提示',desc: '请输入您要通知的面试官'})
callback()
}
const emailValidata = (rule, value, callback) => {
console.log(rule)
let field = rule.field
let reg = rule.pattern
switch(field){
case 'receiveEmail':
if (!value) {
this.tip = true
this.isDisable=false
callback(new Error('收件人不能为空'))
}
else if (rule.pattern&&!rule.pattern.test(value)) {
this.tip = true
this.isDisable=false
callback(new Error('请输入正确收件人地址'))
}else {
this.tip = false
this.isDisable=true
callback()
}
break;
case 'theme':
if (!value) {
this.isDisable=false
callback(new Error('主题能为空'))
} else {
this.isDisable=true
callback()
}
break;
case 'copyname':
if (value&&reg&&!reg.test(value)) {
this.isDisable=false
callback(new Error('请输入正确抄送地址'))
} else {
this.isDisable=true
callback()
}
break;
case 'UpdateOWER':
if (!value) {
this.isDisable=false
callback(new Error('邀约人不能为空'))
} else {
this.isDisable=true
callback()
}
break;
case 'UpdateTIME':
if (!value) {
this.isDisable=false
callback(new Error('面试时间不能为空'))
} else {
this.isDisable=true
callback()
}
break;
case 'UpdateVIEW':
if (!value) {
this.isDisable=false
callback(new Error('面试官不能为空'))
} else {
this.isDisable=true
callback()
}
break;
default:
callback()
break;
}
}
return {
interviewee: [],
tip: false,
tipInfo: '输入多个邮箱地址以英文”;“分隔',
sad:'',
loading1: false,
options: [],
editorObject: {type: '', value: ''},
ruleInline: {
UpdateOWER: [
{ required: true, message: '邀约人不能为空', trigger: 'blur' }
{ required: true, message: '邀约人不能为空', trigger: 'blur', validator: emailValidata}
],
UpdateTIME: [
{ required: true, message: '面试时间不能为空', trigger: 'date' }
{ required: true, message: '面试时间不能为空', trigger: 'change', type:'date', validator: emailValidata}
],
UpdateVIEW: [
{ required: true,message: '面试官不能为空', trigger: 'blur' }
{ required: true,message: '面试官不能为空', trigger: 'blur', validator: emailValidata}
]
},
emailruleInline: {
receiveEmail: [{required: true, trigger: 'blur', pattern: emailRule, validator: emailValidata}],
theme: [{required: true, trigger: 'blur',message: '主题不能为空', validator: emailValidata}],
copyname: [{required: false, trigger: 'blur', pattern: emailRule, validator: emailValidata, empty: true}]
},
formInline:{
UpdateOWER:'',
UpdateTIME:'',
......@@ -1160,7 +1240,10 @@ import {mapState} from 'vuex'
type: this.temp,
value: this.emailInline.templateContent
}
this.isDisable = false
return
} else {
this.isDisable = true
}
var reg = /<span id="email_seeTime"><span>/g
var time = b.split('-')
......@@ -1511,13 +1594,6 @@ import {mapState} from 'vuex'
desc: '请正确填写邮箱地址'
});
return
}
if((this.emailIdArr.length>1)&&(this.temp=='TEMP_0001'|| this.temp=='TEMP_0005'|| this.temp=='TEMP_0006')){
this.$Notice.error({
title: '提示',
desc: '不能选择多份简历，请选择单份简历'
});
return
}
this.attachFileList=this.uploadFileList.length==0?'':this.uploadFileList
this.flowStatusTT=this.emailFlowStatus==''?'':'TO_SEE'
......@@ -1795,10 +1871,7 @@ import {mapState} from 'vuex'
},
receiveEmail(){
if(!(/^((([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6}\;))*(([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})))$/.test(this.emailInline.receiveEmail))){
this.$Notice.error({
title: '提示',
desc: '请正确填写邮箱地址'
});
this.tipInfo = '请正确填写邮箱地址'
this.isDisable=false
return
}else{
......@@ -1830,6 +1903,7 @@ import {mapState} from 'vuex'
}
},
UpdateOWER(){
console.log('====')
if(this.formInline.UpdateOWER==''){
this.isDisable=false
}else{
......@@ -1837,6 +1911,7 @@ import {mapState} from 'vuex'
}
},
UpdateTIME(){
console.log('--=')
if(this.formInline.UpdateTIME==''){
this.isDisable=false
}else{
......@@ -1849,8 +1924,28 @@ import {mapState} from 'vuex'
}else{
this.isDisable=true
}
},
getfocus(form, name){
let vm = this;
let value = this[form][name]
if(name == 'receiveEmail') {
this.tip&&this.$refs[form].fields.forEach(function (e) {
if (e.prop == name) {
e.resetField()
vm[form][name] = value
vm.tip = false
}
})
} else {
this.$refs[form].fields.forEach(function (e) {
if (e.prop == name) {
e.resetField()
vm[form][name] = value
}
})
}
}
},
mounted(){
this.SouSuo()
......@@ -2059,16 +2154,17 @@ background:rgba(241,241,241,1);
.info{
font-size: 13px;
position:relative;
padding: 0 1%;
span{
font-size: 14px !important;
}
.inputcheck{
width: 2.5%;
}
input {
margin-left: 10px;
cursor: pointer;
width: 25px;
height: 25px;
line-height: 25px;
vertical-align: -5px;
width: 100%;
margin: auto;
}
.transmit{
position: absolute;
......@@ -2078,9 +2174,9 @@ background:rgba(241,241,241,1);
.selectAll{
margin-left: 10px;
cursor: pointer;
width: 25px;
height: 25px;
line-height: 25px;
width: 1.5em;
height: 1.5em;
line-height: 1.5e;
vertical-align: -5px;
}
.status{
......@@ -2108,4 +2204,7 @@ background:rgba(241,241,241,1);
.ivu-form-item-content{
font-size: 14px;
}
.ivu-form-item-error-tip{
font-size:12px;
}
</style>
\ No newline at end of file
src/page/resume/channel.vue
View file @ e46fda02
......@@ -54,8 +54,8 @@
<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, grey: i%2!=0}" >
<p class="massage info" 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>
<span style="display:inline-block;height:100%;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-top:5px" class='inputcheck'>
<input type='checkbox' name='checkboxinput' style="cursor:pointer" class='input-checkbox' v-model='checkboxList' :value="item.id" @click="selectInputElement(i,item.id,item.flowStatus,item.STATES, item)"></span>
<span style="display:inline-block;height:100%;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id)">{{item.ownerName}} |</span>
<span style="display:inline-block;height:100%;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id)"> {{item.ownerMobile}} |</span>
<span style="display:inline-block;height:100%;font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;cursor:pointer" @click="Seedetail(item.id)"> {{item.ownerAge}}岁 |</span>
......@@ -2060,16 +2060,18 @@ select{
.info{
font-size: 13px;
position:relative;
padding: 0 1%;
span{
font-size: 14px !important;
}
.inputcheck{
width: 2.5%;
}
input {
margin-left: 10px;
cursor: pointer;
width: 25px;
height: 25px;
line-height: 25px;
vertical-align: -5px;
width: 100%;
margin: auto;
vertical-align: 1px;
}
.transmit{
position: absolute;
......@@ -2079,9 +2081,9 @@ select{
.selectAll{
margin-left: 10px;
cursor: pointer;
width: 25px;
height: 25px;
line-height: 25px;
width: 1.5em;
height: 1.5em;
line-height: 1.5e;
vertical-align: -5px;
}
.grey{
......
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