huojin
/
YouChain_WMS_Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加物料管理界面、物料下拉查询等

main
HUOJIN\霍先森 2025-03-14 23:50:53 +08:00
parent c0667d5424
commit 85778d433a
11 changed files with 213 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
smart-admin-web-typescript/src/api/business/base/area/area-api.ts
View File

@ -12,21 +12,21 @@ export const areaApi = {
/** /**
* 分页查询 @author hj * 分页查询 @author hj
*/ */
queryPage: (param: any) => { queryPage: (param: object) => {
return postRequest('/area/queryPage', param); return postRequest('/area/queryPage', param);
}, },
/** /**
* 增加 @author hj * 增加 @author hj
*/ */
add: (param: any) => { add: (param: object) => {
return postRequest('/area/add', param); return postRequest('/area/add', param);
}, },
/** /**
* 修改 @author hj * 修改 @author hj
*/ */
update: (param: any) => { update: (param: object) => {
return postRequest('/area/update', param); return postRequest('/area/update', param);
}, },
@ -41,15 +41,15 @@ export const areaApi = {
/** /**
* 批量删除 @author hj * 批量删除 @author hj
*/ */
batchDelete: (idList: any) => { batchDelete: (idList: number[]) => {
return postRequest('/area/batchDelete', idList); return postRequest('/area/batchDelete', idList);
}, },
/** /**
* 下拉查询 @author hj * 下拉查询 @author hj
*/ */
queryArea: (param: any) => { queryArea: (param: object) => {
return postRequest('/area/queryArea', {param}); return postRequest('/area/queryArea', param);
}, },
}; };

7
smart-admin-web-typescript/src/api/business/base/item/item-api.ts
View File

@ -45,4 +45,11 @@ export const itemApi = {
return postRequest('/item/batchDelete', idList); return postRequest('/item/batchDelete', idList);
}, },
/**
* 下拉查询 @author hj
*/
queryItem: (param: object) => {
return postRequest('/item/queryItem', param);
},
}; };

12
smart-admin-web-typescript/src/api/business/base/location/location-api.ts
View File

@ -12,21 +12,21 @@ export const locationApi = {
/** /**
* 分页查询 @author 霍锦 * 分页查询 @author 霍锦
*/ */
queryPage: (param: any) => { queryPage: (param: object) => {
return postRequest('/location/queryPage', param); return postRequest('/location/queryPage', param);
}, },
/** /**
* 增加 @author 霍锦 * 增加 @author 霍锦
*/ */
add: (param: any) => { add: (param: object) => {
return postRequest('/location/add', param); return postRequest('/location/add', param);
}, },
/** /**
* 修改 @author 霍锦 * 修改 @author 霍锦
*/ */
update: (param: any) => { update: (param: object) => {
return postRequest('/location/update', param); return postRequest('/location/update', param);
}, },
@ -41,21 +41,21 @@ export const locationApi = {
/** /**
* 批量删除 @author 霍锦 * 批量删除 @author 霍锦
*/ */
batchDelete: (idList: any) => { batchDelete: (idList: number[]) => {
return postRequest('/location/batchDelete', idList); return postRequest('/location/batchDelete', idList);
}, },
/** /**
* 下拉查询 @author hj * 下拉查询 @author hj
*/ */
queryLocation: (param: any) => { queryLocation: (param: number[]) => {
return postRequest('/location/queryLocation', param); return postRequest('/location/queryLocation', param);
}, },
/** /**
* 批量调整 @author hj * 批量调整 @author hj
*/ */
multipleAdjust: (param: any) => { multipleAdjust: (param: object) => {
return postRequest('/location/multipleAdjust', param); return postRequest('/location/multipleAdjust', param);
}, },
}; };

4
smart-admin-web-typescript/src/views/business/base/area/area-list.vue
View File

