From 7c906b4acf785180132f91db5d70c3a29fa85cd3 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Wed, 21 Jun 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