mz666
/
bocai_supplyChain_pc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1

Browse Source
cyl/dev
wangxia 2 years ago
parent 5ea1fe6bdd
commit b27e657ef1
4 changed files with 177 additions and 222 deletions
Show Stats Download Patch File Download Diff File

364
src/components/FirstJob/components/timepicker.vue
Unescape Escape View File

@ -1,14 +1,12 @@
<template> <template>
<div class=""> <div class>
<!-- <span @click="showPicker">{{ getLangText(label.datetimePicker) }}</span> --> <!-- <span @click="showPicker">{{ getLangText(label.datetimePicker) }}</span> -->
<div class="date-picker-bg" v-show="isShow" @click="closePicker"></div> <div class="date-picker-bg" v-show="isShow" @click="closePicker"></div>
<div class="date-picker time-container" v-show="isShow"> <div class="date-picker time-container" v-show="isShow">
<div class="picker-top"> <div class="picker-top">
<span class="picker-arrow" @click="preYear">&lsaquo;&lsaquo;</span> <span class="picker-arrow" @click="preYear">&lsaquo;&lsaquo;</span>
<span class="picker-arrow" @click="preMonth">&lsaquo;</span> <span class="picker-arrow" @click="preMonth">&lsaquo;</span>
<span class="date-text" <span class="date-text">{{ year }}-{{ month > 9 ? month : "0" + month }}</span>
>{{ year }}-{{ month > 9 ? month : "0" + month }}</span
>
<span class="picker-arrow" @click="nextMonth">&rsaquo;</span> <span class="picker-arrow" @click="nextMonth">&rsaquo;</span>
<span class="picker-arrow" @click="nextYear">&rsaquo;&rsaquo;</span> <span class="picker-arrow" @click="nextYear">&rsaquo;&rsaquo;</span>
</div> </div>
@ -16,31 +14,25 @@
<table> <table>
<thead style="borderradius: 4px"> <thead style="borderradius: 4px">
<tr style="overflow: hidden"> <tr style="overflow: hidden">
<th v-for="(item, idx) in weekList" :key="'week' + idx"> <th v-for="(item, idx) in weekList" :key="'week' + idx">{{ getLangText(item) }}</th>
{{ getLangText(item) }}
</th>
</tr> </tr>
</thead> </thead>
<div class="contain"></div> <div class="contain"></div>
<tbody> <tbody>
<tr v-for="idx in weekNum" :key="'weekNum' + idx"> <tr v-for="idx in weekNum" :key="'weekNum' + idx">
<td <td v-for="m in [1, 2, 3, 4, 5, 6, 7]" :key="'monthDay' + idx + '_' + m" :class="[
v-for="m in [1, 2, 3, 4, 5, 6, 7]"
:key="'monthDay' + idx + '_' + m"
:class="[
new Date(monthList[idx - 1][m - 1]).getMonth() + 1 == month new Date(monthList[idx - 1][m - 1]).getMonth() + 1 == month
? '' ? ''
: 'gray', : 'gray',
selectDate == monthList[idx - 1][m - 1] ? 'active' : '', selectDate == monthList[idx - 1][m - 1] ? 'active' : '',
(new Date(monthList[idx - 1][m - 1]).getTime() < (prev ? new Date(monthList[idx - 1][m - 1]).getTime() <
currentDate || currentDate : new Date(monthList[idx - 1][m - 1]).getTime() >
getabandonDate(new Date(monthList[idx - 1][m - 1]))) && currentDate) ||
getabandonDate(new Date(monthList[idx - 1][m - 1])) &&
isInterview isInterview
? 'bggray' ? 'bggray'
: '', : '',
]" ]" @click="onSelectDate(monthList[idx - 1][m - 1])">
@click="onSelectDate(monthList[idx - 1][m - 1])"
>
<!-- (new Date(monthList[idx - 1][m - 1]).getTime() < <!-- (new Date(monthList[idx - 1][m - 1]).getTime() <
currentDate || currentDate ||
getabandonDate(new Date(monthList[idx - 1][m - 1]))) && getabandonDate(new Date(monthList[idx - 1][m - 1]))) &&
@ -53,13 +45,9 @@
</tbody> </tbody>
</table> </table>
<ul class="hour-list" @click="closebox"> <ul class="hour-list" @click="closebox">
<li <li v-for="(n, index) in hourList" :key="'hourList' + index" @click="onSelectHour(n, index)" :class="[index == clicktime ? 'active' : '']">
v-for="(n, index) in hourList" {{ n }}:
:key="'hourList' + index" <span>{{ index % 2 === 0 ? "00" : "30" }}</span>
@click="onSelectHour(n, index)"
:class="[index == clicktime ? 'active' : '']"
>
{{ n }}:<span>{{ index % 2 === 0 ? "00" : "30" }}</span>
</li> </li>
</ul> </ul>
<!-- <ul class="minutes-list"> <!-- <ul class="minutes-list">
@ -72,7 +60,7 @@
> >
{{ n - 1 }}:00 {{ n - 1 }}:00
</li> </li>
</ul> --> </ul>-->
</div> </div>
<!-- <div class="picker-footer"> --> <!-- <div class="picker-footer"> -->
<!-- <button @click="closePicker">{{ getLangText(label.close) }}</button> --> <!-- <button @click="closePicker">{{ getLangText(label.close) }}</button> -->
@ -86,37 +74,28 @@
Date.prototype.format = function (fmt) { Date.prototype.format = function (fmt) {
//author: meizz //author: meizz
var o = { var o = {
"M+": this.getMonth() + 1, //月份 'M+': this.getMonth() + 1, //月份
"d+": this.getDate(), //日 'd+': this.getDate(), //日
"h+": this.getHours(), //小时 'h+': this.getHours(), //小时
"m+": this.getMinutes(), //分 'm+': this.getMinutes(), //分
"s+": this.getSeconds(), //秒 's+': this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度 'q+': Math.floor((this.getMonth() + 3) / 3), //季度
S: this.getMilliseconds(), //毫秒 S: this.getMilliseconds(), //毫秒
}; }
if (/(y+)/.test(fmt)) if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
fmt = fmt.replace( for (var k in o) if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))
RegExp.$1, return fmt
(this.getFullYear() + "").substr(4 - RegExp.$1.length) }
);
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt))
fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length)
);
return fmt;
};
export default { export default {
name: "DateTimePicker", name: 'DateTimePicker',
props: { props: {
langType: { langType: {
type: String, type: String,
default: window.localStorage.getItem("langType"), default: window.localStorage.getItem('langType'),
}, },
datetime: { datetime: {
type: String, type: String,
default: new Date().format("yyyy-MM-dd hh:00"), default: new Date().format('yyyy-MM-dd hh:00'),
}, },
isShow: { isShow: {
type: Boolean, type: Boolean,
@ -127,45 +106,42 @@ export default {
default: true, default: true,
}, },
baseColor: {}, baseColor: {},
prev: {
type: Boolean,
},
}, },
data: () => ({ data: () => ({
label: { label: {
ok: { zh: "确定", en: "OK" }, ok: { zh: '确定', en: 'OK' },
close: { zh: "关闭", en: "close" }, close: { zh: '关闭', en: 'close' },
today: { zh: "确定", en: "now" }, today: { zh: '确定', en: 'now' },
datetimePicker: { zh: "日期时间选择", en: "datetimePicker" }, datetimePicker: { zh: '日期时间选择', en: 'datetimePicker' },
}, },
clicktime: null, clicktime: null,
weekList: [ weekList: [
{ zh: "日", en: "Sun" }, { zh: '日', en: 'Sun' },
{ zh: "一", en: "Mon" }, { zh: '一', en: 'Mon' },
{ zh: "二", en: "Tue" }, { zh: '二', en: 'Tue' },
{ zh: "三", en: "Wed" }, { zh: '三', en: 'Wed' },
{ zh: "四", en: "Thu" }, { zh: '四', en: 'Thu' },
{ zh: "五", en: "Fir" }, { zh: '五', en: 'Fir' },
{ zh: "六", en: "Sat" }, { zh: '六', en: 'Sat' },
],
hourList: [
8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17,
17, 18, 18,
],
hourListTmp: [
8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17,
17, 18, 18,
], ],
hourList: [8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18],
hourListTmp: [8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18],
year: new Date().getFullYear(), year: new Date().getFullYear(),
month: new Date().getMonth() + 1, month: new Date().getMonth() + 1,
day: new Date().getDate(), day: new Date().getDate(),
currentDate: new Date(new Date().format("yyyy-MM-dd 00:00")).getTime(), currentDate: new Date(new Date().format('yyyy-MM-dd 00:00')).getTime(),
// testDate: , // testDate: ,
abandonDate: [], abandonDate: [],
startDay: 0, startDay: 0,
endDay: 0, endDay: 0,
weekNum: 0, weekNum: 0,
selectDate: "", selectDate: '',
monthList: [], monthList: [],
selectHour: "", selectHour: '',
selectMinute: "", selectMinute: '',
// new Date().getMinutes() >= 0 && new Date().getMinutes() < 30 ? "0" : "30", // new Date().getMinutes() >= 0 && new Date().getMinutes() < 30 ? "0" : "30",
}), }),
created() { created() {
@ -175,45 +151,28 @@ export default {
}, },
watch: { watch: {
year() { year() {
this.getMonthDay(); this.getMonthDay()
}, },
month() { month() {
this.getMonthDay(); this.getMonthDay()
}, },
isShow() { isShow() {
const that = this; const that = this
let box = document.querySelector(".time-container"); let box = document.querySelector('.time-container')
box.style.opacity = 1; box.style.opacity = 1
if (this.isShow) { if (this.isShow) {
this.initHours(); this.initHours()
// console.log(this.selectHour); // console.log(this.selectHour);
this.$nextTick(() => { this.$nextTick(() => {
this.selectDate = new Date( this.selectDate = new Date(new Date(this.datetime || new Date()).format('yyyy-MM-dd 00:00')).getTime()
new Date(this.datetime || new Date()).format("yyyy-MM-dd 00:00") this.selectMinute = new Date(this.datetime || new Date()).getMinutes() < 30 ? '0' : '30'
).getTime(); console.log(this.selectMinute)
this.selectMinute = this.selectHour = new Date(this.datetime || new Date()).getHours() > 8 && new Date(this.datetime || new Date()).getHours() < 19 ? new Date(this.datetime || new Date()).getHours() : '8'
new Date(this.datetime || new Date()).getMinutes() < 30 let ind = (this.selectHour - 8 - (this.hourListTmp.length - this.hourList.length) / 2) * 2 + (this.selectMinute === '0' ? 0 : 1)
? "0" that.$emit('update:datetime', new Date(that.selectDate + that.selectHour * 3600000 + that.selectMinute * 60000).format('yyyy-MM-dd hh:mm'))
: "30"; console.log(ind)
console.log(this.selectMinute); this.onSelectHour(this.selectHour, ind)
this.selectHour = })
new Date(this.datetime || new Date()).getHours() > 8 &&
new Date(this.datetime || new Date()).getHours() < 19
? new Date(this.datetime || new Date()).getHours()
: "8";
let ind =
(this.selectHour - 8 - (this.hourListTmp.length - this.hourList.length) / 2) * 2 + (this.selectMinute === "0" ? 0 : 1);
that.$emit(
"update:datetime",
new Date(
that.selectDate +
that.selectHour * 3600000 +
that.selectMinute * 60000
).format("yyyy-MM-dd hh:mm")
);
console.log(ind);
this.onSelectHour(this.selectHour, ind);
});
} }
// else { // else {
// this.$emit( // this.$emit(
@ -225,106 +184,95 @@ export default {
}, },
methods: { methods: {
initHours(timestr = '') { initHours(timestr = '') {
var today = new Date(); var today = new Date()
var todayStr = `${today.getFullYear()}-${today.getMonth() < 10 ? ('0' + (today.getMonth() + 1)) : (today.getMonth() + 1)}-${today.getDate() < 10 ? ('0' + today.getDate()) : today.getDate()}`; var todayStr = `${today.getFullYear()}-${today.getMonth() < 10 ? '0' + (today.getMonth() + 1) : today.getMonth() + 1}-${today.getDate() < 10 ? '0' + today.getDate() : today.getDate()}`
if(timestr != '' && timestr != todayStr) { if (timestr != '' && timestr != todayStr) {
this.hourList = [ this.hourList = [8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18]
8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, return
17, 18, 18, }
] if (this.datetime.split(' ')[0] == todayStr || timestr == todayStr) {
return; var currhour = today.getHours()
} if (currhour > 17) {
if(this.datetime.split(" ")[0] == todayStr || timestr == todayStr) { this.hourList = []
var currhour = today.getHours(); } else if (currhour <= 7) {
if(currhour > 17) { this.hourList = [8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18]
this.hourList = [];
} else if(currhour <= 7) {
this.hourList = [
8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17,
17, 18, 18,
]
} else { } else {
var arr = []; var arr = []
currhour += 1; currhour += 1
for(var i = currhour; i != 19; ++i) { for (var i = currhour; i != 19; ++i) {
arr.push(i); arr.push(i)
arr.push(i); arr.push(i)
} }
this.hourList = arr; this.hourList = arr
} }
} else { } else {
this.hourList = [ this.hourList = [8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17, 17, 18, 18]
8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13, 14, 14, 15, 15, 16, 16, 17,
17, 18, 18,
]
} }
}, },
getLangText(item) { getLangText(item) {
if (item) { if (item) {
if (this.langType == "en") { if (this.langType == 'en') {
if (item.en && item.en.length > 1) { if (item.en && item.en.length > 1) {
return item.en.substring(0, 1).toUpperCase() + item.en.substring(1); return item.en.substring(0, 1).toUpperCase() + item.en.substring(1)
} else if (item.en && item.en.length == 1) { } else if (item.en && item.en.length == 1) {
return item.en.toUpperCase(); return item.en.toUpperCase()
} else { } else {
return "--"; return '--'
} }
} else { } else {
return item.zh ? item.zh : "--"; return item.zh ? item.zh : '--'
} }
} else { } else {
return "--"; return '--'
} }
}, },
preYear() { preYear() {
this.year = this.year - 1; this.year = this.year - 1
}, },
nextYear() { nextYear() {
this.year = this.year + 1; this.year = this.year + 1
}, },
nextMonth() { nextMonth() {
if (this.month == 12) { if (this.month == 12) {
this.year = this.year + 1; this.year = this.year + 1
this.month = 1; this.month = 1
} else { } else {
this.month++; this.month++
} }
}, },
preMonth() { preMonth() {
if (this.month == 1) { if (this.month == 1) {
this.year = this.year - 1; this.year = this.year - 1
this.month = 12; this.month = 12
} else { } else {
this.month--; this.month--
} }
}, },
showPicker() { showPicker() {
this.$emit("update:is-show", true); this.$emit('update:is-show', true)
var time = new Date(this.datetime || new Date()).getTime(); var time = new Date(this.datetime || new Date()).getTime()
this.year = new Date(time).getFullYear(); this.year = new Date(time).getFullYear()
this.month = new Date(time).getMonth() + 1; this.month = new Date(time).getMonth() + 1
this.day = new Date(time).getDate(); this.day = new Date(time).getDate()
this.selectDate = new Date( this.selectDate = new Date(new Date(time).format('yyyy-MM-dd 00:00')).getTime()
new Date(time).format("yyyy-MM-dd 00:00") this.selectHour = new Date(time).getHours()
).getTime();
this.selectHour = new Date(time).getHours();
}, },
onConfirmDate(time) { onConfirmDate(time) {
this.onSelectDate(time); this.onSelectDate(time)
// this.confirmPicker(); // this.confirmPicker();
}, },
onConfirmHour(n) { onConfirmHour(n) {
this.onSelectHour(n); this.onSelectHour(n)
// this.confirmPicker(); // this.confirmPicker();
}, },
closePicker() { closePicker() {
let box = document.querySelector(".time-container"); let box = document.querySelector('.time-container')
box.style.opacity = 0; box.style.opacity = 0
setTimeout(() => { setTimeout(() => {
this.$emit("update:is-show", false); this.$emit('update:is-show', false)
}, 300); }, 300)
console.log(box); console.log(box)
}, },
setNow() { setNow() {
// this.year = new Date().getFullYear(); // this.year = new Date().getFullYear();
@ -338,7 +286,7 @@ export default {
// new Date().getMinutes() > 0 && new Date().getMinutes() <= 30 // new Date().getMinutes() > 0 && new Date().getMinutes() <= 30
// ? "0" // ? "0"
// : "30"; // : "30";
this.$emit("update:is-show", false); this.$emit('update:is-show', false)
}, },
// confirmPicker() { // confirmPicker() {
// console.log(this.selectMinute); // console.log(this.selectMinute);
@ -359,53 +307,42 @@ export default {
// this.closePicker(); // this.closePicker();
// }, // },
getMonthDay() { getMonthDay() {
var monthFirst = new Date(this.year + "-" + this.month + "-01 00:00"); var monthFirst = new Date(this.year + '-' + this.month + '-01 00:00')
var w = monthFirst.getDay(); var w = monthFirst.getDay()
this.startDay = monthFirst.getTime() - w * 24 * 3600 * 1000; this.startDay = monthFirst.getTime() - w * 24 * 3600 * 1000
if (this.month == 12) { if (this.month == 12) {
this.endDay = new Date(this.year + 1 + "-01-01 00:00").getTime() - 1000; this.endDay = new Date(this.year + 1 + '-01-01 00:00').getTime() - 1000
} else { } else {
this.endDay = this.endDay = new Date(this.year + '-' + (this.month + 1) + '-01 00:00').getTime() - 1000
new Date(this.year + "-" + (this.month + 1) + "-01 00:00").getTime() -
1000;
} }
var monthDay = (this.endDay + 1000 - this.startDay) / (24 * 3600 * 1000); var monthDay = (this.endDay + 1000 - this.startDay) / (24 * 3600 * 1000)
this.weekNum = Math.ceil(monthDay / 7); this.weekNum = Math.ceil(monthDay / 7)
this.monthList = []; this.monthList = []
for (var i = 0; i < this.weekNum; i++) { for (var i = 0; i < this.weekNum; i++) {
var item = []; var item = []
for (var j = 0; j < 7; j++) { for (var j = 0; j < 7; j++) {
item.push( item.push(this.startDay + i * 24 * 3600 * 1000 * 7 + j * 24 * 3600 * 1000)
this.startDay + i * 24 * 3600 * 1000 * 7 + j * 24 * 3600 * 1000
);
} }
this.monthList.push(item); this.monthList.push(item)
} }
}, },
onSelectHour(n, index) { onSelectHour(n, index) {
// console.log(n); // console.log(n);
this.selectHour = n; this.selectHour = n
this.clicktime = index; this.clicktime = index
if (index % 2 === 0) { if (index % 2 === 0) {
this.selectMinute = "0"; this.selectMinute = '0'
} else { } else {
this.selectMinute = "30"; this.selectMinute = '30'
} }
this.$emit( this.$emit('update:datetime', new Date(this.selectDate + this.selectHour * 3600000 + this.selectMinute * 60000).format('yyyy-MM-dd hh:mm'))
"update:datetime",
new Date(
this.selectDate +
this.selectHour * 3600000 +
this.selectMinute * 60000
).format("yyyy-MM-dd hh:mm")
);
}, },
closebox() { closebox() {
console.log(this.selectDate); console.log(this.selectDate)
this.closePicker(); this.closePicker()
}, },
// onSelectMinute(n) { // onSelectMinute(n) {
// this.selectMinute = n; // this.selectMinute = n;
@ -424,48 +361,41 @@ export default {
// console.log(time); // console.log(time);
if (this.isInterview) { if (this.isInterview) {
//控制面试时间的可选择日期范围 //控制面试时间的可选择日期范围
if (time < this.currentDate || this.getabandonDate(time)) { if ((this.prev ? time < this.currentDate : time > this.currentDate) || this.getabandonDate(time)) {
return; return
} else { } else {
this.selectDate = time; this.selectDate = time
} }
} else { } else {
this.selectDate = time; this.selectDate = time
} }
this.year = new Date(time).getFullYear(); this.year = new Date(time).getFullYear()
this.month = new Date(time).getMonth() + 1; this.month = new Date(time).getMonth() + 1
this.day = new Date(time).getDate(); this.day = new Date(time).getDate()
// console.log(this.selectMinute); // console.log(this.selectMinute);
// console.log(this.year, "--------", this.month, "--------", this.day); // console.log(this.year, "--------", this.month, "--------", this.day);
this.$emit( this.$emit('update:datetime', new Date(this.selectDate + this.selectHour * 3600000 + +this.selectMinute * 60000).format('yyyy-MM-dd hh:mm'))
"update:datetime",
new Date(
this.selectDate +
this.selectHour * 3600000 +
+this.selectMinute * 60000
).format("yyyy-MM-dd hh:mm")
);
// let data12 = this.getabandonDate(new Date("2022-03-25").getTime()); // let data12 = this.getabandonDate(new Date("2022-03-25").getTime());
// console.dir(this.getabandonDate); // console.dir(this.getabandonDate);
// console.log(data12); // console.log(data12);
var selDate = new Date(time); var selDate = new Date(time)
this.initHours(`${selDate.getFullYear()}-${selDate.getMonth() < 10 ? ('0' + (selDate.getMonth() + 1)) : (selDate.getMonth() + 1)}-${selDate.getDate() < 10 ? ('0' + selDate.getDate()) : selDate.getDate()}`); this.initHours(`${selDate.getFullYear()}-${selDate.getMonth() < 10 ? '0' + (selDate.getMonth() + 1) : selDate.getMonth() + 1}-${selDate.getDate() < 10 ? '0' + selDate.getDate() : selDate.getDate()}`)
}, },
getabandonDate(date) { getabandonDate(date) {
// 禁用日期的回调 // 禁用日期的回调
let day = new Date(date).getMonth() + "" + new Date(date).getDate(); let day = new Date(date).getMonth() + '' + new Date(date).getDate()
let value = this.abandonDate.some((item) => { let value = this.abandonDate.some((item) => {
let day1 = new Date(item).getMonth() + "" + new Date(item).getDate(); let day1 = new Date(item).getMonth() + '' + new Date(item).getDate()
return day1 === day; return day1 === day
}); })
return value; return value
}, },
}, },
mounted() { mounted() {
this.getMonthDay(); this.getMonthDay()
}, },
}; }
</script> </script>
<style lang="less"> <style lang="less">
@color: #ff4400; @color: #ff4400;
@ -605,7 +535,7 @@ export default {
cursor: default; cursor: default;
&::after { &::after {
content: ""; content: '';
position: absolute; position: absolute;
display: block; display: block;
width: 100%; width: 100%;

27
src/components/FirstJob/joblist.vue
Unescape Escape View File

@ -413,7 +413,10 @@
</div> </div>
<div class="jobtag"> <div class="jobtag">
<!-- <span>返费</span> --> <!-- <span>返费</span> -->
<i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> <!-- <i class="iconfont icon-ziying" v-if="item.signType == 1" style></i> -->
<span class="hotTag" v-if="item.hotJob == 1">
<i class="iconfont icon-retui" style="font-size:10px"></i>热推
</span>
<span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span> <span v-for="(item1, index) in item.jobSpecialLabelNames" :key="index">{{ item1 }}</span>
<span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span> <span v-if="item.jobSpecialLabelNames.length == 0">暂无特色</span>
</div> </div>
@ -1351,7 +1354,13 @@ export default {
}, },
searchJob(item) { searchJob(item) {
// console.log(item); // console.log(item);
if (item.levelType == 1) {
this.formvalue.cityName = ''
this.formvalue.provinceName = item.name
} else {
this.formvalue.provinceName = ''
this.formvalue.cityName = item.name this.formvalue.cityName = item.name
}
this.formvalue.levelType = item.levelType this.formvalue.levelType = item.levelType
this.currentCity = item.name this.currentCity = item.name
this.getJobList() this.getJobList()
@ -2548,6 +2557,16 @@ export default {
background: rgba(51, 51, 51, 0.06); background: rgba(51, 51, 51, 0.06);
border-radius: 2px; border-radius: 2px;
} }
.hotTag {
background-color: #f40;
color: #fff;
font-size: 12px;
padding: 4px;
i {
margin-right: 4px;
color: #fff;
}
}
} }
.jobpricemonth { .jobpricemonth {
margin-top: 10px; margin-top: 10px;
@ -2829,6 +2848,9 @@ export default {
height: 46px; height: 46px;
line-height: 46px; line-height: 46px;
} }
.ant-dropdown-menu {
padding: 0;
}
.ant-dropdown-menu-item { .ant-dropdown-menu-item {
width: 140px; width: 140px;
padding: 0 16px; padding: 0 16px;
@ -2837,6 +2859,9 @@ export default {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
} }
&:hover {
background-color: #fff3ef;
}
} }
.active.sortMenu { .active.sortMenu {
color: #ff4400; color: #ff4400;

4
src/components/FirstJob/recordBill.vue
Unescape Escape View File

@ -76,13 +76,13 @@
</div> </div>
</a-form-model-item> </a-form-model-item>
<a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }"> <a-form-model-item class="time-input" ref="interviewTime" label="面试时间" prop="interviewTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime"></timepicker> <timepicker :isShow.sync="isShow" :datetime.sync="form.interviewTime" :prev="true"></timepicker>
<a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo"> <a-input class="pt1" v-model="form.interviewTime" placeholder="请选择面试时间" @input="verify" allowClear @click="getDateinfo">
<i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i> <i class="iconfont icon-rili" slot="suffix" @click="getDateinfo"></i>
</a-input> </a-input>
</a-form-model-item> </a-form-model-item>
<a-form-model-item style="margin-top: 12px" class="time-input" ref="receptionTime" label="接待时间" prop="receptionTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }"> <a-form-model-item style="margin-top: 12px" class="time-input" ref="receptionTime" label="接待时间" prop="receptionTime" :wrapperCol="{ span: 18 }" :labelCol="{ span: 4 }">
<timepicker :isShow.sync="isShow1" :datetime.sync="form.receptionTime"></timepicker> <timepicker :isShow.sync="isShow1" :datetime.sync="form.receptionTime" :prev="true"></timepicker>
<a-input class="pt1" v-model="form.receptionTime" placeholder="请选择接待时间" @input="verify1" allowClear @click="getDateinfo1"> <a-input class="pt1" v-model="form.receptionTime" placeholder="请选择接待时间" @input="verify1" allowClear @click="getDateinfo1">
<i class="iconfont icon-rili" slot="suffix" @click="getDateinfo1"></i> <i class="iconfont icon-rili" slot="suffix" @click="getDateinfo1"></i>
</a-input> </a-input>

2
src/style/index.less
Unescape Escape View File

@ -1,4 +1,4 @@
@import "http://at.alicdn.com/t/c/font_3135652_1zcnm5yaaef.css"; @import "http://at.alicdn.com/t/c/font_3135652_xthu5ur6ppr.css";
// 初始化页面样式 // 初始化页面样式
body, body,

Write Preview
Loading…
Cancel
Save