|
|
|
@ -59,6 +59,15 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="mt-4 policy"> |
|
|
|
<img src="@/assets/16fangzhen.png" alt="" /> |
|
|
|
<p> |
|
|
|
<span class="mr-4">阿弥陀佛</span> |
|
|
|
<span class="mr-4">阿弥陀佛</span> |
|
|
|
<span class="mr-4">阿弥陀佛</span> |
|
|
|
<span>阿弥陀佛</span> |
|
|
|
</p> |
|
|
|
</div> |
|
|
|
<!-- 图片新闻 --> |
|
|
|
<div class="news-img p-4 mt-4 d-flex flex-column"> |
|
|
|
<div class="new-box-title d-flex justify-space-between"> |
|
|
|
@ -134,6 +143,60 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 专题报道 光荣榜 今天我出镜 --> |
|
|
|
<div class="honor-box mt-4 p-4 d-flex justify-space-between"> |
|
|
|
<div class="flex-1 flex-column content-honor mr-4 p-4"> |
|
|
|
<div class="honor-title d-flex justify-space-between"> |
|
|
|
<div style="font-size:22px"> |
|
|
|
<img style="height:26px" src="@/assets/honor-title.png" alt="" /> |
|
|
|
专题报道 |
|
|
|
</div> |
|
|
|
<div class="d-flex align-center" style="cursor: pointer;"> |
|
|
|
更多> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-1 flex-column justify-space-between pt-4"> |
|
|
|
<div v-for="item in specialList" :key="item.introId" class="d-flex justify-space-between"> |
|
|
|
<div class="one-text" style="cursor: pointer;">{{ item.title }}</div> |
|
|
|
<div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-1 flex-column content-honor mr-4 p-4"> |
|
|
|
<div class="honor-title d-flex justify-space-between"> |
|
|
|
<div style="font-size:22px"> |
|
|
|
<img style="height:26px" src="@/assets/honor-title.png" alt="" /> |
|
|
|
光荣榜 |
|
|
|
</div> |
|
|
|
<div class="d-flex align-center" style="cursor: pointer;"> |
|
|
|
更多> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-1 flex-column justify-space-between pt-4"> |
|
|
|
<div v-for="item in gloryList" :key="item.introId" class="d-flex justify-space-between"> |
|
|
|
<div class="one-text" style="cursor: pointer;">{{ item.title }}</div> |
|
|
|
<div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-1 flex-column content-honor p-4"> |
|
|
|
<div class="honor-title d-flex justify-space-between"> |
|
|
|
<div style="font-size:22px"> |
|
|
|
<img style="height:26px" src="@/assets/honor-title.png" alt="" /> |
|
|
|
今天我出镜 |
|
|
|
</div> |
|
|
|
<div class="d-flex align-center" style="cursor: pointer;"> |
|
|
|
更多> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="flex-1 flex-column justify-space-between pt-4"> |
|
|
|
<div v-for="item in exitList" :key="item.introId" class="d-flex justify-space-between"> |
|
|
|
<div class="one-text" style="cursor: pointer;">{{ item.title }}</div> |
|
|
|
<div class="ml-4">{{ $moment(item.publishTime).format('MM/DD') }}</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- 职工风采 --> |
|
|
|
<div class="news-demeanor mt-4 p-4 d-flex flex-column"> |
|
|
|
<div class="new-box-title d-flex justify-space-between"> |
|
|
|
@ -165,12 +228,13 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<BayWindow /> |
|
|
|
<BayWindow v-if="content && content.title" :content="content" @closeBay="closeBay" /> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
import { mapActions } from 'vuex'; |
|
|
|
import BayWindow from '@/components/BayWindow/BayWindow.vue'; |
|
|
|
import { getBay } from 'config/api'; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { BayWindow }, |
|
|
|
@ -183,6 +247,10 @@ export default { |
|
|
|
ImgNews2: [], |
|
|
|
ImgNews3: [], |
|
|
|
sceneStyle: [], |
|
|
|
specialList: [], // 专题报道 |
|
|
|
gloryList: [], // 光荣榜 |
|
|
|
exitList: [], // 今天我出镜 |
|
|
|
content: {}, |
|
|
|
}; |
|
|
|
}, |
|
|
|
created() { |
|
|
|
@ -193,6 +261,10 @@ export default { |
|
|
|
this.getData('0202', 'ImgNews2', '1'); |
|
|
|
this.getData('0203', 'ImgNews3', '1'); |
|
|
|
this.getData('0210', 'sceneStyle', '1'); |
|
|
|
this.getData('9901', 'specialList', '0'); |
|
|
|
this.getData('9902', 'gloryList', '0'); |
|
|
|
this.getData('9903', 'exitList', '0'); |
|
|
|
this.getBayData(); |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
...mapActions('home', ['getContent']), |
|
|
|
@ -215,10 +287,62 @@ export default { |
|
|
|
openPage(path, code, id) { |
|
|
|
window.open(`${window.location.href}${path}?code=${code}&introId=${id}`); |
|
|
|
}, |
|
|
|
async getBayData() { |
|
|
|
try { |
|
|
|
const res = await getBay(); |
|
|
|
const { code, msg, data } = res.data; |
|
|
|
if (code === 200) { |
|
|
|
console.log(data); |
|
|
|
const obj = { |
|
|
|
title: data.code, |
|
|
|
content: JSON.parse(data.value), |
|
|
|
contentValue: JSON.parse(data.value).source.split(''), |
|
|
|
}; |
|
|
|
this.content = obj; |
|
|
|
} else { |
|
|
|
console.error(msg); |
|
|
|
} |
|
|
|
} catch (error) {} |
|
|
|
}, |
|
|
|
closeBay() { |
|
|
|
this.content = null; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style scoped> |
|
|
|
.content-honor { |
|
|
|
box-shadow: 0 0 10px 1px rgba(33, 79, 159, 0.15); |
|
|
|
flex: 1; |
|
|
|
width: 340px; |
|
|
|
/* padding: 16px 0 0 0; */ |
|
|
|
} |
|
|
|
.honor-box { |
|
|
|
height: 320px; |
|
|
|
background-color: #fff; |
|
|
|
} |
|
|
|
.honor-title { |
|
|
|
height: 46px; |
|
|
|
border-bottom: 1px solid rgb(51, 51, 51); |
|
|
|
} |
|
|
|
.policy { |
|
|
|
position: relative; |
|
|
|
color: rgba(210, 15, 16, 0.85); |
|
|
|
font-size: 30px; |
|
|
|
} |
|
|
|
.policy >>> p { |
|
|
|
font-weight: bold; |
|
|
|
height: 40px; |
|
|
|
width: 600px; |
|
|
|
line-height: 40px; |
|
|
|
text-align: center; |
|
|
|
margin-bottom: 0; |
|
|
|
position: absolute; |
|
|
|
left: 50%; |
|
|
|
margin-left: -300px; |
|
|
|
top: 50%; |
|
|
|
margin-top: -20px; |
|
|
|
} |
|
|
|
.demeanor-content-box { |
|
|
|
white-space: nowrap; |
|
|
|
overflow: hidden; |
|
|
|
|
