From 6a664277a5146c9a989314ec24a459fdc335fec3 Mon Sep 17 00:00:00 2001
From: sheng <905537351@qq.com>
Date: Mon, 22 Jun 2026 18:24:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=81=E7=A7=BB=E8=AE=BE=E5=A4=87=E6=8D=9F?=
 =?UTF-8?q?=E8=80=97=E5=93=81=E7=B1=BB=E5=88=AB=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/功能测试-设备损耗品类别.md               | 11 ++++
 docs/迁移任务列表.md                          |  6 +-
 .../consumables-category.js                   | 29 ++++++++
 src/router/modules/equipment-management.js    |  6 ++
 .../consumables-category/index.vue            | 66 +++++++++++++++++++
 5 files changed, 115 insertions(+), 3 deletions(-)
 create mode 100644 docs/功能测试-设备损耗品类别.md
 create mode 100644 src/api/equipment-management/consumables-category.js
 create mode 100644 src/views/equipment-management/consumables-management/consumables-category/index.vue

diff --git a/docs/功能测试-设备损耗品类别.md b/docs/功能测试-设备损耗品类别.md
new file mode 100644
index 00000000..b7857642
--- /dev/null
+++ b/docs/功能测试-设备损耗品类别.md
@@ -0,0 +1,11 @@
+# 设备损耗品类别功能测试任务列表
+
+- [ ] 进入 `设备模型 / 设备损耗品 / 设备损耗品类别`，页面正常加载，无控制台报错。
+- [ ] 点击查询，列表按分页加载数据，表格字段显示完整。
+- [ ] 输入关键字后点击查询，列表按条件刷新。
+- [ ] 点击重置，查询条件清空并重新加载列表。
+- [ ] 点击新增，填写表单并保存，保存成功后列表刷新。
+- [ ] 点击编辑，表单带出当前行数据，修改后保存成功。
+- [ ] 点击删除，确认后记录删除并刷新列表。
+- [ ] 点击导出，系统可创建导出任务或返回成功提示。
+- [ ] 分页切换页码和每页条数时，列表数据刷新正常。
diff --git a/docs/迁移任务列表.md b/docs/迁移任务列表.md
index 5a8bb52b..6d58dddc 100644
--- a/docs/迁移任务列表.md
+++ b/docs/迁移任务列表.md
@@ -3,8 +3,8 @@
 > 根据 `后台Webman界面截图对照表.md` 生成。状态以当前 V2 项目中已落地的页面目录为准。
 
 - 总功能数：79
-- 已迁移：43
-- 未迁移：36
+- 已迁移：44
+- 未迁移：35
 
 | 状态 | 一级模块 | 二级模块 | 三级模块 | 功能说明 | V2 目标路径 |
 |:---:|---|---|---|---|---|
@@ -39,7 +39,7 @@
 | ✅ | 设备模型 (Equipment Management) | 设备保养 (Maintenance Management) | 设备保养日志 (Maintenance Logs) | 保养日志查询 | `src/views/equipment-management/maintenance-management/maintenance-logs/` |
 | ✅ | 设备模型 (Equipment Management) | 设备维修 (Repair Management) | 设备维修管理 (Repair Management) | 维修管理 | `src/views/equipment-management/repair-management/repair-management/` |
 | ⬜ | 设备模型 (Equipment Management) | 设备维修 (Repair Management) | 设备维修日志 (Repair Logs) | 维修日志查询 | 待确认 |
-| ⬜ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品类别 (Consumables Category) | 损耗品分类管理 | 待确认 |
+| ✅ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品类别 (Consumables Category) | 损耗品分类管理 | `src/views/equipment-management/consumables-management/consumables-category/` |
 | ⬜ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品项目 (Consumables Items) | 损耗品项目管理 | 待确认 |
 | ⬜ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品寿命管理 (Consumables Lifecycle Management) | 寿命管理 | 待确认 |
 | ⬜ | 设备模型 (Equipment Management) | 设备损耗品 (Consumables Management) | 设备损耗品更换日志 (Replacement Logs) | 更换记录查询 | 待确认 |
