From 512a6896f4fdd46e9f689596ee81086f529f9a15 Mon Sep 17 00:00:00 2001
From: luojie <125330818@qq.com>
Date: Fri, 6 Feb 2026 13:03:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:[=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86][upd?=
 =?UTF-8?q?ate]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../business/comps/template/TemplateTable.vue      |   8 +-
 .../business/comps/template/comps/sp/SP001.vue     | 341 +++++++++++++++++++++
 .../business/comps/template/comps/sp/SP0012.vue    | 341 ---------------------
 3 files changed, 345 insertions(+), 345 deletions(-)
 create mode 100644 src/views/business/comps/template/comps/sp/SP001.vue
 delete mode 100644 src/views/business/comps/template/comps/sp/SP0012.vue

diff --git a/src/views/business/comps/template/TemplateTable.vue b/src/views/business/comps/template/TemplateTable.vue
index a230c91..a3316ac 100644
--- a/src/views/business/comps/template/TemplateTable.vue
+++ b/src/views/business/comps/template/TemplateTable.vue
@@ -23,7 +23,7 @@ import SelectMixReagentDialog from "./dialog/SelectMixReagentDialog.vue";//选
 import EditSign from "./dialog/EditSign.vue";//电子签名弹窗
 
 //色谱
-import SP0012 from "./comps/sp/SP0012.vue";
+import SP001 from "./comps/sp/SP001.vue";
 import SP003 from "./comps/sp/SP003.vue";
 import SP00456 from "./comps/sp/SP00456.vue";
 import SP007 from "./comps/sp/SP007.vue";
@@ -60,7 +60,7 @@ export default {
     MJYLQSQD, SYWZPZJHB, DMYPPZJLB,
     //供试品
     //色谱
-    SP0012, SP003, SP00456,SP007, SP008, SP009, SP010, SP011, SP012, SP013, SP014, SP015, SP016, SP017, SP018,
+    SP001, SP003, SP00456,SP007, SP008, SP009, SP010, SP011, SP012, SP013, SP014, SP015, SP016, SP017, SP018,
     // PCR
     PCR001, PCR002
   },
