<template>
	<view class="main">
		<view class="content">
			<view class="info">
				<view class="title">{{item.medTechProName}}</view>
				<view class="p5">报告编号:&nbsp;{{item.reportNo}}</view>
				<view class="p5">就 诊 人:&nbsp;{{item.patientName}}</view>
				<view class="p5">就诊卡号:&nbsp;{{item.patientId}}</view>
				<view class="p5">申请科室:&nbsp;{{item.inspectionDepartmentName}}</view>
				<view class="p5">申请医生:&nbsp;{{item.applyDoctorName}}</view>
				<view class="p5">采集时间:&nbsp;{{item.reportCompleteTime}}</view>
				<view class="p5" style="padding-bottom: 10px;">报告时间:&nbsp;{{item.sampleReceivedDate}}</view>
			</view>
			<view class="flex" style="font-weight: bold;font-size: 16px;margin: 10px 0;">
				<view class="f">项目</view>
				<view class="f">检查结果</view>
				<view class="f">提示</view>
				<view class="f">单位</view>
				<view class="f">参考范围</view>
			</view>
			<view class="flex" v-for="(i,index) in list" style="font-size: 12px;margin: 10px 0;">
				<view class="f">{{i.mecTechObsName}}</view>
				<view class="f">{{i.obsProjectDetail}}</view>
				<view class="f">
					<text class="icon arrow" style="color: red;" v-if="i.sign == '1'">&#xe65d;</text>
					<text class="icon arrow" style="color: red;" v-else-if="i.sign == '2'">&#xe65e;</text>
					<text v-else></text>
				</view>
				<view class="f">{{i.unitCode}}</view>
				<view class="f">{{i.result}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item: {},
				list:[],
			}
		},
		onLoad(e) {
			this.getData(e)
		},
		methods: {
			getData(e){
				this.http.request({
					url: '/app/obxResult/' + e.id,
					loading: 'true',
					success: (res) => {
						this.list = res.data.data
					}
				});
				this.http.request({
					url: '/app/orcReport/'+ e.orcId,
					loading: 'true',
					success: (res) => {
						this.item = res.data.data
						this.item.patientName = e.patientName
						this.item.patientId = e.patientId
						this.item.reportCompleteTime = e.reportCompleteTime
						this.item.sampleReceivedDate = e.sampleReceivedDate
					}
				});
			}
		}
	}
</script>

<style lang="scss">
	.content {
		padding: 15px;
		background-color: white;
		border-radius: 8px;

		.info {
			border-bottom: 1px solid $line;
			font-size: 12px;
			padding-bottom: 10px;

			.title {
				font-weight: bold;
				font-size: 16px;
				padding-bottom: 5px;
			}
		}

	}

	.p5 {
		padding: 5px 0;
	}
</style>