山东大学项目实训（十一）—— 核心功能（8）

医疗器械基本情况填写

在这篇博客 https://blog.csdn.net/long99920/article/details/124176018.以及之前的博客中，笔者已经介绍完了普通不良事件的上报模板，所以笔者在这篇博客中医疗器械不良事件上报模板。

首先，普通不良事件模板和医疗器械不良事件模板是有公共模板的 —— 不良事件类型选择、患者资料查询、不良事件基本情况以及不良事件级别。
其次，它们俩都拥有暂存、实名上报、匿名上报以及附件上传的功能。

它们之间的不同点在于：前者在公共模板的基础上多一个事件类别；而后者则是多了医疗器械基本情况和医疗器械使用情况，仅此而已。

一、设计思路

由于这是和不良事件基本情况的填写类似，故是一样的设计思路以及实现方案。 表单输入啊、表单校验啊等等，并且不需要向服务器发起获取数据的请求。所以直接上应用介绍！

二、应用介绍

这和事件基本情况填写是真真真的几乎完全类似，所以笔者是不想再介绍了。看代码即可！表单校验规则和事件基本情况校验规则也是类似，故不再展示！

<uni-forms ref="machineForm" :rules="rules1" :modelValue="formData.machineBaseInfo"
	validate-trigger="submit">
	<uni-forms-item label="产品名称" name="name">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.name" />
	</uni-forms-item>
	<uni-forms-item label="注册证号" name="certificate">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.certificate" />
	</uni-forms-item>
	<uni-forms-item label="型号规格" name="type">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.type" />
	</uni-forms-item>
	<uni-forms-item label="产品批号" name="mark">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.mark" />
	</uni-forms-item>
	<uni-forms-item label="产品编号" name="identification">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.identification" />
	</uni-forms-item>
	<uni-forms-item label="UDI" name="udi">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.udi" />
	</uni-forms-item>
	<uni-forms-item label="生产日期" name="productDate">
		<uni-datetime-picker type="date" return-type="timestamp" :end="Date.now()"
			v-model="formData.machineBaseInfo.productDate" />
	</uni-forms-item>
	<uni-forms-item label="有效期至" name="validDate">
		<uni-datetime-picker type="date" return-type="timestamp"
			v-model="formData.machineBaseInfo.validDate" />
	</uni-forms-item>
	<uni-forms-item label="上市许可持有人名称" name="holder">
		<uni-easyinput type="text" v-model="formData.machineBaseInfo.holder" />
	</uni-forms-item>
</uni-forms>

医疗器械使用情况填写

这和医疗器械基本情况几乎完全类似， 但它需要向服务器发起获取使用场所的数据，并且当使用数据场所字段为其他时，需要提供输入框， 让用户填写其他场所的内容。

在实现方面，笔者设了一个 flag，当使用场所数据为其他时，显示下面的输入框，否则不显示！而使用场所的数据请求，则和之前的类似，照葫芦画瓢！

由于实现的代码与上面的代码类似，故不展示代码了，展示实现效果即可。