From a03f0a0b749cd80eea761778577460e8d6d0f79a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BA=9E=E4=B8=9C=E6=97=AD?= <850374051@qq.com>
Date: Tue, 25 Jun 2024 11:39:20 +0800
Subject: [PATCH] =?UTF-8?q?task=20=E4=B9=B3=E5=B1=B1=E4=BA=A7=E4=BA=A4=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=96=B0=E9=97=BB=E9=99=84=E4=BB=B6=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/news/newDetail.vue      | 31 +++++++++++++++++++++++++++++
 src/views/policy/policyDetail.vue | 33 +++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+)

diff --git a/src/views/news/newDetail.vue b/src/views/news/newDetail.vue
index e48d9f1f..98b4be6c 100644
--- a/src/views/news/newDetail.vue
+++ b/src/views/news/newDetail.vue
@@ -15,6 +15,16 @@
       <van-col span="2"></van-col>
     </van-row>
     <div id="content"></div>
+
+    <div v-if="attachmentQueryList.length>0">
+      <van-divider>附件</van-divider>
+      <van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList">
+        <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+        <template #icon>
+          <img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt="">
+        </template>
+      </van-cell>
+    </div>
   </div>
 </template>
 
@@ -25,6 +35,7 @@ export default {
   data() {
     return {
       detail:'',
+      attachmentQueryList:[]
     };
   },
   created() {
@@ -36,6 +47,19 @@ export default {
         console.log(response)
         this.detail = response.data
         document.getElementById('content').innerHTML = response.data.content;
+
+        if(response.data.attachment){
+          var content = response.data.attachment.split(',');
+          let list = [];
+          content.map(rr=>{
+            list.push({
+              fileUrl:rr,
+              fileName:rr.substr(27,rr.length)
+            })
+          })
+
+          this.attachmentQueryList = list;
+        }
       });
     },
   },
@@ -60,4 +84,11 @@ export default {
   img{
     width: 100%;
   }
+  /deep/.van-cell__title, .van-cell__value{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
+  }
 </style>
diff --git a/src/views/policy/policyDetail.vue b/src/views/policy/policyDetail.vue
index cdb14d97..23b78dac 100644
--- a/src/views/policy/policyDetail.vue
+++ b/src/views/policy/policyDetail.vue
@@ -15,6 +15,16 @@
       <van-col span="2"></van-col>
     </van-row>
     <div id="content"></div>
+
+    <div v-if="attachmentQueryList.length>0">
+      <van-divider>附件</van-divider>
+      <van-cell :title="item.fileName" :url="'/api'+item.fileUrl" is-link v-for="(item,index) in attachmentQueryList">
+        <!-- 使用 right-icon 插槽来自定义右侧图标 -->
+        <template #icon>
+          <img src="../../assets/images/file_icon.png" style="display: block;width: 24px;margin-right: 5px;" alt="">
+        </template>
+      </van-cell>
+    </div>
   </div>
 </template>
 
@@ -25,6 +35,7 @@ export default {
   data() {
     return {
       detail:'',
+      attachmentQueryList:[]
     };
   },
   created() {
@@ -36,6 +47,20 @@ export default {
         console.log(response)
         this.detail = response.data
         document.getElementById('content').innerHTML = response.data.content;
+
+        if(response.data.attachment){
+          var content = response.data.attachment.split(',');
+          let list = [];
+          content.map(rr=>{
+            list.push({
+              fileUrl:rr,
+              fileName:rr.substr(27,rr.length)
+            })
+          })
+
+          this.attachmentQueryList = list;
+        }
+
       });
     },
   },
@@ -52,5 +77,13 @@ export default {
   }
   #content{
     overflow: hidden;
+    font-size: 14PX;
+  }
+  /deep/.van-cell__title, .van-cell__value{
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 1;
+    word-break: break-all;
+    overflow: hidden;
   }
 </style>