From 35cc09d99fc50c797cff95e60e2994e39fc47ff5 Mon Sep 17 00:00:00 2001
From: memorylkf <312904636@qq.com>
Date: Tue, 20 Jan 2026 17:35:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:[=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86]=20?=
 =?UTF-8?q?=E7=94=9F=E7=89=A9=E6=A0=B7=E5=93=81=E5=88=86=E6=9E=90=E6=96=B9?=
 =?UTF-8?q?=E6=B3=95=E5=AD=A6=E6=A0=B7=E5=93=81=E5=88=B6=E5=A4=87=E8=A1=A8?=
 =?UTF-8?q?=EF=BC=88=E6=9C=80=E5=A4=A7=E6=A0=B7=E6=9C=AC=E6=95=B0=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/en/template/sp.js                         |  10 +-
 src/lang/zh/template/sp.js                         |  10 +-
 .../business/comps/template/TemplateTable.vue      |   6 +-
 .../comps/sp/SWYPFXFFXYPZBB/CBYHGZYWDX.vue         |   2 +-
 .../template/comps/sp/SWYPFXFFXYPZBB/XZXHTYX.vue   | 374 +++++++++++++++++++++
 .../template/comps/sp/SWYPFXFFXYPZBB/ZDYBS.vue     | 374 +++++++++++++++++++++
 6 files changed, 772 insertions(+), 4 deletions(-)
 create mode 100644 src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/XZXHTYX.vue
 create mode 100644 src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/ZDYBS.vue

