仓库信息页面调整

This commit is contained in:
王帅 2025-05-20 18:10:43 +08:00
parent 54ebe3669a
commit bc0a45cec4
2 changed files with 56 additions and 12 deletions

View File

@ -1,6 +1,15 @@
<template> <template>
<el-drawer :title="dialog.title" v-model="dialog.visible" @close="cancel"> <el-drawer :title="dialog.title" v-model="dialog.visible" @close="cancel">
<el-form ref="drawerRef" :model="formData" :rules="rules" label-position="top"> <el-form ref="drawerRef" :model="formData" :rules="rules" label-position="top">
<el-form-item label="是否自动备货" prop="zdbhFlag">
<el-select filterable v-model="formData.zdbhFlag" size="small">
<el-option
v-for="item in state.zdbhFlagList"
:key="item.key"
:label="item.label"
:value="item.value"/>
</el-select>
</el-form-item>
<el-form-item label="是否货位管理" prop="useLocation"> <el-form-item label="是否货位管理" prop="useLocation">
<el-select filterable v-model="formData.useLocation" size="small"> <el-select filterable v-model="formData.useLocation" size="small">
<el-option <el-option
@ -18,6 +27,9 @@
:label="item.label" :label="item.label"
:value="item.value"/> :value="item.value"/>
</el-select> </el-select>
<el-form-item label="仓管员" prop="locationUser">
<el-Input v-model="formData.locationUser"></el-Input>
</el-form-item>
</el-form-item> </el-form-item>
</el-form> </el-form>
<template #footer> <template #footer>
@ -49,13 +61,19 @@ const state = reactive({
{ key: 'y', label: '是', value: 'Y' }, { key: 'y', label: '是', value: 'Y' },
{ key: 'n', label: '否', value: 'N' } { key: 'n', label: '否', value: 'N' }
], ],
zdbhFlagList: [
{ key: 'y', label: '是', value: 'Y' },
{ key: 'n', label: '否', value: 'N' }
],
formData: { formData: {
erpFactoryName: '', erpFactoryName: '',
erpLocationName: '', erpLocationName: '',
// //
useLocation: '', useLocation: '',
// //
isOven: '' isOven: '',
locationUser: '',
zdbhFlag: ''
}, },
rules: { rules: {
useLocation: [{ required: true, message: "是否货位管理", trigger: "blur" }], useLocation: [{ required: true, message: "是否货位管理", trigger: "blur" }],
@ -96,6 +114,8 @@ const showModal = (row: any) => {
state.formData.erpLocationName = row.ERPLOCATIONNAME state.formData.erpLocationName = row.ERPLOCATIONNAME
state.formData.useLocation = row.USE_LOCATION state.formData.useLocation = row.USE_LOCATION
state.formData.isOven = row.IS_OVEN state.formData.isOven = row.IS_OVEN
state.formData.locationUser = row.LOCATION_USER
state.formData.zdbhFlag = row.ZDBHFLAG
} }
defineExpose({ showModal }) defineExpose({ showModal })
</script> </script>

View File

@ -14,6 +14,14 @@
<el-row class="page-search" justify="space-between" align="middle"> <el-row class="page-search" justify="space-between" align="middle">
<el-form ref="queryFormRef" :model="state.queryParams.params" :inline="true" @submit.native.prevent> <el-form ref="queryFormRef" :model="state.queryParams.params" :inline="true" @submit.native.prevent>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="6">
<el-form-item label="组织" prop="ERPFACTORY">
<el-select v-model="queryParams.params.ERPFACTORY" placeholder="下拉选择">
<el-option v-for="item in state.ERPFACTORYList" :key="item.ERPFACTORY" :label="item.DESCRIPTION"
:value="item.ERPFACTORY" />
</el-select>
</el-form-item>
</el-col>
<el-col :span="6" class="col_height"> <el-col :span="6" class="col_height">
<el-form-item label="仓库编码" prop="MATERIALSPECNAME"> <el-form-item label="仓库编码" prop="MATERIALSPECNAME">
<el-Input v-model="state.queryParams.params.ERPLOCATIONNAME" placeholder="仓库编码" <el-Input v-model="state.queryParams.params.ERPLOCATIONNAME" placeholder="仓库编码"
@ -27,19 +35,21 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" class="col_height"> <el-col :span="6" class="col_height">
<el-form-item label="是否货位管理" prop="DESCRIPTION"> <el-form-item label="仓库类型" prop="TYPE">
<el-select v-model="queryParams.params.USE_LOCATION" placeholder="是否货位管理" style="width: 240px" <!-- <el-Input v-model="state.queryParams.params.TYPE" placeholder="仓库类型"
default-first-option> clearable /> -->
<el-option v-for="item in formDataRefData.Use_LocationList" :key="item.value" :label="item.label" <el-select v-model="state.queryParams.params.TYPE" placeholder="仓库类型" clearable>
:value="item.value" /> <el-option value="" label="全部"></el-option>
<el-option value="1" label="良品"></el-option>
<el-option value="2" label="不良品"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6" class="col_height"> <el-col :span="6" class="col_height">
<el-form-item label="是否恒温恒湿" prop="DESCRIPTION"> <el-form-item label="是否货位管理" prop="DESCRIPTION">
<el-select v-model="queryParams.params.CONST_TEMP" placeholder="是否恒温恒湿" style="width: 240px" <el-select v-model="queryParams.params.USE_LOCATION" placeholder="是否货位管理" style="width: 240px"
default-first-option> default-first-option>
<el-option v-for="item in formDataRefData.TEMPList" :key="item.value" :label="item.label" <el-option v-for="item in formDataRefData.Use_LocationList" :key="item.value" :label="item.label"
:value="item.value" /> :value="item.value" />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -111,7 +121,8 @@ import { reactive, ref, onMounted, toRefs, getCurrentInstance, nextTick } from "
import { ElForm, ElMessageBox, ElTable } from "element-plus"; import { ElForm, ElMessageBox, ElTable } from "element-plus";
import { getQueryList, getQueryPageList, BpelEvent } from '@/api/common'; import { getQueryList, getQueryPageList, BpelEvent } from '@/api/common';
import { bTableHeight } from "../../../../composables/calcTableHeight"; import { bTableHeight } from "../../../../composables/calcTableHeight";
import Drawer from '@/views/basics/flatWarehouse/wareHouse/drawer.vue' import Drawer from '@/views/basics/flatWarehouse/wareHouse/drawer.vue';
import { getORG } from '@/api/auth';
const { tableContainer, tableHeight, updateTableHeight, handleResize } = bTableHeight(190); const { tableContainer, tableHeight, updateTableHeight, handleResize } = bTableHeight(190);
const refModal = ref() const refModal = ref()
const queryFormRef = ref(ElForm); const queryFormRef = ref(ElForm);
@ -147,6 +158,7 @@ const formDataRefData = ref({
const state = reactive({ const state = reactive({
loadings : false, loadings : false,
disableds : false, disableds : false,
ERPFACTORYList: [],
rsa: '', rsa: '',
DBProcessType: 'save', DBProcessType: 'save',
queryParams: { queryParams: {
@ -160,6 +172,8 @@ const state = reactive({
SITENAME: 'SDK', SITENAME: 'SDK',
DESCRIPTION: '', DESCRIPTION: '',
ZDBHFLAG : '', ZDBHFLAG : '',
ERPFACTORY: '',
TYPE: ''
}, },
pageNum: 1, pageNum: 1,
pageSize: 10 pageSize: 10
@ -256,9 +270,10 @@ onMounted(() => {
{ header: "组织(CN)", field: "ORGNAME", hide: false }, { header: "组织(CN)", field: "ORGNAME", hide: false },
{ header: "仓库", field: "ERPLOCATIONNAME", hide: false }, { header: "仓库", field: "ERPLOCATIONNAME", hide: false },
{ header: "仓库(CN)", field: "DESCRIPTION", hide: false }, { header: "仓库(CN)", field: "DESCRIPTION", hide: false },
{ header: "仓库类型", field: "TYPE", hide: false },
// { header: "", field: "IN_USE", hide: false }, // { header: "", field: "IN_USE", hide: false },
// { header: "", field: "IS_OEM", hide: false }, // { header: "", field: "IS_OEM", hide: false },
{ header: "是否恒温仓", field: "CONST_TEMP", hide: false }, { header: "是否恒温仓", field: "CONST_TEMP", hide: true },
{ header: "是否货位管理", field: "USE_LOCATION", hide: false }, { header: "是否货位管理", field: "USE_LOCATION", hide: false },
{ header: "是否自动备货", field: "ZDBHFLAG", hide: false }, { header: "是否自动备货", field: "ZDBHFLAG", hide: false },
{ header: "是否熟化", field: "IS_OVEN", hide: false }, { header: "是否熟化", field: "IS_OVEN", hide: false },
@ -268,6 +283,7 @@ onMounted(() => {
// handleQuery // handleQuery
handleQuery(); handleQuery();
updateTableHeight(); updateTableHeight();
hangERPFactoryQuery();
window.addEventListener('resize', handleResize); window.addEventListener('resize', handleResize);
}); });
const queryInfo = () => { const queryInfo = () => {
@ -329,6 +345,14 @@ const saveInfo = () => {
const exiteInfo = () => { const exiteInfo = () => {
formDataRef.value.resetFields() formDataRef.value.resetFields()
} }
function hangERPFactoryQuery() {
getORG({ orgNo: null}).then((res: any) => {
state.ERPFACTORYList = res.resultObj
console.log(state.ERPFACTORYList);
})
}
</script> </script>
<style scoped> <style scoped>