物料模块

2026-04-08 16:53:25 +08:00
parent 60e2c8debd
commit a6de268d90
49 changed files with 2915 additions and 1438 deletions
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterial.api.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterial.api.ts
@@ -0,0 +1,32 @@
+import { defHttp } from '/@/utils/http/axios';
+import { Modal } from 'ant-design-vue';
+
+enum Api {
+  list = '/mes/material/material/list',
+  save = '/mes/material/material/add',
+  edit = '/mes/material/material/edit',
+  deleteOne = '/mes/material/material/delete',
+  deleteBatch = '/mes/material/material/deleteBatch',
+  importExcel = '/mes/material/material/importExcel',
+  exportXls = '/mes/material/material/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+export const list = (params) => defHttp.get({ url: Api.list, params });
+
+export const deleteOne = (params, handleSuccess) =>
+  defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => handleSuccess());
+
+export const batchDelete = (params, handleSuccess) => {
+  Modal.confirm({
+    title: '确认删除',
+    content: '是否删除选中数据',
+    okText: '确认',
+    cancelText: '取消',
+    onOk: () =>
+      defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => handleSuccess()),
+  });
+};
+
+export const saveOrUpdate = (params, isUpdate) => defHttp.post({ url: isUpdate ? Api.edit : Api.save, params });
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterial.data.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterial.data.ts
@@ -0,0 +1,67 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  { title: '物料编码', align: 'center', dataIndex: 'materialCode' },
+  { title: '物料名称', align: 'center', dataIndex: 'materialName' },
+  { title: '分类', align: 'center', dataIndex: 'categoryId_dictText' },
+  { title: '基础单位', align: 'center', dataIndex: 'baseUnitId_dictText' },
+  { title: '状态', align: 'center', dataIndex: 'enableFlag' },
+  { title: '创建时间', align: 'center', dataIndex: 'createTime' },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  { label: '物料编码', field: 'materialCode', component: 'Input', colProps: { span: 6 } },
+  { label: '物料名称', field: 'materialName', component: 'Input', colProps: { span: 6 } },
+  {
+    label: '分类',
+    field: 'categoryId',
+    component: 'JDictSelectTag',
+    componentProps: { dictCode: 'mes_material_category,category_name,id' },
+    colProps: { span: 6 },
+  },
+];
+
+export const formSchema: FormSchema[] = [
+  { label: '', field: 'id', component: 'Input', show: false },
+  { label: '物料编码', field: 'materialCode', component: 'Input', required: true },
+  { label: '物料名称', field: 'materialName', component: 'Input', required: true },
+  { label: '别名', field: 'aliasName', component: 'Input' },
+  { label: '简称', field: 'shortName', component: 'Input' },
+  {
+    label: '分类',
+    field: 'categoryId',
+    component: 'JDictSelectTag',
+    required: true,
+    componentProps: { dictCode: 'mes_material_category,category_name,id' },
+  },
+  {
+    label: '基础单位',
+    field: 'baseUnitId',
+    component: 'JDictSelectTag',
+    required: true,
+    componentProps: { dictCode: 'mes_unit,unit_name,id' },
+  },
+  {
+    label: '统计单位',
+    field: 'statUnitId',
+    component: 'JDictSelectTag',
+    componentProps: { dictCode: 'mes_unit,unit_name,id' },
+  },
+  { label: '计划价格', field: 'planPrice', component: 'InputNumber' },
+  { label: '最小库存', field: 'minStock', component: 'InputNumber' },
+  { label: '最大库存', field: 'maxStock', component: 'InputNumber' },
+  { label: '换算系数', field: 'unitConvertRate', component: 'InputNumber', defaultValue: 1 },
+  {
+    label: '状态',
+    field: 'enableFlag',
+    component: 'Select',
+    defaultValue: 1,
+    componentProps: {
+      options: [
+        { label: '启用', value: 1 },
+        { label: '停用', value: 0 },
+      ],
+    },
+  },
+  { label: '备注', field: 'remark', component: 'InputTextArea' },
+];
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialCategory.api.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialCategory.api.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '/@/utils/http/axios';
+import { Modal } from 'ant-design-vue';
+
+enum Api {
+  list = '/mes/material/category/list',
+  save = '/mes/material/category/add',
+  edit = '/mes/material/category/edit',
+  deleteOne = '/mes/material/category/delete',
+  deleteBatch = '/mes/material/category/deleteBatch',
+}
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+export const deleteOne = (params, handleSuccess) =>
+  defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => handleSuccess());
+export const batchDelete = (params, handleSuccess) =>
+  Modal.confirm({
+    title: '确认删除',
+    content: '是否删除选中数据',
+    onOk: () => defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => handleSuccess()),
+  });
+export const saveOrUpdate = (params, isUpdate) => defHttp.post({ url: isUpdate ? Api.edit : Api.save, params });
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialCategory.data.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialCategory.data.ts
@@ -0,0 +1,21 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+export const columns: BasicColumn[] = [
+  { title: '分类编码', align: 'center', dataIndex: 'categoryCode' },
+  { title: '分类名称', align: 'center', dataIndex: 'categoryName' },
+  { title: '父级ID', align: 'center', dataIndex: 'parentId' },
+  { title: '状态', align: 'center', dataIndex: 'enableFlag' },
+];
+export const searchFormSchema: FormSchema[] = [
+  { label: '分类编码', field: 'categoryCode', component: 'Input', colProps: { span: 6 } },
+  { label: '分类名称', field: 'categoryName', component: 'Input', colProps: { span: 6 } },
+];
+export const formSchema: FormSchema[] = [
+  { label: '', field: 'id', component: 'Input', show: false },
+  { label: '分类编码', field: 'categoryCode', component: 'Input', required: true },
+  { label: '分类名称', field: 'categoryName', component: 'Input', required: true },
+  { label: '父级ID', field: 'parentId', component: 'Input', defaultValue: '0' },
+  { label: '树路径', field: 'treePath', component: 'Input' },
+  { label: '排序', field: 'sortNo', component: 'InputNumber', defaultValue: 0 },
+  { label: '状态', field: 'enableFlag', component: 'Select', defaultValue: 1, componentProps: { options: [{ label: '启用', value: 1 }, { label: '停用', value: 0 }] } },
+  { label: '备注', field: 'remark', component: 'InputTextArea' },
+];
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialCategoryList.vue
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialCategoryList.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" v-auth="'mes:mes_material_category:add'" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+      </template>
+      <template #action="{ record }">
+        <TableAction :actions="[{ label: '编辑', onClick: handleEdit.bind(null, record), auth: 'mes:mes_material_category:edit' }]" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+    <MesMaterialCategoryModal @register="registerModal" @success="reload" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useModal } from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage';
+import MesMaterialCategoryModal from './modules/MesMaterialCategoryModal.vue';
+import { columns, searchFormSchema } from './MesMaterialCategory.data';
+import { list, deleteOne } from './MesMaterialCategory.api';
+const [registerModal, { openModal }] = useModal();
+const { tableContext } = useListPage({
+  tableProps: { title: '物料分类', api: list, columns, canResize: true, formConfig: { labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter: true }, actionColumn: { width: 120 } },
+});
+const [registerTable, { reload }, { rowSelection }] = tableContext;
+function handleAdd() { openModal(true, { isUpdate: false, showFooter: true }); }
+function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true }); }
+function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false }); }
+async function handleDelete(record) { await deleteOne({ id: record.id }, reload); }
+function getDropDownAction(record) {
+  return [
+    { label: '详情', onClick: handleDetail.bind(null, record) },
+    { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record) }, auth: 'mes:mes_material_category:delete' },
+  ];
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialErpMap.api.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialErpMap.api.ts
@@ -0,0 +1,21 @@
+import { defHttp } from '/@/utils/http/axios';
+import { Modal } from 'ant-design-vue';
+
+enum Api {
+  list = '/mes/material/erpMap/list',
+  save = '/mes/material/erpMap/add',
+  edit = '/mes/material/erpMap/edit',
+  deleteOne = '/mes/material/erpMap/delete',
+  deleteBatch = '/mes/material/erpMap/deleteBatch',
+}
+
+export const list = (params) => defHttp.get({ url: Api.list, params });
+export const deleteOne = (params, handleSuccess) =>
+  defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => handleSuccess());
+export const batchDelete = (params, handleSuccess) =>
+  Modal.confirm({
+    title: '确认删除',
+    content: '是否删除选中数据',
+    onOk: () => defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => handleSuccess()),
+  });
+export const saveOrUpdate = (params, isUpdate) => defHttp.post({ url: isUpdate ? Api.edit : Api.save, params });
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialErpMap.data.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialErpMap.data.ts
@@ -0,0 +1,21 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+export const columns: BasicColumn[] = [
+  { title: '物料', align: 'center', dataIndex: 'materialId_dictText' },
+  { title: 'ERP系统', align: 'center', dataIndex: 'erpSystemCode' },
+  { title: 'ERP物料编码', align: 'center', dataIndex: 'erpMaterialCode' },
+  { title: 'ERP物料名称', align: 'center', dataIndex: 'erpMaterialName' },
+  { title: '状态', align: 'center', dataIndex: 'mappingStatus' },
+];
+export const searchFormSchema: FormSchema[] = [
+  { label: 'ERP系统', field: 'erpSystemCode', component: 'Input', colProps: { span: 6 } },
+  { label: 'ERP物料编码', field: 'erpMaterialCode', component: 'Input', colProps: { span: 6 } },
+];
+export const formSchema: FormSchema[] = [
+  { label: '', field: 'id', component: 'Input', show: false },
+  { label: '物料', field: 'materialId', component: 'JDictSelectTag', required: true, componentProps: { dictCode: 'mes_material,material_name,id' } },
+  { label: 'ERP系统', field: 'erpSystemCode', component: 'Input', required: true },
+  { label: 'ERP物料编码', field: 'erpMaterialCode', component: 'Input', required: true },
+  { label: 'ERP物料名称', field: 'erpMaterialName', component: 'Input' },
+  { label: '映射状态', field: 'mappingStatus', component: 'Select', defaultValue: 1, componentProps: { options: [{ label: '有效', value: 1 }, { label: '失效', value: 0 }] } },
+  { label: '备注', field: 'remark', component: 'InputTextArea' },
+];
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialErpMapList.vue
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialErpMapList.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" v-auth="'mes:mes_material_erp_map:add'" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+      </template>
+      <template #action="{ record }">
+        <TableAction :actions="[{ label: '编辑', onClick: handleEdit.bind(null, record), auth: 'mes:mes_material_erp_map:edit' }]" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+    <MesMaterialErpMapModal @register="registerModal" @success="reload" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useModal } from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage';
+import MesMaterialErpMapModal from './modules/MesMaterialErpMapModal.vue';
+import { columns, searchFormSchema } from './MesMaterialErpMap.data';
+import { list, deleteOne } from './MesMaterialErpMap.api';
+const [registerModal, { openModal }] = useModal();
+const { tableContext } = useListPage({
+  tableProps: { title: '物料ERP映射', api: list, columns, canResize: true, formConfig: { labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter: true }, actionColumn: { width: 120 } },
+});
+const [registerTable, { reload }, { rowSelection }] = tableContext;
+function handleAdd() { openModal(true, { isUpdate: false, showFooter: true }); }
+function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true }); }
+function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false }); }
+async function handleDelete(record) { await deleteOne({ id: record.id }, reload); }
+function getDropDownAction(record) {
+  return [
+    { label: '详情', onClick: handleDetail.bind(null, record) },
+    { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record) }, auth: 'mes:mes_material_erp_map:delete' },
+  ];
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/MesMaterialList.vue
+++ b/jeecgboot-vue3/src/views/mes/material/MesMaterialList.vue
@@ -0,0 +1,79 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" v-auth="'mes:mes_material:add'" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+        <a-button type="primary" v-auth="'mes:mes_material:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls">导出</a-button>
+        <j-upload-button type="primary" v-auth="'mes:mes_material:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
+        <a-dropdown v-if="selectedRowKeys.length > 0">
+          <template #overlay>
+            <a-menu>
+              <a-menu-item key="1" @click="batchHandleDelete"><Icon icon="ant-design:delete-outlined" />删除</a-menu-item>
+            </a-menu>
+          </template>
+          <a-button>批量操作<Icon icon="mdi:chevron-down" /></a-button>
+        </a-dropdown>
+      </template>
+      <template #action="{ record }">
+        <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+    <MesMaterialModal @register="registerModal" @success="handleSuccess" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useModal } from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage';
+import MesMaterialModal from './modules/MesMaterialModal.vue';
+import { columns, searchFormSchema } from './MesMaterial.data';
+import { batchDelete, deleteOne, getExportUrl, getImportUrl, list } from './MesMaterial.api';
+
+const [registerModal, { openModal }] = useModal();
+const { tableContext, onExportXls, onImportXls } = useListPage({
+  tableProps: {
+    title: '物料信息',
+    api: list,
+    columns,
+    canResize: true,
+    formConfig: { labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter: true, showAdvancedButton: true },
+    actionColumn: { width: 120 },
+  },
+  exportConfig: { name: '物料信息', url: getExportUrl },
+  importConfig: { url: getImportUrl, success: handleSuccess },
+});
+const [registerTable, { reload }, { rowSelection, selectedRowKeys }] = tableContext;
+
+function handleAdd() {
+  openModal(true, { isUpdate: false, showFooter: true });
+}
+function handleEdit(record: Recordable) {
+  openModal(true, { record, isUpdate: true, showFooter: true });
+}
+function handleDetail(record: Recordable) {
+  openModal(true, { record, isUpdate: true, showFooter: false });
+}
+async function handleDelete(record) {
+  await deleteOne({ id: record.id }, reload);
+}
+async function batchHandleDelete() {
+  await batchDelete({ ids: selectedRowKeys.value }, reload);
+}
+function handleSuccess() {
+  reload();
+}
+function getTableAction(record) {
+  return [{ label: '编辑', onClick: handleEdit.bind(null, record), auth: 'mes:mes_material:edit' }];
+}
+function getDropDownAction(record) {
+  return [
+    { label: '详情', onClick: handleDetail.bind(null, record) },
+    {
+      label: '删除',
+      popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record) },
+      auth: 'mes:mes_material:delete',
+    },
+  ];
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/MesUnit.api.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesUnit.api.ts
@@ -0,0 +1,25 @@
+import { defHttp } from '/@/utils/http/axios';
+import { Modal } from 'ant-design-vue';
+
+enum Api {
+  list = '/mes/material/unit/list',
+  save = '/mes/material/unit/add',
+  edit = '/mes/material/unit/edit',
+  deleteOne = '/mes/material/unit/delete',
+  deleteBatch = '/mes/material/unit/deleteBatch',
+  importExcel = '/mes/material/unit/importExcel',
+  exportXls = '/mes/material/unit/exportXls',
+}
+
+export const getExportUrl = Api.exportXls;
+export const getImportUrl = Api.importExcel;
+export const list = (params) => defHttp.get({ url: Api.list, params });
+export const deleteOne = (params, handleSuccess) =>
+  defHttp.delete({ url: Api.deleteOne, params }, { joinParamsToUrl: true }).then(() => handleSuccess());
+export const batchDelete = (params, handleSuccess) =>
+  Modal.confirm({
+    title: '确认删除',
+    content: '是否删除选中数据',
+    onOk: () => defHttp.delete({ url: Api.deleteBatch, data: params }, { joinParamsToUrl: true }).then(() => handleSuccess()),
+  });
+export const saveOrUpdate = (params, isUpdate) => defHttp.post({ url: isUpdate ? Api.edit : Api.save, params });
--- a/jeecgboot-vue3/src/views/mes/material/MesUnit.data.ts
+++ b/jeecgboot-vue3/src/views/mes/material/MesUnit.data.ts
@@ -0,0 +1,30 @@
+import { BasicColumn, FormSchema } from '/@/components/Table';
+
+export const columns: BasicColumn[] = [
+  { title: '单位编码', align: 'center', dataIndex: 'unitCode' },
+  { title: '单位名称', align: 'center', dataIndex: 'unitName' },
+  { title: '单位类型', align: 'center', dataIndex: 'unitType' },
+  { title: '精度', align: 'center', dataIndex: 'precisionScale' },
+  { title: '状态', align: 'center', dataIndex: 'enableFlag' },
+];
+
+export const searchFormSchema: FormSchema[] = [
+  { label: '单位编码', field: 'unitCode', component: 'Input', colProps: { span: 6 } },
+  { label: '单位名称', field: 'unitName', component: 'Input', colProps: { span: 6 } },
+];
+
+export const formSchema: FormSchema[] = [
+  { label: '', field: 'id', component: 'Input', show: false },
+  { label: '单位编码', field: 'unitCode', component: 'Input', required: true },
+  { label: '单位名称', field: 'unitName', component: 'Input', required: true },
+  { label: '单位类型', field: 'unitType', component: 'Input', defaultValue: 'BASE' },
+  { label: '精度', field: 'precisionScale', component: 'InputNumber', defaultValue: 3 },
+  {
+    label: '状态',
+    field: 'enableFlag',
+    component: 'Select',
+    defaultValue: 1,
+    componentProps: { options: [{ label: '启用', value: 1 }, { label: '停用', value: 0 }] },
+  },
+  { label: '备注', field: 'remark', component: 'InputTextArea' },
+];
--- a/jeecgboot-vue3/src/views/mes/material/MesUnitList.vue
+++ b/jeecgboot-vue3/src/views/mes/material/MesUnitList.vue
@@ -0,0 +1,36 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable" :rowSelection="rowSelection">
+      <template #tableTitle>
+        <a-button type="primary" v-auth="'mes:mes_unit:add'" @click="handleAdd" preIcon="ant-design:plus-outlined">新增</a-button>
+      </template>
+      <template #action="{ record }">
+        <TableAction :actions="[{ label: '编辑', onClick: handleEdit.bind(null, record), auth: 'mes:mes_unit:edit' }]" :dropDownActions="getDropDownAction(record)" />
+      </template>
+    </BasicTable>
+    <MesUnitModal @register="registerModal" @success="reload" />
+  </div>
+</template>
+<script lang="ts" setup>
+import { BasicTable, TableAction } from '/@/components/Table';
+import { useModal } from '/@/components/Modal';
+import { useListPage } from '/@/hooks/system/useListPage';
+import MesUnitModal from './modules/MesUnitModal.vue';
+import { columns, searchFormSchema } from './MesUnit.data';
+import { list, deleteOne } from './MesUnit.api';
+const [registerModal, { openModal }] = useModal();
+const { tableContext } = useListPage({
+  tableProps: { title: '单位信息', api: list, columns, canResize: true, formConfig: { labelWidth: 120, schemas: searchFormSchema, autoSubmitOnEnter: true }, actionColumn: { width: 120 } },
+});
+const [registerTable, { reload }, { rowSelection }] = tableContext;
+function handleAdd() { openModal(true, { isUpdate: false, showFooter: true }); }
+function handleEdit(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: true }); }
+function handleDetail(record: Recordable) { openModal(true, { record, isUpdate: true, showFooter: false }); }
+async function handleDelete(record) { await deleteOne({ id: record.id }, reload); }
+function getDropDownAction(record) {
+  return [
+    { label: '详情', onClick: handleDetail.bind(null, record) },
+    { label: '删除', popConfirm: { title: '是否确认删除', confirm: handleDelete.bind(null, record) }, auth: 'mes:mes_unit:delete' },
+  ];
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/category/index.vue
+++ b/jeecgboot-vue3/src/views/mes/material/category/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesMaterialCategoryList />
+</template>
+
+<script lang="ts" setup>
+import MesMaterialCategoryList from '../MesMaterialCategoryList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/erp-map/index.vue
+++ b/jeecgboot-vue3/src/views/mes/material/erp-map/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesMaterialErpMapList />
+</template>
+
+<script lang="ts" setup>
+import MesMaterialErpMapList from '../MesMaterialErpMapList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/info/index.vue
+++ b/jeecgboot-vue3/src/views/mes/material/info/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesMaterialList />
+</template>
+
+<script lang="ts" setup>
+import MesMaterialList from '../MesMaterialList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/modules/MesMaterialCategoryModal.vue
+++ b/jeecgboot-vue3/src/views/mes/material/modules/MesMaterialCategoryModal.vue
@@ -0,0 +1,34 @@
+<template>
+  <BasicModal @register="registerModal" :title="title" width="50%" v-bind="$attrs" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { computed, ref, unref } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { formSchema } from '../MesMaterialCategory.data';
+import { saveOrUpdate } from '../MesMaterialCategory.api';
+const emit = defineEmits(['register', 'success']);
+const isUpdate = ref(true);
+const [registerForm, { resetFields, setFieldsValue, validate, setProps }] = useForm({ labelWidth: 120, schemas: formSchema, showActionButtonGroup: false });
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  await resetFields();
+  setModalProps({ confirmLoading: false, showCancelBtn: data?.showFooter, showOkBtn: data?.showFooter });
+  isUpdate.value = !!data?.isUpdate;
+  if (unref(isUpdate)) await setFieldsValue({ ...data.record });
+  setProps({ disabled: !data?.showFooter });
+});
+const title = computed(() => (!unref(isUpdate) ? '新增物料分类' : '编辑物料分类'));
+async function handleSubmit() {
+  try {
+    const values = await validate();
+    setModalProps({ confirmLoading: true });
+    await saveOrUpdate(values, isUpdate.value);
+    closeModal();
+    emit('success');
+  } finally {
+    setModalProps({ confirmLoading: false });
+  }
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/modules/MesMaterialErpMapModal.vue
+++ b/jeecgboot-vue3/src/views/mes/material/modules/MesMaterialErpMapModal.vue
@@ -0,0 +1,34 @@
+<template>
+  <BasicModal @register="registerModal" :title="title" width="50%" v-bind="$attrs" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { computed, ref, unref } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { formSchema } from '../MesMaterialErpMap.data';
+import { saveOrUpdate } from '../MesMaterialErpMap.api';
+const emit = defineEmits(['register', 'success']);
+const isUpdate = ref(true);
+const [registerForm, { resetFields, setFieldsValue, validate, setProps }] = useForm({ labelWidth: 120, schemas: formSchema, showActionButtonGroup: false });
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  await resetFields();
+  setModalProps({ confirmLoading: false, showCancelBtn: data?.showFooter, showOkBtn: data?.showFooter });
+  isUpdate.value = !!data?.isUpdate;
+  if (unref(isUpdate)) await setFieldsValue({ ...data.record });
+  setProps({ disabled: !data?.showFooter });
+});
+const title = computed(() => (!unref(isUpdate) ? '新增ERP映射' : '编辑ERP映射'));
+async function handleSubmit() {
+  try {
+    const values = await validate();
+    setModalProps({ confirmLoading: true });
+    await saveOrUpdate(values, isUpdate.value);
+    closeModal();
+    emit('success');
+  } finally {
+    setModalProps({ confirmLoading: false });
+  }
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/modules/MesMaterialModal.vue
+++ b/jeecgboot-vue3/src/views/mes/material/modules/MesMaterialModal.vue
@@ -0,0 +1,46 @@
+<template>
+  <BasicModal @register="registerModal" :title="title" width="60%" v-bind="$attrs" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+
+<script lang="ts" setup>
+import { computed, ref, unref } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { formSchema } from '../MesMaterial.data';
+import { saveOrUpdate } from '../MesMaterial.api';
+
+const emit = defineEmits(['register', 'success']);
+const isUpdate = ref(true);
+
+const [registerForm, { resetFields, setFieldsValue, validate, setProps }] = useForm({
+  labelWidth: 120,
+  schemas: formSchema,
+  showActionButtonGroup: false,
+});
+
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  await resetFields();
+  setModalProps({ confirmLoading: false, showCancelBtn: data?.showFooter, showOkBtn: data?.showFooter });
+  isUpdate.value = !!data?.isUpdate;
+  if (unref(isUpdate)) {
+    await setFieldsValue({ ...data.record });
+  }
+  setProps({ disabled: !data?.showFooter });
+});
+
+const title = computed(() => (!unref(isUpdate) ? '新增物料' : '编辑物料'));
+
+async function handleSubmit() {
+  try {
+    const values = await validate();
+    setModalProps({ confirmLoading: true });
+    await saveOrUpdate(values, isUpdate.value);
+    closeModal();
+    emit('success');
+  } finally {
+    setModalProps({ confirmLoading: false });
+  }
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/modules/MesUnitModal.vue
+++ b/jeecgboot-vue3/src/views/mes/material/modules/MesUnitModal.vue
@@ -0,0 +1,34 @@
+<template>
+  <BasicModal @register="registerModal" :title="title" width="50%" v-bind="$attrs" @ok="handleSubmit">
+    <BasicForm @register="registerForm" />
+  </BasicModal>
+</template>
+<script lang="ts" setup>
+import { computed, ref, unref } from 'vue';
+import { BasicModal, useModalInner } from '/@/components/Modal';
+import { BasicForm, useForm } from '/@/components/Form/index';
+import { formSchema } from '../MesUnit.data';
+import { saveOrUpdate } from '../MesUnit.api';
+const emit = defineEmits(['register', 'success']);
+const isUpdate = ref(true);
+const [registerForm, { resetFields, setFieldsValue, validate, setProps }] = useForm({ labelWidth: 120, schemas: formSchema, showActionButtonGroup: false });
+const [registerModal, { setModalProps, closeModal }] = useModalInner(async (data) => {
+  await resetFields();
+  setModalProps({ confirmLoading: false, showCancelBtn: data?.showFooter, showOkBtn: data?.showFooter });
+  isUpdate.value = !!data?.isUpdate;
+  if (unref(isUpdate)) await setFieldsValue({ ...data.record });
+  setProps({ disabled: !data?.showFooter });
+});
+const title = computed(() => (!unref(isUpdate) ? '新增单位' : '编辑单位'));
+async function handleSubmit() {
+  try {
+    const values = await validate();
+    setModalProps({ confirmLoading: true });
+    await saveOrUpdate(values, isUpdate.value);
+    closeModal();
+    emit('success');
+  } finally {
+    setModalProps({ confirmLoading: false });
+  }
+}
+</script>
--- a/jeecgboot-vue3/src/views/mes/material/unit/index.vue
+++ b/jeecgboot-vue3/src/views/mes/material/unit/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesUnitList />
+</template>
+
+<script lang="ts" setup>
+import MesUnitList from '../MesUnitList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/materialcategory/index.vue
+++ b/jeecgboot-vue3/src/views/mes/materialcategory/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesMaterialCategoryList />
+</template>
+
+<script lang="ts" setup>
+import MesMaterialCategoryList from '../material/MesMaterialCategoryList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/materialerpmap/index.vue
+++ b/jeecgboot-vue3/src/views/mes/materialerpmap/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesMaterialErpMapList />
+</template>
+
+<script lang="ts" setup>
+import MesMaterialErpMapList from '../material/MesMaterialErpMapList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/materialinfo/index.vue
+++ b/jeecgboot-vue3/src/views/mes/materialinfo/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesMaterialList />
+</template>
+
+<script lang="ts" setup>
+import MesMaterialList from '../material/MesMaterialList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/mes/materialunit/index.vue
+++ b/jeecgboot-vue3/src/views/mes/materialunit/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <MesUnitList />
+</template>
+
+<script lang="ts" setup>
+import MesUnitList from '../material/MesUnitList.vue';
+</script>
--- a/jeecgboot-vue3/src/views/sys/login/TokenLoginPage.vue
+++ b/jeecgboot-vue3/src/views/sys/login/TokenLoginPage.vue
@@ -5,7 +5,7 @@
            <div class="app-loading-dots">
                <span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
            </div>
-            <div class="app-loading-title">JeecgBoot 企业级低代码平台</div>
+            <div class="app-loading-title">MES管理平台</div>
        </div>
    </div>
 </template>