|
|
|
|
@ -13,72 +13,55 @@ |
|
|
|
|
|
|
|
|
|
<div class="block talent"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<div class="item" :class="{'cursor-pointer': modules[1].form.link.linkName !== '无'}" @click="openLink(modules[1].form)"> |
|
|
|
|
<img class="pic" :src="modules[1].form.pic" alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<h6>人才队伍</h6> |
|
|
|
|
<div class="des">S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 |
|
|
|
|
S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。 </div> |
|
|
|
|
<h6>{{ modules[1].form.title }}</h6> |
|
|
|
|
<div class="des">{{ modules[1].form.des }}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<div class="item" :class="{'cursor-pointer': modules[2].form.link.linkName !== '无'}" @click="openLink(modules[2].form)"> |
|
|
|
|
<img class="pic" :src="modules[2].form.pic" alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<h6>人才需求</h6> |
|
|
|
|
<div class="des">S³FEL是集“世界一流、深圳特色”的标志性、稀缺性、先进性于一体的自由电子激光重大科研平台。S3FEL的建设将紧密围绕高水平建设综合性国家科学中心的战略目标，面向国民经济主战场和世界科技前沿，汇聚全球高端创新资源，依托先行示范区政策、产业、资本、市场和技术等优势。 |
|
|
|
|
S³FEL将服务于集成电路、生物医药、先进材料和先进制造等大湾区高新技术产业，以及产业核心关键技术发展相关的物理、化学、生物、材料、医学等多学科前沿基础研究。 |
|
|
|
|
S³FEL欢迎物理学、光学工程、机械工程、动力工程及工程热物理、仪器科学与技术、电气工程、电子科学与技术、控制科学与工程、信息与通信工程、计算机科学与技术、材料科学与工程、化学、生物学、力学、测绘科学与技术等各专业人才的加入，共享发展新机遇，共创湾区大未来。</div> |
|
|
|
|
<h6>{{ modules[2].form.title }}</h6> |
|
|
|
|
<div class="des">{{ modules[2].form.des }}</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="style"> |
|
|
|
|
<h6>人物风采</h6> |
|
|
|
|
<ul class="members"> |
|
|
|
|
<li> |
|
|
|
|
<h6>{{ modules[3].form.title }}</h6> |
|
|
|
|
<el-carousel :interval="4000" type="card" height="510px"> |
|
|
|
|
<el-carousel-item> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<p class="text">这是描述</p> |
|
|
|
|
</div> |
|
|
|
|
</el-carousel-item> |
|
|
|
|
<el-carousel-item> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<p class="text">这是描述</p> |
|
|
|
|
</div> |
|
|
|
|
</el-carousel-item> |
|
|
|
|
<el-carousel-item> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<p class="text">这是描述</p> |
|
|
|
|
<template v-for="(item, i) in modules[4].list"> |
|
|
|
|
<el-carousel-item v-if="item.isEnable" :key="i"> |
|
|
|
|
<div class="item" @click="openLink(item)"> |
|
|
|
|
<img :src="item.pic" alt=""> |
|
|
|
|
<p class="text">{{ item.des }}</p> |
|
|
|
|
</div> |
|
|
|
|
</el-carousel-item> |
|
|
|
|
</template> |
|
|
|
|
</el-carousel> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="block intro"> |
|
|
|
|
<div class="inner"> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<img class="pic" :src="modules[5].form.pic" alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<p class="type">校园招聘</p> |
|
|
|
|
<h6>在校生/毕业生</h6> |
|
|
|
|
<div class="des">S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。</div> |
|
|
|
|
<el-button type="primary">查看更多</el-button> |
|
|
|
|
<p class="type">{{ modules[5].form.subTitle }}</p> |
|
|
|
|
<h6>{{ modules[5].form.title }}</h6> |
|
|
|
|
<div class="des">{{ modules[5].form.des }}</div> |
|
|
|
|
<el-button type="primary" @click="openLink(modules[5].form)">查看更多</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item"> |
|
|
|
|
<img src="@/assets/images/about/12.png" alt=""> |
|
|
|
|
<img class="pic" :src="modules[6].form.pic" alt=""> |
|
|
|
|
<div class="texts"> |
|
|
|
|
<p class="type">校园招聘</p> |
|
|
|
|
<h6>在校生/毕业生</h6> |
|
|
|
|
<div class="des">S³FEL已拥有一支高学历、高素质、高技术水平、高执行力，并勇于创新的工程技术团队。团队结构合理，包含研究人员、工程技术人员和管理人员等多种核心技术人才。 S³FEL正大力引进国内、外高端创新人才和团队，成长为竞争力和影响力卓越的世界一流科学大装置。</div> |
|
|
|
|
<el-button type="primary">查看更多</el-button> |
|
|
|
|
<p class="type">{{ modules[6].form.subTitle }}</p> |
|
|
|
|
<h6>{{ modules[6].form.title }}</h6> |
|
|
|
|
<div class="des">{{ modules[6].form.des }}</div> |
|
|
|
|
<el-button type="primary" @click="openLink(modules[6].form)">查看更多</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -104,7 +87,6 @@ export default { |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
new WOW().init() |
|
|
|
|
this.getColumn() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 获取文章详情 |
|
|
|
|
@ -121,34 +103,6 @@ export default { |
|
|
|
|
} |
|
|
|
|
}).catch(err => {}) |
|
|
|
|
}, |
|
|
|
|
// 获取父级所有栏目名称和id |
|
|
|
|
getParent(data, id) { |
|
|
|
|
for (const e of data) { |
|
|
|
|
if (e.id == id) { |
|
|
|
|
this.routes.push({ |
|
|
|
|
name: e.columnName, |
|
|
|
|
query: { |
|
|
|
|
id: e.id |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
break |
|
|
|
|
} else if (e.children.length) { |
|
|
|
|
this.routes.push({ |
|
|
|
|
name: e.columnName, |
|
|
|
|
query: { |
|
|
|
|
id: e.id |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.getParent(e.children, id) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 获取上级面包屑 |
|
|
|
|
getColumn() { |
|
|
|
|
this.$post(`${this.api.oneLevelChecksThemAll}?id=${this.id}`).then(({ data }) => { |
|
|
|
|
this.getParent(data, this.id) |
|
|
|
|
}).catch(err => {}) |
|
|
|
|
}, |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
</script> |
|
|
|
|
|
