|
|
|
@ -15,6 +15,10 @@ |
|
|
|
prefix-icon="el-icon-search" |
|
|
|
@keyup.enter.native="handleScan" |
|
|
|
ref="scanInput" |
|
|
|
inputmode="none" |
|
|
|
autocomplete="off" |
|
|
|
autocorrect="off" |
|
|
|
spellcheck="false" |
|
|
|
/> |
|
|
|
<div class="mode-switch"> |
|
|
|
<el-switch |
|
|
|
@ -61,7 +65,7 @@ |
|
|
|
:key="label.id" |
|
|
|
:class="index < scannedItems.length - 1 ? 'bottom-line-row' : ''" |
|
|
|
style="border: 1px solid #e0e0e0; border-radius: 4px; margin-bottom: 8px; padding: 8px;"> |
|
|
|
<el-col :span="12"> |
|
|
|
<el-col :span="16"> |
|
|
|
<el-form-item label="HandlingUnit"> |
|
|
|
<span>{{ label.unitId }}</span> |
|
|
|
</el-form-item> |
|
|
|
@ -71,26 +75,26 @@ |
|
|
|
<span>{{ label.partNo }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="数量"> |
|
|
|
<span>{{ label.qty }} {{ label.unit || '个' }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="24" v-if="label.partDesc"> |
|
|
|
<el-form-item label="物料描述"> |
|
|
|
<span>{{ label.partDesc }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" v-if="label.batchNo"> |
|
|
|
<el-col :span="10" v-if="label.batchNo"> |
|
|
|
<el-form-item label="批次号"> |
|
|
|
<span>{{ label.batchNo }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="12" v-if="label.locationId"> |
|
|
|
<el-col :span="10" v-if="label.locationId"> |
|
|
|
<el-form-item label="库位"> |
|
|
|
<span>{{ label.locationId }}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item label="数量"> |
|
|
|
<span>{{ label.qty }} {{ label.unit}}</span> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</div> |
|
|
|
@ -297,7 +301,7 @@ export default { |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
/* 复用其它入库的样式 */ |
|
|
|
/* 复用unqualifiedProcess.vue的样式 */ |
|
|
|
.pda-container { |
|
|
|
width: 100%; |
|
|
|
height: 100vh; |
|
|
|
@ -323,7 +327,7 @@ export default { |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
|
|
|
|
/* 搜索容器样式 */ |
|
|
|
/* 搜索容器 */ |
|
|
|
.search-container { |
|
|
|
padding: 12px 16px; |
|
|
|
background: white; |
|
|
|
@ -361,11 +365,19 @@ export default { |
|
|
|
.custom-switch { |
|
|
|
transform: scale(1.3); |
|
|
|
} |
|
|
|
|
|
|
|
/* 中间文字 */ |
|
|
|
.switch-text { |
|
|
|
position: absolute; |
|
|
|
left: 25%; |
|
|
|
transform: translateX(-50%); |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%) translateX(-50%); |
|
|
|
font-size: 12px; |
|
|
|
font-weight: 500; |
|
|
|
color: #606266; |
|
|
|
white-space: nowrap; |
|
|
|
pointer-events: none; |
|
|
|
z-index: 1; |
|
|
|
top: 53%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
font-size: 12px; |
|
|
|
@ -378,6 +390,15 @@ export default { |
|
|
|
.switch-text2 { |
|
|
|
position: absolute; |
|
|
|
left: 75%; |
|
|
|
transform: translateX(-50%); |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%) translateX(-50%); |
|
|
|
font-size: 12px; |
|
|
|
font-weight: 500; |
|
|
|
color: #606266; |
|
|
|
white-space: nowrap; |
|
|
|
pointer-events: none; |
|
|
|
z-index: 1; |
|
|
|
top: 53%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
font-size: 12px; |
|
|
|
@ -396,7 +417,7 @@ export default { |
|
|
|
/* 物料信息卡片 */ |
|
|
|
.material-info-card { |
|
|
|
background: white; |
|
|
|
margin: 4px 16px; |
|
|
|
margin: 4px 4px; |
|
|
|
padding: 6px 20px; |
|
|
|
border-radius: 8px; |
|
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); |
|
|
|
@ -444,11 +465,6 @@ export default { |
|
|
|
flex-direction: column; |
|
|
|
} |
|
|
|
|
|
|
|
.form-item.full-width { |
|
|
|
flex: none; |
|
|
|
width: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
.form-label { |
|
|
|
font-size: 11px; |
|
|
|
color: #666; |
|
|
|
@ -472,7 +488,7 @@ export default { |
|
|
|
justify-content: space-between; |
|
|
|
padding: 6px 8px; |
|
|
|
background: white; |
|
|
|
margin: 0 16px; |
|
|
|
margin: 0 4px; |
|
|
|
margin-top: 4px; |
|
|
|
border-radius: 8px 8px 0 0; |
|
|
|
border-bottom: 2px solid #17B3A3; |
|
|
|
@ -498,7 +514,7 @@ export default { |
|
|
|
/* 标签列表 */ |
|
|
|
.label-list { |
|
|
|
background: white; |
|
|
|
margin: 0 16px 12px; |
|
|
|
margin: 0 4px 4px; |
|
|
|
border-radius: 0 0 8px 8px; |
|
|
|
overflow: hidden; |
|
|
|
} |
|
|
|
@ -530,7 +546,7 @@ export default { |
|
|
|
text-align: center; |
|
|
|
color: #999; |
|
|
|
background: white; |
|
|
|
margin: 0 16px; |
|
|
|
margin: 0 4px; |
|
|
|
border-radius: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
@ -585,7 +601,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.material-info-card { |
|
|
|
margin: 4px 12px; |
|
|
|
margin: 4px 4px; |
|
|
|
padding: 6px 16px; |
|
|
|
} |
|
|
|
|
|
|
|
|
