|
|
@ -11,6 +11,8 @@ |
|
|
<td class="fixed-text">稀释倍数</td> |
|
|
<td class="fixed-text">稀释倍数</td> |
|
|
<td class="fixed-text"> |
|
|
<td class="fixed-text"> |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'xsbs' + index" |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'xsbs' + index" |
|
|
|
|
|
:error = "errorFields['xsbs'+index]" |
|
|
|
|
|
@update:error="(v)=>errorFields['xsbs'+index] = v" |
|
|
@blur="(v)=>handleBlur(v,index,'xsbs')" :item="inputItem" :value="item.xsbs" :index="index" /> |
|
|
@blur="(v)=>handleBlur(v,index,'xsbs')" :item="inputItem" :value="item.xsbs" :index="index" /> |
|
|
</td> |
|
|
</td> |
|
|
<td class="fixed-text">细胞密度(个/mL)</td> |
|
|
<td class="fixed-text">细胞密度(个/mL)</td> |
|
|
@ -29,18 +31,26 @@ |
|
|
<tr> |
|
|
<tr> |
|
|
<td> |
|
|
<td> |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'zsg' + index" |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'zsg' + index" |
|
|
|
|
|
:error = "errorFields['zsg'+index]" |
|
|
|
|
|
@update:error="(v)=>errorFields['zsg'+index] = v" |
|
|
:value="item.zsg" :item="inputItem" @blur="(v)=>handleBlur(v,index,'zsg')" :index="index" /> |
|
|
:value="item.zsg" :item="inputItem" @blur="(v)=>handleBlur(v,index,'zsg')" :index="index" /> |
|
|
</td> |
|
|
</td> |
|
|
<td> |
|
|
<td> |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'ysg' + index" |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'ysg' + index" |
|
|
|
|
|
:error = "errorFields['ysg'+index]" |
|
|
|
|
|
@update:error="(v)=>errorFields['ysg'+index] = v" |
|
|
@blur="(v)=>handleBlur(v,index,'ysg')" :item="inputItem" :value="item.ysg" :index="index" /> |
|
|
@blur="(v)=>handleBlur(v,index,'ysg')" :item="inputItem" :value="item.ysg" :index="index" /> |
|
|
</td> |
|
|
</td> |
|
|
<td> |
|
|
<td> |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'zxg' + index" |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'zxg' + index" |
|
|
|
|
|
:error = "errorFields['zxg'+index]" |
|
|
|
|
|
@update:error="(v)=>errorFields['zxg'+index] = v" |
|
|
:value="item.zxg" :item="inputItem" @blur="(v)=>handleBlur(v,index,'zxg')" :index="index" /> |
|
|
:value="item.zxg" :item="inputItem" @blur="(v)=>handleBlur(v,index,'zxg')" :index="index" /> |
|
|
</td> |
|
|
</td> |
|
|
<td> |
|
|
<td> |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'yxg' + index" |
|
|
<HandleFormItem :fieldItemLabel="fieldItemLabel" :fieldKey="prefixKey + 'yxg' + index" |
|
|
|
|
|
:error = "errorFields['yxg'+index]" |
|
|
|
|
|
@update:error="(v)=>errorFields['yxg'+index] = v" |
|
|
:value="item.yxg" :item="inputItem" @blur="(v)=>handleBlur(v,index,'yxg')" :index="index" /> |
|
|
:value="item.yxg" :item="inputItem" @blur="(v)=>handleBlur(v,index,'yxg')" :index="index" /> |
|
|
</td> |
|
|
</td> |
|
|
</tr> |
|
|
</tr> |
|
|
@ -86,7 +96,8 @@ export default { |
|
|
type: 'inputNumber', |
|
|
type: 'inputNumber', |
|
|
fillType: 'actFill', |
|
|
fillType: 'actFill', |
|
|
precision: 0, |
|
|
precision: 0, |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
errorFields: {} |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
@ -113,20 +124,19 @@ export default { |
|
|
}, |
|
|
}, |
|
|
// 实现validateFormData方法,用于表单验证 |
|
|
// 实现validateFormData方法,用于表单验证 |
|
|
validateFormData() { |
|
|
validateFormData() { |
|
|
|
|
|
|
|
|
// 调用CustomTable的同步验证方法 |
|
|
|
|
|
const validateResult = this.$refs.tableRef.validateFormData(); |
|
|
|
|
|
|
|
|
|
|
|
// 如果验证通过,还需要检查是否有数据行 |
|
|
|
|
|
if (validateResult.valid) { |
|
|
|
|
|
const filledData = this.$refs.tableRef.getFilledFormData(); |
|
|
|
|
|
const { stepTableFormData = [] } = filledData; |
|
|
|
|
|
if (stepTableFormData.length === 0) { |
|
|
|
|
|
return { valid: false, error: '请添加取板数据' }; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
console.log("validateResult",validateResult); |
|
|
|
|
|
return validateResult; |
|
|
|
|
|
|
|
|
let isValid = true; |
|
|
|
|
|
const errorFields = {}; |
|
|
|
|
|
const requiredFields = ['xsbs', 'zsg', 'zxg', 'ysg', 'yxg']; |
|
|
|
|
|
this.tableData.map((item,index)=>{ |
|
|
|
|
|
requiredFields.forEach(field=>{ |
|
|
|
|
|
if(!item[field]) { |
|
|
|
|
|
errorFields[field+index] = true; |
|
|
|
|
|
isValid = false; |
|
|
|
|
|
} |
|
|
|
|
|
}) |
|
|
|
|
|
}) |
|
|
|
|
|
this.errorFields = errorFields; |
|
|
|
|
|
return { valid: isValid, error: isValid? '' : '请填写细胞密度信息' }; |
|
|
}, |
|
|
}, |
|
|
onDataChange() { |
|
|
onDataChange() { |
|
|
// 构建表格数据 |
|
|
// 构建表格数据 |
|
|
@ -208,7 +218,7 @@ export default { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.fixed-text { |
|
|
.fixed-text { |
|
|
color: #595959; |
|
|
|
|
|
|
|
|
// color: #595959; |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|