From 7ea4f836a4dbe7134d378d11ccf9bdd9b9f77d6b Mon Sep 17 00:00:00 2001
From: Administrator <425053404@qq.com>
Date: Wed, 22 Oct 2025 18:22:16 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=89=A9=E8=81=94?=
 =?UTF-8?q?=E7=BD=91OTA=E5=8D=87=E7=BA=A7=E9=A1=B5=E9=9D=A2=E5=92=8C?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E4=B8=8D=E5=8F=AF=E7=94=A8=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/api/iot/ota/task/record/index.ts      |  2 +-
 .../web-antd/src/router/routes/modules/iot.ts | 16 ++++++---
 .../src/views/iot/alert/config/data.ts        |  4 +--
 .../src/views/iot/alert/record/data.ts        |  6 ++--
 .../src/views/iot/device/device/data.ts       | 10 +++---
 .../src/views/iot/device/device/index.vue     |  4 +++
 .../device/modules/DeviceImportForm.vue       |  5 ++-
 .../src/views/iot/device/group/data.ts        |  2 +-
 apps/web-antd/src/views/iot/ota/data.ts       |  4 +--
 .../src/views/iot/ota/firmware/data.ts        |  4 +--
 .../src/views/iot/ota/firmware/index.vue      | 31 ++++++++--------
 .../views/iot/ota/modules/detail/index.vue    | 36 +++++++++----------
 .../src/views/iot/product/category/data.ts    |  2 +-
 .../src/views/iot/product/product/data.ts     |  4 +--
 .../src/views/iot/product/product/index.vue   |  4 +++
 apps/web-antd/src/views/iot/rule/data/data.ts |  2 +-
 16 files changed, 74 insertions(+), 62 deletions(-)

diff --git a/apps/web-antd/src/api/iot/ota/task/record/index.ts b/apps/web-antd/src/api/iot/ota/task/record/index.ts
index 3ad7b0990..8d41d1b74 100644
--- a/apps/web-antd/src/api/iot/ota/task/record/index.ts
+++ b/apps/web-antd/src/api/iot/ota/task/record/index.ts
@@ -95,7 +95,7 @@ export function getOtaTaskRecordStatusStatistics(
   taskId?: number,
 ) {
   return requestClient.get<Record<string, number>>(
-    '/iot/ota/task/record/status-statistics',
+    '/iot/ota/task/record/get-status-statistics',
     { params: { firmwareId, taskId } },
   );
 }
diff --git a/apps/web-antd/src/router/routes/modules/iot.ts b/apps/web-antd/src/router/routes/modules/iot.ts
index 54c0b27f8..c90a5978f 100644
--- a/apps/web-antd/src/router/routes/modules/iot.ts
+++ b/apps/web-antd/src/router/routes/modules/iot.ts
@@ -18,8 +18,7 @@ const routes: RouteRecordRaw[] = [
           title: '产品详情',
           activePath: '/iot/device/product',
         },
-        component: () =>
-          import('#/views/iot/product/product/modules/detail/index.vue'),
+        component: () => import('#/views/iot/product/product/modules/detail/index.vue'),
       },
       {
         path: 'device/detail/:id',
@@ -28,11 +27,20 @@ const routes: RouteRecordRaw[] = [
           title: '设备详情',
           activePath: '/iot/device/device',
         },
-        component: () =>
-          import('#/views/iot/device/device/modules/detail/index.vue'),
+        component: () => import('#/views/iot/device/device/modules/detail/index.vue'),
+      },
+      {
+        path: 'ota/firmware/detail/:id',
+        name: 'IoTOtaFirmwareDetail',
+        meta: {
+          title: '固件详情',
+          activePath: '/iot/ota',
+        },
+        component: () => import('#/views/iot/ota/modules/firmware-detail/index.vue'),
       },
     ],
   },
 ];
 
 export default routes;
+
diff --git a/apps/web-antd/src/views/iot/alert/config/data.ts b/apps/web-antd/src/views/iot/alert/config/data.ts
index 09ca905c7..379867edb 100644
--- a/apps/web-antd/src/views/iot/alert/config/data.ts
+++ b/apps/web-antd/src/views/iot/alert/config/data.ts
@@ -63,7 +63,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '关联场景联动规则',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleRuleSceneList,
+        api: () => getSimpleRuleSceneList(),
         labelField: 'name',
         valueField: 'id',
         mode: 'multiple',
