From 2e882cbeda6a8a0f4dd193896386192f0f5ba0a7 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 06 七月 2023 15:52:24 +0800
Subject: [PATCH] 修改

---
 src/views/Admin/history.vue |   87 ++++++++++++++++++++++++++-----------------
 1 files changed, 53 insertions(+), 34 deletions(-)

diff --git a/src/views/Admin/history.vue b/src/views/Admin/history.vue
index 1e91970..0556fae 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="6">
         <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="18">
+        <a-row type="flex" justify="end" :gutter="18">
           <a-col :span="8">
             <a-range-picker
                 v-model="timeRange"
@@ -25,6 +25,9 @@
                 @ok="timeOk"
                 style="width: 100%"
             />
+          </a-col>
+          <a-col :span="6">
+            <a-input v-model="search.searchParams.publishingUnit" placeholder="单位名称" style="width: 100%"/>
           </a-col>
           <a-col :span="4">
             <a-button type="primary" @click="getData">查询</a-button>
@@ -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,8 +57,11 @@
             {{ 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'">
@@ -64,31 +70,36 @@
         </template>
         <template #operation="text, record, index">
           <a-button type="primary" @click="openList(record.id)">叫应列表</a-button>
-          <a-button type="link" @click="openMod('view',record)">查看详情</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>
   </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'
     } //设置定制化表格数据
@@ -96,12 +107,10 @@
   {
     title: '发布单位',
     dataIndex: 'publishingUnit',
-    width: '12%',
   },
   {
     title: '灾种',
     dataIndex: 'disasterType',
-    width: '8%',
     scopedSlots: {
       customRender: 'disasterType'
     }
@@ -112,17 +121,11 @@
     scopedSlots: {
       customRender: 'warningLevel'
     }, //设置定制化表格数据
-    width: '8%',
-  },
-  {
-    title: '信息标题',
-    dataIndex: 'title',
-    width: '16%',
   },
   {
     title: '附件',
     dataIndex: 'attachment',
-    width: '6%',
+    width: '15%',
     scopedSlots: {
       customRender: 'attachment'
     },
@@ -130,7 +133,6 @@
   {
     title: '叫应情况',
     dataIndex: 'responseSituation',
-    width: '10%',
     scopedSlots: {
       customRender: 'responseSituation'
     }, //设置定制化表格数据
@@ -145,13 +147,14 @@
 ];
 export default {
   name: 'release',
-  components: { msgEditMod, callListMod },
+  components: { msgDetailMod, callListMod },
   data() {
     return {
       search:{
         pageIndex: 1,
         pageSize: 10,
         searchParams:{
+          publishingUnit: '',
           emergType: null,
           startTime: '',
           endTime: ''
@@ -187,6 +190,11 @@
       ]
     }
   },
+  mounted() {
+    if(getUserInfo().role.id == 1){
+      this.columns = this.columns.filter(i=>i.dataIndex !== 'operation')
+    }
+  },
   created() {
     const t = this
     t.getData()
@@ -208,19 +216,10 @@
       t.$refs.callList.openMod(id)
     },
 
-    openMod(type,data){
+    openDetails(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.msgDetail.getDetails(id)
+      t.$refs.msgDetail.visible = true
     },
 
     onPageChange(page, pageSize) {
@@ -238,6 +237,25 @@
       }
     },
 
+    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
+          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);
     },
@@ -248,6 +266,7 @@
         pageIndex: 1,
         pageSize: 10,
         searchParams:{
+          publishingUnit: '',
           emergType: null,
           startTime: '',
           endTime: ''

--
Gitblit v1.9.2