From 13f81b313092d6f535611661cee2286613ca6b84 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 21 Dec 2025 23:04:57 +0800
Subject: [PATCH] =?UTF-8?q?review=EF=BC=9A=E3=80=90antd=E3=80=91=E3=80=90i?=
 =?UTF-8?q?ot=E3=80=91=E4=BB=A3=E7=A0=81=E5=AE=9E=E7=8E=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/device/detail/modules/message.vue   | 12 ++----------
 .../device/device/detail/modules/simulator.vue | 10 ++++++++--
 .../detail/modules/thing-model-event.vue       | 12 ++----------
 .../detail/modules/thing-model-property.vue    | 18 +++++++++++++-----
 .../detail/modules/thing-model-service.vue     | 16 +++-------------
 .../src/views/iot/device/device/index.vue      |  7 ++++---
 .../iot/home/modules/message-trend-card.vue    |  4 +++-
 .../src/views/iot/product/product/data.ts      |  1 -
 .../views/iot/product/product/detail/index.vue |  1 -
 .../views/iot/product/product/modules/form.vue |  3 ++-
 10 files changed, 37 insertions(+), 47 deletions(-)

diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue
index 06a7d0bf2..266ee6724 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/message.vue
@@ -15,13 +15,7 @@ import { DICT_TYPE } from '@vben/constants';
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import {
-  Button,
-  Select,
-  Space,
-  Switch,
-  Tag,
-} from 'ant-design-vue';
+import { Button, Select, Space, Switch, Tag } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDeviceMessagePage } from '#/api/iot/device/device';
@@ -241,9 +235,7 @@ defineExpose({
       </template>
       <template #params="{ row }">
         <span v-if="row.reply">
-          {{
-            `{"code":${row.code},"msg":"${row.msg}","data":${row.data}\}`
-          }}
+          {{ `{"code":${row.code},"msg":"${row.msg}","data":${row.data}\}` }}
         </span>
         <span v-else>{{ row.params }}</span>
       </template>
diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue
index f349d9366..9840656c9 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/simulator.vue
@@ -593,8 +593,14 @@ async function handleServiceInvoke(row: ThingModelData) {
                 size="small"
                 @click="messageCollapsed = !messageCollapsed"
               >
-                <IconifyIcon icon="lucide:chevron-down" v-if="!messageCollapsed" />
-                <IconifyIcon icon="lucide:chevron-down" v-if="messageCollapsed" />
+                <IconifyIcon
+                  icon="lucide:chevron-down"
+                  v-if="!messageCollapsed"
+                />
+                <IconifyIcon
+                  icon="lucide:chevron-down"
+                  v-if="messageCollapsed"
+                />
               </Button>
             </div>
           </template>
diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-event.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-event.vue
index 12fc1846d..67be5af8a 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-event.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-event.vue
@@ -9,13 +9,7 @@ import { Page } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import {
-  Button,
-  RangePicker,
-  Select,
-  Space,
-  Tag,
-} from 'ant-design-vue';
+import { Button, RangePicker, Select, Space, Tag } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDeviceMessagePairPage } from '#/api/iot/device/device';
@@ -240,9 +234,7 @@ defineExpose({
     <Grid>
       <template #reportTime="{ row }">
         {{
-          row.request?.reportTime
-            ? formatDateTime(row.request.reportTime)
-            : '-'
+          row.request?.reportTime ? formatDateTime(row.request.reportTime) : '-'
         }}
       </template>
       <template #identifier="{ row }">
diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue
index 965f90e9b..f38eb5692 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-property.vue
@@ -3,7 +3,14 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { IotDeviceApi } from '#/api/iot/device/device';
 
-import { nextTick, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
+import {
+  nextTick,
+  onBeforeUnmount,
+  onMounted,
+  reactive,
+  ref,
+  watch,
+} from 'vue';
 
 import { Page } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
@@ -27,6 +34,7 @@ import DeviceDetailsThingModelPropertyHistory from './thing-model-property-histo
 
 const props = defineProps<{ deviceId: number }>();
 
+// TODO @haohao：变量写在 // 列表的加载中 这种注释哈，变量后面；
 /** 列表的加载中 */
 const loading = ref(true);
 /** 显示的列表数据 */
@@ -373,7 +381,9 @@ onBeforeUnmount(() => {
                 <div class="mb-2.5 last:mb-0">
                   <span class="mr-2.5 text-muted-foreground">更新时间</span>
                   <span class="text-sm text-foreground">
-                    {{ item.updateTime ? formatDateTime(item.updateTime) : '-' }}
+                    {{
+                      item.updateTime ? formatDateTime(item.updateTime) : '-'
+                    }}
                   </span>
                 </div>
               </div>
@@ -394,9 +404,7 @@ onBeforeUnmount(() => {
       <template #actions="{ row }">
         <Button
           type="link"
-          @click="
-            openHistory(props.deviceId, row.identifier, row.dataType)
-          "
+          @click="openHistory(props.deviceId, row.identifier, row.dataType)"
         >
           查看数据
         </Button>
diff --git a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-service.vue b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-service.vue
index 5b121f2f4..d8952842b 100644
--- a/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-service.vue
+++ b/apps/web-antd/src/views/iot/device/device/detail/modules/thing-model-service.vue
@@ -9,13 +9,7 @@ import { Page } from '@vben/common-ui';
 import { IconifyIcon } from '@vben/icons';
 import { formatDateTime } from '@vben/utils';
 
-import {
-  Button,
-  RangePicker,
-  Select,
-  Space,
-  Tag,
-} from 'ant-design-vue';
+import { Button, RangePicker, Select, Space, Tag } from 'ant-design-vue';
 
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import { getDeviceMessagePairPage } from '#/api/iot/device/device';
@@ -254,15 +248,11 @@ defineExpose({
     <Grid>
       <template #requestTime="{ row }">
         {{
-          row.request?.reportTime
-            ? formatDateTime(row.request.reportTime)
-            : '-'
+          row.request?.reportTime ? formatDateTime(row.request.reportTime) : '-'
         }}
       </template>
       <template #responseTime="{ row }">
-        {{
-          row.reply?.reportTime ? formatDateTime(row.reply.reportTime) : '-'
-        }}
+        {{ row.reply?.reportTime ? formatDateTime(row.reply.reportTime) : '-' }}
       </template>
       <template #identifier="{ row }">
         <Tag color="blue" size="small">
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 9480fd574..0ce5acbc3 100644
--- a/apps/web-antd/src/views/iot/device/device/index.vue
+++ b/apps/web-antd/src/views/iot/device/device/index.vue
@@ -72,7 +72,6 @@ const queryParams = ref({
   groupId: undefined as number | undefined,
 }); // 搜索参数
 
-
 /** 搜索 */
 function handleSearch() {
   if (viewMode.value === 'list') {
@@ -201,7 +200,6 @@ function handleRowCheckboxChange({
   checkedIds.value = records.map((item) => item.id!);
 }
 
-
 const [Grid, gridApi] = useVbenVxeGrid({
   gridOptions: {
     checkboxConfig: {
@@ -310,7 +308,10 @@ onMounted(async () => {
           style="width: 200px"
         >
           <Select.Option
-            v-for="dict in getDictOptions(DICT_TYPE.IOT_PRODUCT_DEVICE_TYPE, 'number')"
+            v-for="dict in getDictOptions(
+              DICT_TYPE.IOT_PRODUCT_DEVICE_TYPE,
+              'number',
+            )"
             :key="dict.value"
             :value="dict.value"
           >
diff --git a/apps/web-antd/src/views/iot/home/modules/message-trend-card.vue b/apps/web-antd/src/views/iot/home/modules/message-trend-card.vue
index 6364e46bc..f4a2a16cd 100644
--- a/apps/web-antd/src/views/iot/home/modules/message-trend-card.vue
+++ b/apps/web-antd/src/views/iot/home/modules/message-trend-card.vue
@@ -23,7 +23,9 @@ const messageChartRef = ref();
 const { renderEcharts } = useEcharts(messageChartRef);
 
 const loading = ref(false);
-const messageData = ref<IotStatisticsApi.DeviceMessageSummaryByDateRespVO[]>([]);
+const messageData = ref<IotStatisticsApi.DeviceMessageSummaryByDateRespVO[]>(
+  [],
+);
 
 /** 时间范围（仅日期，不包含时分秒） */
 const dateRange = ref<[string, string]>([
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 6d21d05b2..f8569635d 100644
--- a/apps/web-antd/src/views/iot/product/product/data.ts
+++ b/apps/web-antd/src/views/iot/product/product/data.ts
@@ -405,4 +405,3 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
     },
   ];
 }
-
diff --git a/apps/web-antd/src/views/iot/product/product/detail/index.vue b/apps/web-antd/src/views/iot/product/product/detail/index.vue
index 3ca0daee1..5fc1fc7bd 100644
--- a/apps/web-antd/src/views/iot/product/product/detail/index.vue
+++ b/apps/web-antd/src/views/iot/product/product/detail/index.vue
@@ -90,4 +90,3 @@ onMounted(async () => {
     </Tabs>
   </Page>
 </template>
-
diff --git a/apps/web-antd/src/views/iot/product/product/modules/form.vue b/apps/web-antd/src/views/iot/product/product/modules/form.vue
index 6f7fdb26f..69fa968fe 100644
--- a/apps/web-antd/src/views/iot/product/product/modules/form.vue
+++ b/apps/web-antd/src/views/iot/product/product/modules/form.vue
@@ -17,6 +17,8 @@ import { $t } from '#/locales';
 
 import { useAdvancedFormSchema, useBasicFormSchema } from '../data';
 
+const emit = defineEmits(['success']);
+
 /** 生成 ProductKey（包含大小写字母和数字） */
 function generateProductKey(): string {
   const chars =
@@ -28,7 +30,6 @@ function generateProductKey(): string {
   return result;
 }
 
-const emit = defineEmits(['success']);
 const formData = ref<IotProductApi.Product>();
 const activeKey = ref<string[]>([]);
 const getTitle = computed(() => {