@ -10,7 +10,7 @@
<a-form class="smart-query-form"> <a-form class="smart-query-form">
<a-row class="smart-query-form-row"> <a-row class="smart-query-form-row">
<a-form-item label="库区" class="smart-query-form-item"> <a-form-item label="库区" class="smart-query-form-item">
<AreaSelect v-model:value="queryForm.areaId" @change="changeAreaSelect"/> <AreaSelect v-model:value="queryForm.areaId" :disabledFlag="true" @change="changeAreaSelect"/>
</a-form-item> </a-form-item>
<a-form-item label="是否启用" class="smart-query-form-item"> <a-form-item label="是否启用" class="smart-query-form-item">
<a-select style="width: 200px" v-model:value="queryForm.disabledFlag" allowClear placeholder="请选择"> <a-select style="width: 200px" v-model:value="queryForm.disabledFlag" allowClear placeholder="请选择">
@ -19,7 +19,7 @@
</a-select> </a-select>
</a-form-item> </a-form-item>
<a-form-item class="smart-query-form-item"> <a-form-item class="smart-query-form-item">
<a-button type="primary" @click="onSearch"> <a-button type="primary" @click="onSearch" class="smart-margin-left10">
<template #icon> <template #icon>
<SearchOutlined/> <SearchOutlined/>
</template> </template>

15
smart-admin-web-typescript/src/views/business/base/area/area-select.vue
View File

@ -48,20 +48,23 @@ const props = defineProps({
type: Boolean, type: Boolean,
default: false, default: false,
}, },
// 类型 ENTERPRISE_TYPE_ENUM
type: {
type: Number,
},
areaNames: { areaNames: {
type: Array as () => any[], type: Array as () => any[],
default: () => [] default: () => []
},
disabledFlag: {
type: Boolean,
default: null,
} }
}); });
const areas = ref([]); const areas = ref([]);
async function queryData() { async function queryData() {
let res = await areaApi.queryArea({areaNames: props.areaNames}); let res = await areaApi.queryArea({
areaNames: props.areaNames,
disabledFlag: props.disabledFlag
});
areas.value = res.data; areas.value = res.data;
} }
@ -88,7 +91,7 @@ function handleChange(value: any) {
selectedLocations = areas.value.find((item: any) => item.areaId === value); selectedLocations = areas.value.find((item: any) => item.areaId === value);
} }
emit('update:value', value); emit('update:value', value);
emit('change', JSON.parse(JSON.stringify(selectedLocations))); emit('change', selectedLocations);
} }

102
smart-admin-web-typescript/src/views/business/base/item/item-form.vue
View File

