From f56e474c81bb25845b46cf99c85bd313dbfcd3b5 Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期六, 31 一月 2026 19:26:25 +0800
Subject: [PATCH] 项目初始化+首页+公告详情页面
---
src/views/main/home/index.vue | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 109 insertions(+), 0 deletions(-)
diff --git a/src/views/main/home/index.vue b/src/views/main/home/index.vue
new file mode 100644
index 0000000..355c457
--- /dev/null
+++ b/src/views/main/home/index.vue
@@ -0,0 +1,109 @@
+<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">
+ <el-card
+ v-for="(item,index) in operationList"
+ :key="`operation${index}`"
+ shadow="hover"
+ style="max-width: 270px;"
+ class="cursor-p my-4"
+ >
+ <el-image :src="$getImageUrl(`/home/${item.value}.png`)">
+ </el-image>
+ </el-card>
+ </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">鏌ョ湅鍏ㄩ儴>></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">鐐瑰嚮鏌ョ湅璇︽儏>></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>
+export default {
+ data() {
+ return {
+ operationList: [
+ { name: "璇勪环璁″垝", value: 'appraisalPlan' },
+ { name: "鍑嗚�冭瘉鏌ヨ", value: 'examTicket' },
+ { name: "鎴愮哗鏌ヨ", value: 'score' },
+ { name: "璇佷功鏌ヨ", value: 'certificate' },
+ ],
+ noticeList: []
+ }
+ },
+ created() {
+ this.getNoticeList()
+ },
+ methods: {
+ getNoticeList() {
+ setTimeout(() => {
+ this.noticeList =
+ [
+ {
+ title: "鍏充簬鍏竷2024骞村箍涓滅渷浜ф暀璇勬妧鑳界敓鎬侀摼閾句富鍩硅偛鍗曚綅鍏ラ�夊悕鍗曠殑閫氱煡",
+ publishTime: '2024-07-12 14:24:33',
+ area: '骞夸笢鐪�',
+ },
+ {
+ title: "鍏充簬鍏竷2024骞村箍涓滅渷浜ф暀璇勬妧鑳界敓鎬侀摼閾句富鍩硅偛鍗曚綅鍏ラ�夊悕鍗曠殑閫氱煡",
+ publishTime: '2024-07-12 14:24:33',
+ area: '骞夸笢鐪�',
+ },
+ {
+ title: "鍏充簬鍏竷2024骞村箍涓滅渷浜ф暀璇勬妧鑳界敓鎬侀摼閾句富鍩硅偛鍗曚綅鍏ラ�夊悕鍗曠殑閫氱煡",
+ publishTime: '2024-07-12 14:24:33',
+ area: '骞夸笢鐪�',
+ },
+ {
+ title: "鍏充簬鍏竷2024骞村箍涓滅渷浜ф暀璇勬妧鑳界敓鎬侀摼閾句富鍩硅偛鍗曚綅鍏ラ�夊悕鍗曠殑閫氱煡",
+ publishTime: '2024-07-12 14:24:33',
+ area: '骞夸笢鐪�',
+ },
+ {
+ title: "鍏充簬鍏竷2024骞村箍涓滅渷浜ф暀璇勬妧鑳界敓鎬侀摼閾句富鍩硅偛鍗曚綅鍏ラ�夊悕鍗曠殑閫氱煡",
+ publishTime: '2024-07-12 14:24:33',
+ area: '骞夸笢鐪�',
+ },
+ ]
+ }, 400)
+ }
+ }
+}
+
+</script>
\ No newline at end of file
--
Gitblit v1.8.0