@@ -76,7 +76,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '接收的用户',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleUserList,
+        api: () => getSimpleUserList(),
         labelField: 'nickname',
         valueField: 'id',
         mode: 'multiple',
diff --git a/apps/web-antd/src/views/iot/alert/record/data.ts b/apps/web-antd/src/views/iot/alert/record/data.ts
index 10ebb12f3..70b13b267 100644
--- a/apps/web-antd/src/views/iot/alert/record/data.ts
+++ b/apps/web-antd/src/views/iot/alert/record/data.ts
@@ -17,7 +17,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '告警配置',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleAlertConfigList,
+        api: () => getSimpleAlertConfigList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择告警配置',
@@ -40,7 +40,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
@@ -53,7 +53,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '设备',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleDeviceList,
+        api: () => getSimpleDeviceList(),
         labelField: 'deviceName',
         valueField: 'id',
         placeholder: '请选择设备',
diff --git a/apps/web-antd/src/views/iot/device/device/data.ts b/apps/web-antd/src/views/iot/device/device/data.ts
index 424f0ef92..a2fef45e8 100644
--- a/apps/web-antd/src/views/iot/device/device/data.ts
+++ b/apps/web-antd/src/views/iot/device/device/data.ts
@@ -28,7 +28,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
@@ -89,7 +89,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '设备分组',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleDeviceGroupList,
+        api: () => getSimpleDeviceGroupList(),
         labelField: 'name',
         valueField: 'id',
         mode: 'multiple',
