feat(钢卷选择器): 增加按实际库区筛选钢卷功能

在钢卷选择器中添加实际库区筛选功能,并调整对话框宽度以适应新增控件。修改了detailTable.vue中的调用参数以启用该功能。
This commit is contained in:
砂糖
2026-01-28 15:16:37 +08:00
parent 30d6530d9d
commit 1614358bbe
2 changed files with 16 additions and 3 deletions

View File

@@ -39,6 +39,9 @@
<muti-select v-model="queryParams.itemManufacturer" :options="dict.type.coil_manufacturer" placeholder="请选择厂家" <muti-select v-model="queryParams.itemManufacturer" :options="dict.type.coil_manufacturer" placeholder="请选择厂家"
clearable /> clearable />
</el-form-item> </el-form-item>
<el-form-item label="实际库区" v-if="orderBy">
<actual-warehouse-select v-model="queryParams.actualWarehouseId" placeholder="请选择实际库区" canSelectLevel2 canSelectDisabled />
</el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button> <el-button type="primary" icon="el-icon-search" size="small" @click="handleQuery">搜索</el-button>
@@ -86,12 +89,14 @@ import { listMaterialCoil } from '@/api/wms/coil';
import MemoInput from '@/components/MemoInput/index.vue'; import MemoInput from '@/components/MemoInput/index.vue';
import MutiSelect from '@/components/MutiSelect/index.vue'; import MutiSelect from '@/components/MutiSelect/index.vue';
import { defaultColumns } from './data'; import { defaultColumns } from './data';
import ActualWarehouseSelect from '@/components/KLPService/ActualWarehouseSelect/index.vue';
export default { export default {
name: 'CoilSelector', name: 'CoilSelector',
components: { components: {
MemoInput, MemoInput,
MutiSelect MutiSelect,
ActualWarehouseSelect
}, },
dicts: ['coil_itemname', 'coil_material', 'coil_manufacturer'], dicts: ['coil_itemname', 'coil_material', 'coil_manufacturer'],
props: { props: {
@@ -102,7 +107,7 @@ export default {
}, },
dialogWidth: { dialogWidth: {
type: String, type: String,
default: '900px' default: '1000px'
}, },
// 过滤条件(可以预设一些查询条件) // 过滤条件(可以预设一些查询条件)
filters: { filters: {
@@ -146,6 +151,11 @@ export default {
type: Boolean, type: Boolean,
default: false default: false
}, },
// 是否根据实际库区查询钢卷
orderBy: {
type: Boolean,
default: false
},
}, },
data() { data() {
return { return {
@@ -161,6 +171,7 @@ export default {
pageSize: 10, pageSize: 10,
currentCoilNo: null, currentCoilNo: null,
grade: null, grade: null,
actualWarehouseId: null,
selectType: 'product', selectType: 'product',
status: 0, // 不包含已发货的钢卷 status: 0, // 不包含已发货的钢卷
dataType: 1 // 只查询当前数据,不查询历史数据 dataType: 1 // 只查询当前数据,不查询历史数据

View File

@@ -48,7 +48,9 @@
<el-form ref="form" :model="form" label-width="80px"> <el-form ref="form" :model="form" label-width="80px">
<el-form-item label="发货钢卷" prop="coilId"> <el-form-item label="发货钢卷" prop="coilId">
<div style="display: flex; gap: 10px;"> <div style="display: flex; gap: 10px;">
<coil-selector v-model="form.coilId" :use-trigger="true" :filters="{ selectType: 'product', status: 0, excludeBound: true }" @select="handleSelect" /> <coil-selector v-model="form.coilId" :use-trigger="true"
:filters="{ selectType: 'product', status: 0, excludeBound: true, orderBy: true }"
@select="handleSelect" :orderBy="true" />
<el-checkbox v-model="autoFillForm" label="自动填写表单信息" /> <el-checkbox v-model="autoFillForm" label="自动填写表单信息" />
</div> </div>
</el-form-item> </el-form-item>