|
|
@ -1,31 +1,5 @@ |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<div v-if="showDefaultPath.includes($route.path)" :class="['footer', { iasf: isIasf }]"> |
|
|
|
|
|
|
|
<div class="mask"></div> |
|
|
|
|
|
|
|
<ul v-if="isIasf" class="entry"> |
|
|
|
|
|
|
|
<li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }" @click="openLink(modules[14].form)"> |
|
|
|
|
|
|
|
<img class="icon" :src="modules[14].form.pic" alt=""> |
|
|
|
|
|
|
|
<p class="text">{{ modules[14].form.title }}</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }" @click="openLink(modules[15].form)"> |
|
|
|
|
|
|
|
<img class="icon" :src="modules[15].form.pic" alt=""> |
|
|
|
|
|
|
|
<p class="text">{{ modules[15].form.title }}</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }" @click="openLink(modules[16].form)"> |
|
|
|
|
|
|
|
<img class="icon" :src="modules[16].form.pic" alt=""> |
|
|
|
|
|
|
|
<p class="text">{{ modules[16].form.title }}</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }" @click="openLink(modules[17].form)"> |
|
|
|
|
|
|
|
<img class="icon" :src="modules[17].form.pic" alt=""> |
|
|
|
|
|
|
|
<p class="text">{{ modules[17].form.title }}</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
<li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }" @click="openLink(modules[18].form)"> |
|
|
|
|
|
|
|
<img class="icon" :src="modules[18].form.pic" alt=""> |
|
|
|
|
|
|
|
<p class="text">{{ modules[18].form.title }}</p> |
|
|
|
|
|
|
|
</li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 这里需要读取后台的页脚设置,有3种样式 --> |
|
|
|
<!-- 这里需要读取后台的页脚设置,有3种样式 --> |
|
|
|
<template v-if="footers.length"> |
|
|
|
<template v-if="footers.length"> |
|
|
|
<!-- 常规样式 --> |
|
|
|
<!-- 常规样式 --> |
|
|
@ -79,7 +53,7 @@ |
|
|
|
<div v-else-if="styleId === 2" class="footer"> |
|
|
|
<div v-else-if="styleId === 2" class="footer"> |
|
|
|
<div class="relative text-center"> |
|
|
|
<div class="relative text-center"> |
|
|
|
<img :src="footers[0].form.pic" alt=""> |
|
|
|
<img :src="footers[0].form.pic" alt=""> |
|
|
|
<div class="columns flex j-center a-center m-t-20"> |
|
|
|
<div class="columns flex j-center m-t-20"> |
|
|
|
<div v-for="(item, i) in columns" :key="i" class="column"> |
|
|
|
<div v-for="(item, i) in columns" :key="i" class="column"> |
|
|
|
<h6 @click="columnTo(item)">{{ item.columnName }}</h6> |
|
|
|
<h6 @click="columnTo(item)">{{ item.columnName }}</h6> |
|
|
|
<ul v-if="item.children.length" class="children"> |
|
|
|
<ul v-if="item.children.length" class="children"> |
|
|
@ -137,10 +111,8 @@ export default { |
|
|
|
data () { |
|
|
|
data () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
isIasf: false, |
|
|
|
isIasf: false, |
|
|
|
showDefaultPath: ['/iasf'], // 展示默认页脚的页面 |
|
|
|
|
|
|
|
showContactPath: ['/news', '/sfel', '/talent', '/careers', '/edu', '/news'], // 展示联系我们页脚的页面 |
|
|
|
showContactPath: ['/news', '/sfel', '/talent', '/careers', '/edu', '/news'], // 展示联系我们页脚的页面 |
|
|
|
columns: [], |
|
|
|
columns: [], |
|
|
|
modules: [], |
|
|
|
|
|
|
|
floatings: [], |
|
|
|
floatings: [], |
|
|
|
footers: [], |
|
|
|
footers: [], |
|
|
|
styleId: 1, |
|
|
|
styleId: 1, |
|
|
@ -183,20 +155,6 @@ export default { |
|
|
|
this.columns = data.slice(0, 5) |
|
|
|
this.columns = data.slice(0, 5) |
|
|
|
}).catch(err => { }) |
|
|
|
}).catch(err => { }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 获取iasf中文首页应用模块数据 |
|
|
|
|
|
|
|
getInfo () { |
|
|
|
|
|
|
|
// 预览/详情 |
|
|
|
|
|
|
|
this.$route.query.id && this.$post(`${this.api[this.preview ? 'getRedisCache' : 'findPage']}?columnId=${this.$route.query.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 |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}).catch(err => { }) |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 查询悬浮栏 |
|
|
|
// 查询悬浮栏 |
|
|
|
async getFloating () { |
|
|
|
async getFloating () { |
|
|
|
const { id } = this.$route.query |
|
|
|
const { id } = this.$route.query |
|
|
@ -295,12 +253,13 @@ export default { |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.footer { |
|
|
|
.footer { |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
padding: 48px 20% 25px; |
|
|
|
padding: 48px 20% 25px; |
|
|
|
color: #fff; |
|
|
|
color: #fff; |
|
|
|
background-color: #091733; |
|
|
|
background-color: #091733; |
|
|
|
overflow: hidden; |
|
|
|
overflow: hidden; |
|
|
|
background: rgba(0, 5, 12, .8) url(../../assets/images/footer-bg.png) no-repeat; |
|
|
|
background: rgba(0, 5, 12, 1) url(../../assets/images/footer-bg.png) no-repeat; |
|
|
|
|
|
|
|
|
|
|
|
.meta { |
|
|
|
.meta { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
@ -382,6 +341,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.contact { |
|
|
|
.contact { |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
padding: 0 0 106px 0; |
|
|
|
padding: 0 0 106px 0; |
|
|
|
background: url(https://huorantech.com/images/about/map.png) 0 0 / cover no-repeat; |
|
|
|
background: url(https://huorantech.com/images/about/map.png) 0 0 / cover no-repeat; |
|
|
@ -466,6 +426,7 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.footer3 { |
|
|
|
.footer3 { |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
padding: 30px 0; |
|
|
|
padding: 30px 0; |
|
|
|
background-color: #000; |
|
|
|
background-color: #000; |
|
|
|