task 乳山产交 增加新闻附件显示

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>

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>