legacy.pda.deploy-review/pages/detail/detail.vue

<template>
  <view class="main">
		<uni-nav-bar dark :fixed="true" background-color="#18C7B0" status-bar left-icon="left" height="62.5rpx" width="750rpx"
			title="处方详情" @clickLeft="handleBack"
		/>
		
		<view class="content">
			<view class="header">
				<view class="ti">
					<view class="left">
						<view class="baracode">
							<w-barcode :options="preseObj"></w-barcode>
							<view class="barnum">{{v.preNo}}</view>
						</view>
					</view>
					<view class="mid">
						<text class="title">中药处方笺</text>	
					</view>
					<view class="rig"><text class="title">{{v.type=='1'?"中药处方":v.type=='1'?"中药制剂":""}}</text></view>
				</view>
				<view class="patiinfo">
					<view class="r1">
						<view class="row"><span class="we">姓名：</span>{{v.name}}</view>
						<view class="row"><span class="we">性别：</span>{{v.sex}}</view>
						<view class="row"><span class="we">年龄：</span>{{v.age}}岁</view>
						<view class="row"><span class="we">电话：</span>{{v.contactNumber}}</view>
						<view class="row"><span class="we">当前处方状态：</span>{{v.state=="1"?"配药":v.state=="2"?"煎药":v.state=="3"?"发药":v.state=="4"?"配送":""}}</view>
					</view>
					<view class="r2">
						<view class="row"><span class="we">就诊科室：</span>{{v.department}}</view>
						<view class="row"><span class="we">临床诊断：</span>{{v.disName}}—{{v.symName}}</view>
						<view class="row"><span class="we">开方时间：</span>{{v.prescriptionTime}}</view>
					</view>
					<view class="r3"><span class="we">联系地址：</span>{{v.address}}</view>
				</view>
			</view>
			<view class="rp">
				<view class="title">
					<text class="text">Rp:</text>
				</view>
				<view class="lists">
					<view class="item"  v-for="(x, i) in v.rp" :key="i">
						<view class="le tag-view">
							<!-- <uni-tag :text="x.matName+x.matDose+x.matUnitName" /> -->
							{{x.matName+x.matDose+x.matUnitName}}
						</view>
						<view class="rig">
							<view class="up"> {{x.matUsageName}}</view>
							<view class="do"> {{x.sign}}</view>
						</view>
					</view>
				</view>
				<view class="footer">
					<view class="js">
						剂数：{{v.number}}
						<view v-if="v.daijianCost!==''" class="pies_tips">
							(代煎)
						</view>
					</view>
					<view class="js">{{v.dosageForm}}</view>
					<view class="js">{{v.prescriptionUsage}}</view>
					<view class="js">每次{{v.concentration}}</view>
					<view class="js">{{v.frequency}}</view>
					<view class="freque">{{v.medicationTime}}</view>
				</view>
				<view class="rp-tips">{{v.entrust}}</view>
			</view>
			<view class="amountarea">
				<view class="amount">
					<view class="r1">
						<view class="pijw">药品金额：{{v.prescriptionSum}}</view>
					</view>
					<view class="r2">
						<view class="jyf">煎药费：{{v.daijianCost}}</view>
						<view class="psf">配送费：{{v.distributionCost}}</view>
					</view>
					<view class="r3">
						总金额：{{v.prescriptionTotalSum}}
						<!-- <view class="zjw"></view> -->
					</view>
				</view>
				<view class="service">
					<view class="kf"><span class="we">开方：</span>{{v.operateList[0].operater || ''}}</view>
					<view class="kf"><span class="we">审核：</span>{{v.operateList[1].operater || ''}}</view>
					<view class="kf"><span class="we">调配：</span>{{v.operateList[2].operater || ''}}</view>
					<view class="kf"><span class="we">复核：</span>{{v.operateList[3].operater || ''}}</view>
					<view class="kf"><span class="we">浸泡：</span>{{v.operateList[4].operater || ''}}</view>
					<view class="kf"><span class="we">煎煮：</span>{{v.operateList[5].operater || ''}}</view>
					<view class="kf"><span class="we">打包：</span>{{v.operateList[6].operater || ''}}</view>
					<view class="kf"><span class="we">发药：</span>{{v.operateList[7].operater || ''}}</view>
				</view>
			</view>
			<view class="comment">
				<view class="z">注：</view>
				<text>{{v.entrust1111}}</text>
			</view>
		</view>
  </view>
