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/history.vue | 76 ++++++++++++++++++++++++------------- 1 files changed, 49 insertions(+), 27 deletions(-) diff --git a/src/views/Admin/history.vue b/src/views/Admin/history.vue index 5b64b67..69a308c 100644 --- a/src/views/Admin/history.vue +++ b/src/views/Admin/history.vue @@ -36,7 +36,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 +54,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'"> @@ -63,24 +66,23 @@ </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', @@ -126,7 +128,7 @@ { title: '附件', dataIndex: 'attachment', - width: '6%', + width: '15%', scopedSlots: { customRender: 'attachment' }, @@ -149,7 +151,7 @@ ]; export default { name: 'release', - components: { msgEditMod }, + components: { msgDetailMod, callListMod }, data() { return { search:{ @@ -191,6 +193,11 @@ ] } }, + mounted() { + if(getUserInfo().role.id == 1){ + this.columns = this.columns.filter(i=>i.dataIndex !== 'operation') + } + }, created() { const t = this t.getData() @@ -207,19 +214,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,6 +240,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); }, -- Gitblit v1.9.2