优化报告下载

秦皇岛第三医院小程序/pages.json

@@ -34,6 +34,14 @@
 			"enablePullDownRefresh": false
 		}
 
+	},{
+		"path" : "pages/test/test",
+		"style" :                                                                                    
+		{
+			"navigationBarTitleText": "",
+			"enablePullDownRefresh": false
+		}
+		
 	}],
 	"subPackages": [{
 		"root": "pages/buy",

秦皇岛第三医院小程序/pages/test/test.vue

@@ -0,0 +1,91 @@
+<template>
+	<view>
+		<view v-if="downLoadOk==false" class="loading">正在加载请稍后...</view>
+		<view v-else class="tishi">
+			<view class="tishi2">
+				<view>文档打开后</view>
+				<view>点击右上角按钮，然后选择“保存到手机”即可下载</view>
+			</view>
+			<view class="ok" @click="openfile()">
+				我知道了,打开文档
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		ref
+	} from 'vue'
+
+	import {
+		onLoad
+	} from '@dcloudio/uni-app'
+
+	let downLoadOk = ref(false);
+	onLoad((e) => {
+		console.log(e)
+		tiao(e)
+	})
+	let filePath = ref('');
+	const tiao = (e) => {
+		console.log("开始下载")
+		uni.downloadFile({
+			url: e.url,
+			success: function(res) {
+				downLoadOk.value = true
+				filePath.value = res.tempFilePath;
+
+			},
+		});
+
+	}
+	const openfile = () => {
+		uni.openDocument({
+			filePath: filePath.value,
+			showMenu: true,
+			fileType:"pdf",
+			success: function(res) {
+				console.log("打开文档成功");
+				wx.navigateBack({
+					delta: 1
+				})
+			},
+		});
+	}
+</script>
+
+<style scoped>
+	.loading {
+		margin-top: 200rpx;
+		width: 100%;
+		text-align: center;
+	}
+
+	.tishi {
+		width: 100%;
+		height: calc(100vh - 200rpx);
+		background-color: black;
+		opacity: 0.5;
+		color: #fff;
+		padding-top: 200rpx;
+	}
+
+	.tishi2 {
+		width: 50%;
+		margin-left: auto;
+		margin-right: auto;
+		text-align: center;
+	}
+
+	.ok {
+		width: 50%;
+		margin-left: auto;
+		margin-right: auto;
+		text-align: center;
+		border: 1px solid #fff;
+		margin-top: 70%;
+		padding: 20rpx;
+		border-radius: 20rpx;
+	}
+</style>

秦皇岛第三医院报告对比/components/report/type3.vue

@@ -5,7 +5,8 @@
 	 * date：2023年3月19日 13:38:24
 	 */
 	import {
-		ref
+		ref,
+		onMounted
 	} from 'vue'
 	import {
 		$image,
@@ -15,7 +16,7 @@
 	import {
 		onShow
 	} from '@dcloudio/uni-app'
-
+	import wx from 'weixin-js-sdk'
 	const props = defineProps({
 		list: {
 			type: Object,
@@ -28,10 +29,12 @@
 			}
 		}
 	});
+	const popup=ref(null)
 	let url = ref('')
+	 
 	const ReportDown = async (id) => {
 		uni.showLoading({
-			title: '正在下载,请打开弹窗拦截'
+			title: '正在查询报告...'
 		})
 		const response = await ReportDownAction({
 			rid: props.list.info.id,
@@ -41,7 +44,9 @@
 		uni.hideLoading()
 		$response(response, () => {
 			url.value = $image(response.data.url)
-			jianqieban(url.value)
+		 
+			popup.value.open()
+		//	jianqieban(url.value)
 		})
 	}
 	const jianqieban = (url) => {
@@ -51,6 +56,7 @@
 			showToast: false,
 			success: () => {
 				uni.$lu.toast("链接已复制到剪切板，请前往浏览器下载")
+			//	tiao(url)
 			},
 			fail: (e) => {
 				console.log(e)
@@ -67,7 +73,9 @@
 								//data:"fdfdfdfs",
 								showToast: false,
 								success: () => {
-									uni.$lu.toast("链接已复制到剪切板，请前往浏览器下载")
+
+									uni.$lu.toast("链接已复制到剪切板，请前往浏览器下载.")
+
 								}
 							});
 						} else if (res.cancel) {
@@ -82,11 +90,53 @@
 			}
 		});
 	}
