From ec6dab28966430581fa26459c0e702c84c99479d Mon Sep 17 00:00:00 2001
From: wangjunjie <873143256@qq.com>
Date: Sat, 20 Dec 2025 20:52:31 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=95=86=E5=93=81=E3=80=81?=
 =?UTF-8?q?=E5=95=86=E5=93=81=E5=88=86=E7=B1=BB=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/cst/project/Project.vue             |   8 +-
 .../gds/goods-category/GoodsCategory.vue      | 231 +++++++++++++++
 .../gds/goods-category/GoodsCategoryForm.vue  | 163 ++++++++++
 .../gds/goods-category/goods-category-api.ts  |  22 ++
 .../gds/goods-category/goods-category.d.ts    |  97 ++++++
 src/pages/gds/goods-category/page.ts          |   3 +
 src/pages/gds/goods/Goods.vue                 | 279 ++++++++++++++++++
 src/pages/gds/goods/GoodsForm.vue             | 219 ++++++++++++++
 src/pages/gds/goods/goods-api.ts              |  22 ++
 src/pages/gds/goods/goods.d.ts                | 161 ++++++++++
 src/pages/gds/goods/page.ts                   |   3 +
 11 files changed, 1204 insertions(+), 4 deletions(-)
 create mode 100644 src/pages/gds/goods-category/GoodsCategory.vue
 create mode 100644 src/pages/gds/goods-category/GoodsCategoryForm.vue
 create mode 100644 src/pages/gds/goods-category/goods-category-api.ts
 create mode 100644 src/pages/gds/goods-category/goods-category.d.ts
 create mode 100644 src/pages/gds/goods-category/page.ts
 create mode 100644 src/pages/gds/goods/Goods.vue
 create mode 100644 src/pages/gds/goods/GoodsForm.vue
 create mode 100644 src/pages/gds/goods/goods-api.ts
 create mode 100644 src/pages/gds/goods/goods.d.ts
 create mode 100644 src/pages/gds/goods/page.ts