@@ -88,8 +88,8 @@ export default {
       if (!this.componentMap) {
         this.componentMap = {
           //色谱
-          'SP001': 'SP0012',
-          'SP002': 'SP0012',
+          'SP001': 'SP001',
+          'SP002': 'SP001',
           'SP003': 'SP003',
           'SP004': 'SP00456',
           'SP005': 'SP00456',
diff --git a/src/views/business/comps/template/comps/sp/SP001.vue b/src/views/business/comps/template/comps/sp/SP001.vue
new file mode 100644
index 0000000..6a2a800
--- /dev/null
+++ b/src/views/business/comps/template/comps/sp/SP001.vue
@@ -0,0 +1,341 @@
+<!-- 生物样品分析溶液配制表 -->
+<template>
+	<div>
+		<div class="detail-container">
+			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc ||getTemplateName() }}<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" />
+					<LineLabel label="template.common.operationSteps" />
+					<div class="template-form-item">
+						<el-button class="print-btn" v-if="fillType === 'actFill'" type="primary"
+							@click="printTag">{{ $t('template.common.bqdy') }}</el-button>
+						<BaseInfoFormPackage fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef"
+							:formConfig="stepFormConfig" @blur="onHandleBlur" :formData="formData" />
+					</div>
+					<Step ref="stepRef" :formData="formData.stepData"></Step>
+					<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 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'
+
+export default {
+	name: "SP001",
+	components: { BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable },
+	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: "inputNumber",
+							fillType: "actFill",
+							prepend: "V",
+							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,
+							compareTo: "pre",
+							options: this.getDictOptions('business_pztj')
+						}
+					}
+				},
+				{
+					type: "cellItem",
+					label: 'template.common.configurationTime',
+					config: {
+						startDate: {
+							label: 'template.common.startTime',
+							type: "input",
+						},
+						endDate: {
+							label: 'template.common.endTime',
+							type: "input",
+						},
+					}
+				}
+			]
+		},
+		// 操作步骤表单配置
+		stepFormConfig() {
+			return [
+				{
+					type: "step",
+					config: {
+						targetName: {
+							label: 'template.common.targetSolutionName',
+							type: "input",
+							fillType: "preFill",
+							maxlength: 50
+						},
+						targetCode: {
+							label: 'template.common.targetSolutionCode',
+							type: "input",
+							subType: "span",
+							fillType: "preFill",
+							subKey: "targetCodeSn",
+							maxlength: 20
+						},
+						targetPreConcentration: {
+							label: 'template.common.targetPreConcentration',
+							type: "inputNumber",
+							subType: "select",
+							subKey: "targetPreConcentrationUnit",
+							fillType: "preFill",
+							subOptions: this.getDictOptions('business_nddw'),
+							maxlength: 10,
+							selectTo: "targetActConcentrationUnit",//下拉选择后，赋值到对应字段
+						},
+						targetActConcentration: {
+							label: 'template.common.targetActConcentration',
+							type: "inputNumber",
+							subType: "select",
+							subKey: "targetActConcentrationUnit",
+							compareTo: "targetPreConcentration",//与哪个字段比较
+							fillType: "actFill",
+							subFillType: "preFill",
+							subOptions: this.getDictOptions('business_nddw'),
+							copyFrom: "targetPreConcentration",//复制哪个字段
+							maxlength: 10
+						},
+						targetPreVolume: {
+							label: 'template.common.targetPreVolume',
+							type: "inputNumber",
+							subType: "select",
+							subKey: "targetPreVolumeUnit",
+							subOptions: this.getDictOptions('business_tjdw'),
+							fillType: "preFill",
+							maxlength: 10,
+							selectTo: "targetActVolumeUnit",//下拉选择后，赋值到对应字段
+						},
+						targetActVolume: {
+							label: 'template.common.targetActVolume',
+							type: "inputNumber",
+							subType: "select",
+							subKey: "targetActVolumeUnit",
+							fillType: "actFill",
+							subFillType: "preFill",
+							subOptions: this.getDictOptions('business_tjdw'),
+							compareTo: "targetPreVolume",//与哪个字段比较
+							copyFrom: "targetPreVolume",//复制哪个字段
+							maxlength: 10
+						},
+						effectivePeriod: {
+							label: 'template.common.effectivePeriod',
+							type: "inputNumber",
+							subType: "select",
+							subKey: "effectivePeriodUnit",
+							fillType: "preFill",
+							subOptions: this.getDictOptions('business_yxqdw'),
+							maxlength: 10
+						},
+						expireDate: {
+							label: 'template.common.expireDate',
+							type: "input",
+						},
+					}
+				}
+			]
+		},
+	},
+	data() {
+		return {
+			formData: {}
+		};
+	},
+	mounted() {
+		const formData = this.getFormDataByTemplateData();
+		if(!formData.targetCodeSn&& this.fillType === "actFill"){
+			this.getCode(formData);
+		}
+
+	},
+	methods: {
+		getTemplateName() {
+			if (this.templateData && this.templateData.templateMc) {
+				return this.templateData.templateMc
+			}
+			const o = {
+				"SP001": "template.sp.sp001title",
+				"SP002": "template.sp.sp002.title",
+			}
+			return $t(o[this.sn]);
+		},
+		//打印标签
+		printTag() {
+			const printConfig = this.getBasePrintConfig();
+			const { storageCondition, targetCodeSn } = this.formData;
+			printConfig["存储条件"] = storageCondition;
+			printConfig["编号"] = targetCodeSn;
+
+			EventBus.$emit('showTagPrintDialog', { printConfig })
+		},
+		//获取目标溶液编号
+		getCode: debounce(async function (v) {
+			const result = await getLatestSn({
+				count: 1,
+				pre:v.targetCode,
+				type:1
+			})
+			if (result.code == 200) {
+				this.$refs.stepFormPackageRef.updateFormData("targetCodeSn", result.data[0])
+			}
+		}, 100),
+		//获取已填写的表单数据
+		getFilledFormData() {
+			return this.getFilledFormDataByRefs(["baseInfoRef", "storageConditionRef", "stepFormPackageRef", "stepRef", "remarkRef"])
+		},
+		//获取填写完成的表单数据
+		async getFormData() {
+			let content = await this.validFormFields(["baseInfoRef", "storageConditionRef", "stepFormPackageRef", "stepRef", "remarkRef"]);
+			//生成resource
+			let tmpResource = []
+			if (this.fillType === "actFill") {
+				//配置的试剂
+				tmpResource.push({
+					mc: content.targetName,
+					bh: content.targetCode + content.targetCodeSn,
+					ph: '',
+					ndz: content.targetActConcentration + content.targetActConcentrationUnit,
+					nd: content.targetActConcentration,
+					nddw: content.targetActConcentrationUnit,
+					ly: 'ELN配制',
+					sxrq: content.expireDate,
+					kc: content.targetActVolume,
+					kcdw: content.targetActVolumeUnit,
+					syl: null,
+					type: null,
+					elnType: this.product,
+					syldw: content.targetActVolumeUnit,
+					yxzq: content.effectivePeriod,
+					yxzqdw: content.effectivePeriodUnit,
+				})
+			}
+			//使用的试剂、仪器
+			const stepResource = this.$refs.stepRef.getStepResource()
+			this.resourceTmp =uniqeResource(tmpResource,stepResource.sjResource||[])
+			this.yqResourceTmp = stepResource.yqResource||[]
+			return content;
+		},
+		//保存
+		async onSave() {
+			let content =await this.$refs.stepRef.getFormData();
+			console.log(content);
+			
+		},
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+.mt-20 {
+	margin-top: 20px;
+}
+
+.print-btn {
+	margin-bottom: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/business/comps/template/comps/sp/SP0012.vue b/src/views/business/comps/template/comps/sp/SP0012.vue
deleted file mode 100644
index 6a2a800..0000000
--- a/src/views/business/comps/template/comps/sp/SP0012.vue
+++ /dev/null
@@ -1,341 +0,0 @@
-<!-- 生物样品分析溶液配制表 -->
-<template>
-	<div>
-		<div class="detail-container">
-			<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc ||getTemplateName() }}<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" />
-					<LineLabel label="template.common.operationSteps" />
-					<div class="template-form-item">
-						<el-button class="print-btn" v-if="fillType === 'actFill'" type="primary"
-							@click="printTag">{{ $t('template.common.bqdy') }}</el-button>
-						<BaseInfoFormPackage fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef"
-							:formConfig="stepFormConfig" @blur="onHandleBlur" :formData="formData" />
-					</div>
-					<Step ref="stepRef" :formData="formData.stepData"></Step>
-					<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 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'
-
-export default {
-	name: "SP001",
-	components: { BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable },
-	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: "inputNumber",
-							fillType: "actFill",
-							prepend: "V",
-							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,
-							compareTo: "pre",
-							options: this.getDictOptions('business_pztj')
-						}
-					}
-				},
-				{
-					type: "cellItem",
-					label: 'template.common.configurationTime',
-					config: {
-						startDate: {
-							label: 'template.common.startTime',
-							type: "input",
-						},
-						endDate: {
-							label: 'template.common.endTime',
-							type: "input",
-						},
-					}
-				}
-			]
-		},
-		// 操作步骤表单配置
-		stepFormConfig() {
-			return [
-				{
-					type: "step",
-					config: {
-						targetName: {
-							label: 'template.common.targetSolutionName',
-							type: "input",
-							fillType: "preFill",
-							maxlength: 50
-						},
-						targetCode: {
-							label: 'template.common.targetSolutionCode',
-							type: "input",
-							subType: "span",
-							fillType: "preFill",
-							subKey: "targetCodeSn",
-							maxlength: 20
-						},
-						targetPreConcentration: {
-							label: 'template.common.targetPreConcentration',
-							type: "inputNumber",
-							subType: "select",
-							subKey: "targetPreConcentrationUnit",
-							fillType: "preFill",
-							subOptions: this.getDictOptions('business_nddw'),
-							maxlength: 10,
-							selectTo: "targetActConcentrationUnit",//下拉选择后，赋值到对应字段
-						},
-						targetActConcentration: {
-							label: 'template.common.targetActConcentration',
-							type: "inputNumber",
-							subType: "select",
-							subKey: "targetActConcentrationUnit",
-							compareTo: "targetPreConcentration",//与哪个字段比较
-							fillType: "actFill",
-							subFillType: "preFill",
-							subOptions: this.getDictOptions('business_nddw'),
-							copyFrom: "targetPreConcentration",//复制哪个字段
-							maxlength: 10
-						},
-						targetPreVolume: {
-							label: 'template.common.targetPreVolume',
-							type: "inputNumber",
-							subType: "select",
-							subKey: "targetPreVolumeUnit",
-							subOptions: this.getDictOptions('business_tjdw'),
-							fillType: "preFill",
-							maxlength: 10,
-							selectTo: "targetActVolumeUnit",//下拉选择后，赋值到对应字段
-						},
-						targetActVolume: {
-							label: 'template.common.targetActVolume',
-							type: "inputNumber",
-							subType: "select",
-							subKey: "targetActVolumeUnit",
-							fillType: "actFill",
-							subFillType: "preFill",
-							subOptions: this.getDictOptions('business_tjdw'),
-							compareTo: "targetPreVolume",//与哪个字段比较
-							copyFrom: "targetPreVolume",//复制哪个字段
-							maxlength: 10
-						},
-						effectivePeriod: {
-							label: 'template.common.effectivePeriod',
-							type: "inputNumber",
-							subType: "select",
-							subKey: "effectivePeriodUnit",
-							fillType: "preFill",
-							subOptions: this.getDictOptions('business_yxqdw'),
-							maxlength: 10
-						},
-						expireDate: {
-							label: 'template.common.expireDate',
-							type: "input",
-						},
-					}
-				}
-			]
-		},
-	},
-	data() {
-		return {
-			formData: {}
-		};
-	},
-	mounted() {
-		const formData = this.getFormDataByTemplateData();
-		if(!formData.targetCodeSn&& this.fillType === "actFill"){
-			this.getCode(formData);
-		}
-
-	},
-	methods: {
-		getTemplateName() {
-			if (this.templateData && this.templateData.templateMc) {
-				return this.templateData.templateMc
-			}
-			const o = {
-				"SP001": "template.sp.sp001title",
-				"SP002": "template.sp.sp002.title",
-			}
-			return $t(o[this.sn]);
-		},
-		//打印标签
-		printTag() {
-			const printConfig = this.getBasePrintConfig();
-			const { storageCondition, targetCodeSn } = this.formData;
-			printConfig["存储条件"] = storageCondition;
-			printConfig["编号"] = targetCodeSn;
-
-			EventBus.$emit('showTagPrintDialog', { printConfig })
-		},
-		//获取目标溶液编号
-		getCode: debounce(async function (v) {
-			const result = await getLatestSn({
-				count: 1,
-				pre:v.targetCode,
-				type:1
-			})
-			if (result.code == 200) {
-				this.$refs.stepFormPackageRef.updateFormData("targetCodeSn", result.data[0])
-			}
-		}, 100),
-		//获取已填写的表单数据
-		getFilledFormData() {
-			return this.getFilledFormDataByRefs(["baseInfoRef", "storageConditionRef", "stepFormPackageRef", "stepRef", "remarkRef"])
-		},
-		//获取填写完成的表单数据
-		async getFormData() {
-			let content = await this.validFormFields(["baseInfoRef", "storageConditionRef", "stepFormPackageRef", "stepRef", "remarkRef"]);
-			//生成resource
-			let tmpResource = []
-			if (this.fillType === "actFill") {
-				//配置的试剂
-				tmpResource.push({
-					mc: content.targetName,
-					bh: content.targetCode + content.targetCodeSn,
-					ph: '',
-					ndz: content.targetActConcentration + content.targetActConcentrationUnit,
-					nd: content.targetActConcentration,
-					nddw: content.targetActConcentrationUnit,
-					ly: 'ELN配制',
-					sxrq: content.expireDate,
-					kc: content.targetActVolume,
-					kcdw: content.targetActVolumeUnit,
-					syl: null,
-					type: null,
-					elnType: this.product,
-					syldw: content.targetActVolumeUnit,
-					yxzq: content.effectivePeriod,
-					yxzqdw: content.effectivePeriodUnit,
-				})
-			}
-			//使用的试剂、仪器
-			const stepResource = this.$refs.stepRef.getStepResource()
-			this.resourceTmp =uniqeResource(tmpResource,stepResource.sjResource||[])
-			this.yqResourceTmp = stepResource.yqResource||[]
-			return content;
-		},
-		//保存
-		async onSave() {
-			let content =await this.$refs.stepRef.getFormData();
-			console.log(content);
-			
-		},
-	}
-};
-</script>
-<style rel="stylesheet/scss" lang="scss">
-.mt-20 {
-	margin-top: 20px;
-}
-
-.print-btn {
-	margin-bottom: 20px;
-}
-</style>
\ No newline at end of file