From 7c906b4acf785180132f91db5d70c3a29fa85cd3 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期三, 21 六月 2023 09:39:13 +0800
Subject: [PATCH] 新增页面和配置,对接口

---
 src/components/Home/Dynamic.vue |   65 ++++++++++++++++++--------------
 1 files changed, 37 insertions(+), 28 deletions(-)

diff --git a/src/components/Home/Dynamic.vue b/src/components/Home/Dynamic.vue
index e3784ed..7fc8b45 100644
--- a/src/components/Home/Dynamic.vue
+++ b/src/components/Home/Dynamic.vue
@@ -3,51 +3,60 @@
     <a-list item-layout="horizontal" :data-source="lists">
       <a-list-item slot="renderItem" slot-scope="item">
         <a-list-item-meta
-          :description="item.created | filterTime"
+          :description="item.responseTime | filterTime"
         >
-          <a slot="title" href="#">{{ item.title }}</a>
+          <a slot="title" href="#" @click="openDetails(item.warnInfoId)">{{ item.publishingUnit }} 发布了 {{item.title}}</a>
           <a-avatar
             slot="avatar"
-            src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
+            :src="userImg"
           />
         </a-list-item-meta>
       </a-list-item>
     </a-list>
+    <msg-detail-mod ref="msgDetail"></msg-detail-mod>
   </a-card>
 </template>
 
 <script>
+import msgDetailMod from "@/views/Admin/components/msgDetailMod";
+import {getResponseRecord} from "@/api/list";
+
 export default {
   name: "Dynamic",
+  components: { msgDetailMod },
   data() {
     return {
-      lists: [
-        {
-          title: "阿勒泰地区莽村 李有田 在 20230301大风红色预警提示 进行了“已安排部署”叫应。",
-          created: '2023-03-1 12:12:12'
-        },
-        {
-          title: "李宏伟 在 20230301大风红色预警提示 进行了“已安排部署”叫应。",
-          created: '2023-03-12 12:12:12'
-        },
-        {
-          title: "李宏伟 在 20230301大风红色预警提示 进行了“已安排部署”叫应。",
-          created: '2023-03-12 12:12:12'
-        },
-        {
-          title: "李宏伟 在 20230301大风红色预警提示 进行了“已安排部署”叫应。",
-          created: '2023-03-12 12:12:12'
-        },
-        {
-          title: "阿勒泰地区莽村 李有田 在 20230311大风红色预警工作通知 进行了“已安排部署”叫应。",
-          created: '2023-03-12 12:12:12'
-        },
-        {
-          title: "木木  在 20230301大风红色预警提示 进行了“已安排部署”叫应。",
-          created: '2023-03-12 12:12:12'
+      search:{
+        pageIndex: 1,
+        pageSize: 6,
+        searchParams:{
+          emergType: null,
+          startTime: '',
+          endTime: ''
         }
-      ],
+      },
+      lists: [],
+      userImg: require('@/assets/user.png')
     };
   },
+  created() {
+    this.getData()
+  },
+  methods: {
+    async getData(){
+      const t = this
+      const res = await getResponseRecord(this.search)
+      if(res.data.code == 100){
+        t.lists = res.data.data
+      }else{
+        this.$message.error(res.data.msg)
+      }
+    },
+    openDetails(id){
+      const t = this
+      t.$refs.msgDetail.getDetails(id)
+      t.$refs.msgDetail.visible = true
+    }
+  }
 };
 </script>

--
Gitblit v1.9.2