From 7c906b4acf785180132f91db5d70c3a29fa85cd3 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期三, 21 六月 2023 09:39:13 +0800 Subject: [PATCH] 新增页面和配置,对接口 --- src/views/Admin/history.vue | 59 ++++++++++++++++++++++++++++++++++++++++------------------- 1 files changed, 40 insertions(+), 19 deletions(-) diff --git a/src/views/Admin/history.vue b/src/views/Admin/history.vue index 1e91970..d16edc6 100644 --- a/src/views/Admin/history.vue +++ b/src/views/Admin/history.vue @@ -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'"> @@ -64,19 +67,22 @@ </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', @@ -122,7 +128,7 @@ { title: '附件', dataIndex: 'attachment', - width: '6%', + width: '15%', scopedSlots: { customRender: 'attachment' }, @@ -145,7 +151,7 @@ ]; export default { name: 'release', - components: { msgEditMod, callListMod }, + components: { msgDetailMod, callListMod }, data() { return { search:{ @@ -187,6 +193,11 @@ ] } }, + mounted() { + if(getUserInfo().role.id == 1){ + this.columns = this.columns.filter(i=>i.dataIndex !== 'operation') + } + }, created() { const t = this t.getData() @@ -208,19 +219,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 +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