|
|
|
@ -13,6 +13,7 @@ |
|
|
|
v-model="pageData.scanRmRollNo" |
|
|
|
@keyup.native="recordTime" |
|
|
|
@keyup.enter.native="checkRmRollNo" |
|
|
|
@clear="clearMaterialInfo" |
|
|
|
placeholder="请扫描或输入材料卷号" |
|
|
|
size="large" |
|
|
|
clearable> |
|
|
|
@ -38,8 +39,8 @@ |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
<!-- 物料信息显示区域 --> |
|
|
|
<div v-if="materialInfo.partNo" class="material-info-card"> |
|
|
|
<!-- 物料信息显示区域 - 始终显示 --> |
|
|
|
<div class="material-info-card"> |
|
|
|
<div class="info-header"> |
|
|
|
<i class="el-icon-document"></i> |
|
|
|
<span>物料信息</span> |
|
|
|
@ -47,11 +48,11 @@ |
|
|
|
<div class="info-content"> |
|
|
|
<div class="info-row"> |
|
|
|
<label class="info-label">物料编码:</label> |
|
|
|
<span class="info-value">{{ materialInfo.partNo }}</span> |
|
|
|
<span class="info-value">{{ materialInfo.partNo || '' }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-row"> |
|
|
|
<label class="info-label">物料名称:</label> |
|
|
|
<span class="info-value">{{ materialInfo.partDesc || '暂无' }}</span> |
|
|
|
<span class="info-value">{{ materialInfo.partDesc || '' }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -279,12 +280,33 @@ export default { |
|
|
|
|
|
|
|
/*关闭modal*/ |
|
|
|
closeDialog(){ |
|
|
|
// 清空物料信息 |
|
|
|
this.materialInfo = { |
|
|
|
partNo: '', |
|
|
|
partDesc: '' |
|
|
|
}; |
|
|
|
// 清空输入框 |
|
|
|
this.pageData.scanRmRollNo = ''; |
|
|
|
this.pageData.rmRollNo = ''; |
|
|
|
this.pageData.bomItemNo = ''; |
|
|
|
|
|
|
|
//刷新报工的页面 |
|
|
|
this.$emit('refreshPageData'); |
|
|
|
//关闭当前的页面 |
|
|
|
this.$emit('update:visible', false); |
|
|
|
}, |
|
|
|
|
|
|
|
/*清空物料信息*/ |
|
|
|
clearMaterialInfo(){ |
|
|
|
this.materialInfo = { |
|
|
|
partNo: '', |
|
|
|
partDesc: '' |
|
|
|
}; |
|
|
|
this.pageData.rmRollNo = ''; |
|
|
|
this.pageData.bomItemNo = ''; |
|
|
|
this.bomList = []; |
|
|
|
}, |
|
|
|
|
|
|
|
/*记录每一次录入字符串的时间*/ |
|
|
|
recordTime(){ |
|
|
|
//判断是否清掉所有的内容 |
|
|
|
@ -594,20 +616,20 @@ export default { |
|
|
|
padding: 0; |
|
|
|
|
|
|
|
.action-btn { |
|
|
|
min-width: 100px; |
|
|
|
padding: 10px 24px; |
|
|
|
border-radius: 20px; |
|
|
|
font-size: 14px; |
|
|
|
min-width: 80px; |
|
|
|
padding: 6px 16px; |
|
|
|
border-radius: 16px; |
|
|
|
font-size: 13px; |
|
|
|
font-weight: 500; |
|
|
|
cursor: pointer; |
|
|
|
transition: all 0.2s ease; |
|
|
|
display: inline-flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
gap: 6px; |
|
|
|
gap: 4px; |
|
|
|
|
|
|
|
i { |
|
|
|
font-size: 14px; |
|
|
|
font-size: 13px; |
|
|
|
} |
|
|
|
|
|
|
|
&.primary { |
|
|
|
|