feat(生产物料): 添加供应商选择功能并优化操作员输入

- 将仓库名称选择替换为供应商名称选择
- 将操作员输入框改为位置选择下拉框
- 新增供应商选项数据
This commit is contained in:
Tom
2026-02-03 14:07:53 +08:00
parent d4f8c52a41
commit c725a557e9

View File

@@ -32,15 +32,15 @@
</el-option>
</el-select>
</el-form-item>
<!-- <el-form-item label="仓库名称" prop="warehouseCode">
<el-select v-model="queryParams.warehouseCode" filterable placeholder="请选择">
<el-form-item label="供应商名称" prop="supplierName">
<el-select v-model="queryParams.supplierName" filterable placeholder="请选择">
<el-option label="全部" value=""> </el-option>
<el-option v-for="item in warehouseOptions" :key="item.warehouseCode" :label="item.warehouseName" :value="item.warehouseCode">
<span style="float: left">{{ item.warehouseCode }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.warehouseName }}</span>
<el-option v-for="item in supplierOptions" :key="item.supplierName" :label="item.supplierName" :value="item.supplierName">
<span style="float: left">{{ item.supplierName }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.supplierCode }}</span>
</el-option>
</el-select>
</el-form-item> -->
</el-form-item>
<el-form-item>
<el-button icon="search" type="primary" @click="handleQuery">{{ $t('btn.search') }}</el-button>
<el-button icon="refresh" @click="resetQuery">{{ $t('btn.reset') }}</el-button>
@@ -230,7 +230,12 @@
<el-col :lg="12">
<el-form-item label="操作员" prop="operator">
<el-input v-model="form.operator" placeholder="请输入操作员" />
<el-select value-key="locationCode" @change="handleLocationChange" v-model="form.locationCode" filterable placeholder="请选择">
<el-option v-for="item in locationOptions" :key="item.locationCode" :label="item.locationCode" :value="item">
<span style="float: left">{{ item.locationCode }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.locationName }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
@@ -373,7 +378,12 @@
<el-col :lg="12">
<el-form-item label="操作员" prop="operator">
<el-input v-model="form.operator" placeholder="请输入操作员" />
<el-select value-key="locationCode" @change="handleLocationChange" v-model="form.locationCode" filterable placeholder="请选择">
<el-option v-for="item in locationOptions" :key="item.locationCode" :label="item.locationCode" :value="item">
<span style="float: left">{{ item.locationCode }}</span>
<span style="float: right; color: #8492a6; font-size: 13px">{{ item.locationName }}</span>
</el-option>
</el-select>
</el-form-item>
</el-col>
@@ -856,11 +866,18 @@ const state = reactive({
options: {},
transactionOptions: {},
locationOptions: [],
supplierOptions: [
{ supplierName: '金水桥', supplierCode: '57' },
{ supplierName: '银雨', supplierCode: '56' },
{ supplierName: '格银', supplierCode: '52' },
{ supplierName: 'KSK', supplierCode: '51' }
],
inOrOut: '入库',
recordData: []
})
const { form, rules, rulesOut, rulesUpdate, options, transactionOptions, locationOptions, single, multiple, inOrOut, recordData } = toRefs(state)
const { form, rules, rulesOut, rulesUpdate, options, transactionOptions, locationOptions, supplierOptions, single, multiple, inOrOut, recordData } =
toRefs(state)
// 关闭dialog
function cancel() {