From fa54b01e97e53b3d01682cc76dc8f81e5e601954 Mon Sep 17 00:00:00 2001
From: "aoli.qu" <408346101@qq.com>
Date: Sat, 26 Feb 2022 15:18:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E5=91=8A=E5=A4=9A=E9=99=84=E4=BB=B6?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/notice/NoticeDetail.vue | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/views/notice/NoticeDetail.vue b/src/views/notice/NoticeDetail.vue
index 73a4a87..9037955 100644
--- a/src/views/notice/NoticeDetail.vue
+++ b/src/views/notice/NoticeDetail.vue
@@ -19,10 +19,13 @@
             <div v-html="model.content"></div>
           </div>
         </div>
-        <div class="table-operator" v-if="path">
-          <a-button type="primary" icon="arrow-down" @click="download" class="down">
-            附件下载
-          </a-button>
+
+        <div class="down-class" v-show="fileList.length > 0">
+          <a-divider orientation="left">附件下载</a-divider>
+          <a-upload
+            :file-list="fileList"
+            :showUploadList="{showDownloadIcon: true, showRemoveIcon: false}">
+          </a-upload>
         </div>
       </div>
     </a-card>
@@ -80,6 +83,7 @@ export default {
       readCount: 0,
       unreadCount: 0,
       noticeRange: 1,
+      fileList: [],
       // 表头
       columns1: [
         {
@@ -138,12 +142,12 @@ export default {
     close () {
       this.$router.push({ path: '/notice/list', query: { noticeRange: this.noticeRange } })
     },
-    getDetail (id) {
-      noticeGet({ id: id }).then(res => {
+    async getDetail (id) {
+      await noticeGet({ id: id }).then(res => {
         this.model = res.data
         const fileArr = JSON.parse(res.data.file)
         if (fileArr.length > 0) {
-          this.path = fileArr[0].url
+          this.fileList = fileArr
         }
       })
     },
@@ -182,4 +186,8 @@ export default {
 .article-body {
   margin-top: 15px;
 }
+.down-class {
+  width: 50%;
+  margin-top: 20px;
+}
 </style>