diff --git a/src/lang/en/template/sp.js b/src/lang/en/template/sp.js
index 6c1da02..c5ca1cd 100644
--- a/src/lang/en/template/sp.js
+++ b/src/lang/en/template/sp.js
@@ -37,7 +37,7 @@ export default {
     yjgzyxql: 'Expected Working Solution Extraction Volume',
     sjgzyxql: 'Actual Working Solution Extraction Volume',
     yjxsyxql: 'Expected Diluent Extraction Volume',
-    sjxsyxql: 'Actual Diluent Extraction Volume',
+    sjxsyxql: 'Actual Diluent Extraction Volume'
   },
   //生物样品分析方法学样品制备表（全血稳定）
   sp010: {
@@ -61,5 +61,13 @@ export default {
   sp013: {
     title: 'Bioanalytical Methods Sample Preparation Record (Matrix Effect)',
     kbjzbh: 'Blank Substrate Serial Number'
+  },
+  //生物样品分析方法学样品制备表（Selectivity）-生物样品分析方法学样品制备表（选择性和特异性）
+  sp014: {
+    title: 'Bioanalytical Methods Sample Preparation Record (Selectivity)'
+  },
+  //生物样品分析方法学样品制备表(Sample Size)-生物样品分析方法学样品制备表（最大样本数）
+  sp015: {
+    title: 'Bioanalytical Methods Sample Preparation Record (Sample Amount)'
   }
 }
diff --git a/src/lang/zh/template/sp.js b/src/lang/zh/template/sp.js
index 11d39c5..b0bca73 100644
--- a/src/lang/zh/template/sp.js
+++ b/src/lang/zh/template/sp.js
@@ -36,7 +36,7 @@ export default {
     yjgzyxql: '预计工作液吸取量',
     sjgzyxql: '实际工作液吸取量',
     yjxsyxql: '预计稀释液吸取量',
-    sjxsyxql: '实际稀释液吸取量',
+    sjxsyxql: '实际稀释液吸取量'
   },
   //生物样品分析方法学样品制备表（全血稳定）
   sp010: {
@@ -57,5 +57,13 @@ export default {
   sp013: {
     title: '生物样品分析方法学样品制备表（基质效应）',
     kbjzbh: '空白基质编号'
+  },
+  //生物样品分析方法学样品制备表（Selectivity）-生物样品分析方法学样品制备表（选择性和特异性）
+  sp014: {
+    title: '生物样品分析方法学样品制备表（选择性和特异性）'
+  },
+  //生物样品分析方法学样品制备表(Sample Size)-生物样品分析方法学样品制备表（最大样本数）
+  sp015: {
+    title: '生物样品分析方法学样品制备表（最大样本数）'
   }
 }
diff --git a/src/views/business/comps/template/TemplateTable.vue b/src/views/business/comps/template/TemplateTable.vue
index 7e90140..3a50fa5 100644
--- a/src/views/business/comps/template/TemplateTable.vue
+++ b/src/views/business/comps/template/TemplateTable.vue
@@ -22,6 +22,8 @@ import CBYHGZYWDX from "./comps/sp/SWYPFXFFXYPZBB/CBYHGZYWDX.vue";
 import Recovery from "./comps/sp/SWYPFXFFXYPZBB/Recovery.vue";
 import RXJZXY from "./comps/sp/SWYPFXFFXYPZBB/RXJZXY.vue";
 import JZXY from "./comps/sp/SWYPFXFFXYPZBB/JZXY.vue";
+import XZXHTYX from "./comps/sp/SWYPFXFFXYPZBB/XZXHTYX.vue";
+import ZDYBS from "./comps/sp/SWYPFXFFXYPZBB/ZDYBS.vue";
 import Demo from "./comps/sp/Demo.vue";
 //公用
 import SYWZPZJHB from "./comps/gy/SYWZPZJHB.vue";
@@ -31,7 +33,7 @@ export default {
   name: "TemplateTable",
   components: {
     MJYLQSQD, SYWZPZJHB,
-    SP001, SWYPFXRYPZB, Demo, SWYPFXCBYPZB, SWYPBQGZYZBB, SWYPNBGZYZBB,ZQDYJMD,QXWDX,CBYHGZYWDX,Recovery,RXJZXY,JZXY
+    SP001, SWYPFXRYPZB, Demo, SWYPFXCBYPZB, SWYPBQGZYZBB, SWYPNBGZYZBB,ZQDYJMD,QXWDX,CBYHGZYWDX,Recovery,RXJZXY,JZXY,XZXHTYX,ZDYBS
   },
   props: {
     sn: {
@@ -66,6 +68,8 @@ export default {
           'SP011': 'CBYHGZYWDX',
           'SP012': 'RXJZXY',
           'SP013': 'JZXY',
+          'SP014': 'XZXHTYX',
+          'SP015': 'ZDYBS',
           'SYWZPZJHB': 'SYWZPZJHB',
           'MJYLQSQD': 'MJYLQSQD',
         }
diff --git a/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/CBYHGZYWDX.vue b/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/CBYHGZYWDX.vue
index 95f1860..02c507e 100644
--- a/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/CBYHGZYWDX.vue
+++ b/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/CBYHGZYWDX.vue
@@ -67,7 +67,7 @@ import TableOpertaion from "@/components/Template/operation/TableOpertaion.vue"
 import SelectReagentDialog from '../../../dialog/SelectReagentDialog.vue';
 
 export default {
-	name: "SWYPFXRYPZB",
+	name: "CBYHGZYWDX",
 	components: { BaseInfoFormPcakge, LineLabel, TableList, Step, CustomTable,TableOpertaion,SelectReagentDialog },
 	mixins: [templateMixin],
 	props: {
diff --git a/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/XZXHTYX.vue b/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/XZXHTYX.vue
new file mode 100644
index 0000000..c9f85a4
--- /dev/null
+++ b/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/XZXHTYX.vue
@@ -0,0 +1,374 @@
+<!-- 生物样品分析方法学样品制备表-储备液和工作液稳定性 Solution Stability -->
+<template>
+	<div>
+		<div class="detail-container">
+			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc ||
+				 $t('template.sp.sp014.title') }}<img src="@/assets/images/detail-title.png" /></div>
+			<div class="detail-content">
+				<div class="content">
+					<BaseInfoFormPcakge fieldItemLabel="template.common.baseInfo" label="template.common.baseInfo" ref="baseInfoRef"
+						:formConfig="baseInfoFormConfig" :formData="formData" />
+					<TableList label="template.common.reagentInfo" :columns="sysjColumns"
+						:dataSource="resource" />
+					<TableList label="template.common.instrumentInfo" :columns="yqsColumns"
+						:dataSource="resource" />
+					<BaseInfoFormPcakge fieldItemLabel="template.common.storageCondition" label="template.common.storageCondition" ref="storageConditionRef"
+						:formConfig="storageFormConfig" :formData="formData" />
+					<LineLabel label="template.common.operationSteps" />
+					<div class="template-form-item">
+						<BaseInfoFormPcakge fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef" :formConfig="stepFormConfig"
+							:formData="formData" @clickable="handleJzClickable" />
+
+						<CustomTable 
+							@blur="onHandleTableBlur" 
+							:ref="`tableRef`" 
+							:columns="tableStepColumns" 
+							:formData="formData"
+							:prefixKey = "`table`"
+							@clickable="handleClickable"
+							fieldItemLabel = "template.common.operationSteps"
+						>
+							<template slot="operation" slot-scope="{ row, rowIndex}">
+								<TableOpertaion 
+									:fillType="fillType" 
+									:row="row" 
+									:rowIndex="rowIndex"
+									@deleteRow="(rowIndex) => deleteRow(rowIndex)"
+								></TableOpertaion>
+							</template>
+						</CustomTable>
+					</div>
+					<Step ref="stepRef" :formData="formData.stepData"></Step>
+					<BaseInfoFormPcakge fieldItemLabel="template.common.remark" label="template.common.remark" ref="remarkRef" :formConfig="remarkConig"
+						:formData="formData" />
+
+				</div>
+			</div>
+		</div>
+		<!-- <button @click = "onSave">保存</button> -->
+
+		<SelectReagentDialog 
+		@submit="onSelectReagentSubmit"
+		ref="selectReagentDialogRef" >
+		</SelectReagentDialog>
+	</div>
+</template>
+
+<script>
+import BaseInfoFormPcakge from "@/components/Template/BaseInfoFormPcakge";
+import LineLabel from "@/components/Template/LineLabel";
+import TableList from "@/components/Template/Table";
+import Step from "@/components/Template/Step";
+import templateMixin from "../../../mixins/templateMixin";
+import CustomTable from '@/components/Template/CustomTable.vue';
+import { getLatestSn } from '@/api/template';
+import {getSWYPFXFFXYPZBBTableConfig} from "../../../formConfig/SWYPFXFFXYPZBBTableConfig.js";
+import TableOpertaion from "@/components/Template/operation/TableOpertaion.vue"
+import SelectReagentDialog from '../../../dialog/SelectReagentDialog.vue';
+
+export default {
+	name: "XZXHTYX",
+	components: { BaseInfoFormPcakge, LineLabel, TableList, Step, CustomTable,TableOpertaion,SelectReagentDialog },
+	mixins: [templateMixin],
+	props: {
+		fillType: {
+			type: String,
+			default: 'preFill',
+		},
+	},
+	computed: {
+		storageFormConfig() {
+			return [
+				{
+					type: "conditionItem",
+					config: {
+						storageCondition: {
+							label: 'template.common.storageConditionLabel',
+							type: "select",
+							fillType: "preFill",
+							options: this.getDictOptions("business_cctj"),
+							otherCode: "storageConditionOther",
+						},
+
+					}
+				}
+			];
+		},
+		remarkConig() {
+			return [
+				{
+					type: "cellItem",
+					config: {
+						remark: {
+							label: "",
+							type: "textarea",
+							fillType: "actFill",
+							span: 1,
+							placeholder: 'template.common.remarkPlaceholder',
+							maxlength: 1000,
+							rows: 5
+						}
+					}
+				}
+			]
+		},
+		
+		baseInfoFormConfig() {
+			return [
+				{
+					type: "cardItem",
+					config: {
+						studyMc: {
+							label: 'template.common.testName',
+							type: "input",
+							disabled: true,
+						},
+						studySn: {
+							label: 'template.common.testNumber',
+							type: "input",
+							disabled: true,
+						},
+						methodCode: {
+							label: 'template.common.methodCode',
+							type: "input",
+							fillType: "preFill",
+							maxlength: 50
+						},
+						versionNum: {
+							label: 'template.common.versionNumber',
+							type: "input",
+							fillType: "actFill",
+							maxlength: 50
+						},
+						//处理批编号
+						clpbg: {
+							label: 'template.sp.sp008.clpbh',
+							type: "input",
+							fillType: "actFill",
+							maxlength: 50
+						},
+
+					}
+				},
+				{
+					type: "conditionItem",
+					label: 'template.common.testConfigurationConditions',
+					config: {
+						pre: {
+							label: 'template.common.preFill',
+							type: "select",
+							multiple: true,
+							fillType: "preFill",
+							options: this.getDictOptions('business_pztj'),
+							otherCode: "preOther",
+						},
+						act: {
+							label: 'template.common.actualFill',
+							type: "select",
+							fillType: "actFill",
+							otherCode: "actOther",
+							multiple: true,
+							options: this.getDictOptions('business_pztj')
+						}
+					}
+				},
+				{
+					type: "cellItem",
+					label: 'template.sp.sp008.rqcz',
+					config: {
+						rqcz: {
+							type: "select",
+							multiple: true,
+							fillType: "actFill",
+							options: this.getDictOptions('business_rqcz'),
+							otherCode: "rqczOther",
+						},
+					}
+				},
+				{
+					type: "cellItem",
+					label: 'template.sp.sp008.clsj',
+					config: {
+						startDate: {
+							label: 'template.common.startTime',
+							type: "input",
+						},
+						endDate: {
+							label: 'template.common.endTime',
+							type: "input",
+						},
+					}
+				}
+			]
+		},
+		stepFormConfig() {
+			return [
+				{
+					type: "step",
+					config: {
+						jz: {
+							label: 'template.sp.sp011.xzxsy',
+							type: "input",
+							fillType: "preFill",
+							subType: "clickable",
+							subKey: "subJz",
+							subFillType: "actFill",
+							maxlength: 20,
+							labelWidth: 80,
+						},
+					}
+				}
+			]
+		},
+		tableStepColumns() {
+			return getSWYPFXFFXYPZBBTableConfig(this,'business_sp_xzxytyx',true);
+		},
+	},
+	data() {
+		return {
+			reagentType: "",//本表单特殊字段：选择试剂的类型1选择基质，2表格里面选择试剂
+
+			currentSubKey: "",//当前点击的子项key
+			rowIndex:0,//当前表格点击的行数
+
+			resource: [],
+			sysjColumns: [
+				{ label: 'template.common.reagentName', prop: "mc" },//名称
+				{ label: 'template.common.reagentCode', prop: "bh" },//编号
+				{ label: 'template.common.reagentNo', prop: "ph" },//批号 试剂，供试品才有
+				{ label: 'template.common.concentration', prop: "nd" },//浓度
+				{ label: 'template.common.source', prop: "source" },//来源 
+				{ label: 'template.common.reagentExpireDate', prop: "sxrq" },//失效日期
+			],
+			yqsColumns: [
+				{ label: 'template.common.instrumentName', prop: "instrumentName" },
+				{ label: 'template.common.instrumentModel', prop: "instrumentModel" },
+				{ label: 'template.common.instrumentCode', prop: "instrumentCode" },
+				{ label: 'template.common.nextTestDate', prop: "nextTestDate" },
+			],
+			formData: {}
+		};
+	},
+	mounted() {
+
+	},
+	watch: {
+		formData: {
+			immediate: true,
+			handler(v) {
+				if(this.fillType === "actFill"){
+					this.getCode(v);
+				}
+			}
+		}
+	},
+	methods: {
+		//点击基质选择
+		handleJzClickable(obj){
+			this.reagentType = 1//本表单特殊字段
+			this.currentSubKey = obj.subKey;
+			this.$refs.selectReagentDialogRef.show()
+		},
+		//选择试剂提交事件
+		onSelectReagentSubmit(code,row){
+			if(this.reagentType===1){
+				this.$refs.stepFormPackageRef.updateFormData(this.currentSubKey, code);
+			}else{
+				this.$refs.tableRef.updateDataSourceByRowIndex(this.rowIndex,{
+					[this.currentSubKey]: code,
+				})
+			}
+			this.$refs.selectReagentDialogRef.onCancel()
+		},
+		//点击表格单元格
+		handleClickable(col, rowIndex) {
+			//本表单特殊字段
+			this.reagentType = 2
+
+			this.rowIndex = rowIndex
+			this.currentSubKey = col.prop;
+			console.log("clickable",rowIndex, col)
+			if(col.prop === "sjry"){
+				//调用对应弹窗的方法-多个点击的需要判断是哪个字段点击
+				this.$refs.selectReagentDialogRef.show()
+			}
+		},
+		//获取目标溶液编号
+		async getCode(v){
+			const {stepTableFormData = []} = v;
+			if(stepTableFormData && stepTableFormData.length>0 && !stepTableFormData[0].bhCode){
+				const result = await getLatestSn({
+					count: stepTableFormData.length,
+				})
+				if(result.code == 200){
+					if(stepTableFormData.length===0){
+						this.$refs.tableRef.updateDataSourceByRowIndex(0,{
+							[bhCode]: result.data,
+						})
+					}else{
+						for(let i=0;i<stepTableFormData.length;i++){
+							this.$refs.tableRef.updateDataSourceByRowIndex(i,{
+								bhCode: result.data[i],
+							})
+						}
+					}
+				}
+			}
+		},
+		//获取已填写的表单数据
+		getFilledFormData(){
+			return this.getFilledFormDataByRefs(["baseInfoRef", "storageConditionRef", "stepFormPackageRef", "tableRef","stepRef", "remarkRef"])
+		},
+		async getFormData() {
+			let content = await this.validFormFields(["baseInfoRef", "storageConditionRef", "stepFormPackageRef","tableRef" ,"stepRef", "remarkRef"]);
+			//生成resource
+			let tmpResource = []
+
+			let tableList = content.stepTableFormData
+			for(let i=0;i<tableList.length;i++){
+				//配置的试剂
+				let item = tableList[i]
+				tmpResource.push({
+					mc: null,
+					bh: item.bh+item.bhCode,
+					ph: null,
+					nd: item.hhwznd + content.headerSelectFields.hhwzndUnit,
+					source: 'ELN配制',
+					sxrq: null,
+					ndz: item.hhwznd,
+					nddw: content.headerSelectFields.hhwzndUnit,
+					kc: item.sjjzxql+item.sjryxql,//todo 单位不一致-计算
+					kcdw: content.headerSelectFields.sjryxqlUnit || content.headerSelectFields.sjjzxqlUnit,//todo 单位不一致-计算-按最小算
+					syl: null,
+					syldw:content.headerSelectFields.sjryxqlUnit || content.headerSelectFields.sjjzxqlUnit,//todo 单位不一致-计算-按最小算,
+					yxzq:null,
+					yxzqdw:null,
+				})
+			}
+			
+			//使用的试剂
+			this.resource=tmpResource
+			return content;
+		},
+		async onSave() {
+			const formData = await this.getFilledFormData();
+
+			console.log(formData, "formData")
+		},
+		// 删除表格行
+		deleteRow(rowIndex) {
+			const tableRef = this.$refs['tableRef'];
+			if (tableRef) {
+				tableRef.deleteRow(rowIndex);
+			}
+		},
+		
+
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+.mt-20 {
+	margin-top: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/ZDYBS.vue b/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/ZDYBS.vue
new file mode 100644
index 0000000..98e4182
--- /dev/null
+++ b/src/views/business/comps/template/comps/sp/SWYPFXFFXYPZBB/ZDYBS.vue
@@ -0,0 +1,374 @@
+<!-- 生物样品分析方法学样品制备表-最大样本数-生物样品分析方法学样品制备表(Sample Size) -->
+<template>
+	<div>
+		<div class="detail-container">
+			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc ||
+				 $t('template.sp.sp015.title') }}<img src="@/assets/images/detail-title.png" /></div>
+			<div class="detail-content">
+				<div class="content">
+					<BaseInfoFormPcakge fieldItemLabel="template.common.baseInfo" label="template.common.baseInfo" ref="baseInfoRef"
+						:formConfig="baseInfoFormConfig" :formData="formData" />
+					<TableList label="template.common.reagentInfo" :columns="sysjColumns"
+						:dataSource="resource" />
+					<TableList label="template.common.instrumentInfo" :columns="yqsColumns"
+						:dataSource="resource" />
+					<BaseInfoFormPcakge fieldItemLabel="template.common.storageCondition" label="template.common.storageCondition" ref="storageConditionRef"
+						:formConfig="storageFormConfig" :formData="formData" />
+					<LineLabel label="template.common.operationSteps" />
+					<div class="template-form-item">
+						<BaseInfoFormPcakge fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef" :formConfig="stepFormConfig"
+							:formData="formData" @clickable="handleJzClickable" />
+
+						<CustomTable 
+							@blur="onHandleTableBlur" 
+							:ref="`tableRef`" 
+							:columns="tableStepColumns" 
+							:formData="formData"
+							:prefixKey = "`table`"
+							@clickable="handleClickable"
+							fieldItemLabel = "template.common.operationSteps"
+						>
+							<template slot="operation" slot-scope="{ row, rowIndex}">
+								<TableOpertaion 
+									:fillType="fillType" 
+									:row="row" 
+									:rowIndex="rowIndex"
+									@deleteRow="(rowIndex) => deleteRow(rowIndex)"
+								></TableOpertaion>
+							</template>
+						</CustomTable>
+					</div>
+					<Step ref="stepRef" :formData="formData.stepData"></Step>
+					<BaseInfoFormPcakge fieldItemLabel="template.common.remark" label="template.common.remark" ref="remarkRef" :formConfig="remarkConig"
+						:formData="formData" />
+
+				</div>
+			</div>
+		</div>
+		<!-- <button @click = "onSave">保存</button> -->
+
+		<SelectReagentDialog 
+		@submit="onSelectReagentSubmit"
+		ref="selectReagentDialogRef" >
+		</SelectReagentDialog>
+	</div>
+</template>
+
+<script>
+import BaseInfoFormPcakge from "@/components/Template/BaseInfoFormPcakge";
+import LineLabel from "@/components/Template/LineLabel";
+import TableList from "@/components/Template/Table";
+import Step from "@/components/Template/Step";
+import templateMixin from "../../../mixins/templateMixin";
+import CustomTable from '@/components/Template/CustomTable.vue';
+import { getLatestSn } from '@/api/template';
+import {getSWYPFXFFXYPZBBTableConfig} from "../../../formConfig/SWYPFXFFXYPZBBTableConfig.js";
+import TableOpertaion from "@/components/Template/operation/TableOpertaion.vue"
+import SelectReagentDialog from '../../../dialog/SelectReagentDialog.vue';
+
+export default {
+	name: "ZDYBS",
+	components: { BaseInfoFormPcakge, LineLabel, TableList, Step, CustomTable,TableOpertaion,SelectReagentDialog },
+	mixins: [templateMixin],
+	props: {
+		fillType: {
+			type: String,
+			default: 'preFill',
+		},
+	},
+	computed: {
+		storageFormConfig() {
+			return [
+				{
+					type: "conditionItem",
+					config: {
+						storageCondition: {
+							label: 'template.common.storageConditionLabel',
+							type: "select",
+							fillType: "preFill",
+							options: this.getDictOptions("business_cctj"),
+							otherCode: "storageConditionOther",
+						},
+
+					}
+				}
+			];
+		},
+		remarkConig() {
+			return [
+				{
+					type: "cellItem",
+					config: {
+						remark: {
+							label: "",
+							type: "textarea",
+							fillType: "actFill",
+							span: 1,
+							placeholder: 'template.common.remarkPlaceholder',
+							maxlength: 1000,
+							rows: 5
+						}
+					}
+				}
+			]
+		},
+		
+		baseInfoFormConfig() {
+			return [
+				{
+					type: "cardItem",
+					config: {
+						studyMc: {
+							label: 'template.common.testName',
+							type: "input",
+							disabled: true,
+						},
+						studySn: {
+							label: 'template.common.testNumber',
+							type: "input",
+							disabled: true,
+						},
+						methodCode: {
+							label: 'template.common.methodCode',
+							type: "input",
+							fillType: "preFill",
+							maxlength: 50
+						},
+						versionNum: {
+							label: 'template.common.versionNumber',
+							type: "input",
+							fillType: "actFill",
+							maxlength: 50
+						},
+						//处理批编号
+						clpbg: {
+							label: 'template.sp.sp008.clpbh',
+							type: "input",
+							fillType: "actFill",
+							maxlength: 50
+						},
+
+					}
+				},
+				{
+					type: "conditionItem",
+					label: 'template.common.testConfigurationConditions',
+					config: {
+						pre: {
+							label: 'template.common.preFill',
+							type: "select",
+							multiple: true,
+							fillType: "preFill",
+							options: this.getDictOptions('business_pztj'),
+							otherCode: "preOther",
+						},
+						act: {
+							label: 'template.common.actualFill',
+							type: "select",
+							fillType: "actFill",
+							otherCode: "actOther",
+							multiple: true,
+							options: this.getDictOptions('business_pztj')
+						}
+					}
+				},
+				{
+					type: "cellItem",
+					label: 'template.sp.sp008.rqcz',
+					config: {
+						rqcz: {
+							type: "select",
+							multiple: true,
+							fillType: "actFill",
+							options: this.getDictOptions('business_rqcz'),
+							otherCode: "rqczOther",
+						},
+					}
+				},
+				{
+					type: "cellItem",
+					label: 'template.sp.sp008.clsj',
+					config: {
+						startDate: {
+							label: 'template.common.startTime',
+							type: "input",
+						},
+						endDate: {
+							label: 'template.common.endTime',
+							type: "input",
+						},
+					}
+				}
+			]
+		},
+		stepFormConfig() {
+			return [
+				{
+					type: "step",
+					config: {
+						jz: {
+							label: 'template.sp.sp008.xzjz',
+							type: "input",
+							fillType: "preFill",
+							subType: "clickable",
+							subKey: "subJz",
+							subFillType: "actFill",
+							maxlength: 20,
+							labelWidth: 80,
+						},
+					}
+				}
+			]
+		},
+		tableStepColumns() {
+			return getSWYPFXFFXYPZBBTableConfig(this,'business_sp_zdybs');
+		},
+	},
+	data() {
+		return {
+			reagentType: "",//本表单特殊字段：选择试剂的类型1选择基质，2表格里面选择试剂
+
+			currentSubKey: "",//当前点击的子项key
+			rowIndex:0,//当前表格点击的行数
+
+			resource: [],
+			sysjColumns: [
+				{ label: 'template.common.reagentName', prop: "mc" },//名称
+				{ label: 'template.common.reagentCode', prop: "bh" },//编号
+				{ label: 'template.common.reagentNo', prop: "ph" },//批号 试剂，供试品才有
+				{ label: 'template.common.concentration', prop: "nd" },//浓度
+				{ label: 'template.common.source', prop: "source" },//来源 
+				{ label: 'template.common.reagentExpireDate', prop: "sxrq" },//失效日期
+			],
+			yqsColumns: [
+				{ label: 'template.common.instrumentName', prop: "instrumentName" },
+				{ label: 'template.common.instrumentModel', prop: "instrumentModel" },
+				{ label: 'template.common.instrumentCode', prop: "instrumentCode" },
+				{ label: 'template.common.nextTestDate', prop: "nextTestDate" },
+			],
+			formData: {}
+		};
+	},
+	mounted() {
+
+	},
+	watch: {
+		formData: {
+			immediate: true,
+			handler(v) {
+				if(this.fillType === "actFill"){
+					this.getCode(v);
+				}
+			}
+		}
+	},
+	methods: {
+		//点击基质选择
+		handleJzClickable(obj){
+			this.reagentType = 1//本表单特殊字段
+			this.currentSubKey = obj.subKey;
+			this.$refs.selectReagentDialogRef.show()
+		},
+		//选择试剂提交事件
+		onSelectReagentSubmit(code,row){
+			if(this.reagentType===1){
+				this.$refs.stepFormPackageRef.updateFormData(this.currentSubKey, code);
+			}else{
+				this.$refs.tableRef.updateDataSourceByRowIndex(this.rowIndex,{
+					[this.currentSubKey]: code,
+				})
+			}
+			this.$refs.selectReagentDialogRef.onCancel()
+		},
+		//点击表格单元格
+		handleClickable(col, rowIndex) {
+			//本表单特殊字段
+			this.reagentType = 2
+
+			this.rowIndex = rowIndex
+			this.currentSubKey = col.prop;
+			console.log("clickable",rowIndex, col)
+			if(col.prop === "sjry"){
+				//调用对应弹窗的方法-多个点击的需要判断是哪个字段点击
+				this.$refs.selectReagentDialogRef.show()
+			}
+		},
+		//获取目标溶液编号
+		async getCode(v){
+			const {stepTableFormData = []} = v;
+			if(stepTableFormData && stepTableFormData.length>0 && !stepTableFormData[0].bhCode){
+				const result = await getLatestSn({
+					count: stepTableFormData.length,
+				})
+				if(result.code == 200){
+					if(stepTableFormData.length===0){
+						this.$refs.tableRef.updateDataSourceByRowIndex(0,{
+							[bhCode]: result.data,
+						})
+					}else{
+						for(let i=0;i<stepTableFormData.length;i++){
+							this.$refs.tableRef.updateDataSourceByRowIndex(i,{
+								bhCode: result.data[i],
+							})
+						}
+					}
+				}
+			}
+		},
+		//获取已填写的表单数据
+		getFilledFormData(){
+			return this.getFilledFormDataByRefs(["baseInfoRef", "storageConditionRef", "stepFormPackageRef", "tableRef","stepRef", "remarkRef"])
+		},
+		async getFormData() {
+			let content = await this.validFormFields(["baseInfoRef", "storageConditionRef", "stepFormPackageRef","tableRef" ,"stepRef", "remarkRef"]);
+			//生成resource
+			let tmpResource = []
+
+			let tableList = content.stepTableFormData
+			for(let i=0;i<tableList.length;i++){
+				//配置的试剂
+				let item = tableList[i]
+				tmpResource.push({
+					mc: null,
+					bh: item.bh+item.bhCode,
+					ph: null,
+					nd: item.hhwznd + content.headerSelectFields.hhwzndUnit,
+					source: 'ELN配制',
+					sxrq: null,
+					ndz: item.hhwznd,
+					nddw: content.headerSelectFields.hhwzndUnit,
+					kc: item.sjjzxql+item.sjryxql,//todo 单位不一致-计算
+					kcdw: content.headerSelectFields.sjryxqlUnit || content.headerSelectFields.sjjzxqlUnit,//todo 单位不一致-计算-按最小算
+					syl: null,
+					syldw:content.headerSelectFields.sjryxqlUnit || content.headerSelectFields.sjjzxqlUnit,//todo 单位不一致-计算-按最小算,
+					yxzq:null,
+					yxzqdw:null,
+				})
+			}
+			
+			//使用的试剂
+			this.resource=tmpResource
+			return content;
+		},
+		async onSave() {
+			const formData = await this.getFilledFormData();
+
+			console.log(formData, "formData")
+		},
+		// 删除表格行
+		deleteRow(rowIndex) {
+			const tableRef = this.$refs['tableRef'];
+			if (tableRef) {
+				tableRef.deleteRow(rowIndex);
+			}
+		},
+		
+
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+.mt-20 {
+	margin-top: 20px;
+}
+</style>
\ No newline at end of file