|
@@ -2,31 +2,24 @@
|
|
|
* @Description: 我的面试
|
|
|
* @Author: 空白格
|
|
|
* @Date: 2022-08-24 09:56:29
|
|
|
- * @LastEditors: wangcc
|
|
|
- * @LastEditTime: 2022-08-25 12:00:37
|
|
|
+ * @LastEditors: 空白格
|
|
|
+ * @LastEditTime: 2022-08-29 17:31:00
|
|
|
* @FilePath: \veterans_client_web\src\views\PersonalCenter\Interview\InterviewIndex.vue
|
|
|
* @Copyright: Copyright (c) 2016~2022 by 空白格, All Rights Reserved.
|
|
|
-->
|
|
|
<template>
|
|
|
<div>
|
|
|
- <banner title="我的面试" :breadcrumb="false"></banner>
|
|
|
- <div class="breadcrumb">
|
|
|
- <div class="_container">
|
|
|
- <div class="banner-breadcrumb-breadcrumb">
|
|
|
- <el-breadcrumb separator-class="el-icon-arrow-right">
|
|
|
- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item :to="{ path: '/personalcenter'}">我的</el-breadcrumb-item>
|
|
|
- <el-breadcrumb-item>我的面试</el-breadcrumb-item>
|
|
|
- </el-breadcrumb>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <banner title="我的面试" :isRouter="true"></banner>
|
|
|
<div class="deliverBox">
|
|
|
<div class="_container">
|
|
|
<div class="box-list">
|
|
|
<h1>全部面试</h1>
|
|
|
- <div style="display:table">
|
|
|
- <div class="deliverList-box" v-for="(item,index) in deliverList" :key="index">
|
|
|
+ <div style="display: table" v-if="deliverList.length">
|
|
|
+ <div
|
|
|
+ class="deliverList-box"
|
|
|
+ v-for="(item, index) in deliverList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
<div class="interview-state">
|
|
|
<h3 v-if="item.status == 0">未查看</h3>
|
|
|
<h3 v-if="item.status == 10">已查看</h3>
|
|
@@ -38,46 +31,76 @@
|
|
|
<h3 v-if="item.status == 60" class="red">面试未通过</h3>
|
|
|
<h3 v-if="item.status == 70" class="grey">未参加面试</h3>
|
|
|
<h3 v-if="item.status == 80" class="grey">已拒绝入职</h3>
|
|
|
- <span class="interview-time">{{item.updateTime.slice(0,10)}}</span>
|
|
|
+ <span class="interview-time">{{
|
|
|
+ item.updateTime.slice(0, 10)
|
|
|
+ }}</span>
|
|
|
</div>
|
|
|
<div class="deliver">
|
|
|
<div class="log">
|
|
|
<img :src="item.companyLogoUrl" alt />
|
|
|
</div>
|
|
|
<div class="center">
|
|
|
- <h3>{{item.postName}}</h3>
|
|
|
+ <h3>{{ item.postName }}</h3>
|
|
|
<p>
|
|
|
- <span class="meta_cell">{{item.provinceName}}</span>
|
|
|
- <span class="meta_cell" v-if="item.workYear == 0">经验不限</span>
|
|
|
- <span class="meta_cell" v-if="item.workYear == 1">1~3年</span>
|
|
|
- <span class="meta_cell" v-if="item.workYear == 2">3年以上</span>
|
|
|
- <span class="meta_cell" v-if="item.workYear == 3">5年以上</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 1">小学</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 2">初中</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 3">中专</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 4">高中</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 5">大专</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 6">本科</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 7">硕士</span>
|
|
|
- <span class="meta_cell" v-if="item.educationBg == 8">博士</span>
|
|
|
+ <span class="meta_cell">{{ item.provinceName }}</span>
|
|
|
+ <span class="meta_cell" v-if="item.workYear == 0"
|
|
|
+ >经验不限</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.workYear == 1"
|
|
|
+ >1~3年</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.workYear == 2"
|
|
|
+ >3年以上</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.workYear == 3"
|
|
|
+ >5年以上</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 1"
|
|
|
+ >小学</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 2"
|
|
|
+ >初中</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 3"
|
|
|
+ >中专</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 4"
|
|
|
+ >高中</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 5"
|
|
|
+ >大专</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 6"
|
|
|
+ >本科</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 7"
|
|
|
+ >硕士</span
|
|
|
+ >
|
|
|
+ <span class="meta_cell" v-if="item.educationBg == 8"
|
|
|
+ >博士</span
|
|
|
+ >
|
|
|
</p>
|
|
|
- <p>{{item.companyName}}</p>
|
|
|
+ <p>{{ item.companyName }}</p>
|
|
|
</div>
|
|
|
<div class="right-box">
|
|
|
- <span
|
|
|
- class="pir"
|
|
|
- v-if="item.postStatus == 1"
|
|
|
- >{{item.lowestSalary}}K-{{item.highestSalary}}K</span>
|
|
|
- <span class="postStatus" v-if="item.postStatus == 0">职位已下架</span>
|
|
|
- <span class="time">{{item.createTime.slice(0,10)}}</span>
|
|
|
+ <span class="pir" v-if="item.postStatus == 1"
|
|
|
+ >{{ item.lowestSalary }}K-{{ item.highestSalary }}K</span
|
|
|
+ >
|
|
|
+ <span class="postStatus" v-if="item.postStatus == 0"
|
|
|
+ >职位已下架</span
|
|
|
+ >
|
|
|
+ <span class="time">{{ item.createTime.slice(0, 10) }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="button-btn" v-if="item.status == 30">
|
|
|
- <el-button size="medium" disabled type="primary" class="video">发起视频面试</el-button>
|
|
|
+ <div class="button-btn" v-if="item.status == 30">
|
|
|
+ <el-button size="medium" disabled type="primary" class="video"
|
|
|
+ >发起视频面试</el-button
|
|
|
+ >
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="pagination" v-if="total">
|
|
|
+ <el-empty description="列表数据为空" v-else></el-empty>
|
|
|
+ <div class="pagination" v-if="total && deliverList.length">
|
|
|
<el-pagination
|
|
|
background
|
|
|
layout="prev, pager, next"
|
|
@@ -93,21 +116,21 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import banner from '@/components/BannerBreadcrumb/index.vue';
|
|
|
-import { myInterviewList } from '@/api/PersonalCenter/index';
|
|
|
+import banner from "@/components/BannerBreadcrumb/index.vue";
|
|
|
+import { myInterviewList } from "@/api/PersonalCenter/index";
|
|
|
export default {
|
|
|
- name: 'DeliverIndex',
|
|
|
+ name: "DeliverIndex",
|
|
|
components: { banner },
|
|
|
data() {
|
|
|
return {
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
|
pageSize: 10,
|
|
|
- schoolName: undefined
|
|
|
+ schoolName: undefined,
|
|
|
},
|
|
|
total: 0,
|
|
|
loading: false,
|
|
|
- deliverList: []
|
|
|
+ deliverList: [],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
@@ -136,30 +159,28 @@ export default {
|
|
|
this.total = Number(res.total);
|
|
|
this.loading = false;
|
|
|
});
|
|
|
- }
|
|
|
+ },
|
|
|
// detail(item) {
|
|
|
// this.$router.push({
|
|
|
// name: 'EnterprisePositionIndex',
|
|
|
// query: { positionId: item.id }
|
|
|
// });
|
|
|
// }
|
|
|
- }
|
|
|
+ },
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang='scss' scoped>
|
|
|
+<style lang="scss" scoped>
|
|
|
._container {
|
|
|
- width: 1200px !important;
|
|
|
- margin-right: auto;
|
|
|
- margin-left: auto;
|
|
|
- padding-right: 15px;
|
|
|
- padding-left: 15px;
|
|
|
- max-width: none !important;
|
|
|
+ width: 70%;
|
|
|
+ min-width: 600px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 15px;
|
|
|
}
|
|
|
._container:after,
|
|
|
._container:before {
|
|
|
display: table;
|
|
|
- content: ' ';
|
|
|
+ content: " ";
|
|
|
clear: both;
|
|
|
}
|
|
|
.breadcrumb {
|
|
@@ -187,7 +208,7 @@ export default {
|
|
|
width: 100%;
|
|
|
h1 {
|
|
|
color: #222222;
|
|
|
- font-size: 26px;
|
|
|
+ font-size: 18px;
|
|
|
margin: 19px 20px;
|
|
|
}
|
|
|
.deliver {
|
|
@@ -216,8 +237,8 @@ export default {
|
|
|
h3 {
|
|
|
color: #1a1a1a;
|
|
|
margin-bottom: 10px;
|
|
|
- font-size: 20px;
|
|
|
- font-family: 'SourceHanSansCN';
|
|
|
+ font-size: 18px;
|
|
|
+ font-family: "SourceHanSansCN";
|
|
|
}
|
|
|
p {
|
|
|
color: #666666;
|
|
@@ -231,10 +252,10 @@ export default {
|
|
|
padding: 0 1px 0 4px;
|
|
|
display: inline-block;
|
|
|
color: #919090;
|
|
|
- content: '|';
|
|
|
+ content: "|";
|
|
|
}
|
|
|
.meta_cell:last-child:after {
|
|
|
- content: '';
|
|
|
+ content: "";
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -247,7 +268,7 @@ export default {
|
|
|
}
|
|
|
.pir {
|
|
|
color: #ef651f;
|
|
|
- font-size: 20px;
|
|
|
+ font-size: 18px;
|
|
|
}
|
|
|
.time {
|
|
|
color: #999999;
|
|
@@ -289,7 +310,7 @@ export default {
|
|
|
justify-content: space-between;
|
|
|
border-bottom: 1px dashed #ccc;
|
|
|
line-height: 50px;
|
|
|
- font-size: 22px;
|
|
|
+ font-size: 20px;
|
|
|
color: #3ca7fe;
|
|
|
.grey {
|
|
|
color: #999999;
|
|
@@ -301,7 +322,7 @@ export default {
|
|
|
color: #ff3939;
|
|
|
}
|
|
|
}
|
|
|
-.button-btn{
|
|
|
+.button-btn {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
justify-content: center;
|