From 3f6bf89b1985b6668f02ffcc9af577b412e92e45 Mon Sep 17 00:00:00 2001 From: zhouwx <1175765986@qq.com> Date: 星期一, 24 三月 2025 17:17:45 +0800 Subject: [PATCH] bug修改 --- src/views/components/home.vue | 85 +++++++++++++++++++----------------------- 1 files changed, 38 insertions(+), 47 deletions(-) diff --git a/src/views/components/home.vue b/src/views/components/home.vue index bdf277a..172f379 100644 --- a/src/views/components/home.vue +++ b/src/views/components/home.vue @@ -10,11 +10,33 @@ <el-button plain @click="toMore(2)">查看更多</el-button> </div> <div class="list"> - <div v-for="item in state.noticeList"> - <div><img src="src/assets/images/notice.png"></div> + <div v-for="item in state.noticeList" @click="openDetails('通知公告',item.id)"> + <div><img :src="noticePng"></div> <div> <div>{{item.title}}</div> - <span>{{item.updateTime}}</span> + <span>{{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}</span> + </div> + </div> + </div> + </div> + <div class="login-container"> + <login-form ref="loginRef"/> + </div> + + <div class="list-container"> + <div class="tit"> + <div> + <Platform style="width: 1em; height: 1em;margin-right: 4px" /> + 机构公示 + </div> + <el-button plain @click="toMore(4)">查看更多</el-button> + </div> + <div class="list"> + <div v-for="item in state.pubList" @click="openDetails('机构公示',item.id)"> + <div><img :src="sectionPng"></div> + <div> + <div>{{item.name}}</div> + <span>{{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}</span> </div> </div> </div> @@ -28,51 +50,14 @@ <el-button plain @click="toMore(3)">查看更多</el-button> </div> <div class="list"> - <div v-for="item in state.lawsList"> - <div><img src="src/assets/images/laws.png"></div> + <div v-for="item in state.lawsList" @click="openDetails('法律法规',item.id)"> + <div><img :src="lawsPng"></div> <div> <div>{{item.title}}</div> - <span>{{item.updateTime}}</span> + <span>{{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}</span> </div> </div> </div> - </div> - <div class="list-container"> - <div class="tit"> - <div> - <Platform style="width: 1em; height: 1em;margin-right: 4px" /> - 机构公示 - </div> - <el-button plain @click="toMore(4)">查看更多</el-button> - </div> - <div class="list"> - <div v-for="item in state.pubList"> - <div><img src="src/assets/images/section.png"></div> - <div> - <div>{{item.title}}</div> - <span>{{item.updateTime}}</span> - </div> - </div> - </div> - </div> - <div class="login-container"> -<!-- <div class="tit">--> -<!-- <div>--> -<!-- <Platform style="width: 1em; height: 1em;margin-right: 4px" />--> -<!-- 资料下载--> -<!-- </div>--> -<!-- <el-button plain>查看更多</el-button>--> -<!-- </div>--> -<!-- <div class="list">--> -<!-- <div v-for="item in state.newList">--> -<!-- <div><img src="src/assets/images/file.png"></div>--> -<!-- <div>--> -<!-- <div>{{item.title}}</div>--> -<!-- <span>{{item.date}}</span>--> -<!-- </div>--> -<!-- </div>--> -<!-- </div>--> - <login-form ref="loginRef"/> </div> </div> <!-- <login-form ref="loginRef"/>--> @@ -85,7 +70,9 @@ import useUserStore from '@/store/modules/user' import LoginForm from './loginForm' import {ElMessage} from "element-plus"; - +import noticePng from "@/assets/images/notice.png"; +import lawsPng from "@/assets/images/laws.png"; +import sectionPng from "@/assets/images/section.png"; const route = useRoute() const router = useRouter() @@ -94,7 +81,7 @@ lawsList: [], pubList: [] }) -const emit = defineEmits(["toMore"]) +const emit = defineEmits(['toMore','openDetails']) const redirect = ref(undefined); onMounted(()=>{ @@ -113,6 +100,10 @@ const toMore=(num)=>{ emit('toMore',num) +} + +const openDetails = (type,id)=>{ + emit('openDetails',type,id) } const getNoticeList = async ()=>{ @@ -156,11 +147,11 @@ display: flex; flex-direction: column; align-items: center; - margin-top: 170px; + margin-top: 150px; .main-content{ width: 1200px; - margin: 20px 0 80px; + margin: 15px 0 50px; display: grid; grid-gap: 15px; grid-template-columns: repeat(2, 1fr); -- Gitblit v1.9.2