From e312d5fcded7492d434d3bab48d31f0c3fc1dbfb Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 30 十一月 2023 15:44:19 +0800
Subject: [PATCH] 新增

---
 src/views/components/notice.vue |   16 ++++++++++------
 1 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/views/components/notice.vue b/src/views/components/notice.vue
index d70ef98..7aa8f3c 100644
--- a/src/views/components/notice.vue
+++ b/src/views/components/notice.vue
@@ -2,17 +2,17 @@
   <div class="container">
     <div class="main-content">
       <div class="list">
-        <div v-for="item in state.dataList">
+        <div v-for="item in state.dataList" @click="openDetails('通知公告',item.id)">
           <div>
             <div><img src="src/assets/images/article.png"></div>
             <div>{{item.title}}</div>
           </div>
           <span>
-            {{item.updateTime}}
+            {{(item.updateTime?item.updateTime:item.createTime).substring(0,16)}}
           </span>
         </div>
       </div>
-      <div class="pag-container">
+      <div class="pag-container" v-if="state.total&&state.total>0">
         <el-pagination
             v-model:current-page="state.querys.pageNum"
             v-model:page-size="state.querys.pageSize"
@@ -28,11 +28,11 @@
 </template>
 
 <script setup>
-import {onMounted, ref, reactive, watch, onUnmounted, defineExpose} from "vue"
+import {onMounted, ref, reactive, watch, onUnmounted, defineExpose, defineEmits} from "vue"
 import { getNotice } from '@/api/home/homePage'
 import useUserStore from '@/store/modules/user'
 import {ElMessage} from "element-plus";
-
+const emit = defineEmits(['openDetails'])
 const route = useRoute()
 const router = useRouter()
 
@@ -78,6 +78,10 @@
   }else{
     ElMessage.warning(res.message)
   }
+}
+
+const openDetails = (type,id)=>{
+  emit('openDetails',type,id)
 }
 
 defineExpose({
@@ -135,7 +139,7 @@
             }
           }
           div:last-of-type{
-            width: 1000px;
+            width: 900px;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;

--
Gitblit v1.9.2