refactor(wms): 使用MaterialSelect组件替换物品类型和物品选择逻辑

将typing.vue、merge.vue和split.vue中的物品类型和物品选择逻辑替换为MaterialSelect组件,简化代码并提高复用性
同时为ProductSelect组件添加width: 100%样式
This commit is contained in:
砂糖
2025-11-04 16:31:51 +08:00
parent da73d23bfd
commit 9b2de46977
4 changed files with 19 additions and 63 deletions

View File

@@ -128,32 +128,9 @@
<el-form-item label="班组">
<el-input v-model="targetCoil.team" placeholder="请输入班组名称" :disabled="readonly"></el-input>
</el-form-item>
<el-form-item label="物品类型">
<el-select v-model="targetCoil.itemType" placeholder="请选择" style="width: 100%" :disabled="readonly">
<el-option label="原材料" value="raw_material" />
<el-option label="产品" value="product" />
</el-select>
</el-form-item>
<el-form-item label="物品">
<el-select
v-model="targetCoil.itemId"
placeholder="请选择物品"
filterable
remote
:remote-method="searchItems"
:loading="itemSearchLoading"
style="width: 100%"
clearable
:disabled="readonly"
>
<el-option
v-for="item in currentItemList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
<MaterialSelect :hideType="hideType" :itemId.sync="targetCoil.itemId" :itemType.sync="targetCoil.itemType" />
<el-form-item label="毛重(t)">
<el-input
v-model.number="targetCoil.grossWeight"
@@ -230,12 +207,14 @@ import { listProduct } from '@/api/wms/product';
import { listPendingAction, completeAction } from '@/api/wms/pendingAction';
import CoilSelector from '@/components/CoilSelector';
import ActualWarehouseSelect from "@/components/KLPService/ActualWarehouseSelect";
import MaterialSelect from "@/components/KLPService/MaterialSelect";
export default {
name: 'MergeCoil',
components: {
CoilSelector,
ActualWarehouseSelect
ActualWarehouseSelect,
MaterialSelect
},
data() {
return {