+	let Env = ''
+	onMounted(() => {
+		console.log(props.list)
+		 if(props.list && props.list.list.length>0){
+			 
+		 }else{
+			 uni.$lu.toast("暂无报告可下载")
+		 }
+		Env = uni.getSystemInfoSync().platform
+		console.log(Env)
+	})
+	const tiao = (url) => {
+		console.log(url)
+		wx.miniProgram.navigateTo({
+			url: '/pages/test/test?url=' + url
+		})
+	}
+	const preview=()=>{
+		if(Env=='ios'){
+			//window.location.href =  url.value
+			 tiao(url.value)
+		}
+		if(Env=='android'){
+			 tiao(url.value)
+		}	
+	}
 </script>
 <template>
 	<view>
-
+		<view>
+			<uni-popup ref="popup">
+				<view class="tan">
+					<view class="t_row"  @click="preview">
+						<view class="t_logo"><uni-icons type="eye-filled" color="#42b983" size="60rpx"></uni-icons>
+						</view>
+						<view class="t_title">报告预览</view>
+					</view>
+					<view class="t_row" v-if="Env != 'android'" @click="jianqieban(url)">
+						<view class="t_logo"><uni-icons type="download-filled" color="#42b983" size="60rpx"></uni-icons>
+						</view>
+						<view class="t_title">报告下载</view>
+					</view>
+				</view>
+			</uni-popup>
+		</view>
 		<view class="report_list_wrapper">
+			<!-- <view @click="tiao()">测试</view> -->
 			<view @click="ReportDown(i['文件Id'])" class="report_item_wrapper" v-for="(i,k) in props.list.list" :key="k">
 				<view class="report_item_icon_wrapper">
 					<image :src="$image('/storage/assets/report/home/报告@2x.png')"></image>
@@ -171,4 +221,26 @@
 		overflow-y: auto;
 		padding-bottom: 20rpx;
 	}
+		.tan{
+			padding: 40rpx;
+			background-color: #fff;
+			border-radius: 5rpx;
+		}
+		.t_row{
+			display: flex;
+			font-size: 30rpx;
+			border: 1px solid #88ebd6;
+			border-radius: 5rpx;
+			margin: 40rpx;
+			padding: 10rpx 60rpx;
+		}
+		.t_logo{
+			color:#42b983;
+			margin-right: 20rpx;
+		}
+		.t_title{
+			font-size: 33rpx;
+			color:#333;
+			margin-top: 8rpx;
+		}
 </style>

秦皇岛第三医院报告对比/package-lock.json

@@ -1,11 +1,12 @@
 {
-	"name": "岚科体检平台报告对比",
+	"name": "秦皇岛第三医院报告对比",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"dependencies": {
-				"echarts": "^5.4.2"
+				"echarts": "^5.4.2",
+				"weixin-js-sdk": "^1.6.5"
 			}
 		},
 		"node_modules/echarts": {
@@ -22,6 +23,11 @@
 			"resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
 			"integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg=="
 		},
+		"node_modules/weixin-js-sdk": {
+			"version": "1.6.5",
+			"resolved": "https://registry.npmjs.org/weixin-js-sdk/-/weixin-js-sdk-1.6.5.tgz",
+			"integrity": "sha512-Gph1WAWB2YN/lMOFB/ymb+hbU/wYazzJgu6PMMktCy9cSCeW5wA6Zwt0dpahJbJ+RJEwtTv2x9iIu0U4enuVSQ=="
+		},
 		"node_modules/zrender": {
 			"version": "5.4.4",
 			"resolved": "https://registry.npmjs.org/zrender/-/zrender-5.4.4.tgz",

秦皇岛第三医院报告对比/package.json

@@ -1,5 +1,6 @@
 {
 	"dependencies": {
-		"echarts": "^5.4.2"
+		"echarts": "^5.4.2",
+		"weixin-js-sdk": "^1.6.5"
 	}
 }