|
|
|
@ -38,37 +38,67 @@ |
|
|
|
<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> |
|
|
|
|
|
|
|
<!-- 数据表格 --> |
|
|
|
<!-- <div class="panel-table">--> |
|
|
|
<!-- <table class="data-table">--> |
|
|
|
<!-- <thead>--> |
|
|
|
<!-- <tr>--> |
|
|
|
<!-- <th style="width: 60px;">No.</th>--> |
|
|
|
<!-- <th style="width: 120px;">到达时间</th>--> |
|
|
|
<!-- <th style="width: 180px;">拣选物料名称</th>--> |
|
|
|
<!-- <th style="width: 100px;">数量</th>--> |
|
|
|
<!-- <th style="width: 100px;">库位</th>--> |
|
|
|
<!-- <th style="width: 120px;">状态</th>--> |
|
|
|
<!-- </tr>--> |
|
|
|
<!-- </thead>--> |
|
|
|
<!-- <tbody>--> |
|
|
|
<!-- <tr v-for="(item, idx) in receivingList" :key="idx">--> |
|
|
|
<!-- <td class="text-center">{{ idx + 1 }}</td>--> |
|
|
|
<!-- <td class="text-center">{{ item.arrivalTime }}</td>--> |
|
|
|
<!-- <td class="text-left">{{ item.materialName }}</td>--> |
|
|
|
<!-- <td class="text-right">{{ item.quantity }}</td>--> |
|
|
|
<!-- <td class="text-center">{{ item.location }}</td>--> |
|
|
|
<!-- <td class="text-center">--> |
|
|
|
<!-- <span :class="['status-badge', getStatusClass(item.status)]">--> |
|
|
|
<!-- {{ item.status }}--> |
|
|
|
<!-- </span>--> |
|
|
|
<!-- </td>--> |
|
|
|
<!-- </tr>--> |
|
|
|
<!-- </tbody>--> |
|
|
|
<!-- </table>--> |
|
|
|
<!-- </div>--> |
|
|
|
<div class="panel-table"> |
|
|
|
<table class="data-table"> |
|
|
|
<thead> |
|
|
|
<tr> |
|
|
|
<th style="width: 60px;">No.</th> |
|
|
|
<th style="width: 120px;">到达时间</th> |
|
|
|
<th style="width: 180px;">拣选物料名称</th> |
|
|
|
<th style="width: 100px;">数量</th> |
|
|
|
<th style="width: 100px;">库位</th> |
|
|
|
<th style="width: 120px;">状态</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 receivingList" :key="idx"> |
|
|
|
<td class="text-center">{{ idx + 1 }}</td> |
|
|
|
<td class="text-center">{{ item.arrivalTime }}</td> |
|
|
|
<td class="text-left">{{ item.materialName }}</td> |
|
|
|
<td class="text-right">{{ item.quantity }}</td> |
|
|
|
<td class="text-center">{{ item.location }}</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> |
|
|
|
|