From f38058d8dbee9e22d1d36ed44e13e2038021d91e Mon Sep 17 00:00:00 2001
From: "zangch@mesnac.com" <zangch@mesnac.com>
Date: Wed, 13 Aug 2025 09:29:38 +0800
Subject: [PATCH] =?UTF-8?q?feat(wms):=20=E6=96=B0=E5=A2=9E=E7=89=A9?=
 =?UTF-8?q?=E6=96=99=E4=BF=A1=E6=81=AF=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加物料信息管理页面，包括物料信息列表、搜索、新增、修改、删除等功能
- 新增物料类型、物料大类和计量单位信息的 API 接口
- 实现物料信息的导出功能
- 优化物料大类下拉框的数据加载
---
 src/api/wms/baseMaterialType/index.ts         |  77 ++
 src/api/wms/baseMaterialType/types.ts         | 210 ++++++
 src/api/wms/baseMeasurementUnitInfo/index.ts  |  77 ++
 src/api/wms/baseMeasurementUnitInfo/types.ts  | 175 +++++
 src/views/wms/baseMaterialCategory/index.vue  | 285 +++++++
 .../wms/baseMaterialInfo/addMaterialInWMS.vue | 515 +++++++++++++
 src/views/wms/baseMaterialInfo/index.vue      | 704 ++++++++++++++++++
 src/views/wms/baseMaterialType/index.vue      | 420 +++++++++++
 .../wms/baseMeasurementUnitInfo/index.vue     | 351 +++++++++
 9 files changed, 2814 insertions(+)
 create mode 100644 src/api/wms/baseMaterialType/index.ts
 create mode 100644 src/api/wms/baseMaterialType/types.ts
 create mode 100644 src/api/wms/baseMeasurementUnitInfo/index.ts
 create mode 100644 src/api/wms/baseMeasurementUnitInfo/types.ts
 create mode 100644 src/views/wms/baseMaterialCategory/index.vue
 create mode 100644 src/views/wms/baseMaterialInfo/addMaterialInWMS.vue
 create mode 100644 src/views/wms/baseMaterialInfo/index.vue
 create mode 100644 src/views/wms/baseMaterialType/index.vue
 create mode 100644 src/views/wms/baseMeasurementUnitInfo/index.vue

