From a57b61198ca61f06b1b5ce765332c6be90d1027c Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: 星期四, 14 十二月 2023 14:11:35 +0800
Subject: [PATCH] 图片路径
---
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