文件下载优化

pages/repositoryDetails/repositoryDetails.vue

@@ -16,6 +16,9 @@
 			<button @click="goBack" type="default" class="cancelButton btn">返回</button>
 			<button @click="importData" type="default" class="primaryButton btn ">引入</button>
 		</view>
+		<uni-popup ref="popup" type="center" >
+			<img :src="fileUrl" alt="" class="view-img">
+		</uni-popup>
   </view>
 </template>
 
@@ -36,8 +39,6 @@
   // 故障类型
   const mutiCategory = ref(null)
   
-	// 操作类型
-	// const operateType = ref(null)
 	
 	// 关联故障分类的知识库数量
 	const introduceCount = ref(0)
@@ -45,6 +46,12 @@
 	// tab类型
 	const tabType = ref('null')
 	
+	// 附件图片预览
+	const fileUrl = ref('null')
+	
+	// Popup状态
+	const popup = ref(null)
+	
   // 数据
   const dataInfo = reactive({
     data: [],//数据
@@ -57,14 +64,18 @@
   function downloadFile(item){
     console.log(666,item)
 		let url = location.origin + "/file" + item.relativeFilePath
-		uni.downloadFile({
-			url: url, //仅为示例，并非真实的资源
-			success: (res) => {
-				if (res.statusCode === 200) {
-					console.log('下载成功');
-				}
-			}
-		});
+		fileUrl.value = url
+		let name = item.name  //文件下载后的名称（带后缀）
+		if(item.suffix=='png' || item.suffix=='jpg' || item.suffix=='gif'){
+			popup.value.open()
+		}else{
+			var oA = document.createElement("a");
+			oA.download = name; 
+			oA.href = url
+			document.body.appendChild(oA);
+			oA.click();
+			oA.remove(); 
+		}
   }
   
 	// 引入
@@ -135,7 +146,6 @@
   onLoad((option) => {
     dataInfo.incidentId = option.incidentId;
 		dataInfo.solutionnumber = option.solutionnumber ;
-		// operateType.value = decodeURIComponent(option.operateType);
 		if(option.tabType){
 			tabType.value = option.tabType;
 		}
@@ -189,5 +199,9 @@
 		width: 93.5%; 
 		padding: 0;
 	}
+	.view-img{
+		width: 100%;
+		height: 100%;
+	}
 }
 </style>