推，网络理政详情页附件下载

portal-manager-ui/admin/src/views/dataAdmin/components/networkGovernance/components/FormDetails.vue

@@ -78,11 +78,30 @@
           <div class="card">
             <div class="cardTitle">附件</div>
             <div class="cardContent" v-if="fromData.url">
-              <img
-                v-for="(item, index) in fromData.url"
-                :key="index"
-                :src="baseUrl + item"
-              />
+              <template v-for="(item, index) in fromData.url">
+                <img
+                  v-if="/\.(jpg|jpeg|png|GIF|JPG|PNG)$/.test(item)"
+                  :key="index"
+                  :src="baseUrl + item"
+                  @click="$viewerApi({ images: [baseUrl + item] })"
+                />
+
+                <video
+                  width="320"
+                  height="240"
+                  v-if="/\.(mp4|rmvb|avi|)$/.test(item)"
+                  :key="index"
+                  :src="baseUrl + item"
+                ></video>
+                <a-button
+                  :href="baseUrl + item"
+                  v-else
+                  :key="index"
+                  type="primary"
+                >
+                  点击下载
+                </a-button>
+              </template>
             </div>
             <div v-else>--</div>
           </div>
@@ -273,7 +292,7 @@ export default {
   data() {
     return {
       fromData: {},
-      baseUrl: process.env.VUE_APP_API_BASE_URL,
+      baseUrl: process.env.VUE_APP_API_BASE_URL + "/zwfw_api/",
     };
   },
   computed: {