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