@ -7,43 +7,64 @@
--> -->
<template> <template>
<a-modal <a-modal
:title="form.itemId ? '编辑' : '添加'" :title="form.itemId ? '编辑物料' : '添加物料'"
:width="600" :width="800"
:open="visibleFlag" :open="visibleFlag"
@cancel="onClose" @cancel="onClose"
:maskClosable="false" :maskClosable="false"
:destroyOnClose="true" :destroyOnClose="true"
> >
<a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 5 }"> <a-form ref="formRef" :model="form" :rules="rules">
<a-form-item label="物料id" name="itemId">
<a-input-number style="width: 100%" v-model:value="form.itemId" placeholder="物料id"/> <a-row>
</a-form-item> <a-col :span="24">
<a-form-item label="物料编码" name="itemCode"> <a-form-item label="物料名称" name="itemName">
<a-input style="width: 100%" v-model:value="form.itemCode" placeholder="物料编码"/> <a-input style="width: 100%" v-model:value="form.itemName" placeholder="物料名称"/>
</a-form-item> </a-form-item>
<a-form-item label="物料名称" name="itemName"> </a-col>
<a-input style="width: 100%" v-model:value="form.itemName" placeholder="物料名称"/> </a-row>
</a-form-item>
<a-form-item label="是否禁用" name="disabledFlag"> <a-row>
<BooleanSelect v-model:value="form.disabledFlag" style="width: 100%"/> <a-col :span="12">
</a-form-item> <a-form-item label="物料编码" name="itemCode">
<a-form-item label="物料类型" name="itemType"> <a-input style="width: 100%" v-model:value="form.itemCode" placeholder="物料编码"/>
<SmartEnumSelect width="100%" v-model:value="form.itemType" enumName="" placeholder="物料类型"/> </a-form-item>
</a-form-item> </a-col>
<a-form-item label="创建人ID" name="createUserId"> <a-col :span="12">
<a-input-number style="width: 100%" v-model:value="form.createUserId" placeholder="创建人ID"/> <a-form-item label="包装系数" name="packFactor">
</a-form-item> <a-input-number style="width: 100%" v-model:value="form.packFactor" min="1" max="99999"
<a-form-item label="创建人" name="createUserName"> placeholder="包装系数"/>
<a-input style="width: 100%" v-model:value="form.createUserName" placeholder="创建人"/> </a-form-item>
</a-form-item> </a-col>
<a-form-item label="创建时间" name="createTime"> </a-row>
<a-date-picker show-time valueFormat="YYYY-MM-DD HH:mm:ss" v-model:value="form.createTime" style="width: 100%"
placeholder="创建时间"/> <a-row>
</a-form-item> <a-col :span="12">
<a-form-item label="更新时间" name="updateTime"> <a-form-item label="包装单位" name="unit">
<a-date-picker show-time valueFormat="YYYY-MM-DD HH:mm:ss" v-model:value="form.updateTime" style="width: 100%" <DictSelect width="100%" key-code="ITEM_UNIT" v-model:value="form.unit"/>
placeholder="更新时间"/> </a-form-item>
</a-form-item> </a-col>
<a-col :span="12">
<a-form-item label="物料类型" name="itemType">
<DictSelect width="100%" key-code=" ITEM_TYPE" v-model:value="form.itemType"/>
</a-form-item>
</a-col>
</a-row>
<a-row>
<a-col :span="24">
<a-form-item label="是否启用" name="disabledFlag">
<a-switch
style="width: 80px"
v-model:checked="form.disabledFlag"
checked-children="启用"
un-checked-children="禁用"
/>
</a-form-item>
</a-col>
</a-row>
</a-form> </a-form>
<template #footer> <template #footer>
@ -63,6 +84,7 @@ import {itemApi} from '/@/api/business/base/item/item-api.js';
import {smartSentry} from '/@/lib/smart-sentry'; import {smartSentry} from '/@/lib/smart-sentry';
import BooleanSelect from '/@/components/framework/boolean-select/index.vue'; import BooleanSelect from '/@/components/framework/boolean-select/index.vue';
import SmartEnumSelect from '/@/components/framework/smart-enum-select/index.vue'; import SmartEnumSelect from '/@/components/framework/smart-enum-select/index.vue';
import DictSelect from "/@/components/support/dict-select/index.vue";
// ------------------------ 事件 ------------------------ // ------------------------ 事件 ------------------------
@ -97,12 +119,10 @@ const formDefault = {
itemId: undefined, //物料id itemId: undefined, //物料id
itemCode: undefined, //物料编码 itemCode: undefined, //物料编码
itemName: undefined, //物料名称 itemName: undefined, //物料名称
disabledFlag: undefined, //是否禁用 disabledFlag: true, //是否禁用
itemType: undefined, //物料类型 itemType: undefined, //物料类型
createUserId: undefined, //创建人ID unit: undefined, //包装单位
createUserName: undefined, //创建人 packFactor: 1,//包装系数
createTime: undefined, //创建时间
updateTime: undefined, //更新时间
}; };
let form = reactive({...formDefault}); let form = reactive({...formDefault});
@ -111,12 +131,10 @@ const rules = {
itemId: [{required: true, message: '物料id 必填'}], itemId: [{required: true, message: '物料id 必填'}],
itemCode: [{required: true, message: '物料编码 必填'}], itemCode: [{required: true, message: '物料编码 必填'}],
itemName: [{required: true, message: '物料名称 必填'}], itemName: [{required: true, message: '物料名称 必填'}],
disabledFlag: [{required: true, message: '是否禁用 必填'}],
itemType: [{required: true, message: '物料类型 必填'}], itemType: [{required: true, message: '物料类型 必填'}],
createUserId: [{required: true, message: '创建人ID 必填'}], unit: [{required: true, message: '包装单位 必填'}],
createUserName: [{required: true, message: '创建人 必填'}], packFactor: [{required: true, message: '包装系数 必填'}],
createTime: [{required: true, message: '创建时间 必填'}], disabledFlag: [{required: true, message: '是否启用 必填'}],
updateTime: [{required: true, message: '更新时间 必填'}],
}; };
// 点击确定，验证表单 // 点击确定，验证表单

29
smart-admin-web-typescript/src/views/business/base/item/item-list.vue
View File

