feat(发货计划): 新增钢卷选择功能并优化界面布局

- 在发货计划页面添加钢卷选择器组件,支持从列表中选择钢卷
- 优化发货计划卡片布局,增加审批状态显示
- 新增钢卷列表查询API接口
- 调整分页大小和查询条件
- 重构CoilSelector组件,增加更多钢卷信息展示
- 添加钢卷转移组件框架
This commit is contained in:
砂糖
2025-12-08 15:17:56 +08:00
parent d1b722b672
commit 40452d513e
5 changed files with 275 additions and 107 deletions

View File

@@ -7,12 +7,10 @@
<i class="el-icon-search"></i>
<span v-if="selectedCoil">
<span>{{ selectedCoil.currentCoilNo }}</span>
<span>({{ selectedCoil.itemName }}) </span>
<span>({{ selectedCoil.itemName }})</span>
<span>[{{ selectedCoil.netWeight }}t]</span>
</span>
<span v-else>请选择钢卷</span>
<span v-else>{{ placeholder }}</span>
</el-button>
</slot>
</div>
@@ -38,16 +36,14 @@
<!-- 数据表格 -->
<el-table v-loading="loading" :data="coilList" @row-click="handleRowClick" highlight-current-row height="400px"
style="width: 100%">
<el-table-column type="index" width="50" align="center" label="序号" />
<el-table-column label="卷号" align="center" prop="currentCoilNo" :show-overflow-tooltip="true" />
<el-table-column label="存储位置" align="center" prop="actualWarehouseName" width="120" :show-overflow-tooltip="true" />
<el-table-column label="物料" align="center" prop="itemName" width="100" />
<el-table-column label="规格" align="center" prop="specification" width="100" />
<el-table-column label="材质" align="center" prop="material" width="100" />
<el-table-column label="厂家" align="center" prop="manufacturer" width="100" />
<el-table-column label="重量(t)" align="center" prop="netWeight" width="100" />
<el-table-column label="库区" align="center" prop="warehouseName" width="120" :show-overflow-tooltip="true" />
<el-table-column label="操作" align="center" width="100">
<template slot-scope="scope">
<el-button type="text" size="small" @click.stop="handleSelect(scope.row)">选择</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页 -->
@@ -77,6 +73,10 @@ export default {
type: Object,
default: () => ({})
},
placeholder: {
type: String,
default: '请选择钢卷'
},
value: {
type: [String, Number],
default: ''
@@ -90,7 +90,7 @@ export default {
initialCoil: {
type: Object,
default: null
}
},
},
data() {
return {