jialong.yu
/
FE_IASF_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

新闻公告等

Browse Source
master
yujialong 2 years ago
parent ea09b5f0bf
commit 8ab1de1c4a
3 changed files with 75 additions and 37 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/pages/column/index.vue
  2. 1
      src/pages/publication/index.vue
  3. 106
      src/pages/talentCenter/index.vue

5
src/pages/column/index.vue
Unescape View File

@ -794,6 +794,7 @@ export default {
font-size: 1.1rem;
color: #333;
line-height: 1.6;
@include mul-ellipsis(2);
}
}
.right {
@ -953,7 +954,7 @@ export default {
.contents {
.articles {
li {
li:not(.news-notice) {
flex-direction: column;
.texts {
@ -1013,7 +1014,7 @@ export default {
.contents {
.articles {
li {
li:not(.news-notice) {
flex-direction: column;

1
src/pages/publication/index.vue
Unescape View File

@ -112,6 +112,7 @@ export default {
margin: 0 70px;
font-size: 1.1rem;
color: #333;
white-space: nowrap;
border-bottom: 4px solid transparent;
text-shadow: 0px 2px 14px rgba(167,167,167,0.26);
cursor: pointer;

106
src/pages/talentCenter/index.vue
Unescape View File

@ -1,65 +1,58 @@
<template>
<div class="wrap">
<!-- <div class="single-banner single-banner-overview">
<div class="single-banner single-banner-overview">
<img class="banner-img" :src="modules[0].form.pic" alt="">
<div class="texts">
<h6 class="banner-title">{{ modules[0].form.title }}</h6>
</div>
</div> -->
</div>
<div class="content">
<div class="article">
<div class="left">
<h6 class="title">有兴趣将科学转化为创新吗？在IASF建立你的职业生涯。</h6>
<div class="text">
<p>在IASF，我们从不同的角度看待世界。我们的科学家和工程师在清洁能源、环境、技术、国家安全等方面进行世界一流的研究。我们正在寻找创造性的方法来让世界为更美好的未来做好准备。</p>
<p>通过选择您感兴趣的机会类型开始。</p>
</div>
<h6 class="talent-title">{{ modules[1].form.title }}</h6>
<div class="talent-text" v-html="modules[1].form.des"></div>
<ul class="recruit">
<li>
<img class="pic" src="http://10.10.11.7/images/talentCenter/1.png" alt="">
<img class="pic" :src="modules[2].form.pic" alt="">
<div class="texts">
<div class="flex j-between a-center">
<h6 class="c-title">校园招聘</h6>
<div class="more">查看更多 ></div>
<h6 class="c-title">{{ modules[3].form.title }}</h6>
<div v-if="isLink(modules[3].form.link.linkName)" class="more" @click="openLink(modules[3].form)">查看更多 ></div>
</div>
<p class="des">在IASF，有兴趣将科学转化为创新吗？在IASF建立你的职业生我们的科学国家安全等方面进行世界…</p>
<div class="des" v-html="modules[3].form.des"></div>
<p class="hot">热门岗位</p>
<div class="labels">
<p class="label">实验室综合管理岗</p>
<p class="label">数据库开发</p>
<p class="label">高级电气工程师</p>
<p class="label">综合研究院</p>
<p class="label">高级数据库工程师</p>
<p v-for="(item, i) in modules[4].list" :key="i" class="label">{{ item.title }}</p>
</div>
</div>
</li>
<li>
<img class="pic" src="http://10.10.11.7/images/talentCenter/2.png" alt="">
<img class="pic" :src="modules[5].form.pic" alt="">
<div class="texts">
<div class="flex j-between a-center">
<h6 class="c-title">社会招聘</h6>
<div class="more">查看更多 ></div>
<h6 class="c-title">{{ modules[6].form.title }}</h6>
<div v-if="isLink(modules[6].form.link.linkName)" class="more" @click="openLink(modules[6].form)">查看更多 ></div>
</div>
<p class="des">在IASF，有兴趣将科学转化为创新吗？在IASF建立你的职业生我们的科学国家安全等方面进行世界…</p>
<div class="des" v-html="modules[6].form.des"></div>
<p class="hot">热门岗位</p>
<div class="labels">
<p class="label">实验室综合管理岗</p>
<p class="label">数据库开发</p>
<p class="label">高级电气工程师</p>
<p class="label">综合研究院</p>
<p class="label">高级数据库工程师</p>
<p v-for="(item, i) in modules[7].list" :key="i" class="label">{{ item.title }}</p>
</div>
</div>
</li>
</ul>
<ul class="notice">
<li>
<img class="pic" src="http://10.10.11.7/images/talentCenter/3.png" alt="">
<p class="text">通知公告</p>
<li
:class="{ 'cursor-pointer': isLink(modules[8].form.link.linkName) }"
@click="openLink(modules[8].form)">
<img class="pic" :src="modules[8].form.pic" alt="">
<p class="text">{{ modules[8].form.title }}</p>
</li>
<li>
<img class="pic" src="http://10.10.11.7/images/talentCenter/4.png" alt="">
<p class="text">人才服务</p>
<li
:class="{ 'cursor-pointer': isLink(modules[9].form.link.linkName) }"
@click="openLink(modules[8].form)">
<img class="pic" :src="modules[9].form.pic" alt="">
<p class="text">{{ modules[9].form.title }}</p>
</li>
</ul>
</div>
@ -112,6 +105,20 @@ export default {
this.getArticle()
},
methods: {
// 获取文章详情
getInfo() {
// 预览/详情
this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.id}`).then(({ data }) => {
if (data.length) {
// state：已发布（1）则取theEditedJson，草稿（0）则取jsonBeforeEditing
const json = JSON.parse(this.preview ?
data :
data[data.length - 1][data[data.length - 1].state ? 'theEditedJson' : 'jsonBeforeEditing'])
this.modules = json
console.log("🚀 ~ file: index.vue ~ line 180 ~ this.$post ~ json", json)
}
}).catch(err => {})
},
// 资讯
getColumn() {
this.$post(this.api.listWithTreeMenuVisible, {
@ -157,14 +164,14 @@ export default {
justify-content: space-between;
.left {
width: 66%;
.title {
.talent-title {
padding-bottom: 10px;
font-size: 1.2rem;
color: #666;
border-bottom: 1px solid #EAEEF2;
}
.text {
margin-top: 20px;
.talent-text {
margin: 20px 0;
font-size: 1.1rem;
color: #333;
line-height: 28px;
@ -278,9 +285,38 @@ export default {
}
}
}
@media (max-width: 1420px) {
@media (max-width: 1200px) {
.content {
width: 98%;
}
.article {
flex-direction: column;
.left, .right {
width: 100%;
}
.left {
margin-bottom: 30px;
}
}
}
@media (min-width: 280px) and (max-width: 750px) {
.article {
.recruit {
li {
flex-direction: column;
}
.pic {
width: 100%;
margin-bottom: 10px;
}
}
.notice {
flex-direction: column;
li {
width: 100%;
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save