|
|
|
@ -0,0 +1,371 @@ |
|
|
|
<!-- PCR分析组织匀浆表-知组织重 --> |
|
|
|
<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.common.operationSteps" /> |
|
|
|
<div class="template-form-item"> |
|
|
|
<BaseInfoFormPackage fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef" |
|
|
|
:formConfig="stepFormConfig" @blur="onHandleBlur" :formData="formData" /> |
|
|
|
<div v-if="fillType == 'preFill'"> |
|
|
|
<el-button type="primary" @click="downloadExcelTemplate">{{ |
|
|
|
$t('template.common.downloadTemplate') }}</el-button> |
|
|
|
<el-button type="primary" @click="showImportExcelDialog">{{ |
|
|
|
$t('template.common.importTemplate') |
|
|
|
}}</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<CustomTable @blur="onHandleTableBlur" @headerSelectChange="onHandleTableBlur" |
|
|
|
:ref="`stepTableRef`" :columns="tableStepColumns" :formData="formData" :prefixKey="`table`" |
|
|
|
:showOperation="fillType === 'preFill'" fieldItemLabel="template.common.operationSteps"> |
|
|
|
<template slot="operation" slot-scope="{ row, rowIndex, columns }"> |
|
|
|
<TableOpertaion :fillType="fillType" :row="row" :rowIndex="rowIndex" :columns="columns" |
|
|
|
@deleteRow="(rowIndex) => deleteRow(rowIndex)"></TableOpertaion> |
|
|
|
</template> |
|
|
|
</CustomTable> |
|
|
|
</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> --> |
|
|
|
<ImportExcelDialog ref="ImportExcelDialog" @onLoadData="onLoadExcelData" /> |
|
|
|
</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.js"; |
|
|
|
import CustomTable from '@/components/Template/CustomTable.vue'; |
|
|
|
import { isValueEmpty } from '@/utils/index'; |
|
|
|
import { getLatestSnArr } from '@/api/template'; |
|
|
|
import { EventBus } from "@/utils/eventBus"; |
|
|
|
import { volumeConverter } from "@/utils/volConverter";//体积单位转换 |
|
|
|
import { convertConcentration } from "@/utils/conConverter";//浓度单位转换 |
|
|
|
import SelectReagentDialog from '../../dialog/SelectReagentDialog.vue'; |
|
|
|
import { getPCR009Config } from "../../formConfig/PCRTableConfig.js"; |
|
|
|
import TableOpertaion from "@/components/Template/operation/TableOpertaion.vue" |
|
|
|
import { addTj, subTj, uniqeResource, uniqeResourceOne, addDecimals } from "@/utils/calUnitTools"; |
|
|
|
import ImportExcelDialog from '../../dialog/ImportExcelDialog' |
|
|
|
export default { |
|
|
|
name: "PCR005", |
|
|
|
components: { BaseInfoFormPackage, LineLabel, TableList, Step, CustomTable, TableOpertaion, SelectReagentDialog, ImportExcelDialog }, |
|
|
|
mixins: [templateMixin], |
|
|
|
props: { |
|
|
|
fillType: { |
|
|
|
type: String, |
|
|
|
default: 'preFill', |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
tableStepColumns() { |
|
|
|
return getPCR009Config(this); |
|
|
|
}, |
|
|
|
// 附件表单配置 |
|
|
|
getFjFormConfig() { |
|
|
|
return [ |
|
|
|
{ |
|
|
|
type: "attachment", |
|
|
|
config: { |
|
|
|
attTitle: { |
|
|
|
label: 'template.pcr.pcr005.fj', |
|
|
|
type: "attachment", |
|
|
|
fillType: "actFill", |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
// 配置条件 |
|
|
|
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, |
|
|
|
}, |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: "conditionItem", |
|
|
|
label: 'template.common.processCondition', |
|
|
|
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.pcr.pcr009.clsj', |
|
|
|
config: { |
|
|
|
startDate: { |
|
|
|
label: 'template.common.startTime', |
|
|
|
type: "input", |
|
|
|
}, |
|
|
|
endDate: { |
|
|
|
label: 'template.common.endTime', |
|
|
|
type: "input", |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
// 操作步骤表单配置 |
|
|
|
stepFormConfig() { |
|
|
|
return [ |
|
|
|
{ |
|
|
|
type: 'step', |
|
|
|
config: { |
|
|
|
yjry: { |
|
|
|
label: 'template.pcr.pcr009.yjry', |
|
|
|
type: 'input', |
|
|
|
fillType: 'preFill', |
|
|
|
subType: 'sj', |
|
|
|
subKey: 'yjrybh', |
|
|
|
subFillType: 'actFill', |
|
|
|
maxlength: 20 |
|
|
|
}, |
|
|
|
bs: { |
|
|
|
label: 'template.pcr.pcr009.bs', |
|
|
|
type: 'inputNumber', |
|
|
|
fillType: 'actFill', |
|
|
|
maxlength: 20 |
|
|
|
}, |
|
|
|
yjyjry: { |
|
|
|
label: 'template.pcr.pcr009.yjyjry', |
|
|
|
type: 'inputNumber', |
|
|
|
fillType: 'preFill', |
|
|
|
subType: 'select', |
|
|
|
subKey: 'yjyjryUnit', |
|
|
|
subOptions: this.getDictOptions('business_tjdw'), |
|
|
|
subFillType: 'preFill', |
|
|
|
maxlength: 20 |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
reagentType: null, // 1-表单 2-表格 |
|
|
|
formData: {}, |
|
|
|
currentSubKey: "",//当前点击的子项key |
|
|
|
currentType: "",//当前点击的类型 |
|
|
|
currentRowIndex: "",//当前点击的行索引 |
|
|
|
}; |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
const formData = this.getFormDataByTemplateData(); |
|
|
|
this.onHandleTableBlur() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
downloadExcelTemplate() { |
|
|
|
this.exportExcel(['样品名称', '组织重'], 'PCR分析组织匀浆表-知组织重导入模板') |
|
|
|
}, |
|
|
|
//选择试剂提交事件 |
|
|
|
onSelectReagentSubmit(code, row) { |
|
|
|
|
|
|
|
}, |
|
|
|
showImportExcelDialog() { |
|
|
|
this.$refs.ImportExcelDialog.show() |
|
|
|
}, |
|
|
|
onLoadExcelData(excelData) { |
|
|
|
excelData.shift() |
|
|
|
let list = [] |
|
|
|
excelData.forEach(item => { |
|
|
|
list.push({ |
|
|
|
ypmc: item[0], |
|
|
|
zzz: item[1], |
|
|
|
targetStartSolutionVolumePrecision: 3 |
|
|
|
}) |
|
|
|
}) |
|
|
|
this.$refs.stepTableRef.addRows(list) |
|
|
|
this.$refs.ImportExcelDialog.cancel() |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
this.justUpdateFilledFormData(); |
|
|
|
}, 100); |
|
|
|
}, |
|
|
|
// 失去焦点,计算 |
|
|
|
onHandleTableBlur() { |
|
|
|
this.updateTable() |
|
|
|
}, |
|
|
|
onHandleBlur(fields) { |
|
|
|
this.updateTable() |
|
|
|
}, |
|
|
|
// 计算表格 预设匀浆溶液补加入量 |
|
|
|
updateTable() { |
|
|
|
let content = this.getFilledFormData(); |
|
|
|
|
|
|
|
let bs = content.bs |
|
|
|
content |
|
|
|
if (this.fillType === "actFill") { |
|
|
|
let tableList = content.stepTableFormData |
|
|
|
if (tableList && tableList.length > 0) { |
|
|
|
for (let i = 0; i < tableList.length; i++) { |
|
|
|
let item = tableList[i] |
|
|
|
let zzz = item.zzz * bs |
|
|
|
// 组织重量 乘以 倍数 )减去 已加匀浆溶液 |
|
|
|
const { total, unit } = subTj([zzz, content.yjyjry], [content.headerSelectFields.zzzUnit, content.yjyjryUnit]) |
|
|
|
let ysyjrybjrl = volumeConverter.convert(total + unit, content.headerSelectFields.ysyjrybjrlUnit) |
|
|
|
tableList[i].ysyjrybjrl = ysyjrybjrl |
|
|
|
} |
|
|
|
} |
|
|
|
this.$refs.stepTableRef.updateDataSource(tableList); |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取已填写的表单数据 |
|
|
|
getFilledFormData() { |
|
|
|
return this.getFilledFormDataByRefs(["baseInfoRef", "stepFormPackageRef", "stepTableRef", "stepRef", "remarkRef"]) |
|
|
|
}, |
|
|
|
async getFormData() { |
|
|
|
let content = await this.validFormFields(["baseInfoRef", "stepFormPackageRef", "stepTableRef", "stepRef", "remarkRef"]); |
|
|
|
return content; |
|
|
|
}, |
|
|
|
getResource() { |
|
|
|
let content = this.getFilledFormData(); |
|
|
|
|
|
|
|
//生成resource |
|
|
|
let tmpResource = [] |
|
|
|
if (this.fillType === "actFill") { |
|
|
|
let tableList = content.stepTableFormData |
|
|
|
if (tableList && tableList.length > 0) { |
|
|
|
for (let i = 0; i < tableList.length; i++) { |
|
|
|
//配置的试剂 |
|
|
|
let item = tableList[i] |
|
|
|
console.log('表格item:' + JSON.stringify(item)) |
|
|
|
|
|
|
|
//使用的 |
|
|
|
|
|
|
|
tmpResource.push({ |
|
|
|
mc: null, |
|
|
|
bh: content.subSolution, |
|
|
|
ph: null, |
|
|
|
ndz: null, |
|
|
|
nd: null, |
|
|
|
nddw: null, |
|
|
|
ly: 'ELN配制', |
|
|
|
sxrq: null, |
|
|
|
kc: null, |
|
|
|
kcdw: null, |
|
|
|
syl: item.ysxsyxytj, |
|
|
|
type: 1, |
|
|
|
elnType: this.product, |
|
|
|
syldw: content.headerSelectFields.sjxsyxytjUnit, |
|
|
|
yxzq: null, |
|
|
|
yxzqdw: null, |
|
|
|
}) |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
if (tmpResource.length > 0) { |
|
|
|
tmpResource = uniqeResourceOne(tmpResource) |
|
|
|
} |
|
|
|
//使用的试剂、仪器 |
|
|
|
const stepResource = this.$refs.stepRef.getStepResource() |
|
|
|
this.resourceTmp = uniqeResource(tmpResource, stepResource.sjResource || []) |
|
|
|
this.yqResourceTmp = stepResource.yqResource || [] |
|
|
|
return this.resourceTmp; |
|
|
|
}, |
|
|
|
//保存 |
|
|
|
async onSave() { |
|
|
|
let content = this.$refs.stepRef.getStepResource(); |
|
|
|
console.log(content); |
|
|
|
|
|
|
|
}, |
|
|
|
// 删除表格行 |
|
|
|
deleteRow(rowIndex) { |
|
|
|
const stepTableRef = this.$refs['stepTableRef']; |
|
|
|
if (stepTableRef) { |
|
|
|
stepTableRef.deleteRow(rowIndex); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style rel="stylesheet/scss" lang="scss"> |
|
|
|
.mt-20 { |
|
|
|
margin-top: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.print-btn { |
|
|
|
margin-bottom: 20px; |
|
|
|
} |
|
|
|
</style> |