diff --git a/src/api/equipment-management/consumables-category.js b/src/api/equipment-management/consumables-category.js
new file mode 100644
index 00000000..e98db0c7
--- /dev/null
+++ b/src/api/equipment-management/consumables-category.js
@@ -0,0 +1,29 @@
+import { request } from '@/api/_service'
+
+const BASE = 'device_management/device_consumables/device_consumables_category/'
+
+function params (method, data = {}) { return { method, platform: 'background', ...data } }
+
+export function getAll (data) {
+  return request({ url: BASE + 'all', method: 'get', params: params('device_management_device_consumables_device_consumables_category_all', data) })
+}
+
+export function getList (data) {
+  return request({ url: BASE + 'list', method: 'get', params: params('device_management_device_consumables_device_consumables_category_list', data) })
+}
+
+export function createItem (data) {
+  return request({ url: BASE + 'create', method: 'post', data: params('device_management_device_consumables_device_consumables_category_create', data) })
+}
+
+export function editItem (data) {
+  return request({ url: BASE + 'edit', method: 'put', data: params('device_management_device_consumables_device_consumables_category_edit', data) })
+}
+
+export function deleteItem (data) {
+  return request({ url: BASE + 'delete', method: 'delete', data: params('device_management_device_consumables_device_consumables_category_delete', data) })
+}
+
+export function createExportTask (data) {
+  return request({ url: BASE + 'data_export_task', method: 'post', data: params('device_management_device_consumables_device_consumables_category_data_export_task', data) })
+}
diff --git a/src/router/modules/equipment-management.js b/src/router/modules/equipment-management.js
index 3baa3119..e93ff741 100644
--- a/src/router/modules/equipment-management.js
+++ b/src/router/modules/equipment-management.js
@@ -73,6 +73,12 @@ export default {
       name: `${pre}device_repair-device_repair_log`,
       meta: { ...meta, cache: true, title: '设备维修日志' },
       component: _import('equipment-management/repair-management/repair-logs')
+    },
+    {
+      path: 'device_consumables/device_consumables_category',
+      name: `${pre}device_consumables-device_consumables_category`,
+      meta: { ...meta, cache: true, title: '设备损耗品类别' },
+      component: _import('equipment-management/consumables-management/consumables-category')
     }
   ])('device_management-')
 }
