tcm-cloud-uin-app/pages/ypczk/zkTask/choosePrescription.vue

<template>
	<view class="choosePrescription">
		<view class="searchPrescription">
			<uni-forms class="search_forms">
				<uni-forms-item label="处方编号">
					<uni-easyinput v-model="pageData.cfbh" placeholder="请输入处方编号" />
				</uni-forms-item>
				<uni-forms-item label="患者姓名">
					<uni-easyinput v-model="pageData.hzxm" placeholder="请输入患者姓名" />
				</uni-forms-item>
			</uni-forms>
			<view class="search_button_group">
				<button class="reset_button" @click="reset">重置</button>
				<button class="search_button" @click="search">搜索</button>
			</view>
		</view>
		<uni-card v-for="(item,index) in pageData.cfInfo" class="cfInfo" @click="chooseCf(item)">
			<view class="cfInfo_title">
				<view class="cfInfo_text">处方编号</view>
				<view class="cfInfo_text">{{item.yncfbh}}</view>
			</view>
			<view class="cfInfo_title">
				<view class="cfInfo_text">患者姓名</view>
				<view class="cfInfo_text">{{item.hzxm}}</view>
			</view>
			<view class="cfInfo_title">
				<view class="cfInfo_text">医疗机构</view>
				<view class="cfInfo_text">{{item.yljg}}</view>
			</view>
			<view class="cfInfo_title">
				<view class="cfInfo_text">开方日期</view>
				<view class="cfInfo_text">{{item.cfrqtime}}</view>
			</view>
			<view class="cfInfo_title">
				<view class="cfInfo_text">贴数</view>
				<view class="cfInfo_text">{{item.cfts}}</view>
			</view>
			<view class="cfInfo_title">
				<view class="cfInfo_text">处方内容</view>
				<view class="cfInfo_text">{{item.cfnr}}</view>
			</view>
		</uni-card>
		<!-- 对话框 -->
		<uni-popup ref="chooseDialog" type="dialog">
			<uni-popup-dialog type="info" confirmText="确定" cancelText="取消" title="选择处方" :content="pageData.popupMessage.showMessage" @confirm="dialogConfirm" @close="dialogClose"></uni-popup-dialog>
		</uni-popup>
	</view>
</template>

<script setup>
import { reactive,ref } from "vue";
import {onLoad,onShow,onUnload,onPullDownRefresh} from "@dcloudio/uni-app";
import http from "../../../utils/request";

const pageData=reactive({
	// 处方编号
	cfbh:'',
	// 平台唯一编号
	ptwybh:'',
	// 患者姓名
	hzxm:'',
	// 处方信息列表
	cfInfo:[],
	// 质控状态
	taskStatus:'',
	// 发药方式类型
	fyfslx:'',
	chooseDialog:'',
	// 弹出框内容
	popupMessage:{
		showMessage:''
	}
	
})

// 定义弹出框
const chooseDialog = ref()

// 弹出框确定事件
const dialogConfirm=()=>{
	let url=''
	// 跳转到下一个页面
	if(pageData.fyfslx=='2' || pageData.fyfslx=='3'){
		url='/pages/ypczk/zkTask/djTask?cfbh='+pageData.cfbh+'&fyfslx='+pageData.fyfslx+'&ptwybh='+pageData.ptwybh
	}else if(pageData.fyfslx=='4' || pageData.fyfslx=='5'){
		url='/pages/ypczk/zkTask/dpTask?cfbh='+pageData.cfbh+'&fyfslx='+pageData.fyfslx+'&ptwybh='+pageData.ptwybh
	}
	uni.navigateTo({
		url:url,
	})
}

// 弹出框取消事件
const dialogClose=()=>{
	chooseDialog._value.close()
}

const formData=reactive({
	cfbm:'',
	hzxm:'',
	pageNum:1,
	pageSize:10
})

// 重置
const reset=()=>{
	pageData.cfbh=''
	pageData.hzxm=''
}

// 搜索
const search=()=>{
	formData.cfbm=pageData.cfbh
	formData.hzxm=pageData.hzxm
	getCfData()
}

// 选择处方
const chooseCf=(e)=>{
	// 点击处方，弹出对话框
	chooseDialog._value.open()
	pageData.popupMessage.showMessage="处方编号："+e.yncfbh+"\n"+"患者姓名："+e.hzxm+"\n"+"是否确认选择该处方？"
	pageData.cfbh=e.yncfbh
	pageData.fyfslx=e.fyfslx
	pageData.ptwybh=e.ptwybh
}

const getCfData=()=>{
	http.get("app-api/cf/findList",formData).then(res=>{
		console.log(res)
		pageData.cfInfo=res.data
	})
}

onShow(()=>{
	getCfData()
})

onLoad((type)=>{
	if(type.status!=null){
		pageData.taskStatus=type.status
	}
})
</script>

<style lang="scss" scoped>
@import './index.scss'
</style>