</template>

<script>
  export default {
    name: ''
  }
</script>

<script setup>
import { onMounted, ref, getCurrentInstance } from 'vue'
import { selectOrderDetail, upload } from "@/static/js/request.js"


import { onLoad } from '@dcloudio/uni-app'

const preseId = ref(11220822134401)
const preseObj = ref({
		code: '',
		color:['#000'], // 条形码的颜色
		bgColor: '#FFFFFF', // 背景色
		width: 200, // 宽度
		height: 50 // 高度
})
const imageStyles =ref({
				width:112.5,
				height:112.5,
				border:{
					color:"#DDDDDD",
					width:1,
					style:'solid',
					radius:'4px'
				}
			})

const depolyImage = ref([])
const barOpations = ref({
	height: 80,
	displayValue: false
})

const v=ref({
	preNo:'11220822134401',
	presType:'普通处方',
	name:'李某',
	sex:'男',
	age:35,
	contactNumber:'13888888888',
	state: '发药',
	department:'中医内科',
	disName:'胃脘痛病',
	symName:'脾胃虚寒证',
	prescriptionTime:'2023-06-01 15:58',
	address:'浙江省某某事某某去某某事中医院门诊楼三楼302是',
	rp:[
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'包煎',sign:'医生签名'},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'',sign:''},
		{matName:'车前子',matDose:'6',matUnitName:'g',tips:'先煎',sign:''}
	],
	number:3,
	pies_tips:'待见',
	dosageForm:'汤剂',
	prescriptionUsage:'煎服',
	concentration:'200ml',
	frequency:'一日三次',
	medicationTime:'饭后服',
	entrust:'注意多休息，饮食清单。',
	
	prescriptionSum: '187.00',
	daijianCost:'30.00',
	distributionCost:'10.00',
	prescriptionTotleSum: '227.00',
	
	yljgName:'杭州某某高级中医院',
	operateList:[
		{py:'kf',title:'开方',operater:''},
		{py:'sh',title:'审核',operater:''},
		{py:'tp',title:'调配',operater:''},
		{py:'fh',title:'复核',operater:''},
		{py:'jp',title:'浸泡',operater:''},
		{py:'jz',title:'煎煮',operater:''},
		{py:'db',title:'打包',operater:''},
		{py:'fy',title:'发药',operater:''},
	],
		
	// 	extra_doc:'A医生',
	// 	check_doc:'B医生',
	// 	depoly:'调陪人',
	// 	review:'复核人',
	// 	steep:'浸泡',
	// 	cook:'煎煮人',
	// 	pack:'大宝人',
	// 	dispen:'发药人',
	// },
	entrust1111:'1、本处方当日有效\n  2、取药时请您当面核对。。。。 \n  3、延长处方用量时间原油：慢性病 其他老年病 外地 其他'
})
onMounted(() => {

})

