From 1df2f72ad0321815d5874b4083aac2999bd2da18 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期三, 05 七月 2023 17:11:46 +0800
Subject: [PATCH] 修改
---
src/views/Admin/msgRecord.vue | 127 ++++++++++++++++++++++++++++++------------
1 files changed, 90 insertions(+), 37 deletions(-)
diff --git a/src/views/Admin/msgRecord.vue b/src/views/Admin/msgRecord.vue
index d35a394..87c3624 100644
--- a/src/views/Admin/msgRecord.vue
+++ b/src/views/Admin/msgRecord.vue
@@ -3,16 +3,17 @@
<a-row type="flex" :gutter="12" style="margin-bottom: 20px">
<a-col :span="6">
<a-range-picker
+ v-model="timeRange"
format="YYYY-MM-DD"
:placeholder="['开始时间', '结束时间']"
- @change="onChange"
+ @change="timeChange"
@ok="onOk"
style="width: 100%"
/>
</a-col>
<a-col :span="4">
- <a-button type="primary">查询</a-button>
- <a-button style="margin-left: 12px">重置</a-button>
+ <a-button type="primary" @click="getData">查询</a-button>
+ <a-button style="margin-left: 12px" @click="resetSearch">重置</a-button>
</a-col>
</a-row>
<div class="table-cont">
@@ -20,7 +21,7 @@
<a-card hoverable class="msg-item" v-for="item in msg" :key="item.id">
<template #title>
<div class="tit">
- 发送时间：<span>{{item.time}}</span>
+ 发送时间：<span>{{item.gmtCreate}}</span>
</div>
<a-divider type="vertical" />
<div class="tit">
@@ -32,66 +33,118 @@
</p>
<template #actions>
<div>
- 接收号码：<span>{{item.phone.join(',')}}</span>
+ 接收号码：<span>{{item.recipients.map(i=>i.name + '(' + i.phone + ')').join('、')}}</span>
</div>
<div>
- <a-button type="primary" @click="viewDetails">查看详情</a-button>
+ <a-button type="primary" @click="viewDetails(item)">查看详情</a-button>
</div>
</template>
</a-card>
</div>
</div>
- <a-modal v-model="visible" width="50%" title="短信详情" @ok="handleOk" cancelText="取消" okText="确认">
- 短信详情
- </a-modal>
+ <a-pagination class="pageItem" v-model="search.pageIndex" :total="total" :defaultPageSize="search.pageSize" @change="onPageChange" :show-total="total => `共 ${total} 条数据`"/>
+ <msg-detail-mod ref="msgDetail"></msg-detail-mod>
</div>
</template>
<script>
import {getUser} from '@/api/user'
+import {getMassRecord} from "@/api/send";
+import msgDetailMod from "@/views/Admin/components/msgDetailMod";
+
export default {
name: 'msgRecord',
- components: {},
+ components: {msgDetailMod},
data () {
return {
- msg: [
- {
- time: '2023-05-30',
- id: '1201',
- content: '第一条短信',
- phone: ['15261806176','15261806176','15261806176','15261806176','15261806176','15261806176','15261806176','15261806176','15261806176']
- },
- {
- time: '2023-05-30',
- id: '1202',
- content: '第二条短信',
- phone: ['15261806176','15261806176','15261806176','15261806176','15261806176']
- },
- {
- time: '2023-05-30',
- id: '1203',
- content: '第三条短信',
- phone: ['15261806176','15261806176','15261806176','15261806176','15261806176']
+ search:{
+ pageIndex: 1,
+ pageSize: 5,
+ searchParams:{
+ startTime: '',
+ endTime: ''
}
+ },
+ timeRange: [],
+ total: null,
+ msg: [],
+ visible: false,
+ details: {},
+ riskOptions: [
+ {name: '地震',value: 1},
+ {name: '洪涝',value: 2},
+ {name: '气象',value: 3},
+ {name: '泥石流',value: 4},
+ {name: '水旱',value: 5},
+ {name: '森林草原火灾',value: 6}
],
- visible: false
+ levelOptions: [
+ {name: '红色预警',value: 1},
+ {name: '橙色预警',value: 2},
+ {name: '黄色预警',value: 3},
+ {name: '蓝色预警',value: 4}
+ ]
}
},
created() {
const t = this
+ t.getData()
},
methods:{
- onChange(value, dateString) {
- console.log('Selected Time: ', value);
- console.log('Formatted Selected Time: ', dateString);
+ async getData(){
+ const t = this
+ const res = await getMassRecord(this.search)
+ if(res.data.code == 200){
+ t.msg = res.data.data
+ t.total = res.data.total
+ }else{
+ this.$message.error(res.data.msg)
+ }
+ },
+
+ resetSearch(){
+ const t = this
+ t.search = {
+ pageIndex: 1,
+ pageSize: 10,
+ searchParams:{
+ startTime: '',
+ endTime: ''
+ }
+ }
+ t.timeRange = []
+ t.getData()
+ },
+
+ onPageChange(page, pageSize) {
+ const t= this
+ t.search.pageIndex = page
+ t.getData()
+ },
+
+ timeChange(value, dateString) {
+ const t = this
+ if(dateString){
+ t.search.searchParams.startTime = value[0].format('YYYY-MM-DD 00:00:00')
+ t.search.searchParams.endTime = value[1].format('YYYY-MM-DD 23:59:59')
+ }
},
onOk(value) {
console.log('onOk: ', value);
},
- viewDetails(){
+ viewDetails(item){
const t = this
- t.visible = true
+ t.$refs.msgDetail.details = item
+ t.$refs.msgDetail.visible = true
},
+
+ getRiskName(disasterType){
+ return this.riskOptions.find(i => i.value === disasterType)?.name;
+ },
+ getLevelName(warningLevel){
+ return this.levelOptions.find(i => i.value === warningLevel)?.name;
+ },
+
handleOk(e) {
console.log(e);
this.visible = false;
@@ -109,9 +162,9 @@
width: 100%;
margin-bottom: 24px;
- /deep/ .ant-card-head-title{
- display: flex;
- align-items: center;
+ /deep/.ant-card-head-title{
+ display: flex !important;
+ align-items: center !important;
.tit{
width: 50%;
}
--
Gitblit v1.9.2