From c50adfd648532ffd036174f7304ccefe0aceae5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A0=82=E7=B3=96?= <qq2178503051@163.com>
Date: Sat, 30 Aug 2025 17:04:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=87=E8=B4=AD=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/main/resources/vm/vue/index.vue.vm    |   2 +-
 gear-ui3/src/api/oa/monthlyAccount.js         |  44 +++
 gear-ui3/src/api/oa/purchasePlanDetail.js     |  44 +++
 gear-ui3/src/api/oa/supplier.js               |  44 +++
 gear-ui3/src/api/oa/supplyType.js             |  44 +++
 .../src/views/purchase/category/index.vue     | 264 ++++++++++++++
 gear-ui3/src/views/purchase/month/index.vue   | 265 ++++++++++++++
 gear-ui3/src/views/purchase/shop/index.vue    | 338 ++++++++++++++++++
 .../src/views/purchase/supplier/index.vue     | 316 ++++++++++++++++
 9 files changed, 1360 insertions(+), 1 deletion(-)
 create mode 100644 gear-ui3/src/api/oa/monthlyAccount.js
 create mode 100644 gear-ui3/src/api/oa/purchasePlanDetail.js
 create mode 100644 gear-ui3/src/api/oa/supplier.js
 create mode 100644 gear-ui3/src/api/oa/supplyType.js
 create mode 100644 gear-ui3/src/views/purchase/category/index.vue
 create mode 100644 gear-ui3/src/views/purchase/month/index.vue
 create mode 100644 gear-ui3/src/views/purchase/shop/index.vue
 create mode 100644 gear-ui3/src/views/purchase/supplier/index.vue

diff --git a/gear-generator/src/main/resources/vm/vue/index.vue.vm b/gear-generator/src/main/resources/vm/vue/index.vue.vm
index 1852c4b..cb185a6 100644
--- a/gear-generator/src/main/resources/vm/vue/index.vue.vm
+++ b/gear-generator/src/main/resources/vm/vue/index.vue.vm
@@ -368,7 +368,7 @@ const daterange${AttrName} = ref([]);
 #end
 #end
 