onLoad(async(options) => {
	console.log('options', options)
	const userId = uni.getStorageSync('userId')
	const params = {
		token: uni.getStorageSync('token'),
		data: {
			id: options.id || '',
			preNo: options.preId || '',
			depolyStatus: options.depolyStatus || ''
		}
	}
	console.log("params",params)
	const {data:res} = await selectOrderDetail(params)
	// console.log('data',data.data)
	// const res.code = 200
	if (res.code === 200) {
		v.prescriptionTime = res.data.prescriptionTime,
		v.value.name = res.data.name,
		v.value.sex = res.data.sex,
		v.value.age = res.data.age,
		v.value.contactNumber = res.data.contactNumber
		v.value.address = res.data.address
		v.value.concentration = res.data.concentration
		v.value.frequency = res.data.frequency
		v.value.medicationTime = res.data.medicationTime
		
		v.value.disName = res.data.disName,
		v.value.symName = res.data.symName,
		v.value.preNo = res.data.preNo,
		console.log('onLoad v.value.preNo', v.value.preNo)
		preseObj.value.code = v.value.preNo
		v.value.department = res.data.department,
		v.value.dosageForm = res.data.dosageForm,
		v.value.prescriptionUsage = res.data.prescriptionUsage,
		
		v.value.number = res.data.number,
		v.value.prescriptionSum = res.data.prescriptionSum,
		v.value.prescriptionTotalSum = res.data.prescriptionTotalSum,
		v.value.daijianCost = res.data.daijianCost,
		v.value.distributionCost = res.data.distributionCost,
		v.value.prescriptionTotleSum = res.data.prescriptionTotleSum,
		
		v.value.entrust = res.data.entrust,
		v.value.rp = res.data.detailList
		v.value.yljgName = res.data.yljgName || ''
	 
		v.value.state = res.data.state,
		console.log('res.data.state',res.data.state)
		switch (res.data.state) {
			case '1':
				v.value.state = '配药'
				break
			case '2':
				v.value.state = '煎药'
				break
			case '3':
				v.value.state = '发药'
				break
			case '4':
				v.value.state = '配送'
				break
			case '5':
				v.value.state = '已分配'
				break
			case '6':
				v.value.state = '已传送'
				break
			default:
				v.value.state = '配药'
		}
		
		v.value.operateList[0].operater = res.data.doctor || ''
		v.value.operateList[1].operater = res.data.checkBy || ''
		v.value.operateList[2].operater = res.data.tiaopeiName || ''
		// 循环operateList
		const length = res.data.operateList
		if(length > 0){
			res.data.operateList.forEach((item)=>{
				switch(item.type){
					case '2':
						v.value.operateList[3].operater = item.createBy
						break
					case '3':
						v.value.operateList[4].operater = item.createBy
						break
					case '4':
						v.value.operateList[5].operater = item.createBy
						break
					case '5':
						v.value.operateList[6].operater = item.createBy
						break
					case '6':
						v.value.operateList[7].operater = item.createBy
						break
					defalut:console.log('处方签res.data.operateList数据异常',item.type)
				}
			})
		}
	}
})

const handleBack =()=>{
	uni.navigateBack({
		delta: 1
	})
}

</script>

