|
|
|
@ -2,8 +2,8 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="detail-container"> |
|
|
|
<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.templateMc || |
|
|
|
'生物样品分析方法学样品制备表-准确度与精密度' }}<img src="@/assets/images/detail-title.png" /></div> |
|
|
|
<div class="detail-title"><img src="@/assets/images/detail-title.png">{{ formData.bdmc || |
|
|
|
$t('template.sp.sp008.title') }}<img src="@/assets/images/detail-title.png" /></div> |
|
|
|
<div class="detail-content"> |
|
|
|
<div class="content"> |
|
|
|
<BaseInfoFormPcakge fieldItemLabel="template.common.baseInfo" label="template.common.baseInfo" ref="baseInfoRef" |
|
|
|
@ -16,22 +16,22 @@ |
|
|
|
:formConfig="storageFormConfig" :formData="formData" /> |
|
|
|
<LineLabel label="template.common.operationSteps" /> |
|
|
|
<div class="template-form-item"> |
|
|
|
<BaseInfoFormPcakge fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef" :formConfig="stepFormConfig" @blur="onHandleBlur" |
|
|
|
:formData="formData" /> |
|
|
|
<BaseInfoFormPcakge fieldItemLabel="template.common.operationSteps" ref="stepFormPackageRef" :formConfig="stepFormConfig" |
|
|
|
:formData="formData" @clickable="handleJzClickable" /> |
|
|
|
|
|
|
|
<CustomTable |
|
|
|
@blur="onHandleTableBlur" |
|
|
|
:ref="`tableRef`" |
|
|
|
:columns="tableStepColumns" |
|
|
|
<CustomTable |
|
|
|
@blur="onHandleTableBlur" |
|
|
|
:ref="`tableRef`" |
|
|
|
:columns="tableStepColumns" |
|
|
|
:formData="formData" |
|
|
|
:prefixKey = "`table`" |
|
|
|
@clickable="handleClickable" |
|
|
|
fieldItemLabel = "这个是什么" |
|
|
|
fieldItemLabel = "template.common.operationSteps" |
|
|
|
> |
|
|
|
<template slot="operation" slot-scope="{ row, rowIndex}"> |
|
|
|
<TableOpertaion |
|
|
|
:fillType="fillType" |
|
|
|
:row="row" |
|
|
|
<TableOpertaion |
|
|
|
:fillType="fillType" |
|
|
|
:row="row" |
|
|
|
:rowIndex="rowIndex" |
|
|
|
@deleteRow="(rowIndex) => deleteRow(rowIndex)" |
|
|
|
></TableOpertaion> |
|
|
|
@ -46,6 +46,11 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- <button @click = "onSave">保存</button> --> |
|
|
|
|
|
|
|
<SelectReagentDialog |
|
|
|
@submit="onSelectReagentSubmit" |
|
|
|
ref="selectReagentDialogRef" > |
|
|
|
</SelectReagentDialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
@ -59,10 +64,12 @@ import CustomTable from '@/components/Template/CustomTable.vue'; |
|
|
|
import { getLatestSn } from '@/api/template'; |
|
|
|
import {getSWYPFXFFXYPZBBTableConfig} from "../../../formConfig/SWYPFXFFXYPZBBTableConfig.js"; |
|
|
|
import TableOpertaion from "@/components/Template/operation/TableOpertaion.vue" |
|
|
|
import SelectReagentDialog from '../../../dialog/SelectReagentDialog.vue'; |
|
|
|
import { EventBus } from "@/utils/eventBus"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: "SWYPFXRYPZB", |
|
|
|
components: { BaseInfoFormPcakge, LineLabel, TableList, Step, CustomTable,TableOpertaion }, |
|
|
|
name: "ZQDYJMD", |
|
|
|
components: { BaseInfoFormPcakge, LineLabel, TableList, Step, CustomTable,TableOpertaion,SelectReagentDialog }, |
|
|
|
mixins: [templateMixin], |
|
|
|
props: { |
|
|
|
fillType: { |
|
|
|
@ -106,7 +113,7 @@ export default { |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
baseInfoFormConfig() { |
|
|
|
return [ |
|
|
|
{ |
|
|
|
@ -136,7 +143,7 @@ export default { |
|
|
|
}, |
|
|
|
//处理批编号 |
|
|
|
clpbg: { |
|
|
|
label: 'template.common.clpbh', |
|
|
|
label: 'template.sp.sp008.clpbh', |
|
|
|
type: "input", |
|
|
|
fillType: "actFill", |
|
|
|
maxlength: 50 |
|
|
|
@ -168,18 +175,20 @@ export default { |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: "cellItem", |
|
|
|
label: 'template.common.rqcz', |
|
|
|
label: 'template.sp.sp008.rqcz', |
|
|
|
config: { |
|
|
|
rqcz: { |
|
|
|
type: "input", |
|
|
|
type: "select", |
|
|
|
multiple: true, |
|
|
|
fillType: "actFill", |
|
|
|
maxlength: 50 |
|
|
|
options: this.getDictOptions('business_rqcz'), |
|
|
|
otherCode: "rqczOther", |
|
|
|
}, |
|
|
|
} |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: "cellItem", |
|
|
|
label: 'template.common.clsj', |
|
|
|
label: 'template.sp.sp008.clsj', |
|
|
|
config: { |
|
|
|
startDate: { |
|
|
|
label: 'template.common.startTime', |
|
|
|
@ -199,32 +208,37 @@ export default { |
|
|
|
type: "step", |
|
|
|
config: { |
|
|
|
jz: { |
|
|
|
label: 'template.common.xzjz', |
|
|
|
label: 'template.sp.sp008.xzjz', |
|
|
|
type: "input", |
|
|
|
fillType: "preFill", |
|
|
|
subType: "clickable", |
|
|
|
subKey: "subSolution", |
|
|
|
subKey: "subJz", |
|
|
|
subFillType: "actFill", |
|
|
|
maxlength: 20, |
|
|
|
labelWidth: 80, |
|
|
|
}, |
|
|
|
} |
|
|
|
} |
|
|
|
] |
|
|
|
}, |
|
|
|
tableStepColumns() { |
|
|
|
return getSWYPFXFFXYPZBBTableConfig(this); |
|
|
|
return getSWYPFXFFXYPZBBTableConfig(this,'business_sp_jmdyzqdyp'); |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
reagentType: "",//本表单特殊字段：选择试剂的类型1选择基质，2表格里面选择试剂 |
|
|
|
|
|
|
|
currentSubKey: "",//当前点击的子项key |
|
|
|
rowIndex:0,//当前表格点击的行数 |
|
|
|
|
|
|
|
resource: [], |
|
|
|
resourceData1: [], |
|
|
|
sysjColumns: [ |
|
|
|
{ label: 'template.common.reagentName', prop: "mc" },//名称 |
|
|
|
{ label: 'template.common.reagentCode', prop: "bh" },//编号 |
|
|
|
{ label: 'template.common.reagentNo', prop: "ph" },//批号 试剂，供试品才有 |
|
|
|
{ label: 'template.common.concentration', prop: "nd" },//浓度 |
|
|
|
{ label: 'template.common.source', prop: "source" },//来源 |
|
|
|
{ label: 'template.common.source', prop: "source" },//来源 |
|
|
|
{ label: 'template.common.reagentExpireDate', prop: "sxrq" },//失效日期 |
|
|
|
], |
|
|
|
yqsColumns: [ |
|
|
|
@ -243,30 +257,73 @@ export default { |
|
|
|
formData: { |
|
|
|
immediate: true, |
|
|
|
handler(v) { |
|
|
|
if(!v.targetCodeSn && this.fillType === "actFill"){ |
|
|
|
this.getCode(); |
|
|
|
if(this.fillType === "actFill"){ |
|
|
|
this.getCode(v); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
//点击基质选择 |
|
|
|
handleJzClickable(obj){ |
|
|
|
this.reagentType = 1//本表单特殊字段 |
|
|
|
this.currentSubKey = obj.subKey; |
|
|
|
this.$refs.selectReagentDialogRef.show() |
|
|
|
}, |
|
|
|
//选择试剂提交事件 |
|
|
|
onSelectReagentSubmit(code,row){ |
|
|
|
if(this.reagentType===1){ |
|
|
|
this.$refs.stepFormPackageRef.updateFormData(this.currentSubKey, code); |
|
|
|
}else{ |
|
|
|
this.$refs.tableRef.updateDataSourceByRowIndex(this.rowIndex,{ |
|
|
|
[this.currentSubKey]: code, |
|
|
|
}) |
|
|
|
} |
|
|
|
this.$refs.selectReagentDialogRef.onCancel() |
|
|
|
}, |
|
|
|
//点击表格单元格 |
|
|
|
handleClickable(col, rowIndex) { |
|
|
|
//本表单特殊字段 |
|
|
|
this.reagentType = 2 |
|
|
|
|
|
|
|
this.rowIndex = rowIndex |
|
|
|
this.currentSubKey = col.prop; |
|
|
|
console.log("clickable",rowIndex, col) |
|
|
|
if(col.prop === "sjry"){ |
|
|
|
//调用对应弹窗的方法； |
|
|
|
//调用对应弹窗的方法-多个点击的需要判断是哪个字段点击 |
|
|
|
this.$refs.selectReagentDialogRef.show() |
|
|
|
} |
|
|
|
this.$refs.tableRef.updateDataSourceByRowIndex(rowIndex,{ |
|
|
|
sjry: "我是填充进来的数据", |
|
|
|
}) |
|
|
|
}, |
|
|
|
//获取目标溶液编号 |
|
|
|
async getCode(){ |
|
|
|
const result = await getLatestSn({ |
|
|
|
count: 1, |
|
|
|
}) |
|
|
|
if(result.code == 200){ |
|
|
|
this.$refs.stepFormPackageRef.updateFormData("targetCodeSn",result.data) |
|
|
|
async getCode(v){ |
|
|
|
const {stepTableFormData = []} = v; |
|
|
|
if(stepTableFormData && stepTableFormData.length>0 && !stepTableFormData[0].bhCode){ |
|
|
|
const result = await getLatestSn({ |
|
|
|
count: stepTableFormData.length, |
|
|
|
}) |
|
|
|
if(result.code == 200){ |
|
|
|
if(stepTableFormData.length===1){ |
|
|
|
this.$refs.tableRef.updateDataSourceByRowIndex(0,{ |
|
|
|
bhCode: result.data, |
|
|
|
}) |
|
|
|
}else{ |
|
|
|
for(let i=0;i<stepTableFormData.length;i++){ |
|
|
|
this.$refs.tableRef.updateDataSourceByRowIndex(i,{ |
|
|
|
bhCode: result.data[i], |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
const params = { |
|
|
|
type: "fieldChanged", |
|
|
|
newRecord: null, |
|
|
|
resourceList: null, |
|
|
|
} |
|
|
|
setTimeout(() => { |
|
|
|
debugger |
|
|
|
EventBus.$emit('onModifyRecord', params,) |
|
|
|
}, 10); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
//获取已填写的表单数据 |
|
|
|
@ -277,27 +334,33 @@ export default { |
|
|
|
let content = await this.validFormFields(["baseInfoRef", "storageConditionRef", "stepFormPackageRef","tableRef" ,"stepRef", "remarkRef"]); |
|
|
|
//生成resource |
|
|
|
let tmpResource = [] |
|
|
|
debugger |
|
|
|
//配置的试剂 |
|
|
|
tmpResource.push({ |
|
|
|
mc: content.targetName, |
|
|
|
bh: content.targetCode+content.targetCodeSn, |
|
|
|
ph: '', |
|
|
|
nd: content.targetActConcentration + content.targetActConcentrationUnit, |
|
|
|
source: 'ELN配制', |
|
|
|
sxrq: content.expireDate, |
|
|
|
ndz: content.targetActConcentration, |
|
|
|
nddw: content.targetActConcentrationUnit, |
|
|
|
kc: content.targetActVolume, |
|
|
|
kcdw: content.targetActVolumeUnit, |
|
|
|
syl: null, |
|
|
|
syldw:content.targetActVolumeUnit, |
|
|
|
yxzq:content.effectivePeriod, |
|
|
|
yxzqdw:content.effectivePeriodUnit, |
|
|
|
}) |
|
|
|
|
|
|
|
let tableList = content.stepTableFormData |
|
|
|
if(tableList && tableList.length>0){ |
|
|
|
for(let i=0;i<tableList.length;i++){ |
|
|
|
//配置的试剂 |
|
|
|
let item = tableList[i] |
|
|
|
tmpResource.push({ |
|
|
|
mc: null, |
|
|
|
bh: item.bh+item.bhCode, |
|
|
|
ph: null, |
|
|
|
nd: item.hhwznd + content.headerSelectFields.hhwzndUnit, |
|
|
|
source: 'ELN配制', |
|
|
|
sxrq: null, |
|
|
|
ndz: item.hhwznd, |
|
|
|
nddw: content.headerSelectFields.hhwzndUnit, |
|
|
|
kc: item.sjjzxql+item.sjryxql,//todo 单位不一致-计算 |
|
|
|
kcdw: content.headerSelectFields.sjryxqlUnit || content.headerSelectFields.sjjzxqlUnit,//todo 单位不一致-计算-按最小算 |
|
|
|
syl: null, |
|
|
|
syldw:content.headerSelectFields.sjryxqlUnit || content.headerSelectFields.sjjzxqlUnit,//todo 单位不一致-计算-按最小算, |
|
|
|
yxzq:null, |
|
|
|
yxzqdw:null, |
|
|
|
}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
//使用的试剂 |
|
|
|
this.resource=tmpResource |
|
|
|
|
|
|
|
return content; |
|
|
|
}, |
|
|
|
async onSave() { |
|
|
|
@ -312,6 +375,7 @@ export default { |
|
|
|
tableRef.deleteRow(rowIndex); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
}; |
|
|
|
|
memorylkf
3 months ago