@ -9,14 +9,17 @@
<!---------- 查询表单form begin -----------> <!---------- 查询表单form begin ----------->
<a-form class="smart-query-form"> <a-form class="smart-query-form">
<a-row class="smart-query-form-row"> <a-row class="smart-query-form-row">
<a-form-item label="物料编码" class="smart-query-form-item"> <a-form-item label="物料" class="smart-query-form-item">
<a-input style="width: 200px" v-model:value="queryForm.itemCode" placeholder="物料编码"/> <ItemSelect v-model:value="queryForm.itemId" :disabledFlag="true" @change="changeItemSelect"/>
</a-form-item> </a-form-item>
<a-form-item label="物料名称" class="smart-query-form-item"> <a-form-item label="是否启用" class="smart-query-form-item">
<a-input style="width: 200px" v-model:value="queryForm.itemName" placeholder="物料名称"/> <a-select style="width: 200px" v-model:value="queryForm.disabledFlag" allowClear placeholder="请选择">
<a-select-option :value="true">启用</a-select-option>
<a-select-option :value="false">禁用</a-select-option>
</a-select>
</a-form-item> </a-form-item>
<a-form-item class="smart-query-form-item"> <a-form-item class="smart-query-form-item">
<a-button type="primary" @click="onSearch"> <a-button type="primary" @click="onSearch" class="smart-margin-left10">
<template #icon> <template #icon>
<SearchOutlined/> <SearchOutlined/>
</template> </template>
@ -134,6 +137,7 @@ import ItemForm from '/@/views/business/base/item/item-form.vue';
import {TABLE_ID_CONST} from "/@/constants/support/table-id-const"; import {TABLE_ID_CONST} from "/@/constants/support/table-id-const";
import DictPreview from '/@/components/dict-preview/index.vue'; import DictPreview from '/@/components/dict-preview/index.vue';
import {useDict} from '/@/utils/dict'; import {useDict} from '/@/utils/dict';
import ItemSelect from "/@/views/business/base/item/item-select.vue";
const itemUnit = useDict('ITEM_UNIT'); const itemUnit = useDict('ITEM_UNIT');
const itemType = useDict('ITEM_TYPE'); const itemType = useDict('ITEM_TYPE');
@ -146,7 +150,7 @@ const columns = ref([
ellipsis: true, ellipsis: true,
}, },
{ {
title: '物料', title: '物料编码',
dataIndex: 'itemCode', dataIndex: 'itemCode',
ellipsis: true, ellipsis: true,
}, },
@ -161,7 +165,7 @@ const columns = ref([
ellipsis: true, ellipsis: true,
}, },
{ {
title: '单位', title: '包装单位',
dataIndex: 'unit', dataIndex: 'unit',
ellipsis: true, ellipsis: true,
}, },
@ -192,8 +196,8 @@ const columns = ref([
// ---------------------------- 查询数据表单和方法 ---------------------------- // ---------------------------- 查询数据表单和方法 ----------------------------
const queryFormState = { const queryFormState = {
itemCode: undefined, //物料编码 itemId: undefined, //物料
itemName: undefined, //物料名称 disabledFlag: undefined,//是否启用
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
}; };
@ -220,6 +224,13 @@ function onSearch() {
queryData(); queryData();
} }
//选择物料
function changeItemSelect(selectValue: any) {
if (selectValue) {
queryForm.itemId = selectValue.itemId;
}
}
// 查询数据 // 查询数据
async function queryData() { async function queryData() {
tableLoading.value = true; tableLoading.value = true;

98
smart-admin-web-typescript/src/views/business/base/item/item-select.vue 100644
View File

@ -0,0 +1,98 @@
<!--
* 物料 下拉选择框
*
*
-->
<template>
<a-select
v-model:value="selectValue"
:style="`width: ${width}`"
:placeholder="props.placeholder"
:showSearch="true"
:allowClear="true"
:size="size"
@change="handleChange"
:disabled="disabled"
:mode="multiple ? 'multiple' : ''"
optionFilterProp="label"
>
<a-select-option v-for="item in items" :key="item.itemId" :label="item.itemCode">
{{ item.itemCode }}
<div style="float: right">
<template v-if="item.itemName"> {{ item.itemName }}</template>
</div>
</a-select-option>
</a-select>
</template>
<script setup lang="ts">
import {onMounted, ref, watch} from 'vue';
import {itemApi} from '/@/api/business/base/item/item-api';
const props = defineProps({
value: [Number, String, Object, Array],
width: {
type: String,
default: '200px',
},
placeholder: {
type: String,
default: '请选择',
},
size: {
type: String,
default: 'default',
},
disabled: {
type: Boolean,
default: false,
},
multiple: {
type: Boolean,
default: false,
},
disabledFlag: {
type: Boolean,
default: null,
}
});
const items = ref([]);
async function queryData() {
let res = await itemApi.queryItem({
disabledFlag: props.disabledFlag
});
items.value = res.data;
}
const emit = defineEmits(['update:value', 'change']);
const selectValue = ref(props.value);
// 箭头value变化
watch(
() => props.value,
(newValue) => {
selectValue.value = newValue;
}
);
function handleChange(value: any) {
let selectedLocations: any[] | any;
if (Array.isArray(value)) {
// 多选情况
selectedLocations = value.map((id) => items.value.find((item: any) => item.itemId === id)).filter(Boolean);
} else {
// 单选情况
selectedLocations = items.value.find((item: any) => item.itemId === value);
}
emit('update:value', value);
emit('change', selectedLocations);
}
onMounted(queryData);
</script>

2
smart-admin-web-typescript/src/views/business/base/location/location-form.vue
View File

@ -16,7 +16,7 @@
> >
<a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 5 }"> <a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 5 }">
<a-form-item label="库区" name="areaId"> <a-form-item label="库区" name="areaId">
<AreaSelect style="width: 100%" v-model:value="form.areaId" @change="changeAreaSelect"/> <AreaSelect style="width: 100%" v-model:value="form.areaId" :disabledFlag="true" @change="changeAreaSelect"/>
</a-form-item> </a-form-item>
<a-form-item label="库位" name="locationCode"> <a-form-item label="库位" name="locationCode">
<a-input style="width: 100%" v-model:value="form.locationCode" placeholder="库位编码"/> <a-input style="width: 100%" v-model:value="form.locationCode" placeholder="库位编码"/>

6
smart-admin-web-typescript/src/views/business/base/location/location-list.vue
View File

@ -10,10 +10,10 @@
<a-form class="smart-query-form"> <a-form class="smart-query-form">
<a-row class="smart-query-form-row"> <a-row class="smart-query-form-row">
<a-form-item label="库区" class="smart-query-form-item"> <a-form-item label="库区" class="smart-query-form-item">
<AreaSelect v-model:value="queryForm.areaId" @change="changeAreaSelect"/> <AreaSelect v-model:value="queryForm.areaId" :disabledFlag="true" @change="changeAreaSelect"/>
</a-form-item> </a-form-item>
<a-form-item label="库位" class="smart-query-form-item"> <a-form-item label="库位" class="smart-query-form-item">
<LocationSelect v-model:value="queryForm.locationId" @change="changeLocationSelect"/> <LocationSelect v-model:value="queryForm.locationId" :disabledFlag="true" @change="changeLocationSelect"/>
</a-form-item> </a-form-item>
<a-form-item label="状态" class="smart-query-form-item"> <a-form-item label="状态" class="smart-query-form-item">
<SmartEnumSelect style="width: 200px" enum-name="USAGE_STATUS_ENUM" v-model:value="queryForm.status"/> <SmartEnumSelect style="width: 200px" enum-name="USAGE_STATUS_ENUM" v-model:value="queryForm.status"/>
@ -26,7 +26,7 @@
</a-form-item> </a-form-item>
<a-form-item class="smart-query-form-item"> <a-form-item class="smart-query-form-item">
<a-button type="primary" @click="onSearch"> <a-button type="primary" @click="onSearch" class="smart-margin-left10">
<template #icon> <template #icon>
<SearchOutlined/> <SearchOutlined/>
</template> </template>

2
smart-admin-web-typescript/src/views/business/base/location/location-select.vue
View File

@ -98,7 +98,7 @@ function handleChange(value: any) {
selectedLocations = locations.value.find((item: any) => item.locationId === value); selectedLocations = locations.value.find((item: any) => item.locationId === value);
} }
emit('update:value', value); emit('update:value', value);
emit('change', JSON.parse(JSON.stringify(selectedLocations))); emit('change', selectedLocations);
} }