<style lang="scss">
.main {
	display: flex;
	flex-direction:column;
	justify-content:flex-start;
	width: 750rpx;
	:deep(.uni-nav-bar-text){
		font-size: 20px;
	}
	:deep(.uni-navbar-btn-text){
		font-size: 16px;
	}
	.content{
		margin: 5rpx;
		background-color: #fff;
		flex-direction:column;
		align-items: center;
		.header{
			display: flex;
			flex-direction:column;
			margin:16rpx 16rpx 0;
			.ti{
				display: flex;
				flex-direction:row;
				justify-content: space-between;
				margin-top: 15.22rpx;
				.left{
					align-items: flex-start;
					.baracode{
						display: flex;
						flex-direction:column;
						.barnum{
							font-size: 15rpx;
							display: flex;
							justify-content:center;
							align-items: center;
							letter-spacing: 0.3em;
						}
					}
				}
				.mid{
					display: flex;
					margin-right: 160rpx;
					.title{
						font-size: 23.75rpx;
						font-weight: 800;
					}
				}
				.rig{
					display: flex;
					.title{
						font-size: 16rpx;
						width: 40rpx;
						font-weight: 300;
					}
				}
			}
			.patiinfo{
				display: flex;
				flex-direction:column;
				margin-top: 25.2rpx;
				padding-bottom: 21.45rpx;
				border-bottom: 1px solid #979797;
				.r1{
					display: flex;
					flex-direction:row;
					margin-bottom:15rpx;
					.row{
						font-size: 15rpx;
						font-weight: 400;
						margin-right: 30rpx;
					}
					.we{
						color:#999999;
					}
				}
				.r2{
					display: flex;
					flex-direction:row;
					margin-bottom:15rpx;
					.row{
						font-size: 15rpx;
							font-weight: 400;
							margin-right: 30rpx;
						}
						.we{
							color:#999999;
						}
				}
				.r3{
					display: flex;
					flex-direction:row;
					font-size: 15rpx;
					.we{
						color:#999999;
					}
				}
			}
		}
		.rp{
			display: flex;
			flex-direction:column;
			margin:22.39rpx 17.36rpx 0;
			border-bottom: 1px solid #979797;
			.title{
				font-size: 22rpx;
				margin-bottom: 10rpx;
			}
			.lists{
				display: flex;
				flex-wrap: wrap;
				flex-direction: row;
				justify-content:flex-start;
				align-content:flex-start;
				margin-left:20rpx;
				height: 545rpx;
				.item{
					display: flex;
					justify-content:center;
					align-items: center;
					width: 161rpx;
					margin: 0 10rpx 20rpx 0;
					// position: relative;
					.le{
						display: flex;
						font-size: 12rpx;
						width: 150rpx;
						word-wrap: break-word;
						// z-index: 100;
						// position: absolute;
						
					}
					.tag-view:deep(.uni-tag){
						display: flex;
						justify-content:center;
						align-items: center;
						font-size: 15rpx;
						// width: 140rpx;
						padding: 6rpx 6rpx;
					}
					.rig{
						display: flex;
						flex-direction:column;
						margin-left: 5.31rpx;
						width: 200rpx;
						// z-index: 200;
						// position: absolute;
						left:120rpx;
						.up{
							margin-bottom:8rpx;
							font-size: 10rpx;
							height: 12.5rpx;
						}
						.do{
							
							font-size: 12rpx;
							height: 12.5rpx;
						}
					}
				}
			}
			.footer{
				margin: 0 10rpx 8rpx;
				display: flex;
				font-size: 15rpx;
				.js{
					display: flex;
					margin-right: 54.4rpx;
					.pies_tips{}
				}
				.freque{}
			}
			.rp-tips{
				display: flex;
				justify-content:flex-end;
				font-size: 15rpx;
				margin-right: 10rpx;
			}
		}
		.amountarea{
			display: flex;
			margin: 21.3rpx 19.38px 0;
			padding-bottom: 20.94rpx;
			border-bottom: 1px solid #979797;
			.amount{
				display: flex;
				flex-direction:column;
				.r1{
					border: 1px solid #979797;
					font-size: 15rpx;
					width: 287.5rpx;
					display: flex;
					justify-content:center;
					align-items: center;
					height: 33.75rpx;
				}
				.r2{
					display: flex;
					justify-content:center;
					align-items: center;
					font-size: 15rpx;
					height: 33.75rpx;
					width: 287.5rpx;
					border-left: 1px solid #979797;
					border-right: 1px solid #979797;
					.jyf{
						
						width: 143.93rpx;
						display: flex;
						justify-content:center;
						align-items: center;
					}
					.psf{
						border-left: 1px solid #979797;
						width: 143.93rpx;
						display: flex;
						justify-content:center;
						align-items: center;
					}
				}
				.r3{
					display: flex;
					justify-content:center;
					align-items: center;
					height: 33.75rpx;
					font-size: 15rpx;
					border: 1px solid #979797;
				}
			}
			.service{
				display: flex;
				flex-wrap: wrap;
				margin-left: 60rpx;
				.kf{
					font-size: 15rpx;
					margin-right: 60rpx;
					width:90rpx;
					.we{
						font-size: 15rpx;
						color:#999999;
					}
				}
			}
		}
		
		.comment{
			margin: 10rpx 16rpx 10rpx;
			font-size: 15rpx;
			display: flex;
		}
	}
	
	
	
}


</style>