diff --git a/src/pages/cst/project/Project.vue b/src/pages/cst/project/Project.vue
index 1ffbd8a..720d5ff 100644
--- a/src/pages/cst/project/Project.vue
+++ b/src/pages/cst/project/Project.vue
@@ -124,12 +124,12 @@ const searchForm = ref<ProjectTypes.SearchProjectParam>({
 const searching = ref(false)
 const deling = ref(false)
 const showSearchForm = ref(true)
-const projectFormIns = useTemplateRef<InstanceType<typeof ProjectForm>>('projectForm')
+// const projectFormIns = useTemplateRef<InstanceType<typeof ProjectForm>>('projectForm')
 const projectDetailIns = useTemplateRef<InstanceType<typeof ProjectDetail>>('projectDetail')
 
-function showDialog(data?: ProjectTypes.SearchProjectResult) {
-  projectFormIns.value?.open(data)
-}
+// function showDialog(data?: ProjectTypes.SearchProjectResult) {
+//   projectFormIns.value?.open(data)
+// }
 
 function delHandler({row}: { row: ProjectTypes.SearchProjectResult }) {
   deling.value = true
diff --git a/src/pages/gds/goods-category/GoodsCategory.vue b/src/pages/gds/goods-category/GoodsCategory.vue
new file mode 100644
index 0000000..6c71daf
--- /dev/null
+++ b/src/pages/gds/goods-category/GoodsCategory.vue
@@ -0,0 +1,231 @@
+<template>
+  <Page>
+    <ElForm v-show="showSearchForm" inline @submit.prevent="paging">
+       <ElFormItem label="Id">
+        <ElInput
+          v-model="searchForm.id"
+          placeholder="Id"/>
+      </ElFormItem>
+       <ElFormItem label="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他">
+        <ElInput
+          v-model="searchForm.bizType"
+          placeholder="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他"/>
+      </ElFormItem>
+       <ElFormItem label="分类名称">
+        <ElInput
+          v-model="searchForm.categoryName"
+          placeholder="分类名称"/>
+      </ElFormItem>
+       <ElFormItem label="图片">
+        <ElInput
+          v-model="searchForm.picture"
+          placeholder="图片"/>
+      </ElFormItem>
+       <ElFormItem label="排序">
+        <ElInput
+          v-model="searchForm.sort"
+          placeholder="排序"/>
+      </ElFormItem>
+       <ElFormItem label="创建人 Id；sys_user.id">
+        <ElInput
+          v-model="searchForm.creatorId"
+          placeholder="创建人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="修改人 Id；sys_user.id">
+        <ElInput
+          v-model="searchForm.modifierId"
+          placeholder="修改人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="创建时间">
+        <ElInput
+          v-model="searchForm.createTime"
+          placeholder="创建时间"/>
+      </ElFormItem>
+       <ElFormItem label="修改时间">
+        <ElInput
+          v-model="searchForm.modifyTime"
+          placeholder="修改时间"/>
+      </ElFormItem>
+       <ElFormItem label="是否删除； 0-->未删除、1-->已删除">
+        <ElInput
+          v-model="searchForm.deleted"
+          placeholder="是否删除； 0-->未删除、1-->已删除"/>
+      </ElFormItem>
+      <ElFormItem>
+        <ElButton :icon="elIcons.Search" :loading="searching" native-type="submit" type="primary">搜索</ElButton>
+        <ElButton :icon="elIcons.Refresh" :loading="searching" @click="reset">重置</ElButton>
+      </ElFormItem>
+    </ElForm>
+
+    <div class="tool-bar">
+      <ElButton :icon="elIcons.Plus" type="primary" @click="addHandler">新建</ElButton>
+      <ElButton :icon="elIcons.Filter" type="default" @click="showSearchForm = !showSearchForm"/>
+    </div>
+
+    <ElTable v-loading="searching" :data="tableData"
+      cell-class-name="table-cell"
+      class="table-list"
+      empty-text="暂无数据"
+      header-row-class-name="table-header"
+      row-key="id">
+        <ElTableColumn label="Id" prop="id"/>
+        <ElTableColumn label="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他" prop="bizType"/>
+        <ElTableColumn label="分类名称" prop="categoryName"/>
+        <ElTableColumn label="图片" prop="picture"/>
+        <ElTableColumn label="排序" prop="sort"/>
+        <ElTableColumn label="创建人 Id；sys_user.id" prop="creatorId"/>
+        <ElTableColumn label="修改人 Id；sys_user.id" prop="modifierId"/>
+        <ElTableColumn label="创建时间" prop="createTime"/>
+        <ElTableColumn label="修改时间" prop="modifyTime"/>
+        <ElTableColumn label="是否删除； 0-->未删除、1-->已删除" prop="deleted"/>
+      <ElTableColumn label="操作" width="180">
+        <template #default="scope">
+          <div class="action-btn">
+            <ElPopconfirm
+              confirm-button-text="是"
+              cancel-button-text="否"
+              confirm-button-type="danger"
+              cancel-button-type="primary"
+              placement="top"
+              title="是否删除当前数据?"
+              width="180"
+              @confirm="delHandler(scope)">
+              <template #reference>
+                <ElButton text type="danger" :loading="deling">删除</ElButton>
+              </template>
+            </ElPopconfirm>
+            <ElButton text type="primary" @click="modifyHandler(scope)">修改</ElButton>
+          </div>
+        </template>
+      </ElTableColumn>
+    </ElTable>
+     <ElPagination
+      layout="->, sizes, total, prev, pager, next"
+      v-model:current-page="searchForm.current"
+      v-model:page-size="searchForm.size"
+      :total="totalCount"
+      :page-sizes="[10, 20, 50, 100, 500]"
+      :hide-on-single-page="false"
+      :teleported="false"
+      @change="paging"/>
+    <GoodsCategoryForm ref="goodsCategoryForm" @edit-succ="paging"/>
+  </Page>
+</template>
+
+<script lang="ts" setup>
+import GoodsCategoryApi from '@/pages/gds/goods-category/goods-category-api.ts'
+import GoodsCategoryForm from '@/pages/gds/goods-category/GoodsCategoryForm.vue'
+import Page from '@/components/page/Page.vue'
+import { elIcons } from '@/common/element/element.ts'
+import Utils from '@/common/utils'
+
+const totalCount = ref(0)
+const tableData = Utils.resetAble(reactive<GoodsCategoryTypes.SearchGoodsCategoryResult[]>([]))
+const searchForm = Utils.resetAble(reactive<GoodsCategoryTypes.SearchGoodsCategoryParam>({
+  current: 1,
+  size: 20,
+}))
+const searching = ref(false)
+const deling = ref(false)
+const showSearchForm = ref(true)
+const goodsCategoryFormIns = useTemplateRef<InstanceType<typeof GoodsCategoryForm>>('goodsCategoryForm')
+
+function showDialog(data?: GoodsCategoryTypes.SearchGoodsCategoryResult) {
+  goodsCategoryFormIns.value?.open(data)
+}
+
+function delHandler({row}: { row: GoodsCategoryTypes.SearchGoodsCategoryResult }) {
+  deling.value = true
+  GoodsCategoryApi.del([ row.id! ])
+  .then(() => {
+      ElMessage.success('删除成功')
+      paging()
+    })
+  .finally(() => {
+      deling.value = false
+    })
+}
+
+function modifyHandler({row}: { row: GoodsCategoryTypes.SearchGoodsCategoryResult }) {
+  showDialog(row)
+}
+
+function addHandler() {
+  showDialog()
+}
+
+function reset() {
+  searchForm.$reset()
+  paging()
+}
+
+function paging() {
+  searching.value = true
+  GoodsCategoryApi.paging(searchForm)
+    .then(res => {
+      totalCount.value = res.data?.total ?? 0
+      tableData.$reset(res.data?.records ?? [])
+    })
+    .finally(() => {
+      searching.value = false
+    })
+}
+onMounted(() => {
+  paging()
+})
+
+</script>
+
+<style lang="stylus" scoped>
+.table-list {
+  flex 1;
+  margin 0 0 20px 0
+  width 100%
+
+  :deep(.table-header) {
+    color #454C59
+
+    th {
+      background-color #EDF1F7
+      font-weight 500
+      position relative
+
+      & > div {
+        display flex
+        gap 5px
+        align-items center
+      }
+
+      &:not(:first-child) > div::before {
+        position: absolute;
+        top: 50%;
+        left: 1px;
+        width: 1px;
+        background-color: #D3D7DE;
+        transform: translateY(-50%);
+        content: "";
+        height 50%
+      }
+    }
+  }
+
+  :deep(.table-cell) {
+    color #2F3540
+  }
+  .action-btn {
+    width 100%
+    display flex
+    flex-wrap wrap
+
+    & > button {
+      margin 0
+    }
+  }
+}
+
+.tool-bar {
+  display flex
+  justify-content space-between
+  margin 0 0 20px 0
+}
+</style>
diff --git a/src/pages/gds/goods-category/GoodsCategoryForm.vue b/src/pages/gds/goods-category/GoodsCategoryForm.vue
new file mode 100644
index 0000000..863fb73
--- /dev/null
+++ b/src/pages/gds/goods-category/GoodsCategoryForm.vue
@@ -0,0 +1,163 @@
+<template>
+  <ElDialog v-model="showDialog"
+    :close-on-click-modal="false"
+    destroy-on-close
+    width="fit-content"
+    @close="dialogCloseHandler">
+    <ElForm :model="formData"
+      :rules="rules"
+      ref="goodsCategoryForm"
+      class="form-panel"
+      label-width="auto">
+       <ElFormItem label="Id" prop="id">
+        <ElInput
+          v-model="formData.id"
+          :disabled="status === 'view'"
+          placeholder="Id"/>
+      </ElFormItem>
+       <ElFormItem label="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他" prop="bizType">
+        <ElInput
+          v-model="formData.bizType"
+          :disabled="status === 'view'"
+          placeholder="业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他"/>
+      </ElFormItem>
+       <ElFormItem label="分类名称" prop="categoryName">
+        <ElInput
+          v-model="formData.categoryName"
+          :disabled="status === 'view'"
+          placeholder="分类名称"/>
+      </ElFormItem>
+       <ElFormItem label="图片" prop="picture">
+        <ElInput
+          v-model="formData.picture"
+          :disabled="status === 'view'"
+          placeholder="图片"/>
+      </ElFormItem>
+       <ElFormItem label="排序" prop="sort">
+        <ElInput
+          v-model="formData.sort"
+          :disabled="status === 'view'"
+          placeholder="排序"/>
+      </ElFormItem>
+       <ElFormItem label="创建人 Id；sys_user.id" prop="creatorId">
+        <ElInput
+          v-model="formData.creatorId"
+          :disabled="status === 'view'"
+          placeholder="创建人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="修改人 Id；sys_user.id" prop="modifierId">
+        <ElInput
+          v-model="formData.modifierId"
+          :disabled="status === 'view'"
+          placeholder="修改人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="创建时间" prop="createTime">
+        <ElInput
+          v-model="formData.createTime"
+          :disabled="status === 'view'"
+          placeholder="创建时间"/>
+      </ElFormItem>
+       <ElFormItem label="修改时间" prop="modifyTime">
+        <ElInput
+          v-model="formData.modifyTime"
+          :disabled="status === 'view'"
+          placeholder="修改时间"/>
+      </ElFormItem>
+       <ElFormItem label="是否删除； 0-->未删除、1-->已删除" prop="deleted">
+        <ElInput
+          v-model="formData.deleted"
+          :disabled="status === 'view'"
+          placeholder="是否删除； 0-->未删除、1-->已删除"/>
+      </ElFormItem>
+    </ElForm>
+    <template #footer>
+      <ElButton @click="showDialog = false">{{ status === 'view' ? '关闭' : '取消' }}</ElButton>
+      <ElButton v-if="status !== 'view'" :loading="submiting" type="primary" @click="submitHandler">提交</ElButton>
+    </template>
+  </ElDialog>
+</template>
+
+<script lang="ts" setup>
+import GoodsCategoryApi from '@/pages/gds/goods-category/goods-category-api.ts'
+import Strings from '@/common/utils/strings.ts'
+import FormUtil from '@/common/utils/formUtil.ts'
+import Utils from '@/common/utils'
+import {
+  ElMessage,
+  type FormInstance,
+  type FormRules,
+} from 'element-plus'
+
+const emits = defineEmits(['editSucc'])
+const showDialog = ref(false)
+const submiting = ref(false)
+const status = ref<'add' | 'view' | 'modify'>('add')
+
+const goodsCategoryFormIns = useTemplateRef<FormInstance>('goodsCategoryForm')
+
+const formData = Utils.resetAble(reactive<GoodsCategoryTypes.SearchGoodsCategoryResult>({}))
+const rules = reactive<FormRules<GoodsCategoryTypes.SearchGoodsCategoryResult>>({
+id: [{ required: true, message: '请填写Id', trigger: 'blur' }],
+bizType: [{ required: true, message: '请填写业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他', trigger: 'blur' }],
+categoryName: [{ required: true, message: '请填写分类名称', trigger: 'blur' }],
+picture: [{ required: true, message: '请填写图片', trigger: 'blur' }],
+sort: [{ required: true, message: '请填写排序', trigger: 'blur' }],
+creatorId: [{ required: true, message: '请填写创建人 Id；sys_user.id', trigger: 'blur' }],
+modifierId: [{ required: true, message: '请填写修改人 Id；sys_user.id', trigger: 'blur' }],
+createTime: [{ required: true, message: '请填写创建时间', trigger: 'blur' }],
+modifyTime: [{ required: true, message: '请填写修改时间', trigger: 'blur' }],
+deleted: [{ required: true, message: '请填写是否删除； 0-->未删除、1-->已删除', trigger: 'blur' }],
+})
+
+function dialogCloseHandler() {
+  formData.$reset()
+}
+
+function submitHandler() {
+  if (status.value === 'view') return
+  submiting.value = true
+  if (formData.id != null) {
+  FormUtil.submit(goodsCategoryFormIns, () => GoodsCategoryApi.modify(formData))
+      .then(() => {
+        ElMessage.success('修改成功')
+        emits('editSucc')
+        showDialog.value = false
+      })
+      .finally(() => {
+        submiting.value = false
+      })
+  } else {
+  FormUtil.submit(goodsCategoryFormIns, () => GoodsCategoryApi.add(formData))
+      .then(() => {
+        ElMessage.success('添加成功')
+        emits('editSucc')
+        showDialog.value = false
+      })
+      .finally(() => {
+        submiting.value = false
+      })
+  }
+}
+
+defineExpose({
+  open(data: GoodsCategoryTypes.SearchGoodsCategoryResult = {}) {
+    showDialog.value = true
+    if (!Strings.isBlank(data.id)) {
+      status.value = 'modify'
+      GoodsCategoryApi.detail(data.id!)
+        .then(res => {
+          formData.$reset(res.data)
+        })
+    } else {
+      status.value = 'add'
+      formData.$reset(data)
+    }
+  }
+})
+</script>
+
+<style lang="stylus" scoped>
+.form-panel {
+  padding 20px
+}
+</style>
diff --git a/src/pages/gds/goods-category/goods-category-api.ts b/src/pages/gds/goods-category/goods-category-api.ts
new file mode 100644
index 0000000..3f26ed2
--- /dev/null
+++ b/src/pages/gds/goods-category/goods-category-api.ts
@@ -0,0 +1,22 @@
+import {
+  get,
+  post
+} from '@/common/utils/http-util.ts'
+
+export default {
+  paging(data: GoodsCategoryTypes.SearchGoodsCategoryParam) {
+    return get<G.PageResult<GoodsCategoryTypes.SearchGoodsCategoryResult>>('/goods_category/paging', data)
+  },
+  detail(id: string) {
+    return get<GoodsCategoryTypes.SearchGoodsCategoryResult>('/goods_category/detail', {id})
+  },
+  add(data: GoodsCategoryTypes.AddGoodsCategoryParam) {
+    return post('/goods_category/add', data)
+  },
+  modify(data: GoodsCategoryTypes.ModifyGoodsCategoryParam) {
+    return post('/goods_category/modify', data)
+  },
+  del(ids: string[]) {
+    return post('/goods_category/del', ids)
+  },
+}
diff --git a/src/pages/gds/goods-category/goods-category.d.ts b/src/pages/gds/goods-category/goods-category.d.ts
new file mode 100644
index 0000000..7d8376b
--- /dev/null
+++ b/src/pages/gds/goods-category/goods-category.d.ts
@@ -0,0 +1,97 @@
+export {}
+
+declare global {
+  namespace GoodsCategoryTypes {
+    interface SearchGoodsCategoryParam extends G.PageParam {
+      // Id
+      id?: string
+      // 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
+      bizType?: string
+      // 分类名称
+      categoryName?: string
+      // 图片
+      picture?: string
+      // 排序
+      sort?: number
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+
+    interface SearchGoodsCategoryResult {
+      // Id
+      id?: string
+      // 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
+      bizType?: string
+      // 分类名称
+      categoryName?: string
+      // 图片
+      picture?: string
+      // 排序
+      sort?: number
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+
+    interface AddGoodsCategoryParam {
+      // Id
+      id?: string
+      // 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
+      bizType?: string
+      // 分类名称
+      categoryName?: string
+      // 图片
+      picture?: string
+      // 排序
+      sort?: number
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+
+    interface ModifyGoodsCategoryParam {
+      // Id
+      id?: string
+      // 业务类型；字典代码：biz_type，ZaiShengPin-->再生品、HuiShouPin-->回收品、QiTa-->其他
+      bizType?: string
+      // 分类名称
+      categoryName?: string
+      // 图片
+      picture?: string
+      // 排序
+      sort?: number
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+  }
+}
diff --git a/src/pages/gds/goods-category/page.ts b/src/pages/gds/goods-category/page.ts
new file mode 100644
index 0000000..3a7b430
--- /dev/null
+++ b/src/pages/gds/goods-category/page.ts
@@ -0,0 +1,3 @@
+export default {
+  component: () => import('@/pages/gds/goods-category/GoodsCategory.vue'),
+} as RouterTypes.RouteConfig
\ No newline at end of file
diff --git a/src/pages/gds/goods/Goods.vue b/src/pages/gds/goods/Goods.vue
new file mode 100644
index 0000000..dbe0fc7
--- /dev/null
+++ b/src/pages/gds/goods/Goods.vue
@@ -0,0 +1,279 @@
+<template>
+  <Page>
+    <ElForm v-show="showSearchForm" inline @submit.prevent="paging">
+       <ElFormItem label="Id">
+        <ElInput
+          v-model="searchForm.id"
+          placeholder="Id"/>
+      </ElFormItem>
+       <ElFormItem label="产品类型 Id">
+        <ElInput
+          v-model="searchForm.goodsCategoryId"
+          placeholder="产品类型 Id"/>
+      </ElFormItem>
+       <ElFormItem label="商品编码">
+        <ElInput
+          v-model="searchForm.sn"
+          placeholder="商品编码"/>
+      </ElFormItem>
+       <ElFormItem label="产品名称">
+        <ElInput
+          v-model="searchForm.goodsName"
+          placeholder="产品名称"/>
+      </ElFormItem>
+       <ElFormItem label="规格">
+        <ElInput
+          v-model="searchForm.specParams"
+          placeholder="规格"/>
+      </ElFormItem>
+       <ElFormItem label="图片">
+        <ElInput
+          v-model="searchForm.picture"
+          placeholder="图片"/>
+      </ElFormItem>
+       <ElFormItem label="计量单位；字典代码：unit">
+        <ElInput
+          v-model="searchForm.unit"
+          placeholder="计量单位；字典代码：unit"/>
+      </ElFormItem>
+       <ElFormItem label="是否为成品；0-->否、1-->是">
+        <ElInput
+          v-model="searchForm.fg"
+          placeholder="是否为成品；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="是否为半成品；0-->否、1-->是">
+        <ElInput
+          v-model="searchForm.sfg"
+          placeholder="是否为半成品；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="是否为原料；0-->否、1-->是">
+        <ElInput
+          v-model="searchForm.rg"
+          placeholder="是否为原料；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="排序">
+        <ElInput
+          v-model="searchForm.sort"
+          placeholder="排序"/>
+      </ElFormItem>
+       <ElFormItem label="是否可用；0-->否、1-->是">
+        <ElInput
+          v-model="searchForm.canuse"
+          placeholder="是否可用；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="备注">
+        <ElInput
+          v-model="searchForm.memo"
+          placeholder="备注"/>
+      </ElFormItem>
+       <ElFormItem label="创建人 Id；sys_user.id">
+        <ElInput
+          v-model="searchForm.creatorId"
+          placeholder="创建人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="修改人 Id；sys_user.id">
+        <ElInput
+          v-model="searchForm.modifierId"
+          placeholder="修改人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="创建时间">
+        <ElInput
+          v-model="searchForm.createTime"
+          placeholder="创建时间"/>
+      </ElFormItem>
+       <ElFormItem label="修改时间">
+        <ElInput
+          v-model="searchForm.modifyTime"
+          placeholder="修改时间"/>
+      </ElFormItem>
+       <ElFormItem label="是否删除； 0-->未删除、1-->已删除">
+        <ElInput
+          v-model="searchForm.deleted"
+          placeholder="是否删除； 0-->未删除、1-->已删除"/>
+      </ElFormItem>
+      <ElFormItem>
+        <ElButton :icon="elIcons.Search" :loading="searching" native-type="submit" type="primary">搜索</ElButton>
+        <ElButton :icon="elIcons.Refresh" :loading="searching" @click="reset">重置</ElButton>
+      </ElFormItem>
+    </ElForm>
+
+    <div class="tool-bar">
+      <ElButton :icon="elIcons.Plus" type="primary" @click="addHandler">新建</ElButton>
+      <ElButton :icon="elIcons.Filter" type="default" @click="showSearchForm = !showSearchForm"/>
+    </div>
+
+    <ElTable v-loading="searching" :data="tableData"
+      cell-class-name="table-cell"
+      class="table-list"
+      empty-text="暂无数据"
+      header-row-class-name="table-header"
+      row-key="id">
+        <ElTableColumn label="Id" prop="id"/>
+        <ElTableColumn label="产品类型 Id" prop="goodsCategoryId"/>
+        <ElTableColumn label="商品编码" prop="sn"/>
+        <ElTableColumn label="产品名称" prop="goodsName"/>
+        <ElTableColumn label="规格" prop="specParams"/>
+        <ElTableColumn label="图片" prop="picture"/>
+        <ElTableColumn label="计量单位；字典代码：unit" prop="unit"/>
+        <ElTableColumn label="是否为成品；0-->否、1-->是" prop="fg"/>
+        <ElTableColumn label="是否为半成品；0-->否、1-->是" prop="sfg"/>
+        <ElTableColumn label="是否为原料；0-->否、1-->是" prop="rg"/>
+        <ElTableColumn label="排序" prop="sort"/>
+        <ElTableColumn label="是否可用；0-->否、1-->是" prop="canuse"/>
+        <ElTableColumn label="备注" prop="memo"/>
+        <ElTableColumn label="创建人 Id；sys_user.id" prop="creatorId"/>
+        <ElTableColumn label="修改人 Id；sys_user.id" prop="modifierId"/>
+        <ElTableColumn label="创建时间" prop="createTime"/>
+        <ElTableColumn label="修改时间" prop="modifyTime"/>
+        <ElTableColumn label="是否删除； 0-->未删除、1-->已删除" prop="deleted"/>
+      <ElTableColumn label="操作" width="180">
+        <template #default="scope">
+          <div class="action-btn">
+            <ElPopconfirm
+              confirm-button-text="是"
+              cancel-button-text="否"
+              confirm-button-type="danger"
+              cancel-button-type="primary"
+              placement="top"
+              title="是否删除当前数据?"
+              width="180"
+              @confirm="delHandler(scope)">
+              <template #reference>
+                <ElButton text type="danger" :loading="deling">删除</ElButton>
+              </template>
+            </ElPopconfirm>
+            <ElButton text type="primary" @click="modifyHandler(scope)">修改</ElButton>
+          </div>
+        </template>
+      </ElTableColumn>
+    </ElTable>
+     <ElPagination
+      layout="->, sizes, total, prev, pager, next"
+      v-model:current-page="searchForm.current"
+      v-model:page-size="searchForm.size"
+      :total="totalCount"
+      :page-sizes="[10, 20, 50, 100, 500]"
+      :hide-on-single-page="false"
+      :teleported="false"
+      @change="paging"/>
+    <GoodsForm ref="goodsForm" @edit-succ="paging"/>
+  </Page>
+</template>
+
+<script lang="ts" setup>
+import GoodsApi from '@/pages/gds/goods/goods-api.ts'
+import GoodsForm from '@/pages/gds/goods/GoodsForm.vue'
+import Page from '@/components/page/Page.vue'
+import { elIcons } from '@/common/element/element.ts'
+import Utils from '@/common/utils'
+
+const totalCount = ref(0)
+const tableData = Utils.resetAble(reactive<GoodsTypes.SearchGoodsResult[]>([]))
+const searchForm = Utils.resetAble(reactive<GoodsTypes.SearchGoodsParam>({
+  current: 1,
+  size: 20,
+}))
+const searching = ref(false)
+const deling = ref(false)
+const showSearchForm = ref(true)
+const goodsFormIns = useTemplateRef<InstanceType<typeof GoodsForm>>('goodsForm')
+
+function showDialog(data?: GoodsTypes.SearchGoodsResult) {
+  goodsFormIns.value?.open(data)
+}
+
+function delHandler({row}: { row: GoodsTypes.SearchGoodsResult }) {
+  deling.value = true
+  GoodsApi.del([ row.id! ])
+  .then(() => {
+      ElMessage.success('删除成功')
+      paging()
+    })
+  .finally(() => {
+      deling.value = false
+    })
+}
+
+function modifyHandler({row}: { row: GoodsTypes.SearchGoodsResult }) {
+  showDialog(row)
+}
+
+function addHandler() {
+  showDialog()
+}
+
+function reset() {
+  searchForm.$reset()
+  paging()
+}
+
+function paging() {
+  searching.value = true
+  GoodsApi.paging(searchForm)
+    .then(res => {
+      totalCount.value = res.data?.total ?? 0
+      tableData.$reset(res.data?.records ?? [])
+    })
+    .finally(() => {
+      searching.value = false
+    })
+}
+onMounted(() => {
+  paging()
+})
+
+</script>
+
+<style lang="stylus" scoped>
+.table-list {
+  flex 1;
+  margin 0 0 20px 0
+  width 100%
+
+  :deep(.table-header) {
+    color #454C59
+
+    th {
+      background-color #EDF1F7
+      font-weight 500
+      position relative
+
+      & > div {
+        display flex
+        gap 5px
+        align-items center
+      }
+
+      &:not(:first-child) > div::before {
+        position: absolute;
+        top: 50%;
+        left: 1px;
+        width: 1px;
+        background-color: #D3D7DE;
+        transform: translateY(-50%);
+        content: "";
+        height 50%
+      }
+    }
+  }
+
+  :deep(.table-cell) {
+    color #2F3540
+  }
+  .action-btn {
+    width 100%
+    display flex
+    flex-wrap wrap
+
+    & > button {
+      margin 0
+    }
+  }
+}
+
+.tool-bar {
+  display flex
+  justify-content space-between
+  margin 0 0 20px 0
+}
+</style>
diff --git a/src/pages/gds/goods/GoodsForm.vue b/src/pages/gds/goods/GoodsForm.vue
new file mode 100644
index 0000000..56da803
--- /dev/null
+++ b/src/pages/gds/goods/GoodsForm.vue
@@ -0,0 +1,219 @@
+<template>
+  <ElDialog v-model="showDialog"
+    :close-on-click-modal="false"
+    destroy-on-close
+    width="fit-content"
+    @close="dialogCloseHandler">
+    <ElForm :model="formData"
+      :rules="rules"
+      ref="goodsForm"
+      class="form-panel"
+      label-width="auto">
+       <ElFormItem label="Id" prop="id">
+        <ElInput
+          v-model="formData.id"
+          :disabled="status === 'view'"
+          placeholder="Id"/>
+      </ElFormItem>
+       <ElFormItem label="产品类型 Id" prop="goodsCategoryId">
+        <ElInput
+          v-model="formData.goodsCategoryId"
+          :disabled="status === 'view'"
+          placeholder="产品类型 Id"/>
+      </ElFormItem>
+       <ElFormItem label="商品编码" prop="sn">
+        <ElInput
+          v-model="formData.sn"
+          :disabled="status === 'view'"
+          placeholder="商品编码"/>
+      </ElFormItem>
+       <ElFormItem label="产品名称" prop="goodsName">
+        <ElInput
+          v-model="formData.goodsName"
+          :disabled="status === 'view'"
+          placeholder="产品名称"/>
+      </ElFormItem>
+       <ElFormItem label="规格" prop="specParams">
+        <ElInput
+          v-model="formData.specParams"
+          :disabled="status === 'view'"
+          placeholder="规格"/>
+      </ElFormItem>
+       <ElFormItem label="图片" prop="picture">
+        <ElInput
+          v-model="formData.picture"
+          :disabled="status === 'view'"
+          placeholder="图片"/>
+      </ElFormItem>
+       <ElFormItem label="计量单位；字典代码：unit" prop="unit">
+        <ElInput
+          v-model="formData.unit"
+          :disabled="status === 'view'"
+          placeholder="计量单位；字典代码：unit"/>
+      </ElFormItem>
+       <ElFormItem label="是否为成品；0-->否、1-->是" prop="fg">
+        <ElInput
+          v-model="formData.fg"
+          :disabled="status === 'view'"
+          placeholder="是否为成品；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="是否为半成品；0-->否、1-->是" prop="sfg">
+        <ElInput
+          v-model="formData.sfg"
+          :disabled="status === 'view'"
+          placeholder="是否为半成品；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="是否为原料；0-->否、1-->是" prop="rg">
+        <ElInput
+          v-model="formData.rg"
+          :disabled="status === 'view'"
+          placeholder="是否为原料；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="排序" prop="sort">
+        <ElInput
+          v-model="formData.sort"
+          :disabled="status === 'view'"
+          placeholder="排序"/>
+      </ElFormItem>
+       <ElFormItem label="是否可用；0-->否、1-->是" prop="canuse">
+        <ElInput
+          v-model="formData.canuse"
+          :disabled="status === 'view'"
+          placeholder="是否可用；0-->否、1-->是"/>
+      </ElFormItem>
+       <ElFormItem label="备注" prop="memo">
+        <ElInput
+          v-model="formData.memo"
+          :disabled="status === 'view'"
+          placeholder="备注"/>
+      </ElFormItem>
+       <ElFormItem label="创建人 Id；sys_user.id" prop="creatorId">
+        <ElInput
+          v-model="formData.creatorId"
+          :disabled="status === 'view'"
+          placeholder="创建人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="修改人 Id；sys_user.id" prop="modifierId">
+        <ElInput
+          v-model="formData.modifierId"
+          :disabled="status === 'view'"
+          placeholder="修改人 Id；sys_user.id"/>
+      </ElFormItem>
+       <ElFormItem label="创建时间" prop="createTime">
+        <ElInput
+          v-model="formData.createTime"
+          :disabled="status === 'view'"
+          placeholder="创建时间"/>
+      </ElFormItem>
+       <ElFormItem label="修改时间" prop="modifyTime">
+        <ElInput
+          v-model="formData.modifyTime"
+          :disabled="status === 'view'"
+          placeholder="修改时间"/>
+      </ElFormItem>
+       <ElFormItem label="是否删除； 0-->未删除、1-->已删除" prop="deleted">
+        <ElInput
+          v-model="formData.deleted"
+          :disabled="status === 'view'"
+          placeholder="是否删除； 0-->未删除、1-->已删除"/>
+      </ElFormItem>
+    </ElForm>
+    <template #footer>
+      <ElButton @click="showDialog = false">{{ status === 'view' ? '关闭' : '取消' }}</ElButton>
+      <ElButton v-if="status !== 'view'" :loading="submiting" type="primary" @click="submitHandler">提交</ElButton>
+    </template>
+  </ElDialog>
+</template>
+
+<script lang="ts" setup>
+import GoodsApi from '@/pages/gds/goods/goods-api.ts'
+import Strings from '@/common/utils/strings.ts'
+import FormUtil from '@/common/utils/formUtil.ts'
+import Utils from '@/common/utils'
+import {
+  ElMessage,
+  type FormInstance,
+  type FormRules,
+} from 'element-plus'
+
+const emits = defineEmits(['editSucc'])
+const showDialog = ref(false)
+const submiting = ref(false)
+const status = ref<'add' | 'view' | 'modify'>('add')
+
+const goodsFormIns = useTemplateRef<FormInstance>('goodsForm')
+
+const formData = Utils.resetAble(reactive<GoodsTypes.SearchGoodsResult>({}))
+const rules = reactive<FormRules<GoodsTypes.SearchGoodsResult>>({
+id: [{ required: true, message: '请填写Id', trigger: 'blur' }],
+goodsCategoryId: [{ required: true, message: '请填写产品类型 Id', trigger: 'blur' }],
+sn: [{ required: true, message: '请填写商品编码', trigger: 'blur' }],
+goodsName: [{ required: true, message: '请填写产品名称', trigger: 'blur' }],
+specParams: [{ required: true, message: '请填写规格', trigger: 'blur' }],
+picture: [{ required: true, message: '请填写图片', trigger: 'blur' }],
+unit: [{ required: true, message: '请填写计量单位；字典代码：unit', trigger: 'blur' }],
+fg: [{ required: true, message: '请填写是否为成品；0-->否、1-->是', trigger: 'blur' }],
+sfg: [{ required: true, message: '请填写是否为半成品；0-->否、1-->是', trigger: 'blur' }],
+rg: [{ required: true, message: '请填写是否为原料；0-->否、1-->是', trigger: 'blur' }],
+sort: [{ required: true, message: '请填写排序', trigger: 'blur' }],
+canuse: [{ required: true, message: '请填写是否可用；0-->否、1-->是', trigger: 'blur' }],
+memo: [{ required: true, message: '请填写备注', trigger: 'blur' }],
+creatorId: [{ required: true, message: '请填写创建人 Id；sys_user.id', trigger: 'blur' }],
+modifierId: [{ required: true, message: '请填写修改人 Id；sys_user.id', trigger: 'blur' }],
+createTime: [{ required: true, message: '请填写创建时间', trigger: 'blur' }],
+modifyTime: [{ required: true, message: '请填写修改时间', trigger: 'blur' }],
+deleted: [{ required: true, message: '请填写是否删除； 0-->未删除、1-->已删除', trigger: 'blur' }],
+})
+
+function dialogCloseHandler() {
+  formData.$reset()
+}
+
+function submitHandler() {
+  if (status.value === 'view') return
+  submiting.value = true
+  if (formData.id != null) {
+  FormUtil.submit(goodsFormIns, () => GoodsApi.modify(formData))
+      .then(() => {
+        ElMessage.success('修改成功')
+        emits('editSucc')
+        showDialog.value = false
+      })
+      .finally(() => {
+        submiting.value = false
+      })
+  } else {
+  FormUtil.submit(goodsFormIns, () => GoodsApi.add(formData))
+      .then(() => {
+        ElMessage.success('添加成功')
+        emits('editSucc')
+        showDialog.value = false
+      })
+      .finally(() => {
+        submiting.value = false
+      })
+  }
+}
+
+defineExpose({
+  open(data: GoodsTypes.SearchGoodsResult = {}) {
+    showDialog.value = true
+    if (!Strings.isBlank(data.id)) {
+      status.value = 'modify'
+      GoodsApi.detail(data.id!)
+        .then(res => {
+          formData.$reset(res.data)
+        })
+    } else {
+      status.value = 'add'
+      formData.$reset(data)
+    }
+  }
+})
+</script>
+
+<style lang="stylus" scoped>
+.form-panel {
+  padding 20px
+}
+</style>
diff --git a/src/pages/gds/goods/goods-api.ts b/src/pages/gds/goods/goods-api.ts
new file mode 100644
index 0000000..6236e67
--- /dev/null
+++ b/src/pages/gds/goods/goods-api.ts
@@ -0,0 +1,22 @@
+import {
+  get,
+  post
+} from '@/common/utils/http-util.ts'
+
+export default {
+  paging(data: GoodsTypes.SearchGoodsParam) {
+    return get<G.PageResult<GoodsTypes.SearchGoodsResult>>('/goods/paging', data)
+  },
+  detail(id: string) {
+    return get<GoodsTypes.SearchGoodsResult>('/goods/detail', {id})
+  },
+  add(data: GoodsTypes.AddGoodsParam) {
+    return post('/goods/add', data)
+  },
+  modify(data: GoodsTypes.ModifyGoodsParam) {
+    return post('/goods/modify', data)
+  },
+  del(ids: string[]) {
+    return post('/goods/del', ids)
+  },
+}
diff --git a/src/pages/gds/goods/goods.d.ts b/src/pages/gds/goods/goods.d.ts
new file mode 100644
index 0000000..083b373
--- /dev/null
+++ b/src/pages/gds/goods/goods.d.ts
@@ -0,0 +1,161 @@
+export {}
+
+declare global {
+  namespace GoodsTypes {
+    interface SearchGoodsParam extends G.PageParam {
+      // Id
+      id?: string
+      // 产品类型 Id
+      goodsCategoryId?: string
+      // 商品编码
+      sn?: string
+      // 产品名称
+      goodsName?: string
+      // 规格
+      specParams?: string
+      // 图片
+      picture?: string
+      // 计量单位；字典代码：unit
+      unit?: string
+      // 是否为成品；0-->否、1-->是
+      fg?: boolean
+      // 是否为半成品；0-->否、1-->是
+      sfg?: boolean
+      // 是否为原料；0-->否、1-->是
+      rg?: boolean
+      // 排序
+      sort?: number
+      // 是否可用；0-->否、1-->是
+      canuse?: boolean
+      // 备注
+      memo?: string
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+
+    interface SearchGoodsResult {
+      // Id
+      id?: string
+      // 产品类型 Id
+      goodsCategoryId?: string
+      // 商品编码
+      sn?: string
+      // 产品名称
+      goodsName?: string
+      // 规格
+      specParams?: string
+      // 图片
+      picture?: string
+      // 计量单位；字典代码：unit
+      unit?: string
+      // 是否为成品；0-->否、1-->是
+      fg?: boolean
+      // 是否为半成品；0-->否、1-->是
+      sfg?: boolean
+      // 是否为原料；0-->否、1-->是
+      rg?: boolean
+      // 排序
+      sort?: number
+      // 是否可用；0-->否、1-->是
+      canuse?: boolean
+      // 备注
+      memo?: string
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+
+    interface AddGoodsParam {
+      // Id
+      id?: string
+      // 产品类型 Id
+      goodsCategoryId?: string
+      // 商品编码
+      sn?: string
+      // 产品名称
+      goodsName?: string
+      // 规格
+      specParams?: string
+      // 图片
+      picture?: string
+      // 计量单位；字典代码：unit
+      unit?: string
+      // 是否为成品；0-->否、1-->是
+      fg?: boolean
+      // 是否为半成品；0-->否、1-->是
+      sfg?: boolean
+      // 是否为原料；0-->否、1-->是
+      rg?: boolean
+      // 排序
+      sort?: number
+      // 是否可用；0-->否、1-->是
+      canuse?: boolean
+      // 备注
+      memo?: string
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+
+    interface ModifyGoodsParam {
+      // Id
+      id?: string
+      // 产品类型 Id
+      goodsCategoryId?: string
+      // 商品编码
+      sn?: string
+      // 产品名称
+      goodsName?: string
+      // 规格
+      specParams?: string
+      // 图片
+      picture?: string
+      // 计量单位；字典代码：unit
+      unit?: string
+      // 是否为成品；0-->否、1-->是
+      fg?: boolean
+      // 是否为半成品；0-->否、1-->是
+      sfg?: boolean
+      // 是否为原料；0-->否、1-->是
+      rg?: boolean
+      // 排序
+      sort?: number
+      // 是否可用；0-->否、1-->是
+      canuse?: boolean
+      // 备注
+      memo?: string
+      // 创建人 Id；sys_user.id
+      creatorId?: string
+      // 修改人 Id；sys_user.id
+      modifierId?: string
+      // 创建时间
+      createTime?: string
+      // 修改时间
+      modifyTime?: string
+      // 是否删除； 0-->未删除、1-->已删除
+      deleted?: boolean
+    }
+  }
+}
diff --git a/src/pages/gds/goods/page.ts b/src/pages/gds/goods/page.ts
new file mode 100644
index 0000000..14ad11c
--- /dev/null
+++ b/src/pages/gds/goods/page.ts
@@ -0,0 +1,3 @@
+export default {
+  component: () => import('@/pages/gds/goods/Goods.vue'),
+} as RouterTypes.RouteConfig
\ No newline at end of file