-function formatterTime = (time) => {
+const formatterTime = (time) => {
   return proxy.parseTime(time, '{y}-{m}-{d}')
 }
 
diff --git a/gear-ui3/src/api/oa/monthlyAccount.js b/gear-ui3/src/api/oa/monthlyAccount.js
new file mode 100644
index 0000000..b485747
--- /dev/null
+++ b/gear-ui3/src/api/oa/monthlyAccount.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询月度记账列表
+export function listMonthlyAccount(query) {
+  return request({
+    url: '/oa/monthlyAccount/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询月度记账详细
+export function getMonthlyAccount(accountId) {
+  return request({
+    url: '/oa/monthlyAccount/' + accountId,
+    method: 'get'
+  })
+}
+
+// 新增月度记账
+export function addMonthlyAccount(data) {
+  return request({
+    url: '/oa/monthlyAccount',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改月度记账
+export function updateMonthlyAccount(data) {
+  return request({
+    url: '/oa/monthlyAccount',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除月度记账
+export function delMonthlyAccount(accountId) {
+  return request({
+    url: '/oa/monthlyAccount/' + accountId,
+    method: 'delete'
+  })
+}
diff --git a/gear-ui3/src/api/oa/purchasePlanDetail.js b/gear-ui3/src/api/oa/purchasePlanDetail.js
new file mode 100644
index 0000000..c37e12a
--- /dev/null
+++ b/gear-ui3/src/api/oa/purchasePlanDetail.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询采购计划明细列表
+export function listPurchasePlanDetail(query) {
+  return request({
+    url: '/oa/purchasePlanDetail/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询采购计划明细详细
+export function getPurchasePlanDetail(detailId) {
+  return request({
+    url: '/oa/purchasePlanDetail/' + detailId,
+    method: 'get'
+  })
+}
+
+// 新增采购计划明细
+export function addPurchasePlanDetail(data) {
+  return request({
+    url: '/oa/purchasePlanDetail',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改采购计划明细
+export function updatePurchasePlanDetail(data) {
+  return request({
+    url: '/oa/purchasePlanDetail',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除采购计划明细
+export function delPurchasePlanDetail(detailId) {
+  return request({
+    url: '/oa/purchasePlanDetail/' + detailId,
+    method: 'delete'
+  })
+}
diff --git a/gear-ui3/src/api/oa/supplier.js b/gear-ui3/src/api/oa/supplier.js
new file mode 100644
index 0000000..b469dcc
--- /dev/null
+++ b/gear-ui3/src/api/oa/supplier.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询供应商信息列表
+export function listSupplier(query) {
+  return request({
+    url: '/oa/supplier/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询供应商信息详细
+export function getSupplier(supplierId) {
+  return request({
+    url: '/oa/supplier/' + supplierId,
+    method: 'get'
+  })
+}
+
+// 新增供应商信息
+export function addSupplier(data) {
+  return request({
+    url: '/oa/supplier',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改供应商信息
+export function updateSupplier(data) {
+  return request({
+    url: '/oa/supplier',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除供应商信息
+export function delSupplier(supplierId) {
+  return request({
+    url: '/oa/supplier/' + supplierId,
+    method: 'delete'
+  })
+}
diff --git a/gear-ui3/src/api/oa/supplyType.js b/gear-ui3/src/api/oa/supplyType.js
new file mode 100644
index 0000000..c666307
--- /dev/null
+++ b/gear-ui3/src/api/oa/supplyType.js
@@ -0,0 +1,44 @@
+import request from '@/utils/request'
+
+// 查询供货类型管理列表
+export function listSupplyType(query) {
+  return request({
+    url: '/oa/supplyType/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询供货类型管理详细
+export function getSupplyType(typeId) {
+  return request({
+    url: '/oa/supplyType/' + typeId,
+    method: 'get'
+  })
+}
+
+// 新增供货类型管理
+export function addSupplyType(data) {
+  return request({
+    url: '/oa/supplyType',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改供货类型管理
+export function updateSupplyType(data) {
+  return request({
+    url: '/oa/supplyType',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除供货类型管理
+export function delSupplyType(typeId) {
+  return request({
+    url: '/oa/supplyType/' + typeId,
+    method: 'delete'
+  })
+}
diff --git a/gear-ui3/src/views/purchase/category/index.vue b/gear-ui3/src/views/purchase/category/index.vue
new file mode 100644
index 0000000..2def422
--- /dev/null
+++ b/gear-ui3/src/views/purchase/category/index.vue
@@ -0,0 +1,264 @@
+<template>
+  <div class="app-container">
+    <!-- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="供货类型名称" prop="typeName">
+        <el-input
+          v-model="queryParams.typeName"
+          placeholder="请输入供货类型名称"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="描述" prop="description">
+        <el-input
+          v-model="queryParams.description"
+          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-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="supplyTypeList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="供货类型ID" align="center" prop="typeId" v-if="false"/>
+      <el-table-column label="供货类型名称" align="center" prop="typeName" />
+      <el-table-column label="描述" align="center" prop="description" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+          </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-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="supplyTypeRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="供货类型名称" prop="typeName">
+          <el-input v-model="form.typeName" placeholder="请输入供货类型名称" />
+        </el-form-item>
+        <el-form-item label="描述" prop="description">
+          <el-input v-model="form.description" placeholder="请输入描述" />
+        </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="SupplyType">
+import { listSupplyType, getSupplyType, delSupplyType, addSupplyType, updateSupplyType } from "@/api/oa/supplyType";
+
+const { proxy } = getCurrentInstance();
+
+const supplyTypeList = ref([]);
+const open = ref(false);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+const formatterTime = (time) => {
+  return proxy.parseTime(time, '{y}-{m}-{d}')
+}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    typeName: undefined,
+    description: undefined,
+  },
+  rules: {
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询供货类型管理列表 */
+function getList() {
+  loading.value = true;
+  listSupplyType(queryParams.value).then(response => {
+    supplyTypeList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    typeId: null,
+    typeName: null,
+    description: null,
+    remark: null,
+    delFlag: null,
+    createTime: null,
+    createBy: null,
+    updateTime: null,
+    updateBy: null
+  };
+  proxy.resetForm("supplyTypeRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.typeId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加供货类型管理";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  loading.value = true
+  reset();
+  const _typeId = row.typeId || ids.value
+  getSupplyType(_typeId).then(response => {
+    loading.value = false;
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改供货类型管理";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["supplyTypeRef"].validate(valid => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.typeId != null) {
+        updateSupplyType(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      } else {
+        addSupplyType(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _typeIds = row.typeId || ids.value;
+  proxy.$modal.confirm('是否确认删除供货类型管理编号为"' + _typeIds + '"的数据项？').then(function() {
+    loading.value = true;
+    return delSupplyType(_typeIds);
+  }).then(() => {
+    loading.value = true;
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {
+  }).finally(() => {
+    loading.value = false;
+  });
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('oa/supplyType/export', {
+    ...queryParams.value
+  }, `supplyType_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+</script>
diff --git a/gear-ui3/src/views/purchase/month/index.vue b/gear-ui3/src/views/purchase/month/index.vue
new file mode 100644
index 0000000..10bbd54
--- /dev/null
+++ b/gear-ui3/src/views/purchase/month/index.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="app-container">
+    <!-- <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="月份 (YYYY-MM)" prop="monthYear">
+        <el-input
+          v-model="queryParams.monthYear"
+          placeholder="请输入月份 (YYYY-MM)"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="该月采购总金额" prop="totalAmount">
+        <el-input
+          v-model="queryParams.totalAmount"
+          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-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="monthlyAccountList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="月记账ID" align="center" prop="accountId" v-if="false"/>
+      <el-table-column label="月份 (YYYY-MM)" align="center" prop="monthYear" />
+      <el-table-column label="该月采购总金额" align="center" prop="totalAmount" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+          </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-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="monthlyAccountRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="月份" prop="monthYear">
+          <!-- <el-input v-model="form.monthYear" placeholder="请输入月份 (YYYY-MM)" /> -->
+          <el-date-picker v-model="form.monthYear" type="month" placeholder="请选择月份 (YYYY-MM)" value-format="YYYY-MM"/>
+        </el-form-item>
+        <el-form-item label="该月采购总金额" prop="totalAmount">
+          <el-input v-model="form.totalAmount" placeholder="请输入该月采购总金额" />
+        </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="MonthlyAccount">
+import { listMonthlyAccount, getMonthlyAccount, delMonthlyAccount, addMonthlyAccount, updateMonthlyAccount } from "@/api/oa/monthlyAccount";
+
+const { proxy } = getCurrentInstance();
+
+const monthlyAccountList = ref([]);
+const open = ref(false);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+const formatterTime = (time) => {
+  return proxy.parseTime(time, '{y}-{m}')
+}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    monthYear: undefined,
+    totalAmount: undefined,
+  },
+  rules: {
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询月度记账列表 */
+function getList() {
+  loading.value = true;
+  listMonthlyAccount(queryParams.value).then(response => {
+    monthlyAccountList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    accountId: null,
+    monthYear: null,
+    totalAmount: null,
+    remark: null,
+    delFlag: null,
+    createTime: null,
+    createBy: null,
+    updateTime: null,
+    updateBy: null
+  };
+  proxy.resetForm("monthlyAccountRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.accountId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加月度记账";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  loading.value = true
+  reset();
+  const _accountId = row.accountId || ids.value
+  getMonthlyAccount(_accountId).then(response => {
+    loading.value = false;
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改月度记账";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["monthlyAccountRef"].validate(valid => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.accountId != null) {
+        updateMonthlyAccount(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      } else {
+        addMonthlyAccount(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _accountIds = row.accountId || ids.value;
+  proxy.$modal.confirm('是否确认删除月度记账编号为"' + _accountIds + '"的数据项？').then(function() {
+    loading.value = true;
+    return delMonthlyAccount(_accountIds);
+  }).then(() => {
+    loading.value = true;
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {
+  }).finally(() => {
+    loading.value = false;
+  });
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('oa/monthlyAccount/export', {
+    ...queryParams.value
+  }, `monthlyAccount_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+</script>
diff --git a/gear-ui3/src/views/purchase/shop/index.vue b/gear-ui3/src/views/purchase/shop/index.vue
new file mode 100644
index 0000000..3c6cd54
--- /dev/null
+++ b/gear-ui3/src/views/purchase/shop/index.vue
@@ -0,0 +1,338 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item label="采购编号" prop="detailCode">
+        <el-input
+          v-model="queryParams.detailCode"
+          placeholder="请输入采购计划编码"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="供应商" prop="supplierId">
+        <el-select v-model="queryParams.supplierId" filterable clearable placeholder="请选择供应商">
+            <el-option 
+              v-for="value in supplierList"
+              :value="value.supplierId"
+              :label="value.name"
+            >
+            </el-option>
+          </el-select>
+      </el-form-item>
+      <el-form-item label="材料名称" prop="rawMaterialName">
+        <el-input
+          v-model="queryParams.rawMaterialName"
+          placeholder="请输入原材料名称"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="负责人" prop="owner">
+        <el-input
+          v-model="queryParams.owner"
+          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-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="purchasePlanDetailList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="明细ID" align="center" prop="detailId" v-if="false"/>
+      <el-table-column label="采购编码" align="center" prop="detailCode" />
+      <el-table-column label="供应商" align="center" prop="supplierName" />
+      <el-table-column label="材料名称" align="center" prop="rawMaterialName" />
+      <el-table-column label="负责人" align="center" prop="owner" />
+      <el-table-column label="采购数量" align="center" prop="quantity" />
+      <el-table-column label="单位" align="center" prop="unit" />
+      <el-table-column label="单价" align="center" prop="unitPrice" />
+      <el-table-column label="总金额" align="center" prop="totalAmount" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+          </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-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="purchasePlanDetailRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="采购编号" prop="detailCode">
+          <el-input v-model="form.detailCode" placeholder="请输入采购编号" />
+        </el-form-item>
+        <el-form-item label="供应商" prop="supplierId">
+          <el-select v-model="form.supplierId" filterable clearable placeholder="请选择供应商">
+            <el-option 
+              v-for="value in supplierList"
+              :value="value.supplierId"
+              :label="value.name"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="原料名称" prop="rawMaterialName">
+          <el-input v-model="form.rawMaterialName" placeholder="请输入原材料名称" />
+        </el-form-item>
+        <el-form-item label="负责人" prop="owner">
+          <el-input v-model="form.owner" placeholder="请输入负责人" />
+        </el-form-item>
+        <el-form-item label="采购数量" prop="quantity">
+          <el-input v-model="form.quantity" placeholder="请输入计划采购数量" />
+        </el-form-item>
+        <el-form-item label="单位" prop="unit">
+          <el-input v-model="form.unit" placeholder="请输入单位" />
+        </el-form-item>
+        <el-form-item label="单价" prop="unitPrice">
+          <el-input v-model="form.unitPrice" placeholder="请输入单价" />
+        </el-form-item>
+        <el-form-item label="总金额" prop="totalAmount">
+          <el-input v-model="form.totalAmount" placeholder="请输入总金额" />
+        </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="PurchasePlanDetail">
+import { listPurchasePlanDetail, getPurchasePlanDetail, delPurchasePlanDetail, addPurchasePlanDetail, updatePurchasePlanDetail } from "@/api/oa/purchasePlanDetail";
+import { listSupplier } from "@/api/oa/supplier";
+
+const { proxy } = getCurrentInstance();
+
+const purchasePlanDetailList = ref([]);
+const open = ref(false);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+const formatterTime = (time) => {
+  return proxy.parseTime(time, '{y}-{m}-{d}')
+}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    detailCode: undefined,
+    supplierId: undefined,
+    rawMaterialName: undefined,
+    owner: undefined,
+    quantity: undefined,
+    unit: undefined,
+    unitPrice: undefined,
+    totalAmount: undefined,
+    annex: undefined,
+    status: undefined,
+  },
+  rules: {
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+function getSupplyTypeList() {
+  listSupplier({ pageSize: 9999 }).then(response => {
+    supplierList.value = response.rows;
+  });
+}
+const supplierList = ref([]);
+getSupplyTypeList();
+
+/** 查询采购计划明细列表 */
+function getList() {
+  loading.value = true;
+  listPurchasePlanDetail(queryParams.value).then(response => {
+    purchasePlanDetailList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    detailId: null,
+    detailCode: null,
+    supplierId: null,
+    rawMaterialName: null,
+    owner: null,
+    quantity: null,
+    unit: null,
+    unitPrice: null,
+    totalAmount: null,
+    annex: null,
+    status: null,
+    remark: null,
+    delFlag: null,
+    createTime: null,
+    createBy: null,
+    updateTime: null,
+    updateBy: null
+  };
+  proxy.resetForm("purchasePlanDetailRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.detailId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加采购计划明细";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  loading.value = true
+  reset();
+  const _detailId = row.detailId || ids.value
+  getPurchasePlanDetail(_detailId).then(response => {
+    loading.value = false;
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改采购计划明细";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["purchasePlanDetailRef"].validate(valid => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.detailId != null) {
+        updatePurchasePlanDetail(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      } else {
+        addPurchasePlanDetail(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _detailIds = row.detailId || ids.value;
+  proxy.$modal.confirm('是否确认删除采购计划明细编号为"' + _detailIds + '"的数据项？').then(function() {
+    loading.value = true;
+    return delPurchasePlanDetail(_detailIds);
+  }).then(() => {
+    loading.value = true;
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {
+  }).finally(() => {
+    loading.value = false;
+  });
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('oa/purchasePlanDetail/export', {
+    ...queryParams.value
+  }, `purchasePlanDetail_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+</script>
diff --git a/gear-ui3/src/views/purchase/supplier/index.vue b/gear-ui3/src/views/purchase/supplier/index.vue
new file mode 100644
index 0000000..7c3dd89
--- /dev/null
+++ b/gear-ui3/src/views/purchase/supplier/index.vue
@@ -0,0 +1,316 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="100px">
+      <el-form-item label="供应商名称" prop="name">
+        <el-input
+          v-model="queryParams.name"
+          placeholder="请输入供应商名称"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="联系人" prop="contactPerson">
+        <el-input
+          v-model="queryParams.contactPerson"
+          placeholder="请输入联系人"
+          clearable
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="供货商类型" prop="typeId">
+        <el-select
+          style="width: 180px;"
+          v-model="queryParams.typeId"
+          placeholder="请选择供货商类型"
+          clearable
+          @change="handleQuery">
+          <el-option
+            v-for="item in supplyTypeList"
+            :key="item.typeId"
+            :label="item.typeName"
+            :value="item.typeId" />
+        </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-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="Plus"
+          @click="handleAdd"
+        >新增</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="success"
+          plain
+          icon="Edit"
+          :disabled="single"
+          @click="handleUpdate"
+        >修改</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="danger"
+          plain
+          icon="Delete"
+          :disabled="multiple"
+          @click="handleDelete"
+        >删除</el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="warning"
+          plain
+          icon="Download"
+          @click="handleExport"
+        >导出</el-button>
+      </el-col>
+      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="supplierList" @selection-change="handleSelectionChange">
+      <el-table-column type="selection" width="55" align="center" />
+      <el-table-column label="供应商ID" align="center" prop="supplierId" v-if="false"/>
+      <el-table-column label="供应商名称" align="center" prop="name" />
+      <el-table-column label="联系人" align="center" prop="contactPerson" />
+      <el-table-column label="联系电话" align="center" prop="phone" />
+      <el-table-column label="地址" align="center" prop="address" />
+      <el-table-column label="供货商类型" align="center" prop="typeName" />
+      <el-table-column label="备注" align="center" prop="remark" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template #default="scope">
+              <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
+              <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
+          </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-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form ref="supplierRef" :model="form" :rules="rules" label-width="100px">
+        <el-form-item label="供应商名称" prop="name">
+          <el-input v-model="form.name" placeholder="请输入供应商名称" />
+        </el-form-item>
+        <el-form-item label="联系人" prop="contactPerson">
+          <el-input v-model="form.contactPerson" placeholder="请输入联系人" />
+        </el-form-item>
+        <el-form-item label="联系电话" prop="phone">
+          <el-input v-model="form.phone" placeholder="请输入联系电话" />
+        </el-form-item>
+        <el-form-item label="地址" prop="address">
+          <el-input v-model="form.address" placeholder="请输入地址" />
+        </el-form-item>
+        <el-form-item label="供货商类型" prop="typeId">
+          <el-select v-model="form.typeId" filterable clearable placeholder="请选择供货商类型">
+            <el-option
+              v-for="item in supplyTypeList"
+              :key="item.typeId"
+              :label="item.typeName"
+              :value="item.typeId" />
+          </el-select>
+        </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="Supplier">
+import { listSupplier, getSupplier, delSupplier, addSupplier, updateSupplier } from "@/api/oa/supplier";
+import { listSupplyType } from "@/api/oa/supplyType";
+
+const { proxy } = getCurrentInstance();
+
+const supplierList = ref([]);
+const open = ref(false);
+const buttonLoading = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+
+const formatterTime = (time) => {
+  return proxy.parseTime(time, '{y}-{m}-{d}')
+}
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+    name: undefined,
+    contactPerson: undefined,
+    phone: undefined,
+    address: undefined,
+    typeId: undefined,
+  },
+  rules: {
+  }
+});
+
+const supplyTypeList = ref([]);
+const getSupplyTypeList = async () => {
+  try {
+    const response = await listSupplyType({ pageSize: 9999 });
+    supplyTypeList.value = response.rows || [];
+  } catch (error) {
+    console.error("获取供货类型失败", error);
+    return [];
+  }
+};
+
+getSupplyTypeList();
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询供应商信息列表 */
+function getList() {
+  loading.value = true;
+  listSupplier(queryParams.value).then(response => {
+    supplierList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    supplierId: null,
+    name: null,
+    contactPerson: null,
+    phone: null,
+    address: null,
+    typeId: null,
+    remark: null,
+    delFlag: null,
+    createTime: null,
+    createBy: null,
+    updateTime: null,
+    updateBy: null
+  };
+  proxy.resetForm("supplierRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  handleQuery();
+}
+
+// 多选框选中数据
+function handleSelectionChange(selection) {
+  ids.value = selection.map(item => item.supplierId);
+  single.value = selection.length != 1;
+  multiple.value = !selection.length;
+}
+
+/** 新增按钮操作 */
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "添加供应商信息";
+}
+
+/** 修改按钮操作 */
+function handleUpdate(row) {
+  loading.value = true
+  reset();
+  const _supplierId = row.supplierId || ids.value
+  getSupplier(_supplierId).then(response => {
+    loading.value = false;
+    form.value = response.data;
+    open.value = true;
+    title.value = "修改供应商信息";
+  });
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["supplierRef"].validate(valid => {
+    if (valid) {
+      buttonLoading.value = true;
+      if (form.value.supplierId != null) {
+        updateSupplier(form.value).then(response => {
+          proxy.$modal.msgSuccess("修改成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      } else {
+        addSupplier(form.value).then(response => {
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          getList();
+        }).finally(() => {
+          buttonLoading.value = false;
+        });
+      }
+    }
+  });
+}
+
+/** 删除按钮操作 */
+function handleDelete(row) {
+  const _supplierIds = row.supplierId || ids.value;
+  proxy.$modal.confirm('是否确认删除供应商信息编号为"' + _supplierIds + '"的数据项？').then(function() {
+    loading.value = true;
+    return delSupplier(_supplierIds);
+  }).then(() => {
+    loading.value = true;
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {
+  }).finally(() => {
+    loading.value = false;
+  });
+}
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('oa/supplier/export', {
+    ...queryParams.value
+  }, `supplier_${new Date().getTime()}.xlsx`)
+}
+
+getList();
+</script>