rtim/pages/store/inquiryApplyForm.vue

<template>
	<view class="content">
		<view class="cont">
			
			<view class="other-info">
				<!-- <view class="title">咨询内容</view> -->
				<view class="item">
					<view class="left">
						<text class="label">紧急程度：</text>
						<text class="text">{{!!applyData?geturgencyType(applyData.urgencyType):"" }} </text>
					</view>
				</view>
				
				<view class="item">
					<view class="left">
						<text class="label">状态：</text>
						<text class="text">{{!!applyData?getStatus(applyData.status):"" }} </text>
					</view>
				</view>
			
				<view class="item">
					<view class="left">
						<text class="label">科别：</text>
						<text class="text">{{ !!applyData?applyData.department:"暂无" }} </text>
					</view>
				</view>
				
				<view class="item" v-if="!!applyData && applyData.outpatientNo">
					<view class="left">
						<text class="label">门诊号：</text>
						<text class="text">{{ !!applyData?(applyData.outpatientNo||"暂无"):"暂无" }}</text>
					</view>
				</view>
				
				<view class="item" v-if="!!applyData && applyData.allergyHistory">
					<view class="left">
						<text class="label">过敏史：</text>
						<text class="text">{{ !!applyData?applyData.allergyHistory:"暂无" }}</text>
					</view>
				</view>
				
				<view class="item">
					<view class="left">
						<text class="label">简要病史：</text>
						<text class="text">{{ !!applyData?applyData.briefHistory:"暂无" }}</text>
					</view>
				</view>
				<view class="item">
					<view class="left">
						<text class="label">目前诊断：</text>
						<text class="text">{{ !!applyData?applyData.currentDiagnosis:"暂无" }}</text>
					</view>
				</view>
				<view class="item">
					<view class="left">
						<text class="label">申请会诊目的：</text>
						<text class="text">{{ !!applyData?applyData.department:"暂无" }}</text>
					</view>
				</view>
			</view>
			

		<!-- 	<view class="doc-box">
				<view class="title">会诊医师</view>
				<view class="doc-name-box">
					<view class="doc-name"  v-for="(item,index) in applyData.consDoctorList" :key="index">
						{{item.doctorName}}
					</view>
				</view>
			</view> -->
			
			<view class="other-info" v-if="applyData!=null&&applyData.consDoctorList.length>0"  >
				<view class="title">会诊医师</view>
				<view class="item"  v-for="(item) in applyData.consDoctorList">
					<view class="left">
						<text class="label">{{item.doctorName}}</text>
					</view>
				</view>
			</view>
		</view>
	
		<view class="btn-box" v-if="applyData!=null&&applyData.status==0">
			<view class="btn cancel" @click="doApply(0)">拒绝</view>
			<view class="btn" @click="doApply(1)">确认申请</view>
		</view>
		
	</view>
</template>
 
<script>
	import store from "@/store";
	import {getApplyInfo,userConfirm} from '@/api/inquiryOrder.js'
	import {getDictByKey} from '@/api/common.js'
	import {navigateToDesignatedConversation,setConversation} from "@/pages_im/util/imCommon";
	import IMSDK, {SessionType} from "openim-uniapp-polyfill";
	export default {
		data() {
			return {
				report:null,
				patient:null,
				hospital:null,
				department:null,
				doctor:null,
				order:null,
				applyId:null,
				orderStatusOptions:[],
				orderTypeOptions:[],
				inquiryTypeOptions:[],
				reportImages: [],
				tongueImages:[],
				faceImages:[],
				applyData:null,
			}
		},
		 
		onLoad(options) {
			this.applyId=options.id;
			this.getApplyData(this.applyId);
			// this.getDictByKey("sys_urgency_type");
			// this.getDictByKey("sys_inquiry_order_type");
		},
		onShow() {
			
		},
		methods: {
			doApply(status){     // 用户点击确定
				uni.showLoading({
					title: ''
				});
			    var data={"id":parseInt(this.applyId),"userConfirm":status};
			    userConfirm(data).then(res => {
					    uni.hideLoading();
			    		if(res.code==200){
			    			uni.showToast({
			    			 	icon:'success',
			    			 	title: "操作成功",
			    			});
							setTimeout(()=>{
								this.getApplyData(this.applyId);
							},2000)
			    		}else{
			    			uni.showToast({
			    				icon:'none',
			    				title: res.msg,
			    			});
			    		}
			    	},
			    	rej => {}
			    );
			},
			getApplyData(id){
				var that=this;
				getApplyInfo(this.applyId).then(res => {
						if(res.code==200){
							this.applyData=res.data;
						}
					},
					err => {
					}
				);
			},
			geturgencyType(val){
				if(val==0){
					return "普通"
				}else if(val==1){
					return "急诊"
				}
			},
		    getStatus(val){
				let status="";
				if(val==0){
					status="待会诊"
				}else if(val==1){
					status="进行中"
				}
				else if(val==2){
					status="已完成"
				}
				else if(val==3){
					status="已取消"
				}
				return status;
			},
			
			getDictByKey(key){
				var data={key:key}
				getDictByKey(data).then(
					res => {
						if(res.code==200){
							if(key=="sys_inquiry_order_type"){
								this.orderTypeOptions=res.data;
							}
							if(key=="sys_inquiry_type"){
								this.inquiryTypeOptions=res.data;
							}
							if(key=="sys_inquiry_status"){
								this.orderStatusOptions=res.data;
							}
						}
					},
					err => {
					}
				);
				
			},
			navTo(url){
				uni.navigateTo({
					url: url
				})
			} 
		}
	}
