<template>
|
<div>
|
<el-image
|
:src="$getImageUrl('/home/banner1.png')"
|
style="width: 100%;max-height: 430px;"
|
>
|
</el-image>
|
<div class="main-content">
|
<el-row justify="space-between">
|
<div
|
v-for="(item,index) in operationList"
|
:key="`operation${index}`"
|
class="cursor-p my-4 p-0"
|
@click="goOperationPage(item)"
|
>
|
<el-image style="max-width: 270px;" :src="$getImageUrl(`/home/${item.value}.png`)">
|
</el-image>
|
</div>
|
</el-row>
|
|
<el-row justify="space-between" class="py-2" style="border-bottom: 2px solid var(--el-color-primary);">
|
<el-text class="text-xl font-bold">
|
<span style="color: var(--el-color-primary);">通知</span>
|
<span>公告</span>
|
</el-text>
|
<el-button text type="primary" @click="goNoticeList()">查看全部>></el-button>
|
</el-row>
|
|
<el-card
|
v-for="(notice,index) in noticeList"
|
:key="`notice${index}`"
|
class="mt-2 p-4 py-3"
|
shadow="never"
|
>
|
<el-row justify="space-between" align="middle">
|
<div>
|
<el-row><el-text class="text-lg text-black font-medium">{{ notice.title }}</el-text></el-row>
|
<el-row class="mt-2">
|
<el-text style="margin-right: 40px;">发布时间：{{ notice.publishTime }}</el-text>
|
<el-text>所属地区：{{ notice.area }}</el-text>
|
</el-row>
|
</div>
|
<div>
|
<el-button text type="primary" @click="goNoticeDetail(notice.id)">点击查看详情>></el-button>
|
</div>
|
</el-row>
|
</el-card>
|
|
<el-row class="mt-5" v-if="noticeList.length == 0" justify="center">
|
<el-text>暂无公告~</el-text>
|
</el-row>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { useLoginStore } from '@/stores/login.js'
|
import { useSessionStore } from '@/stores/session.js'
|
import { storeToRefs } from 'pinia';
|
export default {
|
setup() {
|
const { userInfo } = storeToRefs(useSessionStore())
|
const { loginDialogVisible } = storeToRefs(useLoginStore())
|
return { userInfo, loginDialogVisible }
|
},
|
data() {
|
return {
|
operationList: [
|
{ name: "评价计划", value: 'appraisalPlan' },
|
{ name: "准考证查询", value: 'examTicket' },
|
{ name: "成绩查询", value: 'score' },
|
{ name: "证书查询", value: 'certificate' },
|
],
|
noticeList: [],
|
}
|
},
|
created() {
|
this.getNoticeList()
|
},
|
methods: {
|
getNoticeList() {
|
setTimeout(() => {
|
this.noticeList =
|
[
|
{
|
id: '1',
|
title: "关于公布2024年广东省产教评技能生态链链主培育单位入选名单的通知",
|
publishTime: '2024-07-12 14:24:33',
|
area: '广东省',
|
},
|
{
|
id: '2',
|
title: "关于公布2024年广东省产教评技能生态链链主培育单位入选名单的通知",
|
publishTime: '2024-07-12 14:24:33',
|
area: '广东省',
|
},
|
{
|
id: '3',
|
title: "关于公布2024年广东省产教评技能生态链链主培育单位入选名单的通知",
|
publishTime: '2024-07-12 14:24:33',
|
area: '广东省',
|
},
|
{
|
id: '4',
|
title: "关于公布2024年广东省产教评技能生态链链主培育单位入选名单的通知",
|
publishTime: '2024-07-12 14:24:33',
|
area: '广东省',
|
},
|
{
|
id: '5',
|
title: "关于公布2024年广东省产教评技能生态链链主培育单位入选名单的通知",
|
publishTime: '2024-07-12 14:24:33',
|
area: '广东省',
|
},
|
]
|
}, 400)
|
},
|
goNoticeDetail(id) {
|
this.$router.push(`/main/noticeDetail/${id}`)
|
},
|
goNoticeList() {
|
this.$router.push('/main/noticeList')
|
},
|
goOperationPage(item) {
|
if (item.value != 'appraisalPlan' && !this.userInfo.id) {
|
this.loginDialogVisible = true
|
this.$message.primary('请先登录')
|
return
|
}
|
this.$router.push(`/main/${item.value}`)
|
}
|
}
|
}
|
|
</script>
|
