feat: [模板管理] LBA003-待完善

src/views/business/comps/template/TemplateTable.vue

@@ -54,11 +54,15 @@ import PCR002 from "./comps/pcr/PCR002.vue";
 //LBA
 // LBA001-使用SP001
 import LBA002 from "./comps/lba/LBA002.vue";
+import LBA003 from "./comps/lba/LBA003.vue";
 
 //ADA
 // ADA001-使用SP001
 // ADA002-使用LBA002
 
+//样品
+// YP001-使用SP001
+
 export default {
   name: "TemplateTable",
   components: {
@@ -71,8 +75,9 @@ export default {
     SP001, SP003, SP00456,SP007, SP008, SP009, SP010, SP011, SP012, SP013, SP014, SP015, SP016, SP017, SP018,
     // PCR
     PCR002,
-    // PCR
-    LBA002
+    //LBA
+    LBA002,
+    LBA003
   },
   props: {
     sn: {
@@ -127,11 +132,12 @@ export default {
           //LBA
           'LBA001': 'SP001',
           'LBA002': 'LBA002',
-          //样品
-          'YP001': 'SP001',
+          'LBA003': 'LBA003',
           //ADA
           'ADA001': 'SP001',
           'ADA002': 'LBA002',
+          //样品
+          'YP001': 'SP001',
         }
       }
       return this.componentMap || "Demo"

src/views/business/comps/template/comps/lba/LBA003.vue

@@ -0,0 +1,127 @@
+<!-- 配体结合分析处理记录表 -->
+<template>
+	<div>
+		<div class="detail-container">
+			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc ||
+				$t('template.sp.sp007.title') }}<img src="@/assets/images/detail-title.png" /></div>
+			<div class="detail-content">
+				<div class="content">
+					<BaseInfoFormPackage 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.wzInfo" :columns="sywzColumns" :dataSource="resourceWz" v-if="resourceWz.length>0"/>
+					<TableList label="template.common.instrumentInfo" :columns="yqColumns" :dataSource="yqResource" />
+					<BaseInfoFormPackage fieldItemLabel="template.common.storageCondition"
+						label="template.common.storageCondition" ref="storageConditionRef"
+						:formConfig="storageFormConfig" :formData="formData" />
+					<BaseInfoFormPackage fieldItemLabel="样本说明" label="样本说明"
+						ref="ybRef" :formConfig="ybFormConfig" :formData="formData" />
+					<LineLabel label="template.common.operationSteps" />
+					<Step ref="stepRef" :formData="formData.stepData"></Step>
+					<BaseInfoFormPackage fieldItemLabel="template.common.remark" label="template.common.remark"
+						ref="remarkRef" :formConfig="remarkConig" :formData="formData" />
+					<BaseInfoFormPackage fieldItemLabel="附件" label="附件"
+						ref="fjRef" :formConfig="getFjFormConfig" :formData="formData" />
+				
+				</div>
+			</div>
+		</div>
+		<button @click="onSave">保存</button>
+	</div>
+</template>
+
+<script>
+import BaseInfoFormPackage from "@/components/Template/BaseInfoFormPackage";
+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 { EventBus } from "@/utils/eventBus";
+import { uniqeResource } from "@/utils/calUnitTools";
+import { debounce } from 'lodash-es';
+import {getBaseInfoFormConfig, getRemarkFormConfig,getStorageFormConfig,getYbFormConfig,getfjFormConfig} from "../../formConfig/sp/SP007";
+
+export default {
+	name: "LBA003",
+	components: { BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable },
+	mixins: [templateMixin],
+	props: {
+		fillType: {
+			type: String,
+			default: 'preFill',
+		},
+	},
+	computed: {
+		// 配置条件
+		storageFormConfig() {
+			return getStorageFormConfig(this);
+		},
+		// 备注表单配置
+		remarkConig() {
+			return getRemarkFormConfig();
+		},
+		// 样本说明
+		ybFormConfig() {
+			return getYbFormConfig();
+		},
+		// 试验基本信息表单配置
+		baseInfoFormConfig() {
+			return getBaseInfoFormConfig(this);
+		},
+		// 附件表单配置
+		getFjFormConfig() {
+			return getfjFormConfig(this);
+		},
+		
+	},
+	data() {
+		return {
+			formData: {}
+		};
+	},
+	mounted() {
+	},
+	methods: {
+		//打印标签
+		printTag() {
+			const printConfig = this.getBasePrintConfig();
+			const { storageCondition, targetCodeSn } = this.formData;
+			printConfig["存储条件"] = storageCondition;
+			printConfig["编号"] = targetCodeSn;
+
+			EventBus.$emit('showTagPrintDialog', { printConfig })
+		},
+	
+		//获取已填写的表单数据
+		getFilledFormData() {
+			return this.getFilledFormDataByRefs(["baseInfoRef", "storageConditionRef", "ybRef","stepRef", "remarkRef","fjRef"])
+		},
+		//获取填写完成的表单数据
+		async getFormData() {
+			let content = await this.validFormFields(["baseInfoRef", "storageConditionRef", "ybRef","stepRef", "remarkRef","fjRef"]);
+			return content;
+		},
+		getResource() {
+			let content = this.getFilledFormData();
+			return this.resourceTmp;
+		},
+		//保存
+		async onSave() {
+			let content =await this.$refs.fjRef.getFormData();
+			console.log(content);
+			
+		},
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+.mt-20 {
+	margin-top: 20px;
+}
+
+.print-btn {
+	margin-bottom: 20px;
+}
+</style>