diff --git a/src/lang/en.js b/src/lang/en.js
index 7f79283..5201f74 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -29,6 +29,8 @@ import yp from './en/template/yp'
 import ada from './en/template/ada'
 //毒理模板
 import dl from './en/template/dl'
+//细胞模板
+import xb from './zh/template/xb'
 
 // 试验管理
 import study from './en/business/study/study'
@@ -202,6 +204,7 @@ export default {
     lba: lba,
     yp: yp,
     ada: ada,
-    dl: dl
+    dl: dl,
+    xb: xb,
   }
 }
diff --git a/src/lang/en/template/xb.js b/src/lang/en/template/xb.js
new file mode 100644
index 0000000..6e7a3bb
--- /dev/null
+++ b/src/lang/en/template/xb.js
@@ -0,0 +1,14 @@
+//细胞
+export default {
+  xb001: {
+    jcsj: '检测时间',
+    czbz: 'Operation Workflow',
+    qtbz: '其他步骤',
+    fj: 'Attachment',
+    fpc: '分批次',
+    zb: '组别',
+    lx: '类型',
+    fysc: '孵育时长（hr: min）'
+  }, 
+ 
+}
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 9bac231..754280b 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -29,6 +29,8 @@ import yp from './zh/template/yp'
 import ada from './zh/template/ada'
 //毒理模板
 import dl from './zh/template/dl'
+//细胞模板
+import xb from './zh/template/xb'
 
 // 试验管理
 import study from './zh/business/study/study'
@@ -197,6 +199,7 @@ export default {
     lba: lba,
     yp: yp,
     ada: ada,
-    dl: dl
+    dl: dl,
+    xb: xb,
   }
 }
diff --git a/src/lang/zh/template/xb.js b/src/lang/zh/template/xb.js
new file mode 100644
index 0000000..6c2d363
--- /dev/null
+++ b/src/lang/zh/template/xb.js
@@ -0,0 +1,14 @@
+//细胞
+export default {
+  xb001: {
+    jcsj: '检测时间',
+    czbz: '操作步骤',
+    qtbz: '其他步骤',
+    fj: '附件',
+    fpc: '分批次',
+    zb: '组别',
+    lx: '类型',
+    fysc: '孵育时长（hr: min）'
+  }, 
+ 
+}
diff --git a/src/views/business/comps/template/TemplateTable.vue b/src/views/business/comps/template/TemplateTable.vue
index be5cc43..1ed5232 100644
--- a/src/views/business/comps/template/TemplateTable.vue
+++ b/src/views/business/comps/template/TemplateTable.vue
@@ -75,6 +75,9 @@ import YP003 from "./comps/yp/YP003.vue";
 import YP004 from "./comps/yp/YP004.vue";
 import YP005 from "./comps/yp/YP005.vue";
 
+//细胞
+import XB001 from "./comps/xb/XB001.vue";
+
 //毒理
 // DL001-SYWZPZJHB
 // DL002-使用SP001
