From 957d6d83eb9444902f4da7d5b02b9466836c2037 Mon Sep 17 00:00:00 2001
From: "15881625488@163.com" <15881625488@163.com>
Date: Wed, 11 Feb 2026 10:55:28 +0800
Subject: [PATCH] =?UTF-8?q?fix:[=E6=A8=A1=E6=9D=BF=E7=AE=A1=E7=90=86]?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=BE=9B=E8=AF=95=E5=93=81002?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/en/template/gsp.js                        |   3 +
 src/lang/zh/template/gsp.js                        |   3 +
 .../business/comps/template/TemplateTable.vue      |   4 +-
 .../business/comps/template/comps/gsp/GSP002.vue   | 586 +++++++++++++++++++++
 4 files changed, 595 insertions(+), 1 deletion(-)
 create mode 100644 src/views/business/comps/template/comps/gsp/GSP002.vue

diff --git a/src/lang/en/template/gsp.js b/src/lang/en/template/gsp.js
index 4b80a04..d54d631 100644
--- a/src/lang/en/template/gsp.js
+++ b/src/lang/en/template/gsp.js
@@ -32,6 +32,9 @@ export default {
   DMYPPZJLB:{
 
   },
+  GSP002:{
+    xsy:'稀释液',
+  },
   GSP003:{
     calcConditionLabel:'计算公式',
     sfxyzjfx:'是否需要制剂分析'
diff --git a/src/lang/zh/template/gsp.js b/src/lang/zh/template/gsp.js
index 041f338..e76ee6d 100644
--- a/src/lang/zh/template/gsp.js
+++ b/src/lang/zh/template/gsp.js
@@ -32,6 +32,9 @@ export default {
   DMYPPZJLB:{
 
   },
+  GSP002:{
+    xsy:'稀释液',
+  },
   GSP003:{
     calcConditionLabel:'计算公式',
     sfxyzjfx:'是否需要制剂分析'
diff --git a/src/views/business/comps/template/TemplateTable.vue b/src/views/business/comps/template/TemplateTable.vue
index c9f5aa6..6c8f4df 100644
--- a/src/views/business/comps/template/TemplateTable.vue
+++ b/src/views/business/comps/template/TemplateTable.vue
@@ -41,6 +41,7 @@ import SP017 from "./comps/sp/SWYPFXFFXYPZBB/SP017.vue";
 import SP018 from "./comps/sp/SWYPFXFFXYPZBB/SP018.vue";
 import Demo from "./comps/sp/Demo.vue";
 //供试品
+import GSP002 from "./comps/gsp/GSP002.vue";
 import GSP003 from "./comps/gsp/GSP003.vue";
 import GSP010 from "./comps/gsp/GSP010.vue";
 
@@ -75,7 +76,7 @@ export default {
     //试验物质配制计划表/麻精药领取申请单/毒麻药品配制记录表
     MJYLQSQD, SYWZPZJHB, DMYPPZJLB,
     //供试品
-    GSP003, GSP010,
+    GSP002, GSP003, GSP010,
     //色谱
     SP001, SP003, SP00456,SP007, SP008, SP009, SP010, SP011, SP012, SP013, SP014, SP015, SP016, SP017, SP018,
     // PCR
@@ -129,6 +130,7 @@ export default {
           'SP018': 'SP018',
           //供试品
           'GSP001': 'DMYPPZJLB',
+          'GSP002': 'GSP002',
           'GSP003': 'GSP003',
           'GSP010': 'GSP010',
           //试验物质配制计划表/麻精药领取申请单/毒麻药品配制记录表
diff --git a/src/views/business/comps/template/comps/gsp/GSP002.vue b/src/views/business/comps/template/comps/gsp/GSP002.vue
new file mode 100644
index 0000000..0f908a2
--- /dev/null
+++ b/src/views/business/comps/template/comps/gsp/GSP002.vue
@@ -0,0 +1,586 @@
+<!-- 供试品部试剂配制记录表 -->
+<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.wzInfo" :columns="sywzColumns" :dataSource="resourceWz"
+						v-if="resourceWz.length > 0" />
+					<TableList label="template.common.instrumentInfo" :columns="yqColumns" :dataSource="yqResource" />
+					<LineLabel label="template.common.operationSteps" />
+					<div :label="$t('template.common.pxpz')"
+						v-for="(paralleConfig, paralleIndex) in formData.paralleConfigs"
+						:key="'paralle_' + paralleIndex">
+
+						<div class="template-form-item">
+							<div class="config-header-end" v-if="fillType === 'preFill'">
+								<el-button type="primary" @click="handleAddParalle(false)">{{
+									$t('template.lba.lba004.xz')}}</el-button>
+								<el-button type="danger" plain @click="deleteParalleConfig(paralleIndex)">{{
+									$t('template.lba.lba004.sc')}}</el-button>
+							</div>
+							<BaseInfoFormPackage @clickable="(e) => handleClickable('paralle', paralleIndex, e)"
+								:ref="`paralleStepFormPackageRef_${paralleIndex}`" :formConfig="paralleStepFormConfig"
+								:formData="paralleConfig" :prefixKey="'paralle' + paralleIndex"
+								:fieldItemLabel="$t('template.lba.lba004.xszj')" />
+							<!-- <CustomTable @blur="(e) => onHandleTableBlur('paralle', paralleIndex, e)"
+								:ref="`paralleStepTableRef_${paralleIndex}`" :showOperation="fillType === 'actFill' || fillType === 'preFill'"
+								:columns="paralleStepColumns"
+								@onRegentSubmit="(data) => onTableRegentSubmit('paralle', paralleIndex, data)"
+								:formData="paralleConfig" :prefixKey="'paralle' + paralleIndex"
+								:fieldItemLabel="$t('template.lba.lba004.xszj')">
+								<template slot="operation" slot-scope="{ row, rowIndex, columns }">
+									<TableOpertaionDelete  :row="row" :rowIndex="rowIndex" :columns="columns" @deleteRow="(rowIndex) => deleteRow(rowIndex, 'paralle', paralleIndex)" ></TableOpertaionDelete>
+								</template>
+							</CustomTable> -->
+							<CustomTable :ref="`paralleStepTableRef_${paralleIndex}`"
+								:showOperation="fillType === 'preFill'" :columns="paralleStepColumns"
+								:formData="paralleConfig" :prefixKey="'paralle' + paralleIndex"
+								:fieldItemLabel="$t('template.lba.lba004.xszj')">
+								<template slot="operation" slot-scope="{ row, rowIndex, columns }">
+									<TableOpertaionDelete :row="row" :rowIndex="rowIndex" :columns="columns"
+										@deleteRow="(rowIndex) => deleteRow(rowIndex, 'paralle', paralleIndex)">
+									</TableOpertaionDelete>
+								</template>
+							</CustomTable>
+
+							<Step class="mt-0 s-container" :ref="`paralleStepRef_${paralleIndex}`"
+								:formData="paralleConfig.paralleStepData"
+								:fieldItemLabel="$t('template.lba.lba004.xszj')" :prefixKey="'paralle' + paralleIndex">
+							</Step>
+						</div>
+					</div>
+					<BaseInfoFormPackage fieldItemLabel="template.common.remark" label="template.common.remark"
+						ref="remarkRef" :formConfig="remarkConig" :formData="formData" />
+				</div>
+			</div>
+		</div>
+	</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 { EventBus } from "@/utils/eventBus";
+import { uniqeResource } from "@/utils/calUnitTools";
+import { debounce } from 'lodash-es';
+import CustomTable from '@/components/Template/CustomTable.vue';
+import TableOpertaionDelete from "@/components/Template/operation/TableOpertaionDelete.vue"
+
+export default {
+	name: "GSP002",
+	components: { BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable, TableOpertaionDelete },
+	mixins: [templateMixin],
+	props: {
+		fillType: {
+			type: String,
+			default: 'preFill',
+		},
+	},
+	computed: {
+		// 操作步骤表单配置
+		jcbColumns() {
+			return [{
+				label: 'template.lba.lba002.jcbmc',
+				prop: 'jcb',
+				bodyType: 'input',
+				bodyFillType: 'preFill',
+				width: 280,
+			}, {
+				label: '',
+				prop: 'jcbBh',
+				bodyType: 'jcb',
+				bodyFillType: 'actFill',
+				width: 280
+			}]
+		},
+		// 备注表单配置
+		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.lba.lba002.cztj',
+					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.lba.lba002.czsj',
+					config: {
+						startDate: {
+							label: 'template.common.startTime',
+							type: "input",
+						},
+						endDate: {
+							label: 'template.common.endTime',
+							type: "input",
+						},
+					}
+				}
+			]
+		},
+		paralleStepFormConfig() {
+			return [
+				{
+					type: 'step',
+					config: {
+						jz: {
+							label: 'template.gsp.GSP002.xsy',
+							type: 'input',
+							fillType: 'preFill',
+							subType: 'sj',
+							subKey: 'jzCode',
+							subFillType: 'actFill',
+							maxlength: 20
+						},
+						storageCondition: {
+							label: 'template.common.storageConditionLabel',
+							type: "select",
+							fillType: "preFill",
+							options: this.getDictOptions("business_cctj"),
+							otherCode: "storageConditionOther",
+						},
+					}
+				}
+			]
+		},
+		paralleStepColumns() {
+			return [
+				{
+					label: 'template.sp.sp00456.mbrybh',
+					prop: 'targetSolutionCode',
+					bodyType: 'input',
+					bodySubType: 'span',
+					bodySubKey: 'subTargetSolutionCode',
+					bodyFillType: 'preFill',
+					myCodeFields: ["targetSolutionCode", "subTargetSolutionCode"],//分装的母液编号字段
+					maxVolumeField: "actSolutionVolume",//分装的最大量字段
+					maxVolumeFieldUnit: "actSolutionVolumeUnit",//分装的最大量单位字段
+					showWidth: 180,
+					width: 280
+				},
+				{
+					label: 'template.sp.sp00456.ysmbrynd',
+					prop: 'targetSolutionConcentration',
+					width: 280,
+					showWidth: 120,
+					headerSelectKey: 'targetSolutionConcentrationUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_nddw'),
+					bodyType: 'inputNumber',
+					bodyFillType: 'preFill',
+					bodyMaxlength: 10,
+					headerSelectTo: "actSolutionConcentrationUnit",
+				},
+				{
+					label: 'template.sp.sp00456.sjmbrynd',
+					prop: 'actSolutionConcentration',
+					width: 280,
+					showWidth: 120,
+					headerSelectKey: 'actSolutionConcentrationUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_nddw'),
+					bodyDisabled: true,
+					bodyType: 'inputNumber',
+					bodySubType: 'inputNumber',
+					bodySubKey: 'actSolutionConcentrationPrecision',
+					bodyFillType: 'actFill',
+					bodySubFillType: 'preFill',
+					showBodySub: this.fillType === 'preFill',
+					bodyPrecisionKey: 'actSolutionConcentrationPrecision',
+					bodyMaxlength: 10,
+					bodySubPlaceholder: 'template.common.xswsPlaceholder',
+					compareTo: 'targetSolutionConcentration', //比较哪个字段
+				},
+				{
+					label: 'template.sp.sp00456.ysmbrytj',
+					prop: 'targetSolutionVolume',
+					width: 280,
+					showWidth: 120,
+					headerSelectKey: 'targetSolutionVolumeUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_tjdw'),
+					bodyType: 'inputNumber',
+					bodyFillType: 'preFill',
+					bodyMaxlength: 10,
+					headerSelectTo: "actSolutionVolumeUnit",
+				},
+				{
+					label: 'template.sp.sp00456.sjmbrytj',
+					prop: 'actSolutionVolume',
+					width: 280,
+					showWidth: 120,
+					headerSelectKey: 'actSolutionVolumeUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_tjdw'),
+					bodyDisabled: true,
+					bodyType: 'inputNumber',
+					bodySubType: 'inputNumber',
+					bodySubKey: 'actSolutionVolumePrecision',
+					bodyFillType: 'actFill',
+					bodySubFillType: 'preFill',
+					showBodySub: this.fillType === 'preFill',
+					bodyPrecisionKey: 'actSolutionVolumePrecision',
+					bodyMaxlength: 10,
+					bodySubPlaceholder: 'template.common.xswsPlaceholder',
+					compareTo: 'targetSolutionVolume', //比较哪个字段
+				},
+				{
+					label: 'template.sp.sp00456.mbryyxzq',
+					prop: 'targetSolutionCycle',
+					width: 280,
+					showWidth: 160,
+					fillType: 'preFill',
+					bodyType: 'inputNumber',
+					bodySubType: 'select',
+					showBodySub: true,
+					bodySubKey: 'targetSolutionCyclePrecision',
+					bodySubOptions: this.getDictOptions('business_yxqdw'),
+					bodyFillType: 'preFill',
+					bodySubFillType: 'preFill',
+					bodyMaxlength: 10
+				},
+				{
+					label: 'template.sp.sp00456.mbrysxr',
+					prop: 'targetSolutionExpirationDate',
+					showWidth: 120,
+					width: 180,
+					bodyType: 'span'
+				},
+				{
+					label: 'template.sp.sp00456.ysysrybh',
+					prop: 'startSolutionCode',
+					width: 280,
+					showWidth: 120,
+					bodyType: 'input',
+					bodyFillType: 'preFill'
+				},
+				{
+					label: 'template.sp.sp00456.sjysrybh',
+					prop: 'actStartSolutionCode',
+					width: 280,
+					showWidth: 180,
+					bodyType: 'sj',
+					bodyFillType: 'actFill',
+					compareTo: 'startSolutionCode', //比较哪个字段
+				},
+				{
+					label: 'template.sp.sp00456.ysysrynd',
+					prop: 'targetStartSolutionConcentration',
+					width: 280,
+					showWidth: 160,
+					bodyType: 'inputNumber',
+					bodyFillType: 'preFill',
+					bodySubType: 'select',
+					bodySubKey: 'targetStartSolutionConcentrationPrecision',
+					bodySubOptions: this.getDictOptions('business_nddw'),
+					bodySubFillType: 'preFill',
+					bodyMaxlength: 10,
+					showBodySub: true,
+				},
+				{
+					label: 'template.sp.sp00456.sjysrynd',
+					prop: 'targetAcSolution',
+					width: 280,
+					showWidth: 120,
+					bodyType: 'inputNumber',
+					bodyFillType: 'actFill',
+					bodyDisabled: true,
+					compareTo: 'targetStartSolutionConcentration', //比较哪个字段
+				},
+				{
+					label: 'template.sp.sp00456.ysysrytj',
+					prop: 'targetStartSolutionVolume',
+					headerSelectKey: 'targetStartSolutionVolumeUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_tjdw'),
+					width: 280,
+					showWidth: 120,
+					bodyType: 'inputNumber',
+					bodyFillType: 'preFill',
+					bodySubType: 'inputNumber',
+					bodySubKey: 'targetStartSolutionVolumePrecision',
+					bodySubFillType: 'preFill',
+					bodyMaxlength: 10,
+					bodyPrecisionKey: 'targetStartSolutionVolumePrecision',
+					bodyMaxlength: 10,
+					bodySubPlaceholder: 'template.common.xswsPlaceholder',
+					bodyDisabled: true,
+					showBodySub: true,
+					showBodySub: this.fillType === 'preFill',
+					headerSelectTo: "actStartSolutionVolumeUnit",
+				},
+
+				{
+					label: 'template.sp.sp00456.sjysrytj',
+					prop: 'actStartSolutionVolume',
+					headerSelectKey: 'actStartSolutionVolumeUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_tjdw'),
+					width: 280,
+					showWidth: 120,
+					bodyType: 'inputNumber',
+					bodyFillType: 'actFill',
+					bodyMaxlength: 10,
+					compareTo: 'targetStartSolutionVolume', //比较哪个字段
+					copyFrom: 'targetStartSolutionVolume' //复制哪个字段
+				},
+
+				{
+					label: 'template.sp.sp00456.yjxsytj',
+					prop: 'targetDiluentVolume',
+					headerSelectKey: 'preDiluentVolumeUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_tjdw'),
+					width: 280,
+					showWidth: 120,
+					bodyType: 'inputNumber',
+					bodyFillType: 'preFill',
+					bodySubType: 'inputNumber',
+					bodySubKey: 'targetDiluentVolumePrecision',
+					bodySubFillType: 'preFill',
+					bodyMaxlength: 10,
+					bodyPrecisionKey: 'targetDiluentVolumePrecision',
+					bodySubPlaceholder: 'template.common.xswsPlaceholder',
+					bodyDisabled: true,
+					showBodySub: this.fillType === 'preFill',
+					headerSelectTo: "actDiluentVolumeUnit",
+				},
+				{
+					label: 'template.sp.sp00456.sjxsytj',
+					prop: 'actDiluentVolume',
+					headerSelectKey: 'actDiluentVolumeUnit',
+					fillType: 'preFill',
+					headerOptions: this.getDictOptions('business_tjdw'),
+					width: 280,
+					showWidth: 120,
+					bodyType: 'inputNumber',
+					bodyFillType: 'actFill',
+					bodyMaxlength: 10,
+					copyFrom: "targetDiluentVolume",
+					compareTo: 'targetDiluentVolume' //比较哪个字段
+				}
+			]
+		}
+	},
+	data() {
+		return {
+			formData: {}
+		};
+	},
+	mounted() {
+		if (this.fillType === "preFill") {
+			this.handleAddParalle(true);
+		}
+	},
+	methods: {
+		//获取已填写的表单数据
+		getFilledFormData() {
+			const baseData = this.$refs.baseInfoRef.getFilledFormData();
+			const fjData = this.$refs.fjRef.getFilledFormData();
+			const remarkData = this.$refs.remarkRef.getFilledFormData();
+
+			// 获取所有平行配制数据
+			const paralleConfigsData = [];
+			if (this.formData.paralleConfigs && this.formData.paralleConfigs.length > 0) {
+				for (let i = 0; i < this.formData.paralleConfigs.length; i++) {
+					const paralleFormData = this.$refs[`paralleStepFormPackageRef_${i}`][0].getFilledFormData();
+					const paralleTableFormData = this.$refs[`paralleStepTableRef_${i}`][0].getFilledFormData();
+					const paralleStepData = this.$refs[`paralleStepRef_${i}`][0].getFilledFormData();
+
+					paralleConfigsData.push({
+						...paralleFormData,
+						...paralleTableFormData,
+						paralleStepData: paralleStepData.stepData,
+						showParalleConfig: true
+					});
+				}
+			}
+			return {
+				...baseData,
+				...fjData,
+				...remarkData,
+				paralleConfigs: paralleConfigsData,
+			}
+		},
+		//获取填写完成的表单数据
+		async getFormData() {
+			//先校验再获取值
+			const validFlag = await this.validFields();
+			if (!validFlag) {
+				return false;
+			}
+			let content = this.getFilledFormData();
+			return content
+		},
+		//只做校验
+		async validFields() {
+			// 构建需要验证的引用数组
+			let refsToValidate = ["baseInfoRef", "jcbRef", "fjRef", "remarkRef"];
+
+			// 添加平行配制相关的引用
+			if (this.formData.paralleConfigs && this.formData.paralleConfigs.length > 0) {
+				for (let i = 0; i < this.formData.paralleConfigs.length; i++) {
+					refsToValidate.push(`paralleStepFormPackageRef_${i}`);
+					refsToValidate.push(`paralleStepTableRef_${i}`);
+					refsToValidate.push(`paralleStepRef_${i}`);
+				}
+			}
+			return await this.validFormFields(refsToValidate);
+		},
+		getResource() {
+			let content = this.getFilledFormData();
+			//使用的试剂、仪器
+			const stepResource = this.$refs.stepRef.getStepResource()
+			this.resourceTmp = stepResource.sjResource || []
+			this.yqResourceTmp = stepResource.yqResource || []
+			return this.resourceTmp;
+		},
+		//保存
+		async onSave() {
+			const formData = this.getStepResource();
+			console.log(formData, "formData")
+
+		},
+		//新增平行配制
+		handleAddParalle(init) {
+			let isAdd = !init
+			if (init && (!this.formData.paralleConfigs || this.formData.paralleConfigs.length === 0)) {
+				isAdd = true
+			}
+			if (isAdd) {
+				// 初始化平行配制配置列表
+				if (!this.formData.paralleConfigs) {
+					this.$set(this.formData, 'paralleConfigs', []);
+				}
+				// 添加新的平行配制配置
+				this.formData.paralleConfigs.push({
+					paralleStepData: [],
+					paralleTableFormData: [],
+					showParalleConfig: true
+				});
+			}
+		},
+		// 删除平行配制配置
+		deleteParalleConfig(index) {
+			if (this.formData.paralleConfigs.length === 1) {
+				// this.$message.error("至少需要1个");
+				return;
+			}
+			this.formData.paralleConfigs.splice(index, 1);
+		},
+		deleteJcbRow(rowIndex) {
+			const jcbRef = this.$refs['jcbRef'];
+			if (jcbRef) {
+				jcbRef.deleteRow(rowIndex);
+			}
+		},
+		// 删除表格行
+		deleteRow(rowIndex, type, configIndex = 0) {
+			// 根据类型删除对应的表格行
+			if (type === 'ladder') {
+				const tableRef = this.$refs[`ladderStepTableRef_${configIndex}`];
+				if (tableRef) {
+					tableRef.deleteRow(rowIndex);
+				}
+			} else if (type === 'paralle') {
+				const tableRef = this.$refs[`paralleStepTableRef_${configIndex}`];
+				if (tableRef) {
+					tableRef[0].deleteRow(rowIndex);
+				}
+			}
+		},
+	}
+};
+</script>
+<style rel="stylesheet/scss" lang="scss">
+.mt-20 {
+	margin-top: 20px;
+}
+
+.print-btn {
+	margin-bottom: 20px;
+}
+
+.config-header-end {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	margin-bottom: 15px;
+	font-weight: bold;
+	font-size: 16px;
+	color: #303133;
+}
+</style>
\ No newline at end of file