diff --git a/src/views/equipment-management/consumables-management/consumables-category/index.vue b/src/views/equipment-management/consumables-management/consumables-category/index.vue
new file mode 100644
index 00000000..19168593
--- /dev/null
+++ b/src/views/equipment-management/consumables-management/consumables-category/index.vue
@@ -0,0 +1,66 @@
+<template>
+  <d2-container>
+    <template #header><div class="search-bar"><el-form :inline="true" :model="search" size="mini"><el-form-item label="关键字"><el-input v-model.trim="search.keyword" placeholder="请输入关键字" clearable style="width:180px" @keyup.enter.native="onSearch" /></el-form-item><el-form-item><el-button type="primary" icon="el-icon-search" :disabled="loading" @click="onSearch">查询</el-button><el-button icon="el-icon-refresh" :disabled="loading" @click="onReset">重置</el-button><el-button type="primary" icon="el-icon-plus" @click="openDialog()">新增</el-button><el-button icon="el-icon-download" :disabled="loading" @click="exportTask">导出</el-button></el-form-item></el-form></div></template>
+    <el-table v-loading="loading" :data="tableData" size="mini" border height="calc(100vh - 220px)"><el-table-column type="index" width="55" /><el-table-column v-for="column in displayColumns" :key="column.prop" :prop="column.prop" :label="column.label" min-width="150" show-overflow-tooltip /><el-table-column v-if="canEdit || canDelete" label="操作" fixed="right" width="150"><template slot-scope="scope"><el-button v-if="canEdit" type="text" size="mini" @click="openDialog(scope.row)">编辑</el-button><el-button v-if="canDelete" type="text" size="mini" class="danger" @click="remove(scope.row)">删除</el-button></template></el-table-column><template #empty><el-empty description="暂无数据" :image-size="80" /></template></el-table>
+    <div class="pager"><el-pagination background layout="total, sizes, prev, pager, next, jumper" :current-page="pagination.current" :page-size="pagination.size" :total="pagination.total" @current-change="changePage" @size-change="changeSize" /></div>
+    <el-dialog :title="dialogTitle" :visible.sync="dialogVisible" width="640px"><el-form ref="form" :model="form" label-width="130px" size="mini"><el-form-item v-for="field in formFields" :key="field.prop" :label="field.label" :prop="field.prop"><el-input v-model="form[field.prop]" clearable /></el-form-item></el-form><template #footer><el-button size="mini" @click="dialogVisible=false">取消</el-button><el-button type="primary" size="mini" :loading="saving" @click="save">确定</el-button></template></el-dialog>
+  </d2-container>
+</template>
+<script>
+import { getList, createItem, editItem, deleteItem, createExportTask } from '@/api/equipment-management/consumables-category'
+export default {
+  name: 'equipment-management-consumables-category',
+  data () {
+    return {
+      loading: false,
+      saving: false,
+      canCreate: true,
+      canEdit: true,
+      canDelete: true,
+      canExport: true,
+      search: { keyword: '' },
+      tableData: [],
+      pagination: { current: 1, size: 10, total: 0 },
+      columns: [
+        { prop: 'device_consumables_category_code', label: '类别编码' },
+        { prop: 'device_consumables_category_name', label: '类别名称' },
+        { prop: 'remark', label: '备注' },
+        { prop: 'create_time', label: '创建时间' }
+      ],
+      formFields: [
+        { prop: 'device_consumables_category_code', label: '类别编码' },
+        { prop: 'device_consumables_category_name', label: '类别名称' },
+        { prop: 'remark', label: '备注' }
+      ],
+      form: {},
+      dialogVisible: false
+    }
+  },
+  computed: { dialogTitle () { return this.form && this.form.id ? '编辑设备损耗品类别' : '新增设备损耗品类别' }, displayColumns () { const keys = new Set(this.columns.map(item => item.prop)); const extra = Object.keys(this.tableData[0] || {}).filter(key => !keys.has(key) && key !== 'id').slice(0, 8).map(key => ({ prop: key, label: key })); return [...this.columns, ...extra] } },
+  mounted () { this.fetchData() },
+  methods: {
+    responseData (res) { return res && res.data !== undefined ? res.data : res },
+    normalizeList (data) { if (Array.isArray(data)) return { list: data, total: data.length }; if (data && Array.isArray(data.data)) return { list: data.data, total: Number(data.count || data.total || data.data.length) }; if (data && data.data && Array.isArray(data.data.data)) return { list: data.data.data, total: Number(data.data.count || data.data.total || data.data.data.length) }; return { list: [], total: 0 } },
+    buildParams () { return { ...this.search, page_no: this.pagination.current, page_size: this.pagination.size } },
+    async fetchData () { this.loading = true; try { const res = await getList(this.buildParams()); const data = this.normalizeList(this.responseData(res)); this.tableData = data.list; this.pagination.total = data.total } finally { this.loading = false } },
+    onSearch () { this.pagination.current = 1; this.fetchData() },
+    onReset () { this.search = { keyword: '' }; this.pagination.current = 1; this.fetchData() },
+    changePage (page) { this.pagination.current = page; this.fetchData() },
+    changeSize (size) { this.pagination.size = size; this.pagination.current = 1; this.fetchData() },
+    openDialog (row) { this.form = row ? { ...row } : {}; this.dialogVisible = true },
+    async save () {
+      this.saving = true
+      try {
+        if (this.form.id) await editItem(this.form)
+        else await createItem(this.form)
+        this.$message.success('操作成功')
+        this.dialogVisible = false
+        this.fetchData()
+      } finally { this.saving = false }
+    },
+    async remove (row) { await this.$confirm('确认删除该记录？', '提示', { type: 'warning' }); await deleteItem({ id: row.id }); this.$message.success('删除成功'); this.fetchData() },
+    async exportTask () { await this.$confirm('确认创建导出任务？', '提示', { type: 'warning' }); await createExportTask(this.buildParams()); this.$message.success('导出任务创建成功') }
+  }
+}
+</script>
+<style lang="scss" scoped>.search-bar { margin-bottom: -18px; }.pager { padding-top: 10px; text-align: right; }.danger { color: #f56c6c; }</style>