diff --git a/src/api/wms/baseMaterialType/index.ts b/src/api/wms/baseMaterialType/index.ts
new file mode 100644
index 0000000..278ca89
--- /dev/null
+++ b/src/api/wms/baseMaterialType/index.ts
@@ -0,0 +1,77 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { BaseMaterialTypeVO, BaseMaterialTypeForm, BaseMaterialTypeQuery } from '@/api/wms/baseMaterialType/types';
+
+/**
+ * 查询物料类型信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listBaseMaterialType = (query?: BaseMaterialTypeQuery): AxiosPromise<BaseMaterialTypeVO[]> => {
+  return request({
+    url: '/wms/baseMaterialType/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询物料类型信息详细
+ * @param matrialTypeId
+ */
+export const getBaseMaterialType = (matrialTypeId: string | number): AxiosPromise<BaseMaterialTypeVO> => {
+  return request({
+    url: '/wms/baseMaterialType/' + matrialTypeId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增物料类型信息
+ * @param data
+ */
+export const addBaseMaterialType = (data: BaseMaterialTypeForm) => {
+  return request({
+    url: '/wms/baseMaterialType',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改物料类型信息
+ * @param data
+ */
+export const updateBaseMaterialType = (data: BaseMaterialTypeForm) => {
+  return request({
+    url: '/wms/baseMaterialType',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除物料类型信息
+ * @param matrialTypeId
+ */
+export const delBaseMaterialType = (matrialTypeId: string | number | Array<string | number>) => {
+  return request({
+    url: '/wms/baseMaterialType/' + matrialTypeId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询物料类型信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getBaseMaterialTypeList (query) {
+    return request({
+        url: '/wms/baseMaterialType/getBaseMaterialTypeList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/wms/baseMaterialType/types.ts b/src/api/wms/baseMaterialType/types.ts
new file mode 100644
index 0000000..687a04d
--- /dev/null
+++ b/src/api/wms/baseMaterialType/types.ts
@@ -0,0 +1,210 @@
+export interface BaseMaterialTypeVO {
+  /**
+   * 物料类型ID
+   */
+  matrialTypeId: string | number;
+
+  /**
+   * 租户编号
+   */
+  tenantId: string | number;
+
+  /**
+   * 父级标识
+   */
+  parentId: string | number;
+
+  /**
+   * 物料类型编号
+   */
+  matrialTypeCode: string;
+
+  /**
+   * 物料类型名称
+   */
+  matrialTypeName: string;
+
+  /**
+   * 祖级列表
+   */
+  ancestors: string;
+
+  /**
+   * 物料大类
+   */
+  materialCategoryId: string;
+
+  /**
+   * 物料小类
+   */
+  materialSubclass: string;
+
+  /**
+   * 工序ID
+   */
+  processId: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 创建部门
+   */
+  createDept: number;
+
+  /**
+   * 创建人
+   */
+  createBy: number;
+
+  /**
+   * 创建时间
+   */
+  createTime: string;
+
+  /**
+   * 更新人
+   */
+  updateBy: number;
+
+  /**
+   * 更新时间
+   */
+  updateTime: string;
+
+  /**
+   * 子对象
+   */
+  children: BaseMaterialTypeVO[];
+
+  /**
+   * 物料大类名称
+   */
+  materialCategoryName?: string;
+}
+
+export interface BaseMaterialTypeForm extends BaseEntity {
+  /**
+   * 物料类型ID
+   */
+  matrialTypeId?: string | number;
+
+  /**
+   * 父级标识
+   */
+  parentId?: string | number;
+
+  /**
+   * 物料类型编号
+   */
+  matrialTypeCode?: string;
+
+  /**
+   * 物料类型名称
+   */
+  matrialTypeName?: string;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 物料大类
+   */
+  materialCategoryId?: string;
+
+  /**
+   * 物料小类
+   */
+  materialSubclass?: string;
+
+  /**
+   * 工序ID
+   */
+  processId?: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 物料大类名称
+   */
+  materialCategoryName?: string;
+
+}
+
+export interface BaseMaterialTypeQuery {
+
+  /**
+   * 物料类型ID
+   */
+  matrialTypeId?: string | number;
+
+  /**
+   * 父级标识
+   */
+  parentId?: string | number;
+
+  /**
+   * 物料类型编号
+   */
+  matrialTypeCode?: string;
+
+  /**
+   * 物料类型名称
+   */
+  matrialTypeName?: string;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 物料大类
+   */
+  materialCategoryId?: string;
+
+  /**
+   * 物料小类
+   */
+  materialSubclass?: string;
+
+  /**
+   * 工序ID
+   */
+  processId?: string | number;
+
+  /**
+   * 激活标识（1是 0否）
+   */
+  activeFlag?: string;
+
+  /**
+   * 日期范围参数
+   */
+  params?: any;
+
+  /**
+   * 物料大类名称
+   */
+  materialCategoryName?: string;
+}
+
+
+
diff --git a/src/api/wms/baseMeasurementUnitInfo/index.ts b/src/api/wms/baseMeasurementUnitInfo/index.ts
new file mode 100644
index 0000000..b97f9fd
--- /dev/null
+++ b/src/api/wms/baseMeasurementUnitInfo/index.ts
@@ -0,0 +1,77 @@
+import request from '@/utils/request';
+import { AxiosPromise } from 'axios';
+import { BaseMeasurementUnitInfoVO, BaseMeasurementUnitInfoForm, BaseMeasurementUnitInfoQuery } from '@/api/wms/baseMeasurementUnitInfo/types';
+
+/**
+ * 查询计量单位信息列表
+ * @param query
+ * @returns {*}
+ */
+
+export const listBaseMeasurementUnitInfo = (query?: BaseMeasurementUnitInfoQuery): AxiosPromise<BaseMeasurementUnitInfoVO[]> => {
+  return request({
+    url: '/wms/baseMeasurementUnitInfo/list',
+    method: 'get',
+    params: query
+  });
+};
+
+/**
+ * 查询计量单位信息详细
+ * @param unitId
+ */
+export const getBaseMeasurementUnitInfo = (unitId: string | number): AxiosPromise<BaseMeasurementUnitInfoVO> => {
+  return request({
+    url: '/wms/baseMeasurementUnitInfo/' + unitId,
+    method: 'get'
+  });
+};
+
+/**
+ * 新增计量单位信息
+ * @param data
+ */
+export const addBaseMeasurementUnitInfo = (data: BaseMeasurementUnitInfoForm) => {
+  return request({
+    url: '/wms/baseMeasurementUnitInfo',
+    method: 'post',
+    data: data
+  });
+};
+
+/**
+ * 修改计量单位信息
+ * @param data
+ */
+export const updateBaseMeasurementUnitInfo = (data: BaseMeasurementUnitInfoForm) => {
+  return request({
+    url: '/wms/baseMeasurementUnitInfo',
+    method: 'put',
+    data: data
+  });
+};
+
+/**
+ * 删除计量单位信息
+ * @param unitId
+ */
+export const delBaseMeasurementUnitInfo = (unitId: string | number | Array<string | number>) => {
+  return request({
+    url: '/wms/baseMeasurementUnitInfo/' + unitId,
+    method: 'delete'
+  });
+};
+
+
+/**
+ * 下拉框查询计量单位信息列表
+ * @param query
+ * @returns {*}
+ */
+export function getBaseMeasurementUnitInfoList (query) {
+    return request({
+        url: '/wms/baseMeasurementUnitInfo/getBaseMeasurementUnitInfoList',
+        method: 'get',
+        params: query
+    });
+};
diff --git a/src/api/wms/baseMeasurementUnitInfo/types.ts b/src/api/wms/baseMeasurementUnitInfo/types.ts
new file mode 100644
index 0000000..504b23d
--- /dev/null
+++ b/src/api/wms/baseMeasurementUnitInfo/types.ts
@@ -0,0 +1,175 @@
+export interface BaseMeasurementUnitInfoVO {
+  /**
+   * 主键标识
+   */
+  unitId: string | number;
+
+  /**
+   * 父级标识
+   */
+  parentId: string | number;
+
+  /**
+   * 计量单位编号
+   */
+  unitCode: string;
+
+  /**
+   * 计量单位名称
+   */
+  unitName: string;
+
+  /**
+   * 计量单位转换（与最顶级转换关系，最顶级是1）
+   */
+  unitConversion: number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors: string;
+
+  /**
+   * 单位类型（1长度 2质量 3时间 4面积 5体积）
+   */
+  unitType: string;
+
+  /**
+   * 备注
+   */
+  remark: string;
+
+  /**
+   * 激活标识(1是 0否)
+   */
+  activeFlag: string;
+
+  /**
+   * 创建部门
+   */
+  createDept: number;
+
+  /**
+   * 创建人
+   */
+  createBy: number;
+
+  /**
+   * 创建时间
+   */
+  createTime: string;
+
+  /**
+   * 更新人
+   */
+  updateBy: number;
+
+  /**
+   * 更新时间
+   */
+  updateTime: string;
+
+    /**
+     * 子对象
+     */
+    children: BaseMeasurementUnitInfoVO[];
+}
+
+export interface BaseMeasurementUnitInfoForm extends BaseEntity {
+  /**
+   * 主键标识
+   */
+  unitId?: string | number;
+
+  /**
+   * 父级标识
+   */
+  parentId?: string | number;
+
+  /**
+   * 计量单位编号
+   */
+  unitCode?: string;
+
+  /**
+   * 计量单位名称
+   */
+  unitName?: string;
+
+  /**
+   * 计量单位转换（与最顶级转换关系，最顶级是1）
+   */
+  unitConversion?: number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 单位类型（1长度 2质量 3时间 4面积 5体积）
+   */
+  unitType?: string;
+
+  /**
+   * 备注
+   */
+  remark?: string;
+
+  /**
+   * 激活标识(1是 0否)
+   */
+  activeFlag?: string;
+
+}
+
+export interface BaseMeasurementUnitInfoQuery {
+
+  /**
+   * 主键标识
+   */
+  unitId?: string | number;
+
+  /**
+   * 父级标识
+   */
+  parentId?: string | number;
+
+  /**
+   * 计量单位编号
+   */
+  unitCode?: string;
+
+  /**
+   * 计量单位名称
+   */
+  unitName?: string;
+
+  /**
+   * 计量单位转换（与最顶级转换关系，最顶级是1）
+   */
+  unitConversion?: number;
+
+  /**
+   * 祖级列表
+   */
+  ancestors?: string;
+
+  /**
+   * 单位类型（1长度 2质量 3时间 4面积 5体积）
+   */
+  unitType?: string;
+
+  /**
+   * 激活标识(1是 0否)
+   */
+  activeFlag?: string;
+
+    /**
+     * 日期范围参数
+     */
+    params?: any;
+}
+
+
+
diff --git a/src/views/wms/baseMaterialCategory/index.vue b/src/views/wms/baseMaterialCategory/index.vue
new file mode 100644
index 0000000..2fd857d
--- /dev/null
+++ b/src/views/wms/baseMaterialCategory/index.vue
@@ -0,0 +1,285 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+<!--            <el-form-item label="大类ID" prop="materialCategoryId">
+              <el-input v-model="queryParams.materialCategoryId" placeholder="请输入大类ID" clearable @keyup.enter="handleQuery" />
+            </el-form-item>-->
+            <el-form-item label="大类编号" prop="materialCategoryCode">
+              <el-input v-model="queryParams.materialCategoryCode" placeholder="请输入大类编号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="大类名称" prop="materialCategoryName">
+              <el-input v-model="queryParams.materialCategoryName" placeholder="请输入大类名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <!--            <el-form-item label="激活标识" prop="activeFlag">
+                          <el-input v-model="queryParams.activeFlag" placeholder="请输入激活标识" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>-->
+            <el-form-item label="激活标识" prop="activeFlag">
+              <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable >
+                <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['mes:baseMaterialCategory:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['mes:baseMaterialCategory:edit']">修改</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['mes:baseMaterialCategory:remove']">删除</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['mes:baseMaterialCategory:export']">导出</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="baseMaterialCategoryList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55" align="center" />
+        <el-table-column label="大类ID" align="center" prop="materialCategoryId" v-if="columns[0].visible"/>
+        <el-table-column label="大类编号" align="center" prop="materialCategoryCode" v-if="columns[2].visible"/>
+        <el-table-column label="大类名称" align="center" prop="materialCategoryName" v-if="columns[3].visible"/>
+        <!--        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[4].visible"/>-->
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[4].visible">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[5].visible"/>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseMaterialCategory:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseMaterialCategory:remove']"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+    <!-- 添加或修改物料大类信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="baseMaterialCategoryFormRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="大类编号" prop="materialCategoryCode">
+          <el-input v-model="form.materialCategoryCode" placeholder="请输入大类编号" />
+        </el-form-item>
+        <el-form-item label="大类名称" prop="materialCategoryName">
+          <el-input v-model="form.materialCategoryName" placeholder="请输入大类名称" />
+        </el-form-item>
+        <!--        <el-form-item label="激活标识" prop="activeFlag">
+                  <el-input v-model="form.activeFlag" placeholder="请输入激活标识" />
+                </el-form-item>-->
+        <el-form-item label="激活标识" prop="activeFlag">
+          <el-radio-group v-model="form.activeFlag">
+            <el-radio
+              v-for="dict in active_flag"
+              :key="dict.value"
+              :value="dict.value"
+            >{{dict.label}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="BaseMaterialCategory" lang="ts">
+import { listBaseMaterialCategoryInWMS, getBaseMaterialCategoryInWMS, delBaseMaterialCategoryInWMS, addBaseMaterialCategoryInWMS, updateBaseMaterialCategoryInWMS } from '@/api/wms/baseMaterialCategory';
+import { BaseMaterialCategoryVO, BaseMaterialCategoryQuery, BaseMaterialCategoryForm } from '@/api/wms/baseMaterialCategory/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
+
+const baseMaterialCategoryList = ref<BaseMaterialCategoryVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+
+const queryFormRef = ref<ElFormInstance>();
+const baseMaterialCategoryFormRef = ref<ElFormInstance>();
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  { key: 0, label: `大类ID`, visible: false },
+  { key: 1, label: `租户编号`, visible: false },
+  { key: 2, label: `大类编号`, visible: true },
+  { key: 3, label: `大类名称`, visible: true },
+  { key: 4, label: `激活标识`, visible: true },
+  { key: 5, label: `备注`, visible: true },
+  { key: 6, label: `创建部门`, visible: false },
+  { key: 7, label: `创建人`, visible: false },
+  { key: 8, label: `创建时间`, visible: false },
+  { key: 9, label: `更新人`, visible: false },
+  { key: 10, label: `更新时间`, visible: false },
+]);
+
+const initFormData: BaseMaterialCategoryForm = {
+  materialCategoryId: undefined,
+  materialCategoryCode: undefined,
+  materialCategoryName: undefined,
+  activeFlag: '1',
+  remark: undefined,
+}
+const data = reactive<PageData<BaseMaterialCategoryForm, BaseMaterialCategoryQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    materialCategoryId: undefined,
+    materialCategoryCode: undefined,
+    materialCategoryName: undefined,
+    activeFlag: undefined,
+    params: {
+    }
+  },
+  rules: {
+    /*    materialCategories: [
+          { required: true, message: "大类ID不能为空", trigger: "blur" }
+        ],*/
+    materialCategoryCode: [
+      { required: true, message: "大类编号不能为空", trigger: "blur" }
+    ],
+    materialCategoryName: [
+      { required: true, message: "大类名称不能为空", trigger: "blur" }
+    ],
+    activeFlag: [
+      { required: true, message: "激活标识不能为空", trigger: "blur" }
+    ],
+    /*    remark: [
+          { required: true, message: "备注不能为空", trigger: "blur" }
+        ],*/
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询物料大类信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listBaseMaterialCategoryInWMS(queryParams.value);
+  baseMaterialCategoryList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  baseMaterialCategoryFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: BaseMaterialCategoryVO[]) => {
+  ids.value = selection.map(item => item.materialCategoryId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加物料大类信息";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: BaseMaterialCategoryVO) => {
+  reset();
+  const _materialCategoryId = row?.materialCategoryId || ids.value[0]
+  const res = await getBaseMaterialCategoryInWMS(_materialCategoryId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改物料大类信息";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  baseMaterialCategoryFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.materialCategoryId) {
+        await updateBaseMaterialCategoryInWMS(form.value).finally(() =>  buttonLoading.value = false);
+      } else {
+        await addBaseMaterialCategoryInWMS(form.value).finally(() =>  buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: BaseMaterialCategoryVO) => {
+  const _materialCategoryIds = row?.materialCategoryId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除物料大类信息编号为"' + _materialCategoryIds + '"的数据项？').finally(() => loading.value = false);
+  await delBaseMaterialCategoryInWMS(_materialCategoryIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('wms/baseMaterialCategory/export', {
+    ...queryParams.value
+  }, `baseMaterialCategory_${new Date().getTime()}.xlsx`)
+}
+
+onMounted(() => {
+  getList();
+});
+</script>
diff --git a/src/views/wms/baseMaterialInfo/addMaterialInWMS.vue b/src/views/wms/baseMaterialInfo/addMaterialInWMS.vue
new file mode 100644
index 0000000..eb37416
--- /dev/null
+++ b/src/views/wms/baseMaterialInfo/addMaterialInWMS.vue
@@ -0,0 +1,515 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+
+            <el-form-item label="物料编码" prop="materialCode">
+              <el-input v-model="queryParams.materialCode" placeholder="请输入物料编码" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="物料大类" prop="materialCategoryId">
+              <el-select v-model="queryParams.materialCategoryId" placeholder="请选择物料大类" clearable >
+                <el-option v-for="item in mategoryOptions"
+                           :key="item.materialCategoryId"
+                           :label="item.materialCategoryName"
+                           :value="item.materialCategoryId"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+
+      <el-table v-loading="loading"
+                :data="baseMaterialInfoList"
+                ref="tableRef"
+                @selection-change="handleSelectionChange"
+                @row-click="handleRowClick"
+                highlight-current-row
+      >
+        <!--        <el-table-column type="selection" width="55" align="center" />-->
+        <!--        <el-table-column label="主键标识" align="center" prop="materialId" v-if="columns[0].visible"/>-->
+        <!--        <el-table-column label="租户编号" align="center" prop="tenantId" v-if="columns[1].visible"/>-->
+        <el-table-column label="ERP信息" align="center" prop="erpId" v-if="columns[0].visible"/>
+        <el-table-column label="物料编码" align="center" prop="materialCode" v-if="columns[1].visible" width="100"/>
+        <el-table-column label="旧物料编码" align="center" prop="oldMaterialCode" v-if="columns[2].visible" width="100"/>
+        <el-table-column label="物料名称" align="center" prop="materialName" v-if="columns[3].visible" width="150"/>
+        <el-table-column label="物料类型ID" align="center" prop="materialTypeId" v-if="columns[4].visible"/>
+        <el-table-column label="物料大类" align="center" prop="materialCategoryName" v-if="columns[5].visible">
+
+        </el-table-column>
+        <el-table-column label="物料小类" align="center" prop="materialSubclass" v-if="columns[6].visible"/>
+        <el-table-column label="批次标识" align="center" prop="batchFlag" v-if="columns[7].visible">
+          <template #default="scope">
+            <dict-tag :options="mes_batch_flag" :value="scope.row.batchFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="小批次数量" align="center" prop="batchAmount" v-if="columns[8].visible"/>
+        <el-table-column label="计量单位ID" align="center" prop="materialUnitId" v-if="columns[9].visible"/>
+        <el-table-column label="计量单位名称" align="center" prop="materialUnit" v-if="columns[10].visible" width="120"/>
+        <el-table-column label="物料组" align="center" prop="materialMatkl" v-if="columns[11].visible"/>
+        <el-table-column label="物料规格" align="center" prop="materialSpec" v-if="columns[12].visible"/>
+        <el-table-column label="净重" align="center" prop="netWeight" v-if="columns[13].visible"/>
+        <el-table-column label="毛重" align="center" prop="grossWeight" v-if="columns[14].visible"/>
+        <el-table-column label="绑定标识" align="center" prop="alwaysFlag" v-if="columns[15].visible">
+          <template #default="scope">
+            <dict-tag :options="always_flag" :value="scope.row.alwaysFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="所属工厂" align="center" prop="factoryName" v-if="columns[16].visible"/>
+        <el-table-column label="创建组织" align="center" prop="createOrgId" v-if="columns[17].visible"/>
+        <el-table-column label="使用组织" align="center" prop="useOrgId" v-if="columns[18].visible"/>
+        <el-table-column label="所属产线" align="center" prop="prodLineId" v-if="columns[19].visible"/>
+        <el-table-column label="激活标识" align="center" prop="activeFlag" v-if="columns[20].visible">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="删除标识" align="center" prop="deletedFlag" v-if="columns[21].visible">
+          <template #default="scope">
+            <dict-tag :options="deleted_flag" :value="scope.row.deletedFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="采购计价单位" align="center" prop="purchasePriceUnitId" v-if="columns[22].visible"/>
+        <el-table-column label="审核日期" align="center" prop="approveDate" width="180" v-if="columns[23].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.approveDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="erp最后更新日期" align="center" prop="erpModifyDate" width="180" v-if="columns[24].visible">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.erpModifyDate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="最大库存数量" align="center" prop="maxStockAmount" v-if="columns[25].visible"/>
+        <el-table-column label="最小库存数量" align="center" prop="minStockAmount" v-if="columns[26].visible"/>
+        <el-table-column label="安全库存数量" align="center" prop="safeStockAmount" v-if="columns[27].visible"/>
+        <el-table-column label="申请标识" align="center" prop="applyFlag" v-if="columns[28].visible">
+          <template #default="scope">
+            <dict-tag :options="apply_flag" :value="scope.row.applyFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="物料分类" align="center" prop="materialClassfication" v-if="columns[29].visible">
+          <template #default="scope">
+            <dict-tag :options="material_classfication" :value="scope.row.materialClassfication"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="自动出库标识" align="center" prop="autoOutstockFlag" v-if="columns[30].visible">
+          <template #default="scope">
+            <dict-tag :options="auto_outstock_flag" :value="scope.row.autoOutstockFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="辅料标识" align="center" prop="accessoriesFlag" v-if="columns[31].visible">
+          <template #default="scope">
+            <dict-tag :options="mes_accessories_flag" :value="scope.row.accessoriesFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="低值易耗品标识(1是 0否)" align="center" prop="lowValueConsumableFlag" v-if="columns[32].visible">
+          <template #default="scope">
+            <dict-tag :options="mes_low_value_consumable_flag" :value="scope.row.lowValueConsumableFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="品牌" align="center" prop="brand" v-if="columns[33].visible"/>
+        <el-table-column label="层级" align="center" prop="plyrating" v-if="columns[34].visible"/>
+        <el-table-column label="花纹" align="center" prop="pattern" v-if="columns[35].visible"/>
+        <el-table-column label="速度级别" align="center" prop="speedLevel" v-if="columns[36].visible"/>
+        <el-table-column label="负荷载重" align="center" prop="load" v-if="columns[37].visible"/>
+        <el-table-column label="轮胎标记" align="center" prop="tireMarkings" v-if="columns[38].visible">
+          <template #default="scope">
+            <dict-tag :options="tire_markings" :value="scope.row.tireMarkings"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="最小停放时间" align="center" prop="minParkingTime" v-if="columns[39].visible"/>
+        <el-table-column label="最大停放时间" align="center" prop="maxParkingTime" v-if="columns[40].visible"/>
+        <el-table-column label="标准重量" align="center" prop="standardWeight" v-if="columns[41].visible"/>
+        <el-table-column label="标准重量上限" align="center" prop="weightUpperLimit" v-if="columns[42].visible"/>
+        <el-table-column label="标准重量下限" align="center" prop="weightLowerLimit" v-if="columns[43].visible"/>
+        <el-table-column label="内胎标记" align="center" prop="innerTubeFlag" v-if="columns[44].visible">
+          <template #default="scope">
+            <dict-tag :options="inner_tube_flag" :value="scope.row.innerTubeFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="销售类型" align="center" prop="saleType" v-if="columns[45].visible">
+          <template #default="scope">
+            <dict-tag :options="sale_type" :value="scope.row.saleType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[46].visible"/>
+        <!--        <el-table-column label="创建部门" align="center" prop="createDept" v-if="columns[49].visible"/>
+                <el-table-column label="创建人" align="center" prop="createBy" v-if="columns[50].visible"/>
+                <el-table-column label="创建时间" align="center" prop="createTime" width="180" v-if="columns[51].visible">
+                  <template #default="scope">
+                    <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+                  </template>
+                </el-table-column>
+                <el-table-column label="更新人" align="center" prop="updateBy" v-if="columns[52].visible"/>
+                <el-table-column label="更新时间" align="center" prop="updateTime" width="180" v-if="columns[53].visible">
+                  <template #default="scope">
+                    <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
+                  </template>
+                </el-table-column>-->
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+  </div>
+</template>
+
+<script setup name="BaseMaterialInfo" lang="ts">
+import {
+  listBaseMaterialInfoInWMS,
+  getBaseMaterialInfoInWMS,
+  delBaseMaterialInfoInWMS,
+  addBaseMaterialInfoInWMS,
+  updateBaseMaterialInfoInWMS,
+} from '@/api/wms/baseMaterialInfo';
+import { BaseMaterialInfoVO, BaseMaterialInfoQuery, BaseMaterialInfoForm } from '@/api/wms/baseMaterialInfo/types';
+
+
+import { getBaseMaterialCategoryListInWMS } from '@/api/wms/baseMaterialCategory';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { apply_flag, inner_tube_flag,
+  mes_material_categories, always_flag, mes_accessories_flag,
+  auto_outstock_flag, mes_batch_flag, active_flag, sale_type, deleted_flag, tire_markings,
+  material_classfication, mes_low_value_consumable_flag } = toRefs<any>(proxy?.useDict('apply_flag', 'inner_tube_flag', 'mes_material_categories', 'always_flag', 'mes_accessories_flag', 'auto_outstock_flag', 'mes_batch_flag', 'active_flag', 'sale_type', 'deleted_flag', 'tire_markings', 'material_classfication', 'mes_low_value_consumable_flag'));
+
+const baseMaterialInfoList = ref<BaseMaterialInfoVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const dateRangeApproveDate = ref<[DateModelType, DateModelType]>(['', '']);
+
+const queryFormRef = ref<ElFormInstance>();
+const baseMaterialInfoFormRef = ref<ElFormInstance>();
+const selectedRow = ref({});
+const tableRef = ref()
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+  /*        { key: 0, label: `主键标识`, visible: true },
+          { key: 1, label: `租户编号`, visible: true },*/
+  { key: 0, label: `ERP信息`, visible: false },
+  { key: 1, label: `物料编码`, visible: true },
+  { key: 2, label: `旧物料编码`, visible: true },
+  { key: 3, label: `物料名称`, visible: true },
+  { key: 4, label: `物料类型ID`, visible: false },
+  { key: 5, label: `物料大类`, visible: true },
+  { key: 6, label: `物料小类`, visible: false },
+  { key: 7, label: `批次标识`, visible: false },
+  { key: 8, label: `小批次数量`, visible: false },
+  { key: 9, label: `计量单位ID`, visible: false },
+  { key: 10, label: `计量单位名称`, visible: true },
+  { key: 11, label: `物料组`, visible: false },
+  { key: 12, label: `物料规格`, visible: true },
+  { key: 13, label: `净重`, visible: false },
+  { key: 14, label: `毛重`, visible: false },
+  { key: 15, label: `绑定标识`, visible: false },
+  { key: 16, label: `所属工厂`, visible: false },
+  { key: 17, label: `创建组织`, visible: false },
+  { key: 18, label: `使用组织`, visible: false },
+  { key: 19, label: `所属产线`, visible: false },
+  { key: 20, label: `激活标识`, visible: false },
+  { key: 21, label: `删除标识`, visible: false },
+  { key: 22, label: `采购计价单位`, visible: false },
+  { key: 23, label: `审核日期`, visible: false },
+  { key: 24, label: `erp最后更新日期`, visible: false },
+  { key: 25, label: `最大库存数量`, visible: false },
+  { key: 26, label: `最小库存数量`, visible: false },
+  { key: 27, label: `安全库存数量`, visible: false },
+  { key: 28, label: `申请标识`, visible: false },
+  { key: 29, label: `物料分类`, visible: false },
+  { key: 30, label: `自动出库标识`, visible: false },
+  { key: 31, label: `辅料标识`, visible: false },
+  { key: 32, label: `低值易耗品标识`, visible: false },
+  { key: 33, label: `品牌`, visible: false },
+  { key: 34, label: `层级`, visible: false },
+  { key: 35, label: `花纹`, visible: false },
+  { key: 36, label: `速度级别`, visible: false },
+  { key: 37, label: `负荷载重`, visible: false },
+  { key: 38, label: `轮胎标记`, visible: false },
+  { key: 39, label: `最小停放时间`, visible: false },
+  { key: 40, label: `最大停放时间`, visible: false },
+  { key: 41, label: `标准重量`, visible: false },
+  { key: 42, label: `标准重量上限`, visible: false },
+  { key: 43, label: `标准重量下限`, visible: false },
+  { key: 44, label: `内胎标记`, visible: false },
+  { key: 45, label: `销售类型`, visible: false },
+  { key: 46, label: `备注`, visible: false },
+  /*        { key: 49, label: `创建部门`, visible: true },
+          { key: 50, label: `创建人`, visible: true },
+          { key: 51, label: `创建时间`, visible: true },
+          { key: 52, label: `更新人`, visible: true },
+          { key: 53, label: `更新时间`, visible: true },*/
+]);
+
+const initFormData: BaseMaterialInfoForm = {
+  materialId: undefined,
+  erpId: undefined,
+  materialCode: undefined,
+  oldMaterialCode: undefined,
+  materialName: undefined,
+  materialTypeId: undefined,
+  materialCategoryId: undefined,
+  materialCategoryName: undefined,
+  materialSubclass: undefined,
+  batchFlag: undefined,
+  batchAmount: undefined,
+  materialUnitId: undefined,
+  materialUnit: undefined,
+  materialMatkl: undefined,
+  materialSpec: undefined,
+  netWeight: undefined,
+  grossWeight: undefined,
+  alwaysFlag: undefined,
+  factoryId: undefined,
+  createOrgId: undefined,
+  useOrgId: undefined,
+  prodLineId: undefined,
+  activeFlag: '1',
+  deletedFlag: undefined,
+  purchasePriceUnitId: undefined,
+  approveDate: undefined,
+  erpModifyDate: undefined,
+  maxStockAmount: undefined,
+  minStockAmount: undefined,
+  safeStockAmount: undefined,
+  applyFlag: undefined,
+  materialClassfication: undefined,
+  autoOutstockFlag: undefined,
+  accessoriesFlag: undefined,
+  lowValueConsumableFlag: undefined,
+  brand: undefined,
+  plyrating: undefined,
+  pattern: undefined,
+  speedLevel: undefined,
+  load: undefined,
+  tireMarkings: undefined,
+  minParkingTime: undefined,
+  maxParkingTime: undefined,
+  standardWeight: undefined,
+  weightUpperLimit: undefined,
+  weightLowerLimit: undefined,
+  innerTubeFlag: undefined,
+  saleType: undefined,
+  remark: undefined,
+}
+const data = reactive<PageData<BaseMaterialInfoForm, BaseMaterialInfoQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    materialId: undefined,
+    erpId: undefined,
+    materialCode: undefined,
+    oldMaterialCode: undefined,
+    materialName: undefined,
+    materialTypeId: undefined,
+    materialCategoryId: undefined,
+    materialCategoryName: undefined,
+    materialSubclass: undefined,
+    batchFlag: undefined,
+    batchAmount: undefined,
+    materialUnitId: undefined,
+    materialUnit: undefined,
+    materialMatkl: undefined,
+    materialSpec: undefined,
+    netWeight: undefined,
+    grossWeight: undefined,
+    alwaysFlag: undefined,
+    factoryId: undefined,
+    createOrgId: undefined,
+    useOrgId: undefined,
+    prodLineId: undefined,
+    activeFlag: undefined,
+    deletedFlag: undefined,
+    purchasePriceUnitId: undefined,
+    erpModifyDate: undefined,
+    maxStockAmount: undefined,
+    minStockAmount: undefined,
+    safeStockAmount: undefined,
+    applyFlag: undefined,
+    materialClassfication: undefined,
+    autoOutstockFlag: undefined,
+    accessoriesFlag: undefined,
+    lowValueConsumableFlag: undefined,
+    brand: undefined,
+    plyrating: undefined,
+    pattern: undefined,
+    speedLevel: undefined,
+    load: undefined,
+    tireMarkings: undefined,
+    minParkingTime: undefined,
+    maxParkingTime: undefined,
+    standardWeight: undefined,
+    weightUpperLimit: undefined,
+    weightLowerLimit: undefined,
+    innerTubeFlag: undefined,
+    saleType: undefined,
+    params: {
+      approveDate: undefined,
+    }
+  },
+  rules: {
+    erpId: [
+      { required: true, message: "ERP信息不能为空", trigger: "blur" }
+    ],
+    materialCode: [
+      { required: true, message: "物料编码不能为空", trigger: "blur" }
+    ],
+    materialName: [
+      { required: true, message: "物料名称不能为空", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const props = defineProps({
+  materialTypeId: String ,
+  materialCategoryId: String,// 新增接收物料大类参数
+});
+
+const { materialTypeId, materialCategoryId } = toRefs(props);
+
+const emits = defineEmits(['selection']);  // 定义事件
+
+
+/** 查询物料信息列表 */
+const getList = async () => {
+  loading.value = true;
+  queryParams.value.params = {};
+  queryParams.value.materialTypeId = materialTypeId.value;
+
+  // 如果传入了物料大类，则设置查询参数并禁用修改
+  if (materialCategoryId.value) {
+    queryParams.value.materialCategoryId = materialCategoryId.value;
+  }
+
+  proxy?.addDateRange(queryParams.value, dateRangeApproveDate.value, 'ApproveDate');
+  const res = await listBaseMaterialInfoInWMS(queryParams.value);
+  baseMaterialInfoList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  baseMaterialInfoFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  dateRangeApproveDate.value = ['', ''];
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+// /** 多选框选中数据 */
+// const handleSelectionChange = (selection: BaseMaterialInfoVO[]) => {
+//   ids.value = selection.map(item => item.materialId);
+//   single.value = selection.length != 1;
+//   multiple.value = !selection.length;
+// }
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+  dialog.visible = true;
+  dialog.title = "添加物料信息";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: BaseMaterialInfoVO) => {
+  reset();
+  const _materialId = row?.materialId || ids.value[0]
+  const res = await getBaseMaterialInfoInWMS(_materialId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改物料信息";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  baseMaterialInfoFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.materialId) {
+        await updateBaseMaterialInfoInWMS(form.value).finally(() =>  buttonLoading.value = false);
+      } else {
+        await addBaseMaterialInfoInWMS(form.value).finally(() =>  buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: BaseMaterialInfoVO) => {
+  const _materialIds = row?.materialId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除物料信息编号为"' + _materialIds + '"的数据项？').finally(() => loading.value = false);
+  await delBaseMaterialInfoInWMS(_materialIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('wms/baseMaterialInfo/export', {
+    ...queryParams.value
+  }, `baseMaterialInfo_${new Date().getTime()}.xlsx`)
+}
+
+/** 选中列赋值 */
+const handleRowClick = (row) => {
+  selectedRow.value = row;
+  // 触发选择事件，将完整的行数据传递给父组件
+  emits('selection', row);
+};
+
+//获取物料大类下拉框
+let mategoryOptions = ref([]);
+const getMaterialCategorySelect = async () => {
+  const res = await getBaseMaterialCategoryListInWMS(null);
+  mategoryOptions.value = res.data;
+};
+
+
+defineExpose({tableRef})
+onMounted(() => {
+  getMaterialCategorySelect();
+  getList();
+});
+</script>
diff --git a/src/views/wms/baseMaterialInfo/index.vue b/src/views/wms/baseMaterialInfo/index.vue
new file mode 100644
index 0000000..47262e7
--- /dev/null
+++ b/src/views/wms/baseMaterialInfo/index.vue
@@ -0,0 +1,704 @@
+<template>
+  <div class="p-2">
+<el-row :gutter="9">
+  <el-col :span="4" :xs="24">
+    <div class="head-container">
+      <el-input
+        v-model="filterBoxName"
+        placeholder="请输入名称"
+        clearable
+        size="small"
+        prefix-icon="el-icon-search"
+        style="margin-bottom: 20px"
+      />
+    </div>
+    <div class="head-container">
+      <div class="tree-container">
+        <el-tree
+          :data="InfoOptions"
+          :props="props"
+          :expand-on-click-node="false"
+          :filter-node-method="filterNode"
+          ref="tree"
+          node-key="matrialTypeId"
+          default-expand-all
+          highlight-current
+          @node-click="handleTreeNodeClick"
+        />
+      </div>
+    </div>
+  </el-col>
+
+  <el-col :span="20" :xs="24">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <el-form-item label="物料编码" prop="materialCode">
+              <el-input v-model="queryParams.materialCode" placeholder="请输入物料编码" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['mes:baseMaterialInfo:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['mes:baseMaterialInfo:edit']">修改</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['mes:baseMaterialInfo:remove']">删除</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['mes:baseMaterialInfo:export']">导出</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" :columns="columns" :search="true" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+
+      <el-table v-loading="loading" :data="baseMaterialInfoList" @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="60" align="center" />
+        <el-table-column label="物料编码" align="center" prop="materialCode" v-if="columns[0].visible"/>
+        <el-table-column label="物料名称" align="center" prop="materialName" v-if="columns[1].visible" width="220px"/>
+        <el-table-column label="物料类型" align="center" prop="matrialTypeName" v-if="columns[2].visible"/>
+        <el-table-column label="物料大类" align="center" prop="materialCategoryName" v-if="columns[3].visible"/>
+        <el-table-column label="计量单位名称" align="center" prop="materialUnit" v-if="columns[4].visible"/>
+        <el-table-column label="物料规格" align="center" prop="materialCategoryName" v-if="columns[5].visible"/>
+        <el-table-column label="最小停放时间" align="center" prop="minParkingTime" v-if="columns[6].visible">
+          <template #default="scope">
+            <span>{{ formatDayHourMinutes(scope.row.minParkingTime) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="最大停放时间" align="center" prop="maxParkingTime" v-if="columns[7].visible">
+          <template #default="scope">
+            <span>{{ formatDayHourMinutes(scope.row.maxParkingTime) }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="备注" align="center" prop="remark" v-if="columns[8].visible"/>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseMaterialInfo:edit']"></el-button>
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseMaterialInfo:remove']"></el-button>
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+
+  </el-col>
+
+</el-row>
+
+    <!-- 添加或修改物料信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="1200px" append-to-body>
+      <el-form ref="baseMaterialInfoFormRef" :model="form" :rules="rules" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="物料编码" prop="materialCode">
+              <el-input v-model="form.materialCode" placeholder="请输入物料编码" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="8">
+            <el-form-item label="物料名称" prop="materialName">
+              <el-input v-model="form.materialName" placeholder="请输入物料名称" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="物料类型" prop="materialTypeId">
+              <el-select v-model="form.materialTypeId" placeholder="请选择物料类型" @change="materialCategoryIdBymaterialTypeId">
+                <el-option
+                    v-for="item in materialTypeList"
+                    :key="item.matrialTypeId"
+                    :label="item.matrialTypeName"
+                    :value="item.matrialTypeId"
+                ></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="物料规格" prop="materialSpec">
+              <el-input v-model="form.materialSpec" placeholder="请输入物料规格" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="最小停放时间" prop="minParkingTime">
+              <el-input-number
+                v-model="form.minParkingDays"
+                placeholder="请输入天数"
+                :min="0"
+                :max="10000"
+                :controls="false"
+                :style="{ width: '50px' }"
+              />
+              <span>&nbsp;天&nbsp;</span>
+              <el-input-number v-model="form.minParkingHours" placeholder="请输入小时" :min="0" :max="23" :controls="false" :style="{ width: '50px' }" />
+              <span>&nbsp;小时&nbsp;</span>
+              <el-input-number
+                v-model="form.minParkingMinutes"
+                placeholder="请输入分钟"
+                :min="0"
+                :max="59"
+                :controls="false"
+                :style="{ width: '50px' }"
+              />
+              <span>&nbsp;分钟&nbsp;</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="最大停放时间" prop="maxParkingTime">
+              <el-input-number
+                v-model="form.maxParkingDays"
+                placeholder="请输入天数"
+                :min="0"
+                :max="10000"
+                :controls="false"
+                :style="{ width: '50px' }"
+              />
+              <span>&nbsp;天&nbsp;</span>
+              <el-input-number v-model="form.maxParkingHours" placeholder="请输入小时" :min="0" :max="23" :controls="false" :style="{ width: '50px' }" />
+              <span>&nbsp;小时&nbsp;</span>
+              <el-input-number
+                v-model="form.maxParkingMinutes"
+                placeholder="请输入分钟"
+                :min="0"
+                :max="59"
+                :controls="false"
+                :style="{ width: '50px' }"
+              />
+              <span>&nbsp;分钟&nbsp;</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <el-form-item label="备注" prop="remark">
+              <el-input v-model="form.remark" placeholder="请输入备注" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="BaseMaterialInfo" lang="ts">
+import { listBaseMaterialInfoInWMS, getBaseMaterialInfoInWMS, delBaseMaterialInfoInWMS, addBaseMaterialInfoInWMS, updateBaseMaterialInfoInWMS } from '@/api/wms/baseMaterialInfo';
+import { BaseMaterialInfoVO, BaseMaterialInfoQuery, BaseMaterialInfoForm } from '@/api/wms/baseMaterialInfo/types';
+// import { getFactoryList } from "@/api/wms/baseFactoryInfo";
+import { getBaseMaterialTypeList } from "@/api/wms/baseMaterialType";
+import {getBaseMaterialCategoryListInWMS} from "@/api/wms/baseMaterialCategory";
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const { apply_flag, inner_tube_flag,
+   always_flag, mes_accessories_flag,
+  auto_outstock_flag, mes_batch_flag, active_flag, sale_type, deleted_flag, tire_markings,
+  material_classfication, mes_low_value_consumable_flag } = toRefs<any>(proxy?.useDict('apply_flag', 'inner_tube_flag',   'always_flag', 'mes_accessories_flag', 'auto_outstock_flag', 'mes_batch_flag', 'active_flag', 'sale_type', 'deleted_flag', 'tire_markings', 'material_classfication', 'mes_low_value_consumable_flag'));
+
+const baseMaterialInfoList = ref<BaseMaterialInfoVO[]>([]);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref<Array<string | number>>([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const dateRangeApproveDate = ref<[DateModelType, DateModelType]>(['', '']);
+
+const queryFormRef = ref<ElFormInstance>();
+const baseMaterialInfoFormRef = ref<ElFormInstance>();
+
+/*type MeasureUnitList = {
+  unitId: number;
+  unitName: string;
+  children? : MeasureUnitList[];
+}*/
+
+
+const dialog = reactive<DialogOption>({
+  visible: false,
+  title: ''
+});
+
+// 列显隐信息
+const columns = ref<FieldOption[]>([
+        { key: 0, label: `物料编码`, visible: true },
+        { key: 1, label: `物料名称`, visible: true },
+        { key: 2, label: `物料类型ID`, visible: true },
+        { key: 3, label: `物料大类`, visible: true },
+       { key: 4, label: `计量单位名称`, visible: true },
+
+          { key: 5, label: `物料规格`, visible: true },
+            { key: 6, label: `最小停放时间`, visible: false },
+            { key: 7, label: `最大停放时间`, visible: false },
+            { key: 8, label: `备注`, visible: false },
+]);
+
+const initFormData: BaseMaterialInfoForm = {
+  materialId: undefined,
+  erpId: undefined,
+  materialCode: undefined,
+  oldMaterialCode: undefined,
+  materialName: undefined,
+  materialTypeId: undefined,
+
+  materialCategoryId: undefined,// 物料大类id
+  materialCategoryName: undefined,// 物料大类名称
+
+  materialSubclass: undefined,
+  batchFlag: undefined,
+  batchAmount: undefined,
+  materialUnitId: undefined,
+  materialUnit: undefined,
+  materialMatkl: undefined,
+  materialSpec: undefined,
+  netWeight: undefined,
+  grossWeight: undefined,
+  alwaysFlag: undefined,
+  factoryId: undefined,
+  createOrgId: undefined,
+  useOrgId: undefined,
+  prodLineId: undefined,
+  activeFlag: '1',
+  deletedFlag: undefined,
+  purchasePriceUnitId: undefined,
+  approveDate: undefined,
+  erpModifyDate: undefined,
+  maxStockAmount: undefined,
+  minStockAmount: undefined,
+  safeStockAmount: undefined,
+  applyFlag: undefined,
+  materialClassfication: undefined,
+  autoOutstockFlag: undefined,
+  accessoriesFlag: undefined,
+  lowValueConsumableFlag: undefined,
+  brand: undefined,
+  plyrating: undefined,
+  pattern: undefined,
+  speedLevel: undefined,
+  load: undefined,
+  tireMarkings: undefined,
+  minParkingTime: undefined,
+  maxParkingTime: undefined,
+  standardWeight: undefined,
+  weightUpperLimit: undefined,
+  weightLowerLimit: undefined,
+  innerTubeFlag: undefined,
+  saleType: undefined,
+  remark: undefined,
+  minParkingDays:0,
+  minParkingHours:0,
+  minParkingMinutes:0,
+  maxParkingDays:0,
+  maxParkingHours:0,
+  maxParkingMinutes:0,
+
+}
+const data = reactive<PageData<BaseMaterialInfoForm, BaseMaterialInfoQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    materialId: undefined,
+    erpId: undefined,
+    materialCode: undefined,
+    oldMaterialCode: undefined,
+    materialName: undefined,
+    materialTypeId: undefined,
+
+    materialCategoryId: undefined,
+    materialCategoryName: undefined,
+
+    materialSubclass: undefined,
+    batchFlag: undefined,
+    batchAmount: undefined,
+    materialUnitId: undefined,
+    materialUnit: undefined,
+    materialMatkl: undefined,
+    materialSpec: undefined,
+    netWeight: undefined,
+    grossWeight: undefined,
+    alwaysFlag: undefined,
+    factoryId: undefined,
+    createOrgId: undefined,
+    useOrgId: undefined,
+    prodLineId: undefined,
+    activeFlag: undefined,
+    deletedFlag: undefined,
+    purchasePriceUnitId: undefined,
+    erpModifyDate: undefined,
+    maxStockAmount: undefined,
+    minStockAmount: undefined,
+    safeStockAmount: undefined,
+    applyFlag: undefined,
+    materialClassfication: undefined,
+    autoOutstockFlag: undefined,
+    accessoriesFlag: undefined,
+    lowValueConsumableFlag: undefined,
+    brand: undefined,
+    plyrating: undefined,
+    pattern: undefined,
+    speedLevel: undefined,
+    load: undefined,
+    tireMarkings: undefined,
+    minParkingTime: undefined,
+    maxParkingTime: undefined,
+    standardWeight: undefined,
+    weightUpperLimit: undefined,
+    weightLowerLimit: undefined,
+    innerTubeFlag: undefined,
+    saleType: undefined,
+    params: {
+      approveDate: undefined,
+    }
+  },
+  rules: {
+/*    erpId: [
+      { required: true, message: "ERP信息不能为空", trigger: "blur" }
+    ],*/
+    materialCode: [
+      { required: true, message: "物料编码不能为空", trigger: "blur" }
+    ],
+    materialName: [
+      { required: true, message: "物料名称不能为空", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+// /** 下拉框查询工厂信息列表 */
+// let factoryList = ref([])
+// const getFactorySelect = async () => {
+//   let res = await getFactoryList(null);
+//   factoryList.value = res.data;
+// }
+
+/** 查询物料信息列表 */
+const getList = async () => {
+  loading.value = true;
+  queryParams.value.params = {};
+  proxy?.addDateRange(queryParams.value, dateRangeApproveDate.value, 'ApproveDate');
+  const res = await listBaseMaterialInfoInWMS(queryParams.value);
+  baseMaterialInfoList.value = res.rows;
+  total.value = res.total;
+  loading.value = false;
+}
+
+/** 取消按钮 */
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+/** 表单重置 */
+const reset = () => {
+  form.value = {...initFormData};
+  baseMaterialInfoFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryParams.value.materialTypeId = undefined; // 清除物料类型ID查询条件（树状结构）
+  if (tree.value) {
+    tree.value.setCurrentKey(null);
+  }
+  dateRangeApproveDate.value = ['', ''];
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: BaseMaterialInfoVO[]) => {
+  ids.value = selection.map(item => item.materialId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+const handleAdd = () => {
+  reset();
+
+  // getFactorySelect();
+  // getbrandList();
+  // getplyratingList();
+  // getpatternList();
+  // getspeedLevelList();
+  // getloadList();
+  // getMeasureUnit();
+
+
+  getMaterialType();
+  dialog.visible = true;
+  dialog.title = "添加物料信息";
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row?: BaseMaterialInfoVO) => {
+  reset();
+  // getFactorySelect();
+
+  getMaterialType();
+  const _materialId = row?.materialId || ids.value[0]
+  const res = await getBaseMaterialInfoInWMS(_materialId);
+  Object.assign(form.value, res.data);
+  convertToTime();
+  dialog.visible = true;
+  dialog.title = "修改物料信息";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  baseMaterialInfoFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      convertToSeconds();
+      if (form.value.materialId) {
+        await updateBaseMaterialInfoInWMS(form.value).finally(() =>  buttonLoading.value = false);
+      } else {
+        await addBaseMaterialInfoInWMS(form.value).finally(() =>  buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      await getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row?: BaseMaterialInfoVO) => {
+  const _materialIds = row?.materialId || ids.value;
+  await proxy?.$modal.confirm('是否确认删除物料信息编号为"' + _materialIds + '"的数据项？').finally(() => loading.value = false);
+  await delBaseMaterialInfoInWMS(_materialIds);
+  proxy?.$modal.msgSuccess("删除成功");
+  await getList();
+}
+
+/** 导出按钮操作 */
+const handleExport = () => {
+  proxy?.download('wms/baseMaterialInfo/export', {
+    ...queryParams.value
+  }, `baseMaterialInfo_${new Date().getTime()}.xlsx`)
+}
+
+// //获取计量单位下拉框
+// let MeasureUnitList = ref<BaseMeasurementUnitInfoVO[]>([]);
+// const getMeasureUnit = async() => {
+//   const res = await getBaseMeasurementUnitInfoList(null);
+//   const data = proxy?.handleTree<BaseMeasurementUnitInfoVO>(res.data, "unitId", "parentId");
+//   if (data){
+//     MeasureUnitList.value = data;
+//   }
+// }
+//
+//
+// //点击计量单位，根据id同时将unitName赋值给form.value.materialUnit
+// const handleNodeClick = (data: BaseMeasurementUnitInfoVO) => {
+//   form.value.materialUnitId = data.unitId;
+//   form.value.materialUnit = data.unitName;
+// }
+
+//物料类型对话框
+let materialTypeList = ref([]);
+const getMaterialType = async () => {
+  const res = await getBaseMaterialTypeList(null);
+  materialTypeList.value = res.data;
+}
+
+
+//左侧物料类型树
+let InfoOptions = ref([]);
+const getInfoOptions = async () => {
+  const res = await getBaseMaterialTypeList(null);
+  InfoOptions.value = proxy?.handleTree(res.data, "matrialTypeId", "parentId");
+}
+
+//点击左侧物料类型树节点,(选中左侧物料类型，点击"新增"，新增页面物料类型绑定)
+const handleTreeNodeClick = async (data: any) => {
+  queryParams.value.materialTypeId = data.matrialTypeId;
+  initFormData.materialTypeId = data.matrialTypeId;
+  handleQuery();
+}
+
+/**
+ * 过滤节点函数
+ * 用于筛选或显示数据节点，基于提供的值和数据对象
+ *
+ * @param {string} value - 用户输入的过滤值如果为空，则显示所有节点
+ * @param {any} data - 当前数据节点对象，包含需要过滤的属性
+ * @returns {boolean} - 返回一个布尔值，决定节点是否应该显示
+ */
+const filterNode = (value: string, data: any) => {
+  // 当没有输入值时，显示所有节点
+  if (!value) return true;
+  // 检查数据节点的类型名称是否包含输入值，不区分大小写
+  return data.matrialTypeName.toLowerCase().includes(value.toLowerCase());
+}
+
+
+/**
+ * 树形组件过滤功能相关逻辑
+ *
+ * @var filterBoxName 用于绑定过滤关键词的响应式字符串，控制树节点过滤条件
+ * @var props 树形组件配置对象，包含字段映射配置：
+ *   @property {string} children 子节点字段名（默认：'children'）
+ *   @property {string} label 节点显示文本字段名（默认：'matrialTypeName'）
+ *   @property {string} value 节点值字段名（默认：'matrialTypeId'）
+ */
+const filterBoxName = ref('');
+const props = reactive({
+  children: 'children',
+  label: 'matrialTypeName',
+  value: 'matrialTypeId'
+});
+
+/**
+ * 树形组件实例引用，用于调用组件方法
+ */
+const tree = ref();
+
+/**
+ * 监听过滤关键词变化，实时执行树节点过滤
+ * @param newVal 新的过滤关键词，将传递给树组件的filter方法
+ */
+watch(filterBoxName, (newVal) => {
+  if (tree.value) {
+    tree.value.filter(newVal);
+  }
+});
+
+
+/** 天小时分钟转换为秒 */
+const convertToSeconds = () => {
+  const maxDaysInSeconds = form.value.maxParkingDays * 24 * 60 * 60;
+  const maxHoursInSeconds = form.value.maxParkingHours * 60 * 60;
+  const maxMinutesInSeconds = form.value.maxParkingMinutes * 60;
+  form.value.maxParkingTime = maxDaysInSeconds + maxHoursInSeconds + maxMinutesInSeconds;
+
+  const minDaysInSeconds = form.value.minParkingDays * 24 * 60 * 60;
+  const minHoursInSeconds = form.value.minParkingHours * 60 * 60;
+  const minMinutesInSeconds = form.value.minParkingMinutes * 60;
+  form.value.minParkingTime = minDaysInSeconds + minHoursInSeconds + minMinutesInSeconds;
+
+}
+
+/** 秒转换为天小时分钟 */
+const convertToTime = () => {
+  // 处理最大停放时间
+  const maxTotalSeconds = form.value.maxParkingTime || 0;
+  const maxDays = Math.floor(maxTotalSeconds / (24 * 60 * 60));
+  const maxHours = Math.floor((maxTotalSeconds % (24 * 60 * 60)) / 3600);
+  const maxMinutes = Math.floor((maxTotalSeconds % 3600) / 60);
+  // 更新到表单中
+  form.value.maxParkingDays = maxDays;
+  form.value.maxParkingHours = maxHours;
+  form.value.maxParkingMinutes = maxMinutes;
+
+  // 处理最小停放时间
+  const minTotalSeconds = form.value.minParkingTime || 0;
+  const minDays = Math.floor(minTotalSeconds / (24 * 60 * 60));
+  const minHours = Math.floor((minTotalSeconds % (24 * 60 * 60)) / 3600);
+  const minMinutes = Math.floor((minTotalSeconds % 3600) / 60);
+  form.value.minParkingDays = minDays;
+  form.value.minParkingHours = minHours;
+  form.value.minParkingMinutes = minMinutes;
+}
+
+/*brand、plyrating、pattern、speed_level、load*/
+//获取品牌列表
+// let brandList = ref([]);
+// const getbrandList = async () => {
+//   const res = await getSysMasterDataDetailList({masterDataId: 1});
+//   brandList.value = res.data;
+// };
+// //获取层级列表
+// let plyratingList = ref([]);
+// const getplyratingList = async () => {
+//   const res = await getSysMasterDataDetailList({masterDataId: 4});
+//   plyratingList.value = res.data;
+// };
+//
+// //获取花纹列表
+// let patternList = ref([]);
+// const getpatternList = async () => {
+//   const res = await getSysMasterDataDetailList({masterDataId: 5});
+//   patternList.value = res.data;
+// };
+//
+// //获取速度等级列表
+// let speedLevelList = ref([]);
+// const getspeedLevelList = async () => {
+//   const res = await getSysMasterDataDetailList({masterDataId: 7});
+//   speedLevelList.value = res.data;
+// };
+//
+// //获取负荷载重列表
+// let loadList = ref([]);
+// const getloadList = async () => {
+//   const res = await getSysMasterDataDetailList({masterDataId: 6});
+//   loadList.value = res.data;
+// };
+
+//获取物料大类
+let materialCategoryOptions = ref([]);
+const getBaseMaterialCategorySelect = async () => {
+  const res = await getBaseMaterialCategoryListInWMS(null);
+  materialCategoryOptions.value = res.data;
+}
+
+//根据物料类型id获取物料大类，选择物料类型时自动绑定该物料类型的物料大类;
+const materialCategoryIdBymaterialTypeId = (materialTypeId: string | number) => {
+  const selectmaterialTypeId = materialTypeList.value.find(item => item.matrialTypeId === materialTypeId);
+  if (selectmaterialTypeId){
+    form.value.materialCategoryId = selectmaterialTypeId.materialCategoryId;
+  }
+}
+
+onMounted(() => {
+  getBaseMaterialCategorySelect();
+  getInfoOptions();
+  getList();
+});
+</script>
diff --git a/src/views/wms/baseMaterialType/index.vue b/src/views/wms/baseMaterialType/index.vue
new file mode 100644
index 0000000..8466953
--- /dev/null
+++ b/src/views/wms/baseMaterialType/index.vue
@@ -0,0 +1,420 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+            <!--            <el-form-item label="物料类型ID" prop="matrialTypeId">
+                          <el-input v-model="queryParams.matrialTypeId" placeholder="请输入物料类型ID" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>-->
+            <!--            <el-form-item label="父级标识" prop="parentId">
+                          <el-input v-model="queryParams.parentId" placeholder="请输入父级标识" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>-->
+            <!--            <el-form-item label="物料类型编号" prop="matrialTypeCode">
+                          <el-input v-model="queryParams.matrialTypeCode" placeholder="请输入物料类型编号" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>-->
+            <el-form-item label="物料类型名称" prop="matrialTypeName" label-width="100px">
+              <el-input v-model="queryParams.matrialTypeName" placeholder="请输入物料类型名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <!--            <el-form-item label="祖级列表" prop="ancestors">
+                          <el-input v-model="queryParams.ancestors" placeholder="请输入祖级列表" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>-->
+            <!--            <el-form-item label="物料大类" prop="materialCategories">
+                          <el-select v-model="queryParams.materialCategories" placeholder="请选择物料大类" clearable>
+                            <el-option v-for="dict in mes_material_categories" :key="dict.value" :label="dict.label" :value="dict.value"/>
+                          </el-select>
+                        </el-form-item>-->
+            <!--            <el-form-item label="物料大类" prop="materialCategoryId">
+                          <el-select v-model="queryParams.materialCategoryId" placeholder="请选择物料大类" clearable>
+                            <el-option
+                              v-for="item in materialCategoryList "
+                              :key="item.materialCategoryId"
+                              :label="item.materialCategoryName"
+                              :value="item.materialCategoryId"
+                            />
+                          </el-select>
+                        </el-form-item>-->
+            <!--            <el-form-item label="物料小类" prop="materialSubclass">
+                          <el-input v-model="queryParams.materialSubclass" placeholder="请输入物料小类" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>
+                        <el-form-item label="工序ID" prop="processId">
+                          <el-input v-model="queryParams.processId" placeholder="请输入工序ID" clearable @keyup.enter="handleQuery" />
+                        </el-form-item>-->
+            <el-form-item label="激活标识" prop="activeFlag">
+              <el-select v-model="queryParams.activeFlag" placeholder="请选择激活标识" clearable>
+                <el-option v-for="dict in active_flag" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['mes:baseMaterialType:add']">新增</el-button>
+          </el-col>
+<!--          <el-col :span="1.5">-->
+<!--            <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>-->
+<!--          </el-col>-->
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+      <el-table
+        ref="baseMaterialTypeTableRef"
+        v-loading="loading"
+        :data="baseMaterialTypeList"
+        row-key="matrialTypeId"
+        :default-expand-all="isExpandAll"
+        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      >
+        <!--        <el-table-column label="物料类型ID" align="center" prop="matrialTypeId" />
+                <el-table-column label="租户编号" prop="tenantId" />-->
+        <!--        <el-table-column label="父级标识" align="center" prop="parentId" />-->
+        <el-table-column label="物料类型编号" align="center" prop="matrialTypeCode" />
+        <el-table-column label="物料类型名称" align="center" prop="matrialTypeName" />
+        <!--        <el-table-column label="祖级列表" align="center" prop="ancestors" />-->
+        <el-table-column label="物料大类" align="center" prop="materialCategoryName"/>
+
+        <!--        <el-table-column label="物料小类" align="center" prop="materialSubclass" />-->
+        <!--        <el-table-column label="工序ID" align="center" prop="processId" />-->
+        <el-table-column label="激活标识" align="center" prop="activeFlag">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+<!--        <el-table-column label="创建部门" align="center" prop="createDept" />
+        <el-table-column label="创建人" align="center" prop="createBy" />
+        <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="更新人" align="center" prop="updateBy" />
+        <el-table-column label="更新时间" align="center" prop="updateTime" width="180">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>-->
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseMaterialType:edit']" />
+            </el-tooltip>
+<!--            <el-tooltip content="新增" placement="top">-->
+<!--              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['mes:baseMaterialType:add']" />-->
+<!--            </el-tooltip>-->
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseMaterialType:remove']" />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <!-- 添加或修改物料类型信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="baseMaterialTypeFormRef" :model="form" :rules="rules" label-width="120px">
+        <!--        <el-form-item label="物料类型ID" prop="matrialTypeId">
+                  <el-input v-model="form.matrialTypeId" placeholder="请输入物料类型ID" />
+                </el-form-item>-->
+        <!--        <el-form-item label="父级标识" prop="parentId">
+                  <el-tree-select
+                    v-model="form.parentId"
+                    :data="baseMaterialTypeOptions"
+                    :props="{ value: 'matrialTypeId', label: 'matrialTypeName', children: 'children' }"
+                    value-key="matrialTypeId"
+                    placeholder="请选择父级标识"
+                    check-strictly
+                  />
+                </el-form-item>-->
+        <el-form-item label="物料类型编号" prop="matrialTypeCode">
+          <el-input v-model="form.matrialTypeCode" placeholder="请输入物料类型编号" />
+        </el-form-item>
+        <el-form-item label="物料类型名称" prop="matrialTypeName">
+          <el-input v-model="form.matrialTypeName" placeholder="请输入物料类型名称" />
+        </el-form-item>
+        <!--        <el-form-item label="祖级列表" prop="ancestors">
+                  <el-input v-model="form.ancestors" placeholder="请输入祖级列表" />
+                </el-form-item>-->
+        <el-form-item label="物料大类" prop="materialCategoryId">
+          <el-select v-model="form.materialCategoryId" placeholder="请选择物料大类">
+            <el-option
+              v-for="item in materialCategoryList "
+              :key="item.materialCategoryId"
+              :label="item.materialCategoryName"
+              :value="item.materialCategoryId"
+            />
+          </el-select>
+        </el-form-item>
+        <!--        <el-form-item label="物料小类" prop="materialSubclass">
+                  <el-input v-model="form.materialSubclass" placeholder="请输入物料小类" />
+                </el-form-item>-->
+        <!--        <el-form-item label="工序ID" prop="processId">
+                  <el-input v-model="form.processId" placeholder="请输入工序ID" />
+                </el-form-item>-->
+        <!--        <el-form-item label="工序" prop="processId">
+                  <el-select v-model="form.processId" placeholder="请选择工序">
+                    <el-option
+                      v-for="item in processList"
+                      :key="item.processId"
+                      :label="item.processName"
+                      :value="item.processId"
+                    />
+                  </el-select>
+                </el-form-item>-->
+        <el-form-item label="激活标识" prop="activeFlag">
+          <el-radio-group v-model="form.activeFlag">
+            <el-radio
+              v-for="dict in active_flag"
+              :key="dict.value"
+              :value="dict.value"
+            >{{dict.label}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="BaseMaterialType" lang="ts">
+import { listBaseMaterialType, getBaseMaterialType, delBaseMaterialType, addBaseMaterialType, updateBaseMaterialType } from "@/api/wms/baseMaterialType";
+import { BaseMaterialTypeVO, BaseMaterialTypeQuery, BaseMaterialTypeForm } from '@/api/wms/baseMaterialType/types';
+import {getBaseMaterialCategoryListInWMS} from "@/api/wms/baseMaterialCategory";
+
+type BaseMaterialTypeOption = {
+  matrialTypeId: number;
+  matrialTypeName: string;
+  children?: BaseMaterialTypeOption[];
+}
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
+
+const { active_flag   } = toRefs<any>(proxy?.useDict('active_flag'  ));
+
+const baseMaterialTypeList = ref<BaseMaterialTypeVO[]>([]);
+const baseMaterialTypeOptions = ref<BaseMaterialTypeOption[]>([]);
+const buttonLoading = ref(false);
+const showSearch = ref(true);
+const isExpandAll = ref(true);
+const loading = ref(false);
+
+const queryFormRef = ref<ElFormInstance>();
+const baseMaterialTypeFormRef = ref<ElFormInstance>();
+const baseMaterialTypeTableRef = ref<ElTableInstance>()
+
+const dialog = reactive<DialogOption>({
+    visible: false,
+    title: ''
+});
+
+
+const initFormData: BaseMaterialTypeForm = {
+    matrialTypeId: undefined,
+    parentId: undefined,
+    matrialTypeCode: undefined,
+    matrialTypeName: undefined,
+    ancestors: undefined,
+    materialCategoryId: undefined,
+    materialSubclass: undefined,
+    processId: undefined,
+    activeFlag: '1',
+    remark: undefined,
+}
+
+const data = reactive<PageData<BaseMaterialTypeForm, BaseMaterialTypeQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    matrialTypeId: undefined,
+    parentId: undefined,
+    matrialTypeCode: undefined,
+    matrialTypeName: undefined,
+    ancestors: undefined,
+    materialCategoryId: undefined,
+    materialSubclass: undefined,
+    processId: undefined,
+    activeFlag: undefined,
+    params: {
+    }
+  },
+  rules: {
+/*    matrialTypeId: [
+      { required: true, message: "物料类型ID不能为空", trigger: "blur" }
+    ],*/
+    parentId: [
+      { required: true, message: "父级标识不能为空", trigger: "blur" }
+    ],
+    matrialTypeCode: [
+      { required: true, message: "物料类型编号不能为空", trigger: "blur" }
+    ],
+    matrialTypeName: [
+      { required: true, message: "物料类型名称不能为空", trigger: "blur" }
+    ],
+   /* ancestors: [
+      { required: true, message: "祖级列表不能为空", trigger: "blur" }
+    ],
+    materialCategories: [
+      { required: true, message: "物料大类(1原材料  2半成品 3成品)不能为空", trigger: "change" }
+    ],
+    materialSubclass: [
+      { required: true, message: "物料小类不能为空", trigger: "blur" }
+    ],
+    processId: [
+      { required: true, message: "工序ID不能为空", trigger: "blur" }
+    ],
+    activeFlag: [
+      { required: true, message: "激活标识不能为空", trigger: "change" }
+    ],
+    remark: [
+      { required: true, message: "备注不能为空", trigger: "blur" }
+    ],*/
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询物料类型信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listBaseMaterialType(queryParams.value);
+  const data = proxy?.handleTree<BaseMaterialTypeVO>(res.data, "matrialTypeId", "parentId");
+  if (data) {
+    baseMaterialTypeList.value = data;
+    loading.value = false;
+  }
+}
+
+// let processList = ref([]);
+//   /*获取工序下拉框*/
+//   const getProcessSelect = async () => {
+//   let res = await getProcessInfoList(null);
+//   processList.value = res.data;
+// };
+
+/** 查询物料类型信息下拉树结构 */
+const getTreeselect = async () => {
+  const res = await listBaseMaterialType();
+  baseMaterialTypeOptions.value = [];
+  const data: BaseMaterialTypeOption = { matrialTypeId: 0, matrialTypeName: '顶级节点', children: [] };
+  data.children = proxy?.handleTree<BaseMaterialTypeOption>(res.data, "matrialTypeId", "parentId");
+  baseMaterialTypeOptions.value.push(data);
+}
+
+// 取消按钮
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+// 表单重置
+const reset = () => {
+  form.value = {...initFormData}
+  baseMaterialTypeFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 新增按钮操作 */
+const handleAdd = (row?: BaseMaterialTypeVO) => {
+  reset();
+  getTreeselect();
+  if (row != null && row.matrialTypeId) {
+    form.value.parentId = row.matrialTypeId;
+  } else {
+    form.value.parentId = 0;
+  }
+  dialog.visible = true;
+  dialog.title = "添加物料类型信息";
+}
+
+/** 展开/折叠操作 */
+const handleToggleExpandAll = () => {
+  isExpandAll.value = !isExpandAll.value;
+  toggleExpandAll(baseMaterialTypeList.value, isExpandAll.value)
+}
+
+/** 展开/折叠操作 */
+const toggleExpandAll = (data: BaseMaterialTypeVO[], status: boolean) => {
+  data.forEach((item) => {
+    baseMaterialTypeTableRef.value?.toggleRowExpansion(item, status)
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
+  })
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row: BaseMaterialTypeVO) => {
+  reset();
+  await getTreeselect();
+  if (row != null) {
+    form.value.parentId = row.parentId;
+  }
+  const res = await getBaseMaterialType(row.matrialTypeId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改物料类型信息";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  baseMaterialTypeFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.matrialTypeId) {
+        await updateBaseMaterialType(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addBaseMaterialType(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row: BaseMaterialTypeVO) => {
+  await proxy?.$modal.confirm('是否确认删除物料类型信息编号为"' + row.matrialTypeId + '"的数据项？');
+  loading.value = true;
+  await delBaseMaterialType(row.matrialTypeId).finally(() => loading.value = false);
+  await getList();
+  proxy?.$modal.msgSuccess("删除成功");
+}
+
+
+let materialCategoryList = ref([]);
+const getMaterialCategory = async () => {
+  const res = await getBaseMaterialCategoryListInWMS(null);
+  materialCategoryList.value = res.data;
+}
+
+
+onMounted(() => {
+  getMaterialCategory();
+  // getProcessSelect();
+  getList();
+});
+</script>
diff --git a/src/views/wms/baseMeasurementUnitInfo/index.vue b/src/views/wms/baseMeasurementUnitInfo/index.vue
new file mode 100644
index 0000000..bb2b6cd
--- /dev/null
+++ b/src/views/wms/baseMeasurementUnitInfo/index.vue
@@ -0,0 +1,351 @@
+<template>
+  <div class="p-2">
+    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
+      <div v-show="showSearch" class="mb-[10px]">
+        <el-card shadow="hover">
+          <el-form ref="queryFormRef" :model="queryParams" :inline="true">
+<!--            <el-form-item label="主键标识" prop="unitId">
+              <el-input v-model="queryParams.unitId" placeholder="请输入主键标识" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="父级标识" prop="parentId">
+              <el-input v-model="queryParams.parentId" placeholder="请输入父级标识" clearable @keyup.enter="handleQuery" />
+            </el-form-item>-->
+            <el-form-item label="计量单位编号" prop="unitCode" label-width="100px">
+              <el-input v-model="queryParams.unitCode" placeholder="请输入计量单位编号" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+<!--            <el-form-item label="计量单位名称" prop="unitName">
+              <el-input v-model="queryParams.unitName" placeholder="请输入计量单位名称" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="计量单位转换" prop="unitConversion">
+              <el-input v-model="queryParams.unitConversion" placeholder="请输入计量单位转换" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item label="祖级列表" prop="ancestors">
+              <el-input v-model="queryParams.ancestors" placeholder="请输入祖级列表" clearable @keyup.enter="handleQuery" />
+            </el-form-item>-->
+            <el-form-item label="单位类型" prop="unitType">
+              <el-select v-model="queryParams.unitType" placeholder="请选择单位类型" clearable>
+                <el-option v-for="dict in unit_type" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="激活标识" prop="activeFlag">
+              <el-input v-model="queryParams.activeFlag" placeholder="请输入激活标识" clearable @keyup.enter="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+              <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+    </transition>
+
+    <el-card shadow="never">
+      <template #header>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="Plus" @click="handleAdd()" v-hasPermi="['mes:baseMeasurementUnitInfo:add']">新增</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="info" plain icon="Sort" @click="handleToggleExpandAll">展开/折叠</el-button>
+          </el-col>
+          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+      </template>
+      <el-table
+        ref="baseMeasurementUnitInfoTableRef"
+        v-loading="loading"
+        :data="baseMeasurementUnitInfoList"
+        row-key="unitId"
+        :default-expand-all="isExpandAll"
+        :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+      >
+<!--        <el-table-column label="主键标识" align="center" prop="unitId" />-->
+<!--        <el-table-column label="父级标识" prop="parentId" />-->
+        <el-table-column label="计量单位编号" align="center" prop="unitCode" />
+        <el-table-column label="计量单位名称" align="center" prop="unitName" />
+        <el-table-column label="计量单位转换" align="center" prop="unitConversion" />
+<!--        <el-table-column label="祖级列表" align="center" prop="ancestors" />-->
+        <el-table-column label="单位类型" align="center" prop="unitType">
+          <template #default="scope">
+            <dict-tag :options="unit_type" :value="scope.row.unitType"/>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" />
+        <el-table-column label="激活标识" align="center" prop="activeFlag">
+          <template #default="scope">
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+          </template>
+        </el-table-column>
+<!--        <el-table-column label="创建部门" align="center" prop="createDept" />
+        <el-table-column label="创建人" align="center" prop="createBy" />
+        <el-table-column label="创建时间" align="center" prop="createTime" width="180">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="更新人" align="center" prop="updateBy" />
+        <el-table-column label="更新时间" align="center" prop="updateTime" width="180">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>-->
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+            <el-tooltip content="修改" placement="top">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['mes:baseMeasurementUnitInfo:edit']" />
+            </el-tooltip>
+            <el-tooltip content="新增" placement="top">
+              <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['mes:baseMeasurementUnitInfo:add']" />
+            </el-tooltip>
+            <el-tooltip content="删除" placement="top">
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['mes:baseMeasurementUnitInfo:remove']" />
+            </el-tooltip>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <!-- 添加或修改计量单位信息对话框 -->
+    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
+      <el-form ref="baseMeasurementUnitInfoFormRef" :model="form" :rules="rules" label-width="120px">
+<!--        <el-form-item label="主键标识" prop="unitId">
+          <el-input v-model="form.unitId" placeholder="请输入主键标识" />
+        </el-form-item>-->
+        <el-form-item label="父级标识" prop="parentId">
+          <el-tree-select
+            v-model="form.parentId"
+            :data="baseMeasurementUnitInfoOptions"
+            :props="{ value: 'unitId', label: 'unitName', children: 'children' }"
+            value-key="unitId"
+            placeholder="请选择父级标识"
+            check-strictly
+          />
+        </el-form-item>
+        <el-form-item label="计量单位编号" prop="unitCode">
+          <el-input v-model="form.unitCode" placeholder="请输入计量单位编号" />
+        </el-form-item>
+        <el-form-item label="计量单位名称" prop="unitName">
+          <el-input v-model="form.unitName" placeholder="请输入计量单位名称" />
+        </el-form-item>
+        <el-form-item label="计量单位转换" prop="unitConversion">
+<!--          <el-input v-model="form.unitConversion" placeholder="请输入计量单位转换" />-->
+          <el-input-number v-model="form.unitConversion"   />
+        </el-form-item>
+<!--        <el-form-item label="祖级列表" prop="ancestors">
+          <el-input v-model="form.ancestors" placeholder="请输入祖级列表" />
+        </el-form-item>-->
+        <el-form-item label="单位类型" prop="unitType">
+          <el-select v-model="form.unitType" placeholder="请选择单位类型">
+            <el-option
+              v-for="dict in unit_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            ></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="备注" prop="remark">
+          <el-input v-model="form.remark" placeholder="请输入备注" />
+        </el-form-item>
+        <el-form-item label="激活标识" prop="activeFlag">
+          <el-radio-group v-model="form.activeFlag">
+            <el-radio
+              v-for="dict in active_flag"
+              :key="dict.value"
+              :value="dict.value"
+            >{{dict.label}}</el-radio>
+          </el-radio-group>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup name="BaseMeasurementUnitInfo" lang="ts">
+import { listBaseMeasurementUnitInfo, getBaseMeasurementUnitInfo, delBaseMeasurementUnitInfo, addBaseMeasurementUnitInfo, updateBaseMeasurementUnitInfo } from "@/api/wms/baseMeasurementUnitInfo";
+import { BaseMeasurementUnitInfoVO, BaseMeasurementUnitInfoQuery, BaseMeasurementUnitInfoForm } from '@/api/wms/baseMeasurementUnitInfo/types';
+
+type BaseMeasurementUnitInfoOption = {
+  unitId: number;
+  unitName: string;
+  children?: BaseMeasurementUnitInfoOption[];
+}
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;;
+
+const { unit_type } = toRefs<any>(proxy?.useDict('unit_type'));
+const { active_flag } = toRefs<any>(proxy?.useDict('active_flag'));
+
+const baseMeasurementUnitInfoList = ref<BaseMeasurementUnitInfoVO[]>([]);
+const baseMeasurementUnitInfoOptions = ref<BaseMeasurementUnitInfoOption[]>([]);
+const buttonLoading = ref(false);
+const showSearch = ref(true);
+const isExpandAll = ref(true);
+const loading = ref(false);
+
+const queryFormRef = ref<ElFormInstance>();
+const baseMeasurementUnitInfoFormRef = ref<ElFormInstance>();
+const baseMeasurementUnitInfoTableRef = ref<ElTableInstance>()
+
+const dialog = reactive<DialogOption>({
+    visible: false,
+    title: ''
+});
+
+
+const initFormData: BaseMeasurementUnitInfoForm = {
+    unitId: undefined,
+    parentId: undefined,
+    unitCode: undefined,
+    unitName: undefined,
+    unitConversion: undefined,
+    ancestors: undefined,
+    unitType: undefined,
+    remark: undefined,
+    activeFlag: '1',
+}
+
+const data = reactive<PageData<BaseMeasurementUnitInfoForm, BaseMeasurementUnitInfoQuery>>({
+  form: {...initFormData},
+  queryParams: {
+    unitId: undefined,
+    parentId: undefined,
+    unitCode: undefined,
+    unitName: undefined,
+    unitConversion: undefined,
+    ancestors: undefined,
+    unitType: undefined,
+    activeFlag: undefined,
+    params: {
+    }
+  },
+  rules: {
+    unitCode: [
+      { required: true, message: "计量单位编号不能为空", trigger: "blur" }
+    ],
+    unitName: [
+      { required: true, message: "计量单位名称不能为空", trigger: "blur" }
+    ],
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询计量单位信息列表 */
+const getList = async () => {
+  loading.value = true;
+  const res = await listBaseMeasurementUnitInfo(queryParams.value);
+  const data = proxy?.handleTree<BaseMeasurementUnitInfoVO>(res.data, "unitId", "parentId");
+  if (data) {
+    baseMeasurementUnitInfoList.value = data;
+    loading.value = false;
+  }
+}
+
+/** 查询计量单位信息下拉树结构 */
+const getTreeselect = async () => {
+  const res = await listBaseMeasurementUnitInfo();
+  baseMeasurementUnitInfoOptions.value = [];
+  const data: BaseMeasurementUnitInfoOption = { unitId: 0, unitName: '顶级节点', children: [] };
+  data.children = proxy?.handleTree<BaseMeasurementUnitInfoOption>(res.data, "unitId", "parentId");
+  baseMeasurementUnitInfoOptions.value.push(data);
+}
+
+// 取消按钮
+const cancel = () => {
+  reset();
+  dialog.visible = false;
+}
+
+// 表单重置
+const reset = () => {
+  form.value = {...initFormData}
+  baseMeasurementUnitInfoFormRef.value?.resetFields();
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  getList();
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value?.resetFields();
+  handleQuery();
+}
+
+/** 新增按钮操作 */
+const handleAdd = (row?: BaseMeasurementUnitInfoVO) => {
+  reset();
+  getTreeselect();
+  if (row != null && row.unitId) {
+    form.value.parentId = row.unitId;
+  } else {
+    form.value.parentId = 0;
+  }
+  dialog.visible = true;
+  dialog.title = "添加计量单位信息";
+}
+
+/** 展开/折叠操作 */
+const handleToggleExpandAll = () => {
+  isExpandAll.value = !isExpandAll.value;
+  toggleExpandAll(baseMeasurementUnitInfoList.value, isExpandAll.value)
+}
+
+/** 展开/折叠操作 */
+const toggleExpandAll = (data: BaseMeasurementUnitInfoVO[], status: boolean) => {
+  data.forEach((item) => {
+    baseMeasurementUnitInfoTableRef.value?.toggleRowExpansion(item, status)
+    if (item.children && item.children.length > 0) toggleExpandAll(item.children, status)
+  })
+}
+
+/** 修改按钮操作 */
+const handleUpdate = async (row: BaseMeasurementUnitInfoVO) => {
+  reset();
+  await getTreeselect();
+  if (row != null) {
+    form.value.parentId = row.parentId;
+  }
+  const res = await getBaseMeasurementUnitInfo(row.unitId);
+  Object.assign(form.value, res.data);
+  dialog.visible = true;
+  dialog.title = "修改计量单位信息";
+}
+
+/** 提交按钮 */
+const submitForm = () => {
+  baseMeasurementUnitInfoFormRef.value?.validate(async (valid: boolean) => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.unitId) {
+        await updateBaseMeasurementUnitInfo(form.value).finally(() => buttonLoading.value = false);
+      } else {
+        await addBaseMeasurementUnitInfo(form.value).finally(() => buttonLoading.value = false);
+      }
+      proxy?.$modal.msgSuccess("操作成功");
+      dialog.visible = false;
+      getList();
+    }
+  });
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (row: BaseMeasurementUnitInfoVO) => {
+  await proxy?.$modal.confirm('是否确认删除计量单位信息编号为"' + row.unitId + '"的数据项？');
+  loading.value = true;
+  await delBaseMeasurementUnitInfo(row.unitId).finally(() => loading.value = false);
+  await getList();
+  proxy?.$modal.msgSuccess("删除成功");
+}
+
+onMounted(() => {
+  getList();
+});
+</script>