</script>
<style lang="scss">
	page{
		background: #f6f6f6;
	}
</style>
<style scoped lang="scss">
	.content{
		position: relative;
		.cont{
			position: relative;
			padding: 0rpx 20rpx 120rpx;
			z-index: 999;
			width: 100%;
			display: flex;
			flex-direction: column;
		}
		.doc-box{
			margin: 20rpx 0rpx 0rpx;
			padding: 0rpx 30rpx;
			background-color: #fff;
			border-radius: 20upx;
			.title{
				height: 80upx;
				line-height: 80upx;
				font-size: 30upx;
				color: #000;
				font-weight: bold;
				border-bottom: 2upx solid #eeeeee;
			}
			.doc-name-box{
				margin-top: 15rpx;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				.doc-name{
					font-size: 38rpx;
					font-weight: bold;
				}
				.doc-star{
					margin-left: 10rpx;
				}
				
				
			}
			.doc-dept-box{
				display: flex;
				align-items: center;
				justify-content: flex-start;
				margin-top: 15rpx;
				font-size: 28upx;
				font-family: PingFang SC;
				color: #2d2b36;
				 
			}
			.doc-his-box{
				display: flex;
				align-items: center;
				justify-content: flex-start;
				margin-top: 15rpx;
				font-size: 28upx;
				font-family: PingFang SC;
				color: #9a9a9c;
				 
			}
			.doc-spec-box{
				display: flex;
				align-items: center;
				justify-content: space-between;
				.left{
					display: flex;
					align-items: center;
					justify-content: flex-start;
					.title{
						font-size: 28upx;
						font-family: PingFang SC;
						color: #9a9a9c;
						border-bottom: none;
					}
					.spec{
						margin-left: 10rpx;
						font-size: 28upx;
						font-family: PingFang SC;
						color: #9a9a9c;
					}
				}
				.right{
					.btn{
						font-size: 28upx;
						font-family: PingFang SC;
						color: #C39A58;
					}
				}
				
			}
		}
		 
		.other-info{
			margin-top: 20upx;
			background-color: #fff;
			border-radius: 20upx;
			padding: 0 30upx;
			.title{
				height: 80upx;
				line-height: 80upx;
				font-size: 30upx;
				color: #000;
				font-weight: bold;
				border-bottom: 2upx solid #eeeeee;
			}
			.item{
				min-height: 70upx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				&:last-child{
					border-bottom: none;
				}
				.left{
					flex: 1;
					display: flex;
					align-items: center;
					.label{
						min-width: 140rpx;
						font-size: 28upx;
						color: #000;
					}
					.text{
						font-size: 28upx;
						color: #1b1b1b;
					}
				}
				.status{
					font-size: 28upx;
					font-family: PingFang SC;
					font-weight: bold;
				}
				.red{
					color: #db5053;
				}
				.green{
					color: #C39A58;
				}
				.gray{
					color: #9c9c9c;
				}
				.item-btn{
					max-width: 200rpx;
					padding: 0rpx 15rpx;
					height: 48upx;
					border-radius: 24upx;
					line-height: 48upx;
					font-size: 24upx;
					color: #000;
					border: 1upx solid #d8d8d8;
					display: flex;
					align-items: center;
					justify-content: center;
				}
			}
		}
		.btn-box{
		 	height: 100rpx;
		 	z-index: 9999;
		 	width: 100%;
		 	padding: 0rpx 30upx;
		 	position: fixed;
		 	bottom: 0;
		 	left: 0;
		 	box-sizing: border-box;
		 	background-color: #ffffff;
		 	display: flex;
		 	align-items: center;
		 	justify-content: flex-end;
		 	.btn{
				padding: 15rpx 30rpx;
				margin-left: 10rpx;
		 		text-align: center;
		 		font-size: 28upx;
		 		font-family: PingFang SC;
		 		color: #FFFFFF;
		 		background: #C39A58;
		 		border-radius: 45upx;
		 	}
			
			.cancel{
				background: #ffff;
				color: #C39A58;
				border:1px solid  #C39A58;
			}
		 }
	}
</style>