政策法规 - 附件无法查看

src/views/publicService/info/info-detail.vue

@@ -43,9 +43,16 @@ border: 1px solid #CCCCCC;border-radius:0.3rem;padding: 0.25rem 1rem 0.25rem 1re
       <el-divider />
       <!--      信息详情-->
       <div v-html=" infoDetailsForm.pubContent " />
-      <div style="margin-top: 20px;font-size: 18px"><span v-show="serviceFile.length > 0">附件： </span><div v-for="(file, index) in serviceFile" :key="index" style=" display: flex;align-items: center;">
-        <el-link :href="`${file.fileUrl}`" target="_blank" style="color: #02b4fc">{{ file.fileName }}</el-link>
-      </div>
+      <div style="margin-top: 20px;font-size: 18px"><span v-show="serviceFile.length > 0">附件： </span>
+        <div v-for="(file, index) in serviceFile" :key="index" style="display: flex;align-items: center;margin-top: 10px;">
+<!--          <el-link :href="`${file.path}`" target="_blank" style="color: #02b4fc">{{ file.fileName }}</el-link>-->
+          <span
+            style="color: #02b4fc;cursor: pointer;"
+            @click="checkAttachments(file.path)"
+          >
+            {{ file.fileName }}
+          </span>
+        </div>
       </div>
       <el-divider />
     </div>
@@ -73,7 +80,8 @@ export default {
       // 图标引入
       time: time,
       user: user,
-      type: type
+      type: type,
+      baseUrl: process.env.VUE_APP_BASE_API
     }
   },
   created() {
@@ -94,6 +102,10 @@ export default {
         this.serviceFile = res.data
         console.log('出行详情附件', res)
       })
+    },
+    // 查看附件
+    checkAttachments(url) {
+      window.open(this.baseUrl + url, '_blank')
     }
   }
 }