@@ -156,7 +156,7 @@ export function useGroupFormSchema(): VbenFormSchema[] {
       label: '设备分组',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleDeviceGroupList,
+        api: () => getSimpleDeviceGroupList(),
         labelField: 'name',
         valueField: 'id',
         mode: 'multiple',
@@ -199,7 +199,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
@@ -249,7 +249,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '设备分组',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleDeviceGroupList,
+        api: () => getSimpleDeviceGroupList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择设备分组',
diff --git a/apps/web-antd/src/views/iot/device/device/index.vue b/apps/web-antd/src/views/iot/device/device/index.vue
index 4bcaf6d7a..f83a7c14a 100644
--- a/apps/web-antd/src/views/iot/device/device/index.vue
+++ b/apps/web-antd/src/views/iot/device/device/index.vue
@@ -481,6 +481,10 @@ onMounted(async () => {
 </template>
 
 <style scoped>
+:deep(.vxe-toolbar div) {
+  z-index: 1;
+}
+
 /* 隐藏 VxeGrid 自带的搜索表单区域 */
 :deep(.vxe-grid--form-wrapper) {
   display: none !important;
diff --git a/apps/web-antd/src/views/iot/device/device/modules/DeviceImportForm.vue b/apps/web-antd/src/views/iot/device/device/modules/DeviceImportForm.vue
index c891708a5..04d674a5e 100644
--- a/apps/web-antd/src/views/iot/device/device/modules/DeviceImportForm.vue
+++ b/apps/web-antd/src/views/iot/device/device/modules/DeviceImportForm.vue
@@ -7,7 +7,6 @@ import { downloadFileFromBlobPart } from '@vben/utils';
 import { message } from 'ant-design-vue';
 
 import { importDeviceTemplate } from '#/api/iot/device/device';
-import { $t } from '#/locales';
 
 import { useImportFormSchema } from '../data';
 
@@ -65,7 +64,7 @@ const [Modal, modalApi] = useVbenModal({
       const result = await response.json();
 
       if (result.code !== 0) {
-        message.error(result.msg || $t('ui.actionMessage.operationFailed'));
+        message.error(result.msg || '导入失败');
         return;
       }
 
@@ -95,7 +94,7 @@ const [Modal, modalApi] = useVbenModal({
       await modalApi.close();
       emit('success');
     } catch (error: any) {
-      message.error(error.message || $t('ui.actionMessage.operationFailed'));
+      message.error(error.message || '导入失败');
     } finally {
       modalApi.unlock();
     }
diff --git a/apps/web-antd/src/views/iot/device/group/data.ts b/apps/web-antd/src/views/iot/device/group/data.ts
index 0bc313e52..3ea5a12da 100644
--- a/apps/web-antd/src/views/iot/device/group/data.ts
+++ b/apps/web-antd/src/views/iot/device/group/data.ts
@@ -34,7 +34,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '父级分组',
       component: 'ApiTreeSelect',
       componentProps: {
-        api: getSimpleDeviceGroupList,
+        api: () => getSimpleDeviceGroupList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择父级分组',
diff --git a/apps/web-antd/src/views/iot/ota/data.ts b/apps/web-antd/src/views/iot/ota/data.ts
index fbae1bde0..287cb00bc 100644
--- a/apps/web-antd/src/views/iot/ota/data.ts
+++ b/apps/web-antd/src/views/iot/ota/data.ts
@@ -29,7 +29,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '所属产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
@@ -85,7 +85,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
diff --git a/apps/web-antd/src/views/iot/ota/firmware/data.ts b/apps/web-antd/src/views/iot/ota/firmware/data.ts
index c3e44ec47..de4195809 100644
--- a/apps/web-antd/src/views/iot/ota/firmware/data.ts
+++ b/apps/web-antd/src/views/iot/ota/firmware/data.ts
@@ -29,7 +29,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '所属产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
@@ -86,7 +86,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
diff --git a/apps/web-antd/src/views/iot/ota/firmware/index.vue b/apps/web-antd/src/views/iot/ota/firmware/index.vue
index 097f85bad..54d9591d8 100644
--- a/apps/web-antd/src/views/iot/ota/firmware/index.vue
+++ b/apps/web-antd/src/views/iot/ota/firmware/index.vue
@@ -36,10 +36,6 @@ function handleEdit(row: IoTOtaFirmwareApi.Firmware) {
   formModalApi.setData({ type: 'update', id: row.id }).open();
 }
 
-/** 查看固件详情 */
-function handleDetail(row: IoTOtaFirmwareApi.Firmware) {
-  formModalApi.setData({ type: 'view', id: row.id }).open();
-}
 
 /** 删除固件 */
 async function handleDelete(row: IoTOtaFirmwareApi.Firmware) {
@@ -113,18 +109,19 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
       <!-- 固件文件列 -->
       <template #fileUrl="{ row }">
-        <a
-          v-if="row.fileUrl"
-          :href="row.fileUrl"
-          target="_blank"
-          download
-          class="text-primary cursor-pointer hover:underline"
-        >
-          <IconifyIcon icon="ant-design:download-outlined" class="mr-1" />
-          下载固件
-        </a>
-        <span v-else class="text-gray-400">无文件</span>
-      </template>
+  <div v-if="row.fileUrl" class="inline-flex items-center gap-1.5 align-middle leading-none">
+    <IconifyIcon icon="ant-design:download-outlined" class="shrink-0 text-base align-middle text-primary" />
+    <a
+      :href="row.fileUrl"
+      target="_blank"
+      download
+      class="text-primary cursor-pointer hover:underline align-middle"
+    >
+      下载固件
+    </a>
+  </div>
+  <span v-else class="text-gray-400">无文件</span>
+</template>
 
       <!-- 操作列 -->
       <template #actions="{ row }">
@@ -134,7 +131,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               label: $t('common.detail'),
               type: 'link',
               icon: ACTION_ICON.VIEW,
-              onClick: handleDetail.bind(null, row),
+              onClick: () => $router.push({ name: 'IoTOtaFirmwareDetail', params: { id: row.id } }),
             },
             {
               label: $t('common.edit'),
diff --git a/apps/web-antd/src/views/iot/ota/modules/detail/index.vue b/apps/web-antd/src/views/iot/ota/modules/detail/index.vue
index 8bd43420c..a19a03117 100644
--- a/apps/web-antd/src/views/iot/ota/modules/detail/index.vue
+++ b/apps/web-antd/src/views/iot/ota/modules/detail/index.vue
@@ -59,8 +59,8 @@ onMounted(() => {
 <template>
   <div class="p-4">
     <!-- 固件信息 -->
-    <Card title="固件信息" class="mb-5" :loading="firmwareLoading">
-      <Descriptions :column="3" bordered>
+    <Card title="固件信息" class="mb-3" :loading="firmwareLoading">
+      <Descriptions :column="3" bordered size="small">
         <Descriptions.Item label="固件名称">
           {{ firmware?.name }}
         </Descriptions.Item>
@@ -86,15 +86,15 @@ onMounted(() => {
     <!-- 升级设备统计 -->
     <Card
       title="升级设备统计"
-      class="mb-5"
+      class="mb-3"
       :loading="firmwareStatisticsLoading"
     >
-      <Row :gutter="20" class="py-5">
+      <Row :gutter="20" class="py-3">
         <Col :span="6">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-blue-500">
+            <div class="mb-1 text-3xl font-bold text-blue-500">
               {{
                 Object.values(firmwareStatistics).reduce(
                   (sum: number, count) => sum + (count || 0),
@@ -107,9 +107,9 @@ onMounted(() => {
         </Col>
         <Col :span="3">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-gray-400">
+            <div class="mb-1 text-3xl font-bold text-gray-400">
               {{
                 firmwareStatistics[IoTOtaTaskRecordStatusEnum.PENDING.value] ||
                 0
@@ -120,9 +120,9 @@ onMounted(() => {
         </Col>
         <Col :span="3">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-blue-400">
+            <div class="mb-1 text-3xl font-bold text-blue-400">
               {{
                 firmwareStatistics[IoTOtaTaskRecordStatusEnum.PUSHED.value] || 0
               }}
@@ -132,9 +132,9 @@ onMounted(() => {
         </Col>
         <Col :span="3">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-yellow-500">
+            <div class="mb-1 text-3xl font-bold text-yellow-500">
               {{
                 firmwareStatistics[
                   IoTOtaTaskRecordStatusEnum.UPGRADING.value
@@ -146,9 +146,9 @@ onMounted(() => {
         </Col>
         <Col :span="3">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-green-500">
+            <div class="mb-1 text-3xl font-bold text-green-500">
               {{
                 firmwareStatistics[IoTOtaTaskRecordStatusEnum.SUCCESS.value] ||
                 0
@@ -159,9 +159,9 @@ onMounted(() => {
         </Col>
         <Col :span="3">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-red-500">
+            <div class="mb-1 text-3xl font-bold text-red-500">
               {{
                 firmwareStatistics[IoTOtaTaskRecordStatusEnum.FAILURE.value] ||
                 0
@@ -172,9 +172,9 @@ onMounted(() => {
         </Col>
         <Col :span="3">
           <div
-            class="rounded border border-solid border-gray-200 bg-gray-50 p-5 text-center"
+            class="rounded border border-solid border-gray-200 bg-gray-50 p-3 text-center"
           >
-            <div class="mb-2 text-3xl font-bold text-gray-400">
+            <div class="mb-1 text-3xl font-bold text-gray-400">
               {{
                 firmwareStatistics[IoTOtaTaskRecordStatusEnum.CANCELED.value] ||
                 0
diff --git a/apps/web-antd/src/views/iot/product/category/data.ts b/apps/web-antd/src/views/iot/product/category/data.ts
index 2604b0406..d7bad5034 100644
--- a/apps/web-antd/src/views/iot/product/category/data.ts
+++ b/apps/web-antd/src/views/iot/product/category/data.ts
@@ -34,7 +34,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '父级分类',
       component: 'ApiTreeSelect',
       componentProps: {
-        api: getSimpleProductCategoryList,
+        api: () => getSimpleProductCategoryList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择父级分类',
diff --git a/apps/web-antd/src/views/iot/product/product/data.ts b/apps/web-antd/src/views/iot/product/product/data.ts
index e1d2d27fd..5ba2a2516 100644
--- a/apps/web-antd/src/views/iot/product/product/data.ts
+++ b/apps/web-antd/src/views/iot/product/product/data.ts
@@ -93,7 +93,7 @@ export function useFormSchema(formApi?: any): VbenFormSchema[] {
       label: '产品分类',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductCategoryList,
+        api: () => getSimpleProductCategoryList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品分类',
@@ -246,7 +246,7 @@ export function useBasicFormSchema(formApi?: any): VbenFormSchema[] {
       label: '产品分类',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductCategoryList,
+        api: () => getSimpleProductCategoryList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品分类',
diff --git a/apps/web-antd/src/views/iot/product/product/index.vue b/apps/web-antd/src/views/iot/product/product/index.vue
index a764bb2fe..72a458edc 100644
--- a/apps/web-antd/src/views/iot/product/product/index.vue
+++ b/apps/web-antd/src/views/iot/product/product/index.vue
@@ -333,6 +333,10 @@ onMounted(() => {
   </Page>
 </template>
 <style scoped>
+:deep(.vxe-toolbar div) {
+  z-index: 1;
+}
+
 /* 隐藏 VxeGrid 自带的搜索表单区域 */
 :deep(.vxe-grid--form-wrapper) {
   display: none !important;
diff --git a/apps/web-antd/src/views/iot/rule/data/data.ts b/apps/web-antd/src/views/iot/rule/data/data.ts
index bbe4d67a7..476fd9aa5 100644
--- a/apps/web-antd/src/views/iot/rule/data/data.ts
+++ b/apps/web-antd/src/views/iot/rule/data/data.ts
@@ -24,7 +24,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
       label: '产品',
       component: 'ApiSelect',
       componentProps: {
-        api: getSimpleProductList,
+        api: () => getSimpleProductList(),
         labelField: 'name',
         valueField: 'id',
         placeholder: '请选择产品',
-- 
Gitee


From aefcd240e3c601118eb638d3c1ab21b2390335c9 Mon Sep 17 00:00:00 2001
From: Administrator <425053404@qq.com>
Date: Wed, 22 Oct 2025 22:08:31 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/views/iot/alert/config/data.ts   |  2 +-
 apps/web-antd/src/views/iot/ota/firmware/index.vue | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/apps/web-antd/src/views/iot/alert/config/data.ts b/apps/web-antd/src/views/iot/alert/config/data.ts
index 379867edb..2eb226b36 100644
--- a/apps/web-antd/src/views/iot/alert/config/data.ts
+++ b/apps/web-antd/src/views/iot/alert/config/data.ts
@@ -63,7 +63,7 @@ export function useFormSchema(): VbenFormSchema[] {
       label: '关联场景联动规则',
       component: 'ApiSelect',
       componentProps: {
-        api: () => getSimpleRuleSceneList(),
+        api: getSimpleRuleSceneList,
         labelField: 'name',
         valueField: 'id',
         mode: 'multiple',
diff --git a/apps/web-antd/src/views/iot/ota/firmware/index.vue b/apps/web-antd/src/views/iot/ota/firmware/index.vue
index 54d9591d8..cfbdc2b93 100644
--- a/apps/web-antd/src/views/iot/ota/firmware/index.vue
+++ b/apps/web-antd/src/views/iot/ota/firmware/index.vue
@@ -4,6 +4,7 @@ import type { IoTOtaFirmwareApi } from '#/api/iot/ota/firmware';
 
 import { Page, useVbenModal } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
+import { useRouter } from 'vue-router';
 
 import { message } from 'ant-design-vue';
 
@@ -16,6 +17,8 @@ import { useGridColumns, useGridFormSchema } from './data';
 
 defineOptions({ name: 'IoTOtaFirmware' });
 
+const { push } = useRouter();
+
 const [FormModal, formModalApi] = useVbenModal({
   connectedComponent: Form,
   destroyOnClose: true,
@@ -54,6 +57,11 @@ async function handleDelete(row: IoTOtaFirmwareApi.Firmware) {
   }
 }
 
+/** 查看固件详情 */
+function handleDetail(row: IoTOtaFirmwareApi.Firmware) {
+  push({ name: 'IoTOtaFirmwareDetail', params: { id: row.id } });
+}
+
 const [Grid, gridApi] = useVbenVxeGrid({
   formOptions: {
     schema: useGridFormSchema(),
@@ -131,7 +139,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
               label: $t('common.detail'),
               type: 'link',
               icon: ACTION_ICON.VIEW,
-              onClick: () => $router.push({ name: 'IoTOtaFirmwareDetail', params: { id: row.id } }),
+              onClick: handleDetail.bind(null, row),
             },
             {
               label: $t('common.edit'),
-- 
Gitee