|
@@ -59,14 +59,20 @@
|
|
|
<!-- 数据列表 -->
|
|
|
<div class="data-box">
|
|
|
<div v-if="jobUserList.length > 0" class="list-box">
|
|
|
- <div class="jobUser-data-box margin-bottom-10 cursor-pointer" v-for="(jobUser,jobUserIndex) in jobUserList"
|
|
|
+ <div class="jobUser-data-box margin-bottom-10 cursor-pointer"
|
|
|
+ v-for="(jobUser,jobUserIndex) in jobUserList"
|
|
|
:key="jobUserIndex"
|
|
|
- :class="{'check-jobUser':nowCheckJobUser.jobUserID == jobUser.jobUserID || nowMouseenterJobUser.jobUserID == jobUser.jobUserID}"
|
|
|
+ :class="[
|
|
|
+ (nowCheckJobUser.jobUserID == jobUser.jobUserID || nowMouseenterJobUser.jobUserID == jobUser.jobUserID) ? 'check-jobUser' : '',
|
|
|
+ setColorClass(jobUser)
|
|
|
+ ]"
|
|
|
@click="checkJobUser(jobUser)"
|
|
|
@mouseenter="jobUserMouseenter(jobUser)"
|
|
|
@mouseleave="jobUserMouseenter({jobUserID:-1})"
|
|
|
>
|
|
|
- <p class="font-size-14 font-weight-600 margin-bottom-8">{{ jobUser.name }}({{ jobUser.regionName }})</p>
|
|
|
+ <div class="flex-box justify-between items-center margin-bottom-8">
|
|
|
+ <p class="font-size-14 font-weight-600">{{ jobUser.name }}({{ jobUser.regionName }})</p>
|
|
|
+ </div>
|
|
|
<p class="label-text">年龄:{{ jobUser.age }}</p>
|
|
|
<p class="label-text">性别:{{ jobUser.sex == 1 ? '男' : '女' }}</p>
|
|
|
<!-- 岗位 -->
|
|
@@ -534,6 +540,28 @@ const showSalary = (minSalary: any, maxSalary: any) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+// 按要求显示求职人员颜色状态
|
|
|
+function setColorClass(jobUser: any) {
|
|
|
+ if (jobUser.jobStatusID == 1) {
|
|
|
+ return 'jobUser-data-box-before-green'
|
|
|
+ }
|
|
|
+ // 服务时间
|
|
|
+ const serviceTime = dayjs(jobUser.serviceTime);
|
|
|
+ // 获取当前日期
|
|
|
+ const currentDate = dayjs();
|
|
|
+ // 计算1个月和3个月之前的日期
|
|
|
+ const oneMonthAgo = currentDate.subtract(1, 'month');
|
|
|
+ const threeMonthsAgo = currentDate.subtract(3, 'month');
|
|
|
+ // 判断指定日期是否在1-3个月内
|
|
|
+ if (serviceTime.isAfter(threeMonthsAgo) && serviceTime.isBefore(oneMonthAgo)) {
|
|
|
+ return 'jobUser-data-box-before-yellow';
|
|
|
+ }
|
|
|
+ if (serviceTime.isBefore(threeMonthsAgo)) {
|
|
|
+ return 'jobUser-data-box-before-red';
|
|
|
+ }
|
|
|
+ return false;
|
|
|
+}
|
|
|
+
|
|
|
// 查询全部
|
|
|
function searchAll() {
|
|
|
searchParams.pageIndex = 1
|
|
@@ -655,9 +683,10 @@ export default {
|
|
|
overflow-y: auto;
|
|
|
|
|
|
.jobUser-data-box {
|
|
|
+ position: relative;
|
|
|
width: 100%;
|
|
|
background-color: white;
|
|
|
- border-radius: 10px;
|
|
|
+ border-radius: 10px 0 10px 10px;
|
|
|
padding: 10px;
|
|
|
box-sizing: border-box;
|
|
|
border: 1px solid white;
|
|
@@ -680,6 +709,33 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .jobUser-data-box::before {
|
|
|
+ border-width: 8px;
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ border-color: transparent;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: #BEBEBE;
|
|
|
+ border-right-color: #BEBEBE;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jobUser-data-box-before-green::before {
|
|
|
+ border-top-color: #00FF00;
|
|
|
+ border-right-color: #00FF00;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jobUser-data-box-before-yellow::before {
|
|
|
+ border-top-color: #FFA500;
|
|
|
+ border-right-color: #FFA500;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jobUser-data-box-before-red::before {
|
|
|
+ border-top-color: #FF0000;
|
|
|
+ border-right-color: #FF0000;
|
|
|
+ }
|
|
|
+
|
|
|
.check-jobUser {
|
|
|
border-color: #007EFF;
|
|
|
}
|