Browse Source

feat(dashboard): 将原材收货区改为退料区并更新数据表格结构

- 将标题从"原材收货区"更改为"退料区"
- 移除原有的收货区表格注释代码
- 更新表格列结构:将"到达时间"、"拣选物料名称"、"库位"改为"存放位置"、"托盘码"、"栈板位置"、"退料物料名称"
- 将数据源从 receivingList 改为 packagingList
- 调整表格字段映射以匹配新的退料区业务需求
master
常熟吴彦祖 9 hours ago
parent
commit
cf71325de7
  1. 50
      src/views/modules/dashboard/material-receiving-board.vue

50
src/views/modules/dashboard/material-receiving-board.vue

@ -38,31 +38,61 @@
<div class="title-left"> <div class="title-left">
<div class="title-icon"></div> <div class="title-icon"></div>
<div class="title-text"> <div class="title-text">
<span class="title-main">原材收货</span>
<span class="title-main">退料</span>
</div> </div>
</div> </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"> <div class="panel-table">
<table class="data-table"> <table class="data-table">
<thead> <thead>
<tr> <tr>
<th style="width: 60px;">No.</th> <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: 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: 120px;">状态</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr v-for="(item, idx) in receivingList" :key="idx">
<tr v-for="(item, idx) in packagingList" :key="idx">
<td class="text-center">{{ idx + 1 }}</td> <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">{{ 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"> <td class="text-center">
<span :class="['status-badge', getStatusClass(item.status)]"> <span :class="['status-badge', getStatusClass(item.status)]">
{{ item.status }} {{ item.status }}

Loading…
Cancel
Save