@@ -141,7 +144,8 @@ export default {
     DL021,
     DL022,
     DL023,
-    DL024
+    DL024,
+    XB001,//细胞
   },
   data() {
     return {
@@ -157,6 +161,7 @@ export default {
     handleEditSignCancel(e) {
       EventBus.$emit('edit-sign-cancel', e);
     },
+ 
   },
   props: {
     sn: {
@@ -245,6 +250,8 @@ export default {
           'YP003': 'YP003',
           'YP004': 'YP004',
           'YP005': 'YP005',
+           //细胞
+          'XB001': 'XB001',
           //毒理
           //DL001-SYWZPZJHB
           'DL002': 'SP001',
diff --git a/src/views/business/comps/template/comps/xb/XB001.vue b/src/views/business/comps/template/comps/xb/XB001.vue
new file mode 100644
index 0000000..5822192
--- /dev/null
+++ b/src/views/business/comps/template/comps/xb/XB001.vue
@@ -0,0 +1,336 @@
+<!-- 细胞CIC配制记录表 -->
+<template>
+	<div>
+		<div class="detail-container">
+			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc }}<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.instrumentInfo" :columns="yqColumns" :dataSource="yqResource" />
+
+					<!-- 操作步骤 -->
+					<LineLabel label="template.xb.xb001.czbz" />
+					<div class="template-form-item">
+						<div>第1步：准备分析批：</div>
+						<CustomTable
+							:ref="`tableFirstRef`"
+							:columns="tableFirstColumns"
+							:formData="formData"
+							:prefixKey = "`tableFirst`"
+							fieldItemLabel = "template.common.operationSteps"
+							:showOperation="fillType === 'preFill'"
+						>
+							<template slot="operation" slot-scope="{ row, rowIndex, columns }">
+								<TableOpertaionDelete  :row="row" :rowIndex="rowIndex" :columns="columns"  @deleteRow="deleteRow(rowIndex,'firstTable')" ></TableOpertaionDelete>
+							</template>
+						</CustomTable>
+
+						<div class="mb10">
+							<div>第2步：</div>
+							<StepFormPackage ref = "stepFormPackageSecondRef" prefixKey="xb_czdsb"  :form-config="stepSecondConfig" :formData = "formData" />
+						</div>
+
+						<div class="mb10">
+							<div>第3步：</div>
+							<StepFormPackage ref = "stepFormPackageThirdRef" prefixKey="xb_czdtb"  :form-config="stepThirdConfig" :formData = "formData" />
+						</div>
+
+						<div class="mb10">
+							<div>第4步：</div>
+							<StepFormPackage ref = "stepFormPackageFourthRef" prefixKey="xb_czdfb"  :form-config="stepFourthConfig" :formData = "formData" />
+						</div>
+
+						<div>
+							<div>第5步：</div>
+							<StepFormPackage ref = "stepFormPackageFivthRef" prefixKey="xb_czdwb"  :form-config="stepFivthConfig" :formData = "formData" />
+							<CustomTable
+								:ref="`tableSecondRef`"
+								:columns="tableSecondColumns"
+								:formData="formData"
+								:prefixKey = "`tableSecond`"
+								fieldItemLabel = "template.common.operationSteps"
+								:showOperation="fillType === 'preFill'"
+							>
+								<template slot="operation" slot-scope="{ row, rowIndex, columns }">
+									<TableOpertaionDelete  :row="row" :rowIndex="rowIndex" :columns="columns"  @deleteRow="deleteRow(rowIndex,'secondTable')" ></TableOpertaionDelete>
+								</template>
+							</CustomTable>						
+						</div>
+
+						<div class="mb10">
+							<div>第6步：</div>
+							<StepFormPackage ref = "stepFormPackageSixthRef" prefixKey="xb_czdlb"  :form-config="stepSixthConfig" :formData = "formData" />
+						</div>
+
+					</div>
+					
+					<LineLabel label="template.xb.xb001.qtbz" />
+					<Step ref="stepRef" :formData="formData.stepData"></Step>
+
+					<BaseInfoFormPackage fieldItemLabel="template.xb.xb001.fj" label="template.xb.xb001.fj"
+						ref="fjRef" :formConfig="getFjFormConfig" :formData="formData" />
+					<BaseInfoFormPackage fieldItemLabel="template.common.remark" label="template.common.remark"
+						ref="remarkRef" :formConfig="remarkConig" :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 stepMixins from '@/components/Template/mixins/stepMixins.js';
+import CustomTable from '@/components/Template/CustomTable.vue';
+import { EventBus } from "@/utils/eventBus";
+import { uniqeResource } from "@/utils/calUnitTools";
+import { debounce } from 'lodash-es'
+import TableOpertaionDelete from "@/components/Template/operation/TableOpertaionDelete.vue"
+import StepFormPackage from "@/components/Template/StepFormPackage.vue"
+import { getStepSecond, getStepThird, getStepFourth, getStepFivth, getStepSixth} from "../../formConfig/xb/xb001.js";
+
+export default {
+	name: "XB001",
+	components: { BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable, TableOpertaionDelete, StepFormPackage },
+	mixins: [templateMixin],
+	props: {
+		fillType: {
+			type: String,
+			default: 'preFill',
+		},
+	},
+	computed: {
+		stepSecondConfig() {
+			return getStepSecond(this);
+		},
+		stepThirdConfig() {
+			return getStepThird(this);
+		},
+		stepFourthConfig() {
+			return getStepFourth(this);
+		},
+		stepFivthConfig() {
+			return getStepFivth(this);
+		},
+		stepSixthConfig() {
+			return getStepSixth(this);
+		},
+		stepFormConfig() {
+			return [
+				{
+					type: "step",
+					config: {
+						jz: {
+							label: 'template.sp.sp008.xzjz',
+							type: "input",
+							fillType: "preFill",
+							subType: "sj",
+							subKey: "subJz",
+							subFillType: "actFill",
+							maxlength: 20,
+							labelWidth: 80,
+						},
+					}
+				}
+			]
+		},
+		// 备注表单配置
+		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,
+						},
+					}
+				},
+				{
+					type: "cellItem",
+					label: 'template.xb.xb001.jcsj',
+					config: {
+						startDate: {
+							label: 'template.common.startTime',
+							type: "input",
+						},
+						endDate: {
+							label: 'template.common.endTime',
+							type: "input",
+						},
+					}
+				}
+			]
+		},
+		// 附件表单配置
+		getFjFormConfig() {
+			return [
+				{
+					type: "attachment",
+					config: {
+						attTitle: {
+							label: 'template.xb.xb001.fj',
+							type: "attachment",
+							fillType: "actFill",
+						},
+					}
+				}
+			]
+		},
+		// 操作步骤第一步表格配置
+		tableFirstColumns() {
+			return [{
+				label: 'template.xb.xb001.fpc',
+				prop: 'fpc',
+				bodyType: 'input',
+				bodyFillType: 'preFill',
+				width: 280,
+				bodyMaxlength: 50,
+			},{
+				label: 'template.xb.xb001.zb',
+				prop: 'yjzbs',
+				bodyType: 'select',
+				bodyOptions: this.getDictOptions('business_xbzb'),
+				bodyFillType: 'preFill',
+				width: 280,
+				bodyMaxlength: 10,
+				otherCode: "preOther1",
+			},{
+				label: 'template.xb.xb001.lx',
+				prop: 'sjzbs',
+				bodyType: 'select',
+				bodyOptions: this.getDictOptions('business_xblx'),
+				bodyFillType: 'preFill',
+				width: 280,
+				bodyMaxlength: 10,
+				otherCode: "preOther2",
+			}]
+		},
+		// 操作步骤第五步表格配置
+		tableSecondColumns() {
+			return [
+				{
+					label: 'template.xb.xb001.fpc',
+					prop: 'fpc',
+					bodyType: 'input',
+					bodyFillType: 'preFill',
+					width: 280,
+					bodyMaxlength: 50,
+				},
+				{
+					label: 'template.common.startTime',
+					prop: 'startTime',
+					bodyType: 'input',
+					bodyFillType: 'actFill',
+					width: 280,
+					bodyMaxlength: 50,
+				},
+				{
+					label: 'template.common.endTime',
+					prop: 'endTime',
+					bodyType: 'input',
+					bodyFillType: 'actFill',
+					width: 280,
+					bodyMaxlength: 50,
+				},
+				{
+					label: 'template.xb.xb001.fysc',
+					prop: 'fysc',
+					bodyType: 'input',
+					bodyFillType: 'actFill',
+					width: 280,
+					bodyMaxlength: 50,
+				},
+		    ]
+		},
+	},
+	data() {
+		return {
+			formData: {},
+		};
+	},
+	mounted() {
+	},
+	methods: {
+		//获取已填写的表单数据
+		getFilledFormData() {
+			return this.getFilledFormDataByRefs(
+				[
+				 "baseInfoRef",  "stepRef", "remarkRef", 
+				 "fjRef", "tableFirstRef", "stepFormPackageSecondRef", 
+				 "stepFormPackageThirdRef", "stepFormPackageFourthRef", 
+				 "stepFormPackageFivthRef", "tableSecondRef", "stepFormPackageSixthRef"
+				]
+			)
+		},
+		//获取填写完成的表单数据
+		async getFormData() {
+			let content = await this.validFormFields([
+				"baseInfoRef",  "stepRef", "remarkRef", 
+				"fjRef", "tableFirstRef", "stepFormPackageSecondRef", 
+				"stepFormPackageThirdRef", "stepFormPackageFourthRef", 
+				"stepFormPackageFivthRef", "tableSecondRef", "stepFormPackageSixthRef"
+			]);
+			return content;
+		},
+		getResource() {
+			//使用的试剂、仪器
+			const stepResource = this.$refs.stepRef.getStepResource()
+			this.resourceTmp = stepResource.sjResource || []
+			this.yqResourceTmp = stepResource.yqResource || []
+			return this.resourceTmp;
+		},
+		//保存
+		async onSave() {
+			let content = await this.$refs.stepRef.getFormData();
+			console.log(content);
+		},
+		// 删除表格行
+		deleteRow(rowIndex,type) {
+			const tableRef1 = this.$refs['tableFirstRef'];
+			const tableRef2 = this.$refs['tableSecondRef'];
+			if (type == 'firstTable' && tableRef1) {
+				tableRef1.deleteRow(rowIndex);
+			}
+			if (type == 'secondTable' && tableRef2) {
+				tableRef2.deleteRow(rowIndex);
+			}
+		},
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+</style>
\ No newline at end of file
diff --git a/src/views/business/comps/template/formConfig/xb/xb001.js b/src/views/business/comps/template/formConfig/xb/xb001.js
new file mode 100644
index 0000000..764ec19
--- /dev/null
+++ b/src/views/business/comps/template/formConfig/xb/xb001.js
@@ -0,0 +1,361 @@
+//操作第二步配置
+export const getStepSecond = ($this) => {
+    return [{
+        config:{
+            text1:{
+                label:"待测样品于",
+                type:"text",
+            },
+            dcyb:{
+                type:"input",
+                fillType:"preFill",
+            },
+            text2:{
+                label:"解冻完成后，分别使用移液器",
+                type:"text",
+            },
+            yyqfirst:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text3:{
+                label:"取待测血清预计",
+                type:"text",
+            },
+            dcxqyj:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            dcxqyjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"preFill",
+            },
+            text4:{
+                label:"实际",
+                type:"text",
+            },
+            dcxqsj:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"dcxqyj",
+                copyFrom:"dcxqyj"
+            },
+            dcxqsjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"actFill",
+                compareTo:"dcxqyjdw",
+                copyFrom:"dcxqyjdw"
+            },
+            text5:{
+                label:"加入稀释深孔板，再分别使用移液器",
+                type:"text",
+            },
+            yyqsecond:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text6:{
+                label:"取BBS",
+                type:"text",
+            },
+            bbs:{
+                type:"sj",
+                fillType:"actFill",
+            },
+            text7:{
+                label:"预计",
+                type:"text",
+            },
+            bbsyj:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            bbsyjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"preFill",
+            },
+            text8:{
+                label:"实际",
+                type:"text",
+            },
+            bbssj:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"bbsyj",
+                copyFrom:"bbsyj"
+            },
+            bbssjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"actFill",
+                compareTo:"bbsyjdw",
+                copyFrom:"bbsyjdw"
+            },
+            text9:{
+                label:"加入稀释深孔板，放在摇床上",
+                type:"text",
+            },
+            yc:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text10:{
+                label:"充分摇匀。",
+                type:"text",
+            },
+        }
+    }]
+}
+
+//操作第三步配置
+export const getStepThird = ($this) => {
+    return [{
+        config:{
+            text1:{
+                label:"分别使用移液器",
+                type:"text",
+            },
+            yyqfirst:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text2:{
+                label:"取BBS",
+                type:"text",
+            },
+            bbs:{
+                type:"sj",
+                fillType:"actFill",
+            },
+            text3:{
+                label:"预计",
+                type:"text",
+            },
+            bbsyj:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            bbsyjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"preFill",
+            },
+            text4:{
+                label:"实际",
+                type:"text",
+            },
+            bbssj:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"bbsyj",
+                copyFrom:"bbsyj"
+            },
+            bbssjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"actFill",
+                compareTo:"bbsyjdw",
+                copyFrom:"bbsyjdw"
+            },
+            text5:{
+                label:"加入对照管中，再分别使用移液器",
+                type:"text",
+            },
+            yyqsecond:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text6:{
+                label:"取PEG-NaF",
+                type:"text",
+            },
+            pegnaf:{
+                type:"sj",
+                fillType:"actFill",
+            },
+            text7:{
+                label:"预计",
+                type:"text",
+            },
+            pegnafyj:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            pegnafyjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"preFill",
+            },
+            text8:{
+                label:"实际",
+                type:"text",
+            },
+            pegnafsj:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"pegnafyj",
+                copyFrom:"pegnafyj"
+            },
+            pegnafsjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"actFill",
+                compareTo:"pegnafyjdw",
+                copyFrom:"pegnafyjdw"
+            },
+            text9:{
+                label:"加入测试管中。",
+                type:"text",
+            },
+        }
+    }]
+}
+
+//操作第四步配置
+export const getStepFourth = ($this) => {
+    return [{
+        config:{
+            text1:{
+                label:"使用移液器",
+                type:"text",
+            },
+            yyq:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text2:{
+                label:"分别往对照管和测试管中各加入已稀释的待测血清预计",
+                type:"text",
+            },
+            dcxqyj:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            dcxqyjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"preFill",
+            },
+            text3:{
+                label:"实际",
+                type:"text",
+            },
+            dcxqsj:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"dcxqyj",
+                copyFrom:"dcxqyj"
+            },
+            dcxqsjdw:{
+                type:"select",
+                options:$this.getDictOptions("business_tjdw"),
+                fillType:"actFill",
+                compareTo:"dcxqyjdw",
+                copyFrom:"dcxqyjdw"
+            }
+        }
+    }]
+}
+
+//操作第五步配置
+export const getStepFivth = ($this) => {
+    return [{
+        config:{
+            text1:{
+                label:"将以上缓冲液与血清放在摇床",
+                type:"text",
+            },
+            yc:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text2:{
+                label:"上充分混匀，置于孵育箱",
+                type:"text",
+            },
+            fyx:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text3:{
+                label:"中，设置预计温度",
+                type:"text",
+            },
+            yjwd:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            text4:{
+                label:"℃，实际温度",
+                type:"text",
+            },
+            sjwd:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"yjwd",
+                copyFrom:"yjwd"
+            },
+            text5:{
+                label:"℃，孵育",
+                type:"text",
+            },
+            fysj:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            text6:{
+                label:"小时。",
+                type:"text",
+            },
+        }
+    }]
+}
+
+//操作第六步配置
+export const getStepSixth = ($this) => {
+    return [{
+        config:{
+            text1:{
+                label:"孵育完成后，使用移液器",
+                type:"text",
+            },
+            yyq:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text2:{
+                label:"将对照管和测试管的溶液转移至对应的比色皿，用紫外分光光度计",
+                type:"text",
+            },
+            zwfggdj:{
+                type:"yq",
+                fillType:"actFill",
+            },
+            text3:{
+                label:"，设置预计波长",
+                type:"text",
+            },
+            yjbc:{
+                type:"inputNumber",
+                fillType:"preFill",
+            },
+            text4:{
+                label:"nm，实际波长",
+                type:"text",
+            },
+            sjbc:{
+                type:"inputNumber",
+                fillType:"actFill",
+                compareTo:"yjbc",
+                copyFrom:"yjbc"
+            },
+            text5:{
+                label:"nm，测定其OD值。",
+                type:"text",
+            },
+        }
+    }]
+}
\ No newline at end of file
diff --git a/src/views/business/comps/template/mixins/templateMixin.js b/src/views/business/comps/template/mixins/templateMixin.js
index 5ef6a2a..985e974 100644
--- a/src/views/business/comps/template/mixins/templateMixin.js
+++ b/src/views/business/comps/template/mixins/templateMixin.js
@@ -40,6 +40,8 @@ export default {
 		'business_dl_ameswrqk', // 毒理-Ames污染情况
 		'business_dl_amescltj', // 毒理-Ames处理条件
 		'business_rylx', // 溶液类型
+		'business_xbzb', // 细胞组别
+		'business_xblx', // 细胞类型
 	],
 	props: {
 		templateData: {