lh-mobile/pages/fileView/reportList.vue

<template>
	<view class="container">
		<cu-custom bgColor="bg-luohu" :isBack="true">
			<block slot="backText">返回</block>
			<block slot="content">检测报告</block>
		</cu-custom>
		<view class="box" v-if="reportList.length > 0">
			<view class="sinList" v-for="(item,index) in reportList" :key="index">
				<view class="title">报告编号：{{item.bao_gao_bian_hao_}}</view>
				<view class="title">样品编号：{{item.yang_pin_bian_hao}}</view>
				<view class="title">样品名称：{{item.yang_pin_ming_che}}</view>
				<view class="title">联系人：{{item.wei_tuo_lian_xi_r}}</view>
				<view class="title">报告状态：<text style="color: #7349ff;">{{item.zhuang_tai_}}</text></view>
				<view class="btn">
					<view>
						<u-button type="warning" size="mini" @click="goDe(item.id_)" style="margin-right: 10rpx;"
							v-if="item.zhuang_tai_ == '待编制' || item.zhuang_tai_ == '待审核'">修改信息</u-button>
						<u-button type="warning" size="mini" @click="goto(item.id_,'1')"
							v-if="item.zhuang_tai_ == '待编制' || item.zhuang_tai_ == '待审核'">预览报告</u-button>
						<u-button type="warning" size="mini" @click="goto(item.id_,'2')" style="margin-right: 10rpx;"
							v-if="item.zhuang_tai_ == '待发放' || item.zhuang_tai_ == '已完成'">查看报告</u-button>
						<u-button type="primary" size="mini" v-if="item.zhuang_tai_ == '已完成'"
							@click="getDe(item.id_,item)">
							下载报告</u-button>
					</view>
				</view>
			</view>
		</view>
		<view v-else>
			<uni-card is-full :is-shadow="false">
				<text class="">暂无报告</text>
			</uni-card>
		</view>

		<u-popup v-model="show" mode="bottom" closeable>
			<apply ref="apply" :id="id" v-if="show" @saveSuccees='saveSuccees'></apply>
		</u-popup>
	</view>
</template>

<script>
	import md5 from "@/common/util/md5.js"
	import http from "@/common/service/http.js"
	import {
		ACCESS_TOKEN,
		USER_NAME,
		USER_INFO
	} from "@/common/util/constants"
	import apply from './apply.vue'
	export default {
		components: {
			apply
		},
		data() {
			return {
				id: '',
				reportList: [],
				userid: '',
				time: '',
				show: false
			}
		},
		onLoad(option) {
			console.log(option)
			if (option.id) {
				this.id = option.id
				this.getList(option.id)
			}
		},
		created() {
			this.getInit()
		},
		methods: {
			getInit() {
				let info = uni.getStorageSync(USER_INFO);
				if (info.employee.id) {
					this.userid = info.employee.id || ''
				}
				var nowDate = new Date((new Date).getTime() + 8 * 60 * 60 * 1000)
				var time = nowDate.toJSON().split('T').join(' ').substr(0, 19)
				this.time = time
			},
			/* 
			  根据委托单id查询报告礼拜
			*/
			getList(id) {
				uni.showLoading({
					mask: true,
					title: 'loading'
				});
				//'${id}'
				let sql =
					`select * from t_lhjcbgb where  wei_tuo_id_= '${id}' ORDER BY create_time_ desc`
				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const data = res.data.variables.data
						this.reportList = data
						uni.hideLoading()
					}
				})
			},
			/*
			  跳转页面在线查看文档页面
			*/
			goto(id, type) {
				uni.navigateTo({ // 跳转页面
					url: "/pages/fileView/fileView?id=" + id + '&type=' + type
				})
			},
			//下载
			getDe(id, item) {
				let access_token = uni.getStorageSync('Access-Token')
				console.log(access_token)

				let sql =
					`select FILE_PATH_  from ibps_file_attachment  WHERE id_ = (SELECT  bao_gao_pdf_ FROM t_lhjcbgb WHERE id_ = '${id}')`

				let requestData = this.$sig(sql)
				this.$http.post("/ibps/business/v3/sys/universal/inputSqlSelectData", requestData).then(res => {
					if (res.data.state == 200) {
						const data = res.data.variables.data[0]
						let url =
							http.apiHosp + data.FILE_PATH_
						uni.getSystemInfo({
							success: (res) => {
								// windows | mac为pc端
								// android | ios为手机端
								if (res.platform == 'android' || res.platform == 'ios') {
									var iframe = document.createElement('iframe');
									iframe.style.display = 'none';
									iframe.src = "javascript: '<script>location.href=\"" + url +
										"\"<\/script>'";
									document.getElementsByTagName('body')[0].appendChild(iframe);
								} else {
									const blob = new Blob([
										url
									]); //new Blob([res])中不加data就会返回下图中[objece objece]内容（少取一层）
									const fileName = item.bao_gao_bian_hao_ + '检测项目' + '.pdf'; //下载文件名称
									const elink = document.createElement('a');
									elink.download = fileName;
									elink.style.display = 'none';
									elink.href = URL.createObjectURL(blob);
									document.body.appendChild(elink);
									elink.click();
									URL.revokeObjectURL(elink.href); // 释放URL 对象
								}
							}
						});
					}
				})
			},
			goDe(id) {
				this.id = id
				this.show = true
			},
			saveSuccees() {
				this.reportList = []
				this.getDe(this.id)
			},


			/*
			   md5加密	  
			*/
			sig(sql) {
				let rul = (sql.length + 9) * 12 * 3 + 168
				let salt = "JinYuanXinTong"
				return md5(rul + '' + salt)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.box {
		padding: 20rpx;

		.sinList {
			padding: 20rpx;
			margin-bottom: 20rpx;
			width: 100%;
			background: #fff;

			.title {
				line-height: 48rpx;
			}

			.btn {
				display: flex;
				justify-content: flex-end;
			}
		}
	}
</style>