|
|
|
@ -31,14 +31,15 @@ |
|
|
|
|
|
|
|
<!-- 主内容区 --> |
|
|
|
<div class="screen-content"> |
|
|
|
<!-- 成品包装区面板 --> |
|
|
|
|
|
|
|
<!-- 成品入库区面板 --> |
|
|
|
<div class="picking-panel"> |
|
|
|
<!-- 面板标题 --> |
|
|
|
<div class="panel-title-bar"> |
|
|
|
<div class="title-left"> |
|
|
|
<div class="title-icon"></div> |
|
|
|
<div class="title-text"> |
|
|
|
<span class="title-main">成品包装区</span> |
|
|
|
<span class="title-main">成品入库区</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -48,23 +49,19 @@ |
|
|
|
<table class="data-table"> |
|
|
|
<thead> |
|
|
|
<tr> |
|
|
|
<th style="width: 60px;">No.</th> |
|
|
|
<th style="width: 100px;">存放位置</th> |
|
|
|
<th style="width: 110px;">托盘码</th> |
|
|
|
<th style="width: 100px;">拣选位置</th> |
|
|
|
<th style="width: 180px;">拣选物料名称</th> |
|
|
|
<th style="width: 100px;">拣选数量</th> |
|
|
|
<th style="width: 120px;">状态</th> |
|
|
|
<th style="width: 80px;">No.</th> |
|
|
|
<th style="width: 150px;">存放位置</th> |
|
|
|
<th style="width: 150px;">托盘码</th> |
|
|
|
<th style="width: 150px;">任务分类</th> |
|
|
|
<th style="width: 200px;">状态</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr v-for="(item, idx) in packagingList" :key="idx"> |
|
|
|
<tr v-for="(item, idx) in inboundList" :key="idx"> |
|
|
|
<td class="text-center">{{ idx + 1 }}</td> |
|
|
|
<td class="text-center">{{ item.storageLocation }}</td> |
|
|
|
<td class="text-center">{{ item.palletCode }}</td> |
|
|
|
<td class="text-center">{{ item.pickingLocation }}</td> |
|
|
|
<td class="text-center">{{ item.materialName }}</td> |
|
|
|
<td class="text-center">{{ item.quantity }}</td> |
|
|
|
<td class="text-center">{{ item.taskType }}</td> |
|
|
|
<td class="text-center"> |
|
|
|
<span :class="['status-badge', getStatusClass(item.status)]"> |
|
|
|
{{ item.status }} |
|
|
|
@ -76,14 +73,14 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- 成品入库区面板 --> |
|
|
|
<!-- 成品包装区面板 --> |
|
|
|
<div class="picking-panel"> |
|
|
|
<!-- 面板标题 --> |
|
|
|
<div class="panel-title-bar"> |
|
|
|
<div class="title-left"> |
|
|
|
<div class="title-icon"></div> |
|
|
|
<div class="title-text"> |
|
|
|
<span class="title-main">成品入库区</span> |
|
|
|
<span class="title-main">成品包装区</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -92,26 +89,30 @@ |
|
|
|
<div class="panel-table"> |
|
|
|
<table class="data-table"> |
|
|
|
<thead> |
|
|
|
<tr> |
|
|
|
<th style="width: 80px;">No.</th> |
|
|
|
<th style="width: 150px;">存放位置</th> |
|
|
|
<th style="width: 150px;">托盘码</th> |
|
|
|
<th style="width: 150px;">任务分类</th> |
|
|
|
<th style="width: 200px;">状态</th> |
|
|
|
</tr> |
|
|
|
<tr> |
|
|
|
<th style="width: 60px;">No.</th> |
|
|
|
<th style="width: 100px;">存放位置</th> |
|
|
|
<th style="width: 110px;">托盘码</th> |
|
|
|
<th style="width: 100px;">拣选位置</th> |
|
|
|
<th style="width: 180px;">拣选物料名称</th> |
|
|
|
<th style="width: 100px;">拣选数量</th> |
|
|
|
<th style="width: 120px;">状态</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody> |
|
|
|
<tr v-for="(item, idx) in inboundList" :key="idx"> |
|
|
|
<td class="text-center">{{ idx + 1 }}</td> |
|
|
|
<td class="text-center">{{ item.storageLocation }}</td> |
|
|
|
<td class="text-center">{{ item.palletCode }}</td> |
|
|
|
<td class="text-center">{{ item.taskType }}</td> |
|
|
|
<td class="text-center"> |
|
|
|
<tr v-for="(item, idx) in packagingList" :key="idx"> |
|
|
|
<td class="text-center">{{ idx + 1 }}</td> |
|
|
|
<td class="text-center">{{ item.storageLocation }}</td> |
|
|
|
<td class="text-center">{{ item.palletCode }}</td> |
|
|
|
<td class="text-center">{{ item.pickingLocation }}</td> |
|
|
|
<td class="text-center">{{ item.materialName }}</td> |
|
|
|
<td class="text-center">{{ item.quantity }}</td> |
|
|
|
<td class="text-center"> |
|
|
|
<span :class="['status-badge', getStatusClass(item.status)]"> |
|
|
|
{{ item.status }} |
|
|
|
</span> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</td> |
|
|
|
</tr> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
|
