|
|
|
@ -1,40 +1,37 @@ |
|
|
|
<template> |
|
|
|
<div class="template-form-item"> |
|
|
|
<div class="config-header"> |
|
|
|
<div>{{ $t(fieldItemLabel) }}</div> |
|
|
|
<el-button v-if="fillType === 'preFill'" type="text" icon="el-icon-delete" |
|
|
|
@click="deleteConfig">{{ |
|
|
|
$t('template.common.deleteBtn') |
|
|
|
}}</el-button> |
|
|
|
</div> |
|
|
|
<BaseInfoFormPackage @onRegentSubmit="(e) => onRegentSubmit(e)" |
|
|
|
@beforeReagentSubmit="(data) => onBeforeReagentSubmit(data)" |
|
|
|
ref="formPackageRef" :formConfig="currentFormConfig" :formData="currentFormData" |
|
|
|
:fieldItemLabel="fieldItemLabel" @blur="(e) => onHandleBlur(e)" |
|
|
|
@select="(e) => onHandleBlur(e)" :prefixKey="prefixKey" /> |
|
|
|
<CustomTable @blur="(e) => onHandleTableBlur(e)" |
|
|
|
ref="tableRef" :showOperation="showOperation" |
|
|
|
:columns="tableColumns" :formData="currentFormData" |
|
|
|
@bodySelectChange="bodySelectChange" |
|
|
|
@beforeSaveRecord="(data) => onBeforeSaveRecord(data )" |
|
|
|
@headerSelectChange="(data) => onHeaderSelectChange(data)" |
|
|
|
<div class="template-form-item"> |
|
|
|
<div class="config-header"> |
|
|
|
<div>{{ $t(fieldItemLabel) }}</div> |
|
|
|
<el-popconfirm title="确认删除当前配置？" @confirm="deleteConfig"> |
|
|
|
<el-button slot="reference" v-if="fillType === 'preFill'" type="text" icon="el-icon-delete" >{{ |
|
|
|
$t('template.common.deleteBtn') |
|
|
|
}}</el-button> |
|
|
|
</el-popconfirm> |
|
|
|
|
|
|
|
</div> |
|
|
|
<BaseInfoFormPackage @onRegentSubmit="(e) => onRegentSubmit(e)" |
|
|
|
@beforeReagentSubmit="(data) => onBeforeReagentSubmit(data)" ref="formPackageRef" |
|
|
|
:formConfig="currentFormConfig" :formData="currentFormData" :fieldItemLabel="fieldItemLabel" |
|
|
|
@blur="(e) => onHandleBlur(e)" @select="(e) => onHandleBlur(e)" :prefixKey="prefixKey" /> |
|
|
|
<CustomTable @blur="(e) => onHandleTableBlur(e)" ref="tableRef" :showOperation="showOperation" |
|
|
|
:columns="tableColumns" :formData="currentFormData" @bodySelectChange="bodySelectChange" |
|
|
|
@beforeSaveRecord="(data) => onBeforeSaveRecord(data)" |
|
|
|
@headerSelectChange="(data) => onHeaderSelectChange(data)" |
|
|
|
@beforeReagentSubmit="(data) => onTableBeforeReagentSubmit(data)" |
|
|
|
@onRegentSubmit="(data) => onTableRegentSubmit( data)" |
|
|
|
:prefixKey="prefixKey" :fieldItemLabel="fieldItemLabel"> |
|
|
|
<template slot="operation" slot-scope="{ row, rowIndex, columns }"> |
|
|
|
<TableOpertaion @printTag="(e) => printTag(e)" |
|
|
|
@startConfig="(val) => startConfig(val )" |
|
|
|
@configComplete="(val) => configComplete(val)" |
|
|
|
@subPackageSubmit="(val) => subPackageSubmit(val)" |
|
|
|
:fillType="fillType" :row="row" :rowIndex="rowIndex" :columns="columns" |
|
|
|
@deleteRow="(rowIndex) => deleteRow(rowIndex)"> |
|
|
|
</TableOpertaion> |
|
|
|
</template> |
|
|
|
</CustomTable> |
|
|
|
@onRegentSubmit="(data) => onTableRegentSubmit(data)" :prefixKey="prefixKey" |
|
|
|
:fieldItemLabel="fieldItemLabel"> |
|
|
|
<template slot="operation" slot-scope="{ row, rowIndex, columns }"> |
|
|
|
<TableOpertaion @printTag="(e) => printTag(e)" @startConfig="(val) => startConfig(val)" |
|
|
|
@configComplete="(val) => configComplete(val)" @subPackageSubmit="(val) => subPackageSubmit(val)" |
|
|
|
:fillType="fillType" :row="row" :rowIndex="rowIndex" :columns="columns" |
|
|
|
@deleteRow="(rowIndex) => deleteRow(rowIndex)"> |
|
|
|
</TableOpertaion> |
|
|
|
</template> |
|
|
|
</CustomTable> |
|
|
|
|
|
|
|
<Step class="mt-0 s-container" ref="stepRef" :formData="currentFormData.stepData" |
|
|
|
:fieldItemLabel="fieldItemLabel" :prefixKey="prefixKey"></Step> |
|
|
|
</div> |
|
|
|
<Step class="mt-0 s-container" ref="stepRef" :formData="currentFormData.stepData" |
|
|
|
:fieldItemLabel="fieldItemLabel" :prefixKey="prefixKey"></Step> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
@ -47,73 +44,73 @@ import { addTj } from "@/utils/calUnitTools"; |
|
|
|
import { isCommonUnit } from "@/utils/conTools"; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
Step, |
|
|
|
CustomTable, |
|
|
|
TableOpertaion, |
|
|
|
BaseInfoFormPackage, |
|
|
|
}, |
|
|
|
name: "LadderConfig", |
|
|
|
mixins: [templateMixin], |
|
|
|
props: { |
|
|
|
fillType: { |
|
|
|
type: String, |
|
|
|
default: '', |
|
|
|
}, |
|
|
|
currentFormConfig: { |
|
|
|
type: Array, |
|
|
|
default: () => [], |
|
|
|
}, |
|
|
|
prefixKey: { |
|
|
|
type: String, |
|
|
|
default: '', |
|
|
|
}, |
|
|
|
fieldItemLabel: { |
|
|
|
type: String, |
|
|
|
default: '', |
|
|
|
}, |
|
|
|
currentFormData: { |
|
|
|
type: Object, |
|
|
|
default: () => {}, |
|
|
|
}, |
|
|
|
showOperation: { |
|
|
|
type: Boolean, |
|
|
|
default: false, |
|
|
|
}, |
|
|
|
tableColumns: { |
|
|
|
type: Array, |
|
|
|
default: () => [], |
|
|
|
}, |
|
|
|
configType:{ |
|
|
|
type: String, |
|
|
|
default: 'ladder', |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
deleteConfig(){ |
|
|
|
components: { |
|
|
|
Step, |
|
|
|
CustomTable, |
|
|
|
TableOpertaion, |
|
|
|
BaseInfoFormPackage, |
|
|
|
}, |
|
|
|
name: "LadderConfig", |
|
|
|
mixins: [templateMixin], |
|
|
|
props: { |
|
|
|
fillType: { |
|
|
|
type: String, |
|
|
|
default: '', |
|
|
|
}, |
|
|
|
currentFormConfig: { |
|
|
|
type: Array, |
|
|
|
default: () => [], |
|
|
|
}, |
|
|
|
prefixKey: { |
|
|
|
type: String, |
|
|
|
default: '', |
|
|
|
}, |
|
|
|
fieldItemLabel: { |
|
|
|
type: String, |
|
|
|
default: '', |
|
|
|
}, |
|
|
|
currentFormData: { |
|
|
|
type: Object, |
|
|
|
default: () => { }, |
|
|
|
}, |
|
|
|
showOperation: { |
|
|
|
type: Boolean, |
|
|
|
default: false, |
|
|
|
}, |
|
|
|
tableColumns: { |
|
|
|
type: Array, |
|
|
|
default: () => [], |
|
|
|
}, |
|
|
|
configType: { |
|
|
|
type: String, |
|
|
|
default: 'ladder', |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
deleteConfig() { |
|
|
|
this.$emit('deleteConfig', this.configType); |
|
|
|
}, |
|
|
|
getStepResource(){ |
|
|
|
return this.$refs.stepRef?.getStepResource(); |
|
|
|
}, |
|
|
|
getFilledFormData() { |
|
|
|
const baseFormData = this.$refs.formPackageRef?.getFilledFormData(); |
|
|
|
const tableData = this.$refs.tableRef?.getFilledFormData(); |
|
|
|
const stepData = this.$refs.stepRef?.getFilledFormData(); |
|
|
|
return { |
|
|
|
baseFormData, |
|
|
|
tableData, |
|
|
|
stepData:stepData?.stepData || [], |
|
|
|
} |
|
|
|
}, |
|
|
|
// 实现getFormData方法，用于表单验证 |
|
|
|
async getFormData() { |
|
|
|
getStepResource() { |
|
|
|
return this.$refs.stepRef?.getStepResource(); |
|
|
|
}, |
|
|
|
getFilledFormData() { |
|
|
|
const baseFormData = this.$refs.formPackageRef?.getFilledFormData(); |
|
|
|
const tableData = this.$refs.tableRef?.getFilledFormData(); |
|
|
|
const stepData = this.$refs.stepRef?.getFilledFormData(); |
|
|
|
return { |
|
|
|
baseFormData, |
|
|
|
tableData, |
|
|
|
stepData: stepData?.stepData || [], |
|
|
|
} |
|
|
|
}, |
|
|
|
// 实现getFormData方法，用于表单验证 |
|
|
|
async getFormData() { |
|
|
|
const refs = ['formPackageRef', 'tableRef', 'stepRef'] |
|
|
|
const pros = refs.map((ref)=>this.$refs[ref]?.getFormData()) |
|
|
|
const result = await Promise.all(pros); |
|
|
|
const pros = refs.map((ref) => this.$refs[ref]?.getFormData()) |
|
|
|
const result = await Promise.all(pros); |
|
|
|
return result; |
|
|
|
}, |
|
|
|
//选择试剂提交事件 |
|
|
|
}, |
|
|
|
//选择试剂提交事件 |
|
|
|
onRegentSubmit(data) { |
|
|
|
const { selectInfo, key } = data; |
|
|
|
const { row } = selectInfo; |
|
|
|
@ -129,7 +126,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
//选择实际的时候更新table的浓度 |
|
|
|
//选择实际的时候更新table的浓度 |
|
|
|
updateTableNd(row) { |
|
|
|
const { stepTableFormData = [], headerSelectFields = [] } = this.$refs.tableRef?.getFilledFormData(); |
|
|
|
const newData = JSON.parse(JSON.stringify(stepTableFormData)); |
|
|
|
@ -153,7 +150,7 @@ export default { |
|
|
|
}) |
|
|
|
this.$refs.tableRef?.updateDataSource(newData); |
|
|
|
}, |
|
|
|
getLadderNdParamsByIndex() { |
|
|
|
getLadderNdParamsByIndex() { |
|
|
|
const { headerSelectFields = [] } = this.$refs.tableRef?.getFilledFormData(); |
|
|
|
const subTargetAcSolutionUnit = this.$refs.formPackageRef?.getFormDataByKey("subTargetAcSolutionUnit");//获取实际起始溶液浓度 |
|
|
|
return { |
|
|
|
@ -161,7 +158,7 @@ export default { |
|
|
|
headerSelectFields |
|
|
|
} |
|
|
|
}, |
|
|
|
onHandleBlur(e) { |
|
|
|
onHandleBlur(e) { |
|
|
|
const { targetStartSolution, subTargetStartSolution } = e; |
|
|
|
const { stepTableFormData, headerSelectFields } = this.$refs.tableRef?.getFilledFormData(); |
|
|
|
const params = { |
|
|
|
@ -170,10 +167,10 @@ export default { |
|
|
|
} |
|
|
|
this.batchUpdateTargetStartSolutionVolume(stepTableFormData, targetStartSolution, params) |
|
|
|
}, |
|
|
|
// 表格失去焦点事件 |
|
|
|
// 表格失去焦点事件 |
|
|
|
onHandleTableBlur(e) { |
|
|
|
const { configType } = this; |
|
|
|
const { colKey = "", item, rowIndex, headerSelectFields,dataSource } = e; |
|
|
|
const { configType } = this; |
|
|
|
const { colKey = "", item, rowIndex, headerSelectFields, dataSource } = e; |
|
|
|
if (colKey === "targetStartSolutionConcentration" || colKey === "targetSolutionVolume" || colKey === "targetSolutionConcentration" || colKey === "targetStartSolutionVolumePrecision" || colKey === "targetDiluentVolumePrecision") { |
|
|
|
if (configType === "ladder") { |
|
|
|
const { targetStartSolution, subTargetStartSolution } = this.$refs.formPackageRef?.getFilledFormData(); |
|
|
|
@ -191,9 +188,9 @@ export default { |
|
|
|
if (configType === "ladder") { |
|
|
|
const targetAcSolution = this.$refs.formPackageRef?.getFormDataByKey("targetAcSolution");//获取实际起始溶液浓度 |
|
|
|
let initNd = 0; |
|
|
|
if(rowIndex === 0){ |
|
|
|
if (rowIndex === 0) { |
|
|
|
initNd = targetAcSolution; |
|
|
|
}else{ |
|
|
|
} else { |
|
|
|
initNd = dataSource[rowIndex - 1].actSolutionConcentration; |
|
|
|
} |
|
|
|
const params = this.getLadderNdParamsByIndex(); |
|
|
|
@ -232,10 +229,10 @@ export default { |
|
|
|
headerSelectFields |
|
|
|
} |
|
|
|
}, |
|
|
|
bodySelectChange(data) { |
|
|
|
bodySelectChange(data) { |
|
|
|
this.paralleUpdateTargetStartSolutionVolume(data.item, data.headerSelectFields); |
|
|
|
}, |
|
|
|
//平行配置更新体积 |
|
|
|
//平行配置更新体积 |
|
|
|
paralleUpdateTargetStartSolutionVolume(item, headerSelectFields) { |
|
|
|
const volumne = item.targetStartSolutionConcentration; |
|
|
|
const subTargetStartSolution = item.targetStartSolutionConcentrationPrecision; |
|
|
|
@ -247,13 +244,13 @@ export default { |
|
|
|
this.updateTargetStartSolutionVolume(item, volumne, params); |
|
|
|
} |
|
|
|
}, |
|
|
|
onBeforeSaveRecord(data) { |
|
|
|
onBeforeSaveRecord(data) { |
|
|
|
if (this.configType === "ladder") { |
|
|
|
const formFields = this.$refs.formPackageRef?.getFilledFormData(); |
|
|
|
this.onCommonVerifyNdException(formFields, data); |
|
|
|
} |
|
|
|
}, |
|
|
|
//选择table header下拉框也要更新体积 |
|
|
|
//选择table header下拉框也要更新体积 |
|
|
|
onHeaderSelectChange(data) { |
|
|
|
const { key, headerSelectFields, dataSource = [] } = data; |
|
|
|
const keys = [ |
|
|
|
@ -278,11 +275,11 @@ export default { |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
//标签打印 |
|
|
|
//标签打印 |
|
|
|
printTag(e) { |
|
|
|
const { nickName, name } = this.$store.getters; |
|
|
|
const { printCode, row, type } = e; |
|
|
|
const currentForm = this.$refs.formPackageRef?.getFilledFormData(); |
|
|
|
const currentForm = this.$refs.formPackageRef?.getFilledFormData(); |
|
|
|
const { stepStorageCondition, startDate, expireDate, paralleStepStorageCondition } = currentForm; |
|
|
|
const targetSolutionExpirationDate = row.targetSolutionExpirationDate; |
|
|
|
const lang = this.$i18n.locale; |
|
|
|
@ -299,8 +296,8 @@ export default { |
|
|
|
console.log(printConfig, "printConfig") |
|
|
|
EventBus.$emit('showTagPrintDialog', { printConfig }) |
|
|
|
}, |
|
|
|
//开始配置 |
|
|
|
startConfig(val) { |
|
|
|
//开始配置 |
|
|
|
startConfig(val) { |
|
|
|
const { rowData } = val; |
|
|
|
let postData = { |
|
|
|
bh: rowData.targetSolutionCode + rowData.subTargetSolutionCode, |
|
|
|
@ -310,8 +307,8 @@ export default { |
|
|
|
} |
|
|
|
this.startConfigRequest(postData); |
|
|
|
}, |
|
|
|
//配置完成 |
|
|
|
configComplete(val) { |
|
|
|
//配置完成 |
|
|
|
configComplete(val) { |
|
|
|
const { rowData, headerSelectFields } = val; |
|
|
|
//计算实际目标溶液体积(实际起始溶液体积+实际稀释液体积) |
|
|
|
const { total, unit } = addTj([rowData.actStartSolutionVolume, rowData.actDiluentVolume], [headerSelectFields.actStartSolutionVolumeUnit, headerSelectFields.actDiluentVolumeUnit]) |
|
|
|
@ -328,7 +325,7 @@ export default { |
|
|
|
} |
|
|
|
this.configCompleteRequest(postData); |
|
|
|
}, |
|
|
|
//分装 |
|
|
|
//分装 |
|
|
|
subPackageSubmit(data) { |
|
|
|
const { fzsj, rowData, headerSelectFields } = data; |
|
|
|
const { fzList = [], dw = "", mybh } = fzsj; |
|
|
|
@ -354,9 +351,9 @@ export default { |
|
|
|
this.subPackageRequest(postData); |
|
|
|
} |
|
|
|
}, |
|
|
|
// 删除表格行 |
|
|
|
// 删除表格行 |
|
|
|
deleteRow(rowIndex) { |
|
|
|
this.$refs.tableRef.deleteRow(rowIndex); |
|
|
|
this.$refs.tableRef.deleteRow(rowIndex); |
|
|
|
}, |
|
|
|
onTableBeforeReagentSubmit(data) { |
|
|
|
const { selectData, callback, key, rowData } = data; |
|
|
|
@ -392,7 +389,7 @@ export default { |
|
|
|
updateDataSourceByRowIndex(rowIndex, data) { |
|
|
|
this.$refs.tableRef.updateDataSourceByRowIndex(rowIndex, data); |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
ouqian
luojie