DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(组件): 新增多选组件并优化钢卷选择器

Browse Source 
新增MutiSelect多选组件，支持逗号分隔字符串绑定
优化CoilSelector组件，使用MutiSelect替换输入框并新增规格字段
移除多处钢种字段显示及输入
增强CoilNo组件，支持悬停显示钢卷详细信息
在收货详情页添加删除按钮功能
This commit is contained in:
砂糖
2025-12-15 11:05:27 +08:00
parent 1cf1b23ca2
commit d90f72c662
9 changed files with 202 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
klp-ui/src/components/CoilSelector/index.vue
View File

@@ -23,17 +23,18 @@
<el-input v-model="queryParams.currentCoilNo" placeholder="请输入卷号" clearable size="small"
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="钢种">
<el-input v-model="queryParams.itemName" placeholder="请输入钢种" clearable size="small"
<el-form-item label="物料">
<muti-select v-model="queryParams.itemName" :options="dict.type.coil_itemname" placeholder="请选择物料" clearable />
</el-form-item>
<el-form-item label="规格">
<memo-input storageKey="coilSpec" v-model="queryParams.specification" placeholder="请输入规格" clearable size="small"
@keyup.enter.native="handleQuery" />
</el-form-item>
<el-form-item label="材质">
<el-input v-model="queryParams.itemMaterial" placeholder="请输入材质" clearable size="small"
@keyup.enter.native="handleQuery" />
<muti-select v-model="queryParams.itemMaterial" :options="dict.type.coil_material" placeholder="请选择材质" clearable />
</el-form-item>
<el-form-item label="厂家">
<el-input v-model="queryParams.itemManufacturer" placeholder="请输入厂家" clearable size="small"
@keyup.enter.native="handleQuery" />
<muti-select v-model="queryParams.itemManufacturer" :options="dict.type.coil_manufacturer" placeholder="请选择厂家" clearable />
</el-form-item>
<el-form-item>
@@ -68,9 +69,16 @@
<script>
import { listMaterialCoil } from '@/api/wms/coil';
import MemoInput from '@/components/MemoInput/index.vue';
import MutiSelect from '@/components/MutiSelect/index.vue';
export default {
name: 'CoilSelector',
components: {
MemoInput,
MutiSelect
},
dicts: ['coil_itemname', 'coil_material', 'coil_manufacturer'],
props: {
// 非触发器模式下，外部控制显隐（触发器模式下无效）
visible: {