From c7bd1a3fd46b5d5f887ce4f674387294ee1e8ccd Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 31 十月 2023 17:09:29 +0800
Subject: [PATCH] 添加手机校验
---
src/views/Admin/history.vue | 128 +++++++++++++++++++++++++-----------------
1 files changed, 77 insertions(+), 51 deletions(-)
diff --git a/src/views/Admin/history.vue b/src/views/Admin/history.vue
index 5b64b67..8927646 100644
--- a/src/views/Admin/history.vue
+++ b/src/views/Admin/history.vue
@@ -1,7 +1,7 @@
<template>
<div class="inner">
<a-row type="flex" justify="space-between" style="margin-bottom: 20px">
- <a-col :span="8">
+ <a-col :span="4">
<a-radio-group v-model="search.searchParams.emergType" @change="getData">
<a-radio-button :value="null">
全部
@@ -14,8 +14,8 @@
</a-radio-button>
</a-radio-group>
</a-col>
- <a-col :span="16">
- <a-row type="flex" justify="end" :gutter="12">
+ <a-col :span="20">
+ <a-row type="flex" justify="end" :gutter="18">
<a-col :span="8">
<a-range-picker
v-model="timeRange"
@@ -26,8 +26,11 @@
style="width: 100%"
/>
</a-col>
- <a-col :span="4">
- <a-button type="primary" @click="getData">查询</a-button>
+ <a-col :span="6">
+ <a-input v-model="search.searchParams.publishingUnit" placeholder="单位名称" style="width: 100%"/>
+ </a-col>
+ <a-col :span="6">
+ <a-button type="primary" @click="searchData">查询</a-button>
<a-button style="margin-left: 12px" @click="resetSearch">重置</a-button>
</a-col>
</a-row>
@@ -36,7 +39,7 @@
<!-- 表格实体部分-->
<div class="table-cont">
- <a-table :columns="columns" :data-source="data" bordered :pagination="pagination">
+ <a-table :columns="columns" :data-source="data" bordered :pagination="pagination" :rowKey="record=>record.id">
<template #index="text,record,index">
{{ index + 1 }}
</template>
@@ -54,45 +57,49 @@
{{ getLevelName(text) }}
</a-tag>
</template>
- <template #attachment="text">
- <a><b><a-icon type="paper-clip" /></b></a>
+ <template #attachment="attachment">
+ <span v-if="attachment===null|| attachment.length == 0">无</span>
+ <div v-else>
+ <a-button @click="viewFile(item)" type="link" v-for="(item,index) in attachment" :key="index"><a-icon type="paper-clip"/>{{item.attachmentName}}</a-button>
+ </div>
</template >
- <template #responseSituation="text">
- <a-tag :color="text === 3 ? 'red' :text === 2? 'green':text === 1?'orange':'blue'">
- {{text == 1 ? '待叫应' : text == 2 ?'已叫应':text == 3 ?'超时未叫应' : ''}}
+ <template #responsesRate="text">
+ <a-tag :color="Number(text.split('%')[0]) == 100 ? 'green' :Number(text.split('%')[0]) == 0? 'red':'orange'">
+ {{ text }}
</a-tag>
</template>
<template #operation="text, record, index">
- <a-button type="primary">叫应列表</a-button>
- <a-button type="link" @click="openMod('view',record)">查看详情</a-button>
+ <a-button type="primary" @click="openList(record.id)">叫应列表</a-button>
+ <a-button type="link" @click="openDetails(record.id)">查看详情</a-button>
</template>
</a-table>
- <msg-edit-mod ref="msgEdit" @refresh="getData"></msg-edit-mod>
+ <msg-detail-mod ref="msgDetail"></msg-detail-mod>
+ <call-list-mod ref="callList" @refresh="getData"></call-list-mod>
</div>
- <!-- 对话框 -->
- <a-modal title="查看叫应详情"
- okText="确认"
- cancelText="关闭"
- :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleOk">
- </a-modal>
</div>
</template>
<script>
import {getHistoryRecord, getMsgRecord, getPublishRecord} from "@/api/list";
-import msgEditMod from "@/views/Admin/components/msgEditMod";
+import msgDetailMod from "@/views/Admin/components/msgDetailMod";
+import callListMod from "@/views/Admin/components/callListMod";
import {getReviewDetailByWorker} from "@/api/review";
+import axios from "axios";
+import Cookies from "js-cookie";
+import {getUserInfo} from "@/util/storage";
const columns = [{
title: '序号',
dataIndex: 'index',
- width: '8%',
scopedSlots: {
customRender: 'index'
}
},
{
+ title: '信息标题',
+ dataIndex: 'title',
+ },
+ {
title: '发布时间',
dataIndex: 'publishingTime',
- width: '15%',
scopedSlots: {
customRender: 'publishingTime'
} //设置定制化表格数据
@@ -100,12 +107,10 @@
{
title: '发布单位',
dataIndex: 'publishingUnit',
- width: '12%',
},
{
title: '灾种',
dataIndex: 'disasterType',
- width: '8%',
scopedSlots: {
customRender: 'disasterType'
}
@@ -116,32 +121,26 @@
scopedSlots: {
customRender: 'warningLevel'
}, //设置定制化表格数据
- width: '8%',
- },
- {
- title: '信息标题',
- dataIndex: 'title',
- width: '16%',
},
{
title: '附件',
dataIndex: 'attachment',
- width: '6%',
+ width: '15%',
scopedSlots: {
customRender: 'attachment'
},
},
{
- title: '叫应情况',
- dataIndex: 'responseSituation',
- width: '10%',
+ title: '叫应率',
+ dataIndex: 'responsesRate',
scopedSlots: {
- customRender: 'responseSituation'
+ customRender: 'responsesRate'
}, //设置定制化表格数据
},
{
title: '操作',
dataIndex: 'operation',
+ width: '15%',
scopedSlots: {
customRender: 'operation'
},
@@ -149,13 +148,14 @@
];
export default {
name: 'release',
- components: { msgEditMod },
+ components: { msgDetailMod, callListMod },
data() {
return {
search:{
pageIndex: 1,
pageSize: 10,
searchParams:{
+ publishingUnit: '',
emergType: null,
startTime: '',
endTime: ''
@@ -177,9 +177,8 @@
},
riskOptions: [
{name: '地震',value: 1},
- {name: '洪涝',value: 2},
{name: '气象',value: 3},
- {name: '泥石流',value: 4},
+ {name: '地质灾害',value: 4},
{name: '水旱',value: 5},
{name: '森林草原火灾',value: 6}
],
@@ -189,6 +188,11 @@
{name: '黄色预警',value: 3},
{name: '蓝色预警',value: 4}
]
+ }
+ },
+ mounted() {
+ if(getUserInfo().role.id == 1){
+ this.columns = this.columns.filter(i=>i.dataIndex !== 'operation')
}
},
created() {
@@ -207,19 +211,15 @@
}
},
- openMod(type,data){
+ openList(id){
const t = this
- getReviewDetailByWorker(data.id).then(res=>{
- if(res.data.code == 100){
- if(res.data.data){
- t.$refs.msgEdit.openMod(type,res.data.data)
- }else{
- t.$message.error('查询信息详情失败')
- }
- }else{
- this.$message.error(res.data.msg)
- }
- })
+ t.$refs.callList.openMod(id)
+ },
+
+ openDetails(id){
+ const t = this
+ t.$refs.msgDetail.getDetails(id)
+ t.$refs.msgDetail.visible = true
},
onPageChange(page, pageSize) {
@@ -237,8 +237,33 @@
}
},
+ viewFile(item){
+ const t = this
+ const { baseUrl } = require('../../../config/env.' + process.env.NODE_ENV)
+ axios.get(baseUrl + item.attachment,{headers:{'Content-Type': 'application/json','tk': `${Cookies.get('resTk')}`,'uid':`${Cookies.get('resUid')}`},responseType: 'blob'}).then(res=>{
+ if (res) {
+ const link = document.createElement('a')
+ let blob = new Blob([res.data],{type: res.data.type})
+ link.style.display = "none";
+ link.href = URL.createObjectURL(blob); // 创建URL
+ window.open(link.href)
+ // link.setAttribute("download", item.attachmentName);
+ // document.body.appendChild(link);
+ // link.click();
+ // document.body.removeChild(link);
+ } else {
+ this.$message.error('获取文件失败')
+ }
+ })
+ },
+
timeOk(value) {
console.log('onOk: ', value);
+ },
+
+ searchData(){
+ this.search.pageIndex = 1
+ this.getData()
},
resetSearch(){
@@ -247,6 +272,7 @@
pageIndex: 1,
pageSize: 10,
searchParams:{
+ publishingUnit: '',
emergType: null,
startTime: '',
endTime: ''
--
Gitblit v1.9.2