|
|
|
@ -2,8 +2,8 @@ |
|
|
|
<div> |
|
|
|
<div class="pda-container"> |
|
|
|
<div class="status-bar"> |
|
|
|
<div class="goBack" @click="$router.back()"><i class="el-icon-arrow-left"></i>上一页</div> |
|
|
|
<div class="goBack">生产入库</div> |
|
|
|
<div class="goBack" @click="goBack"><i class="el-icon-arrow-left"></i>上一页</div> |
|
|
|
<div class="goBack">{{ functionTitle }}</div> |
|
|
|
<div class="network" style="color: #fff" @click="$router.push({ path: '/' })">🏠首页</div> |
|
|
|
</div> |
|
|
|
<div style="overflow-y: auto"> |
|
|
|
@ -36,11 +36,6 @@ |
|
|
|
|
|
|
|
<!-- 包装创建 --> |
|
|
|
<div class="package-create" v-if="selectedFunction === 'package'"> |
|
|
|
<div class="pda-header"> |
|
|
|
<button class="back-btn" @click="goBack">← 返回</button> |
|
|
|
<h2>包装创建</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 通知单输入 --> |
|
|
|
<div class="input-section" v-if="!notifyInfo.notifyNo"> |
|
|
|
<div class="input-group"> |
|
|
|
@ -146,11 +141,6 @@ |
|
|
|
|
|
|
|
<!-- 装托盘 --> |
|
|
|
<div class="pallet-pack" v-if="selectedFunction === 'pallet'"> |
|
|
|
<div class="pda-header"> |
|
|
|
<button class="back-btn" @click="goBack">← 返回</button> |
|
|
|
<h2>装托盘</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 托盘输入 --> |
|
|
|
<div class="input-section"> |
|
|
|
<div class="input-group"> |
|
|
|
@ -209,11 +199,6 @@ |
|
|
|
|
|
|
|
<!-- 入库登记 --> |
|
|
|
<div class="inbound-register" v-if="selectedFunction === 'register'"> |
|
|
|
<div class="pda-header"> |
|
|
|
<button class="back-btn" @click="goBack">← 返回</button> |
|
|
|
<h2>入库登记</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 通知单输入 --> |
|
|
|
<div class="input-section" v-if="!registerForm.notifyNo"> |
|
|
|
<div class="input-group"> |
|
|
|
@ -281,11 +266,6 @@ |
|
|
|
|
|
|
|
<!-- 退库操作 --> |
|
|
|
<div class="return-operation" v-if="selectedFunction === 'return'"> |
|
|
|
<div class="pda-header"> |
|
|
|
<button class="back-btn" @click="goBack">← 返回</button> |
|
|
|
<h2>退库操作</h2> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 通知单输入 --> |
|
|
|
<div class="input-section" v-if="!returnForm.notifyNo"> |
|
|
|
<div class="input-group"> |
|
|
|
@ -479,6 +459,16 @@ export default { |
|
|
|
scannedUnits: [] |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
functionTitle() { |
|
|
|
if (!this.selectedFunction) return '生产入库'; |
|
|
|
if (this.selectedFunction === 'package') return '包装创建'; |
|
|
|
if (this.selectedFunction === 'pallet') return '装托盘'; |
|
|
|
if (this.selectedFunction === 'register') return '入库登记'; |
|
|
|
if (this.selectedFunction === 'return') return '退库操作'; |
|
|
|
return '生产入库'; |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
selectFunction(func) { |
|
|
|
this.selectedFunction = func |
|
|
|
@ -486,8 +476,12 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
goBack() { |
|
|
|
this.selectedFunction = null |
|
|
|
this.resetAll() |
|
|
|
if (!this.selectedFunction) { |
|
|
|
this.$router.push('/') |
|
|
|
} else { |
|
|
|
this.selectedFunction = null |
|
|
|
this.resetAll() |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
resetAll() { |
|
|
|
@ -1033,31 +1027,6 @@ export default { |
|
|
|
color: #666; |
|
|
|
} |
|
|
|
|
|
|
|
/* PDA头部 */ |
|
|
|
.pda-header { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
margin-bottom: 20px; |
|
|
|
padding: 10px 0; |
|
|
|
border-bottom: 2px solid #007bff; |
|
|
|
} |
|
|
|
|
|
|
|
.back-btn { |
|
|
|
background: #6c757d; |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
padding: 8px 12px; |
|
|
|
border-radius: 4px; |
|
|
|
margin-right: 15px; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
|
.pda-header h2 { |
|
|
|
margin: 0; |
|
|
|
color: #007bff; |
|
|
|
font-size: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
/* 输入区域 */ |
|
|
|
.input-section, .notify-info, .scan-section, .records-section, .return-type-section { |
|
|
|
background: white; |
|
|
|
@ -1082,8 +1051,8 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.reset-btn { |
|
|
|
background: #ffc107; |
|
|
|
color: #212529; |
|
|
|
background: #17b3a3; |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
padding: 6px 12px; |
|
|
|
border-radius: 4px; |
|
|
|
@ -1118,7 +1087,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.scan-btn, .confirm-btn, .print-btn, .remove-btn { |
|
|
|
background: #007bff; |
|
|
|
background: #17b3a3; |
|
|
|
color: white; |
|
|
|
border: none; |
|
|
|
padding: 10px 15px; |
|
|
|
@ -1129,7 +1098,7 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.scan-btn:hover, .confirm-btn:hover, .print-btn:hover { |
|
|
|
background: #0056b3; |
|
|
|
background: #13998c; |
|
|
|
} |
|
|
|
|
|
|
|
.remove-btn { |
|
|
|
@ -1142,7 +1111,7 @@ export default { |
|
|
|
background: #c82333; |
|
|
|
} |
|
|
|
|
|
|
|
.confirm-btn:disabled { |
|
|
|
.confirm-btn:disabled, .print-btn:disabled { |
|
|
|
background: #6c757d; |
|
|
|
cursor: not-allowed; |
|
|
|
} |
|
|
|
|
