|
|
@@ -8,15 +8,21 @@
|
|
|
<el-col :span="24" class="info">
|
|
|
<div class="w_1270">
|
|
|
<el-col :span="24" class="top">
|
|
|
- <span>{{ title }}</span>
|
|
|
+ <el-col :span="19" class="title"> <span>最新招聘</span><span>New Jobs</span> </el-col>
|
|
|
+ <el-col :span="19" class="more">
|
|
|
+ <el-link :underline="false" @click.native="$router.push({ path: `/list/jobinfo` })">更多</el-link>
|
|
|
+ </el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="list">
|
|
|
<el-col :span="20" class="leftList">
|
|
|
<el-col :span="24" class="noList">
|
|
|
- <el-col :span="6" class="jobs">
|
|
|
+ <el-col :span="4" class="jobs">
|
|
|
招聘职位
|
|
|
</el-col>
|
|
|
- <el-col :span="10" class="company">
|
|
|
+ <el-col :span="4" class="jobs">
|
|
|
+ 来源学校
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="company">
|
|
|
单位名称
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="gongneng">
|
|
|
@@ -27,13 +33,16 @@
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<el-col :span="24" class="recruitList" v-for="(item, index) in recruitList" :key="index">
|
|
|
- <el-col :span="6" class="jobs">
|
|
|
+ <el-col :span="4" class="jobs">
|
|
|
<p class="textOver">{{ item.jobs | getJobs }}</p>
|
|
|
</el-col>
|
|
|
- <el-col :span="10" class="company" v-if="item.corpid">
|
|
|
+ <el-col :span="4" class="jobs">
|
|
|
+ <p class="textOver">{{ item.schname }}</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="8" class="company" v-if="item.corpid">
|
|
|
<p class="textOver" @click="$router.push({ path: '/corp', query: { id: item.corpid } })">{{ item.title }}</p>
|
|
|
</el-col>
|
|
|
- <el-col :span="10" class="company" v-else>
|
|
|
+ <el-col :span="8" class="company" v-else>
|
|
|
<p class="textOver">{{ item.title }}</p>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="btn">
|
|
|
@@ -86,7 +95,6 @@ export default {
|
|
|
components: {},
|
|
|
data: () => ({
|
|
|
url: require('@/assets/zhaopin.jpg'),
|
|
|
- title: '最新招聘',
|
|
|
zixunTitle: '就业咨询',
|
|
|
loading: true,
|
|
|
infoList: [],
|
|
|
@@ -165,11 +173,32 @@ p {
|
|
|
}
|
|
|
.top {
|
|
|
text-align: center;
|
|
|
- margin: 60px 0 20px 0;
|
|
|
+ margin: 37px 0 0 0;
|
|
|
}
|
|
|
-.top span {
|
|
|
+.top span:first-child {
|
|
|
font-size: 25px;
|
|
|
color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ letter-spacing: 0.5rem;
|
|
|
+ padding: 0px 10px;
|
|
|
+}
|
|
|
+.top span:last-child {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ letter-spacing: 0.4rem;
|
|
|
+}
|
|
|
+.more {
|
|
|
+ text-align: right;
|
|
|
+ padding: 0 10px 10px 10px;
|
|
|
+}
|
|
|
+/deep/.more .el-link {
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+/deep/.more .el-link:hover {
|
|
|
+ color: #0457c7;
|
|
|
}
|
|
|
.leftList {
|
|
|
width: 1010px;
|
