From afefebdae80e253bb6a585d4d9e1a888a614a30e Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 11:06:09 +0800
Subject: [PATCH 01/13] =?UTF-8?q?style=EF=BC=9A=E9=87=87=E9=9B=86=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E5=88=97=E8=A1=A8=E8=A1=A8=E5=A4=B4=E5=AE=BD=E5=BA=A6?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/device/index.vue | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index 0f7a901f..cf5179d5 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -3,11 +3,13 @@
     <!-- 搜索工作栏 -->
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
       <el-form-item label="设备编号" prop="deviceCode">
-        <el-input v-model="queryParams.deviceCode" placeholder="请输入设备编号" clearable @keyup.enter="handleQuery"
+        <el-input
+v-model="queryParams.deviceCode" placeholder="请输入设备编号" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
       <el-form-item label="设备名称" prop="deviceName">
-        <el-input v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery"
+        <el-input
+v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
 
@@ -48,7 +50,8 @@
         <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['iot:device:create']">
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
-        <el-button type="success" plain @click="handleExport" :loading="exportLoading"
+        <el-button
+type="success" plain @click="handleExport" :loading="exportLoading"
           v-hasPermi="['iot:device:export']">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button>
@@ -61,7 +64,8 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+    <el-table
+ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" reserve-selection />
       <el-table-column label="设备编号" align="left" prop="deviceCode" />
@@ -71,7 +75,7 @@
           <dict-tag :type="DICT_TYPE.IOT_DEVICE_TYPE" :value="scope.row.deviceType" />
         </template>
 </el-table-column> -->
-      <el-table-column label="采集协议" align="left" prop="protocol" width="250px">
+      <el-table-column label="采集协议" align="left" prop="protocol" width="200px">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.IOT_PROTOCOL" :value="scope.row.protocol" />
         </template>
@@ -81,7 +85,7 @@
           <dict-tag :type="DICT_TYPE.IOT_GATEWAY_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column label="采集周期(s)" align="left" prop="sampleCycle" width="200px" />
+      <el-table-column label="采集周期(s)" align="center" prop="sampleCycle" width="100px" />
 
       <!-- <el-table-column label="读主题" align="center" prop="readTopic" />
       <el-table-column label="写主题" align="center" prop="writeTopic" />
@@ -103,7 +107,7 @@
         :formatter="dateFormatter"
         width="170px"
       /> -->
-      <el-table-column label="是否启用" align="center" prop="isEnable" fixed="right" width="200px">
+      <el-table-column label="是否启用" align="center" prop="isEnable"  width="100px">
         <template #default="scope">
           <dict-tag :type="DICT_TYPE.INFRA_BOOLEAN_STRING" :value="scope.row.isEnable" />
         </template>
@@ -120,7 +124,8 @@
           <el-button link type="primary" @click.stop="handleEdit(scope.row)" v-hasPermi="['iot:device:update']">
             编辑
           </el-button>
-          <el-button link :type="isRowConnected(scope.row) ? 'warning' : 'success'"
+          <el-button
+link :type="isRowConnected(scope.row) ? 'warning' : 'success'"
             :loading="!!connectLoadingMap[scope.row.id]" @click.stop="handleToggleConnect(scope.row)">
             {{ isRowConnected(scope.row) ? '断开连接' : '连接' }}
           </el-button>
@@ -131,7 +136,8 @@
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+    <Pagination
+:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
       @pagination="getList" />
   </ContentWrap>
 

From fc327a9641e3f5bc4e16d57e25a3c99d584b4ce9 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 15:41:36 +0800
Subject: [PATCH 02/13] =?UTF-8?q?style=EF=BC=9A=E6=95=B0=E6=8D=AE=E5=AE=9E?=
 =?UTF-8?q?=E6=97=B6=E7=9B=91=E6=8E=A7-=E4=BF=AE=E5=A4=8Dts=E6=A0=A1?=
 =?UTF-8?q?=E9=AA=8C=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/realTimeMonitoring/index.vue | 83 ++++++----------------
 1 file changed, 22 insertions(+), 61 deletions(-)

diff --git a/src/views/iot/realTimeMonitoring/index.vue b/src/views/iot/realTimeMonitoring/index.vue
index b97ce46b..dec6cd40 100644
--- a/src/views/iot/realTimeMonitoring/index.vue
+++ b/src/views/iot/realTimeMonitoring/index.vue
@@ -3,39 +3,23 @@
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
       <el-form-item label="产线编码" prop="lineNode">
         <el-input
-          v-model="queryParams.lineNode"
-          placeholder="请输入产线编码"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.lineNode" placeholder="请输入产线编码" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="产线名称" prop="lineName">
         <el-input
-          v-model="queryParams.lineName"
-          placeholder="请输入产线名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.lineName" placeholder="请输入产线名称" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="设备编码" prop="deviceCode">
         <el-input
-          v-model="queryParams.deviceCode"
-          placeholder="请输入设备编码"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.deviceCode" placeholder="请输入设备编码" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item label="设备名称" prop="deviceName">
         <el-input
-          v-model="queryParams.deviceName"
-          placeholder="请输入设备名称"
-          clearable
-          @keyup.enter="handleQuery"
-          class="!w-240px"
-        />
+v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable @keyup.enter="handleQuery"
+          class="!w-240px" />
       </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery">
@@ -49,13 +33,7 @@
   </ContentWrap>
 
   <ContentWrap>
-    <el-table
-      v-loading="loading"
-      :data="list"
-      :stripe="true"
-      :show-overflow-tooltip="true"
-      row-key="id"
-    >
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id">
       <el-table-column label="产线编码" align="left" prop="lineNode" min-width="140px" />
       <el-table-column label="产线名称" align="left" prop="lineName" min-width="160px" />
       <el-table-column label="设备编码" align="left" prop="deviceCode" min-width="140px" />
@@ -65,13 +43,7 @@
           <dict-tag :type="DICT_TYPE.IOT_GATEWAY_STATUS" :value="scope.row.status" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="最新采集时间"
-        align="center"
-        prop="collectionTime"
-        :formatter="dateFormatter"
-        width="180px"
-      />
+      <el-table-column label="最新采集时间" align="center" prop="collectionTime" :formatter="dateFormatter" width="180px" />
       <el-table-column label="操作" align="center" fixed="right" width="150px">
         <template #default="scope">
           <el-button link type="primary" @click="handleSingleMonitor(scope.row)">单设备监控</el-button>
@@ -79,22 +51,15 @@
       </el-table-column>
     </el-table>
     <Pagination
-      :total="total"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+      @pagination="getList" />
   </ContentWrap>
 
   <Dialog v-model="monitorDialogVisible" :title="monitorDialogTitle" width="900">
     <ContentWrap>
       <el-table
-        v-loading="monitorLoading"
-        :data="monitorList"
-        :stripe="true"
-        :show-overflow-tooltip="true"
-        row-key="pointCode"
-      >
+v-loading="monitorLoading" :data="monitorList" :stripe="true" :show-overflow-tooltip="true"
+        row-key="pointCode">
         <el-table-column label="点位编码" align="left" prop="pointCode" min-width="140px" />
         <el-table-column label="点位名称" align="left" prop="pointName" min-width="160px" />
         <el-table-column label="数据类型" align="center" prop="dataType" width="120px" />
@@ -105,12 +70,8 @@
         </el-table-column>
         <el-table-column label="单位" align="center" prop="unit" width="100px" />
         <el-table-column
-          label="最新采集时间"
-          align="center"
-          prop="latestCollectTime"
-          :formatter="dateFormatter"
-          width="180px"
-        />
+label="最新采集时间" align="center" prop="latestCollectTime" :formatter="dateFormatter"
+          width="180px" />
       </el-table>
     </ContentWrap>
   </Dialog>
@@ -221,18 +182,18 @@ const buildMockMonitorList = () => {
   ] as MonitorRow[]
 }
 
-const buildQueryParams = () => {
-  const params: Record<string, any> = {
+const buildQueryParams = (): Parameters<typeof DeviceApi.getLineDevicePage>[0] => {
+  const params: Parameters<typeof DeviceApi.getLineDevicePage>[0] = {
     pageNo: queryParams.pageNo,
     pageSize: queryParams.pageSize
   }
-  const keys = ['id', 'lineNode', 'lineName', 'deviceCode', 'deviceName', 'status', 'collectionTime']
+  const keys = ['id', 'lineNode', 'lineName', 'deviceCode', 'deviceName', 'status', 'collectionTime'] as const
   for (const key of keys) {
-    const value = (queryParams as any)[key]
+    const value = queryParams[key]
     if (value === undefined || value === null || value === '') {
       continue
     }
-    params[key] = value
+    (params as any)[key] = value
   }
   return params
 }
@@ -278,7 +239,7 @@ onMounted(() => {
       const data = await DeviceApi.getLineDevicePage(buildQueryParams())
       list.value = data.list
       total.value = data.total
-    } catch {}
+    } catch { }
   }, 5000)
 })
 

From 511e3258787646c08a6d4f9d8de2dd8192dc7348 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 15:43:11 +0800
Subject: [PATCH 03/13] =?UTF-8?q?style=EF=BC=9A=E9=87=87=E9=9B=86=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87-=E5=AD=90=E5=88=97=E8=A1=A8=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E2=80=9C=E6=9C=80=E6=96=B0=E5=80=BC=E2=80=9D=E3=80=81=E2=80=9C?=
 =?UTF-8?q?=E6=9C=80=E6=96=B0=E9=87=87=E9=9B=86=E6=97=B6=E9=97=B4=E2=80=9D?=
 =?UTF-8?q?=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../device/components/DeviceAttributeList.vue | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/views/iot/device/components/DeviceAttributeList.vue b/src/views/iot/device/components/DeviceAttributeList.vue
index 2b7ce2e3..8c55bc14 100644
--- a/src/views/iot/device/components/DeviceAttributeList.vue
+++ b/src/views/iot/device/components/DeviceAttributeList.vue
@@ -56,16 +56,20 @@ ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-to
         </template>
       </el-table-column>
       <el-table-column label="寄存器地址" align="center" prop="address" min-width="140px" />
-      <el-table-column label="最新值" align="center" prop="latestValue" min-width="120px">
+      <el-table-column label="最新值" align="center" prop="addressValue" min-width="120px">
         <template #default="scope">
-          {{ scope.row.latestValue ?? '-' }}
+          {{ formatAddressValue(scope.row.addressValue) }}
         </template>
       </el-table-column>
       <el-table-column label="单位" align="center" prop="dataUnit" width="80px" />
       <el-table-column label="倍率" align="center" prop="ratio" width="80px" />
       <el-table-column
-label="最新采集时间" align="center" prop="latestCollectTime" :formatter="dateFormatter"
-        width="170px" />
+        label="最新采集时间"
+        align="center"
+        prop="latestCollectionTime"
+        :formatter="dateFormatter"
+        width="170px"
+      />
       <el-table-column label="顺序" align="center" prop="sort" width="80px">
         <template #default="scope">
           {{ scope.row.sort ?? '-' }}
@@ -126,6 +130,16 @@ const queryFormRef = ref()
 
 const exportLoading = ref(false)
 
+const formatAddressValue = (value: unknown) => {
+  if (value === null || value === undefined) {
+    return '-'
+  }
+  if (typeof value === 'string' || typeof value === 'number') {
+    return value
+  }
+  return ''
+}
+
 const selectedIds = ref<number[]>([])
 const handleSelectionChange = (rows: any[]) => {
   selectedIds.value = rows?.map((row) => row.id).filter((id) => id !== undefined) ?? []

From c158ef6520624819a2a5c9707f6d01043345a09b Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 15:43:56 +0800
Subject: [PATCH 04/13] =?UTF-8?q?feat=EF=BC=9A=E6=B7=BB=E5=8A=A0=E5=8E=86?=
 =?UTF-8?q?=E5=8F=B2=E8=AE=B0=E5=BD=95=E6=9F=A5=E8=AF=A2=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/device/index.ts         |   2 +
 src/views/iot/historyData/index.vue | 181 ++++++++++++++++++++++++++++
 2 files changed, 183 insertions(+)
 create mode 100644 src/views/iot/historyData/index.vue

diff --git a/src/api/iot/device/index.ts b/src/api/iot/device/index.ts
index de0fb6b2..a49289c2 100644
--- a/src/api/iot/device/index.ts
+++ b/src/api/iot/device/index.ts
@@ -51,6 +51,8 @@ export interface LineDevicePageParams {
   deviceName?: string
   status?: string | number
   collectionTime?: string | number
+  collectionTimeStart?: string
+  collectionTimeEnd?: string
 }
 
 // 物联设备 API
diff --git a/src/views/iot/historyData/index.vue b/src/views/iot/historyData/index.vue
new file mode 100644
index 00000000..b4960646
--- /dev/null
+++ b/src/views/iot/historyData/index.vue
@@ -0,0 +1,181 @@
+<template>
+  <ContentWrap>
+    <el-form
+      class="-mb-15px"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="80px"
+    >
+      <el-form-item label="产线编码" prop="lineNode">
+        <el-input
+          v-model="queryParams.lineNode"
+          placeholder="请输入产线编码"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="产线名称" prop="lineName">
+        <el-input
+          v-model="queryParams.lineName"
+          placeholder="请输入产线名称"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="设备编码" prop="deviceCode">
+        <el-input
+          v-model="queryParams.deviceCode"
+          placeholder="请输入设备编码"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="设备名称" prop="deviceName">
+        <el-input
+          v-model="queryParams.deviceName"
+          placeholder="请输入设备名称"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="采集时间" prop="collectionTimeRange">
+        <el-date-picker
+          v-model="queryParams.collectionTimeRange"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="datetimerange"
+          start-placeholder="开始时间"
+          end-placeholder="结束时间"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-360px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery">
+          <Icon icon="ep:search" class="mr-5px" /> 搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon icon="ep:refresh" class="mr-5px" /> 重置
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <ContentWrap>
+    <el-table
+      v-loading="loading"
+      :data="list"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      row-key="id"
+    >
+      <el-table-column label="产线编码" align="left" prop="lineNode" min-width="140px" />
+      <el-table-column label="产线名称" align="left" prop="lineName" min-width="160px" />
+      <el-table-column label="设备编码" align="left" prop="deviceCode" min-width="140px" />
+      <el-table-column label="设备名称" align="left" prop="deviceName" min-width="160px" />
+      <el-table-column
+        label="采集时间"
+        align="center"
+        prop="collectionTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="操作" align="center" fixed="right" width="150px">
+        <template #default="scope">
+          <el-button link type="primary" @click="handleSingleView(scope.row)">
+            单设备查看
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import { dateFormatter } from '@/utils/formatTime'
+import { DeviceApi, LineDeviceVO, LineDevicePageParams } from '@/api/iot/device'
+
+defineOptions({ name: 'HistoryData' })
+
+const loading = ref(true)
+const list = ref<LineDeviceVO[]>([])
+const total = ref(0)
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  id: undefined as string | number | undefined,
+  lineNode: undefined as string | undefined,
+  lineName: undefined as string | undefined,
+  deviceCode: undefined as string | undefined,
+  deviceName: undefined as string | undefined,
+  status: undefined as string | number | undefined,
+  collectionTimeRange: [] as string[]
+})
+
+const queryFormRef = ref()
+
+const buildQueryParams = (): LineDevicePageParams => {
+  const params: LineDevicePageParams = {
+    pageNo: queryParams.pageNo,
+    pageSize: queryParams.pageSize
+  }
+
+  if (queryParams.lineNode) {
+    params.lineNode = queryParams.lineNode
+  }
+  if (queryParams.lineName) {
+    params.lineName = queryParams.lineName
+  }
+  if (queryParams.deviceCode) {
+    params.deviceCode = queryParams.deviceCode
+  }
+  if (queryParams.deviceName) {
+    params.deviceName = queryParams.deviceName
+  }
+
+  if (Array.isArray(queryParams.collectionTimeRange) && queryParams.collectionTimeRange.length === 2) {
+    params.collectionTimeStart = queryParams.collectionTimeRange[0]
+    params.collectionTimeEnd = queryParams.collectionTimeRange[1]
+  }
+
+  return params
+}
+
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await DeviceApi.getLineDevicePage(buildQueryParams())
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields()
+  queryParams.collectionTimeRange = []
+  handleQuery()
+}
+
+const handleSingleView = (_row: LineDeviceVO) => {}
+
+onMounted(() => {
+  getList()
+})
+</script>

From 259f7d002efa889df63a57f81da94b6ae7e0b96f Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 17:26:25 +0800
Subject: [PATCH 05/13] =?UTF-8?q?style=EF=BC=9A=E4=BB=A3=E7=A0=81=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ModelAttributeList.vue         |  18 ++-
 src/views/iot/devicemodel/index.vue           |  21 ++-
 src/views/iot/realTimeMonitoring/index.vue    | 124 +++---------------
 3 files changed, 43 insertions(+), 120 deletions(-)

diff --git a/src/views/iot/devicemodel/components/ModelAttributeList.vue b/src/views/iot/devicemodel/components/ModelAttributeList.vue
index defc8605..83e6a8a2 100644
--- a/src/views/iot/devicemodel/components/ModelAttributeList.vue
+++ b/src/views/iot/devicemodel/components/ModelAttributeList.vue
@@ -3,11 +3,13 @@
     <!-- 搜索工作栏 -->
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="100px">
       <el-form-item label="点位编码" prop="attributeCode">
-        <el-input v-model="queryParams.attributeCode" placeholder="请输入点位编码" clearable @keyup.enter="handleQuery"
+        <el-input
+v-model="queryParams.attributeCode" placeholder="请输入点位编码" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
       <el-form-item label="点位名称" prop="attributeName">
-        <el-input v-model="queryParams.attributeName" placeholder="请输入点位名称" clearable @keyup.enter="handleQuery"
+        <el-input
+v-model="queryParams.attributeName" placeholder="请输入点位名称" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
       <el-form-item label="点位类型" prop="attributeType">
@@ -45,7 +47,8 @@
         <el-button type="primary" plain @click="openForm('create')" v-hasPermi="['iot:device-model:create']">
           <Icon icon="ep:plus" class="mr-5px" /> 新增
         </el-button>
-        <el-button type="success" plain @click="handleExport" :loading="exportLoading"
+        <el-button
+type="success" plain @click="handleExport" :loading="exportLoading"
           v-hasPermi="['iot:device-model:export']">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button>
@@ -59,7 +62,8 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
+    <el-table
+ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" row-key="id"
       @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" reserve-selection />
       <!-- <el-table-column label="ID" align="center" prop="id" /> -->
@@ -75,7 +79,8 @@
       <el-table-column label="创建时间" align="center" prop="createTime" :formatter="dateFormatter" width="180px" />
       <el-table-column label="操作" align="center" width="150px" fixed="right">
         <template #default="scope">
-          <el-button link type="primary" @click="openForm('update', scope.row.id)"
+          <el-button
+link type="primary" @click="openForm('update', scope.row.id)"
             v-hasPermi="['iot:device-model:update']">
             编辑
           </el-button>
@@ -86,7 +91,8 @@
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+    <Pagination
+:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
       @pagination="getList" />
   </ContentWrap>
 
diff --git a/src/views/iot/devicemodel/index.vue b/src/views/iot/devicemodel/index.vue
index f81da142..d7de7ec8 100644
--- a/src/views/iot/devicemodel/index.vue
+++ b/src/views/iot/devicemodel/index.vue
@@ -3,17 +3,20 @@
     <!-- 搜索工作栏 -->
     <el-form class="-mb-15px" :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
       <el-form-item label="模型编码" prop="code">
-        <el-input v-model="queryParams.code" placeholder="请输入模型编码" clearable @keyup.enter="handleQuery"
+        <el-input
+v-model="queryParams.code" placeholder="请输入模型编码" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
       <el-form-item label="模型名称" prop="name">
-        <el-input v-model="queryParams.name" placeholder="请输入模型名称" clearable @keyup.enter="handleQuery"
+        <el-input
+v-model="queryParams.name" placeholder="请输入模型名称" clearable @keyup.enter="handleQuery"
           class="!w-240px" />
       </el-form-item>
 
       <el-form-item label="通讯协议" prop="protocol">
         <el-select v-model="queryParams.protocol" placeholder="请选择通讯协议" clearable class="!w-240px">
-          <el-option v-for="dict in getStrDictOptions(DICT_TYPE.IOT_PROTOCOL)" :key="dict.value" :label="dict.label"
+          <el-option
+v-for="dict in getStrDictOptions(DICT_TYPE.IOT_PROTOCOL)" :key="dict.value" :label="dict.label"
             :value="dict.value" />
         </el-select>
       </el-form-item>
@@ -51,7 +54,8 @@
         <el-button type="danger" plain @click="handleBatchDelete" v-hasPermi="['iot:device-model:delete']">
           <Icon icon="ep:delete" class="mr-5px" /> 批量删除
         </el-button>
-        <el-button type="success" plain @click="handleExport" :loading="exportLoading"
+        <el-button
+type="success" plain @click="handleExport" :loading="exportLoading"
           v-hasPermi="['iot:device-model:export']">
           <Icon icon="ep:download" class="mr-5px" /> 导出
         </el-button>
@@ -61,7 +65,8 @@
 
   <!-- 列表 -->
   <ContentWrap>
-    <el-table ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
+    <el-table
+ref="tableRef" v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true"
       highlight-current-row row-key="id" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" reserve-selection />
       <el-table-column label="模型编码" align="center" prop="code" />
@@ -79,7 +84,8 @@
           <el-button link type="primary" @click="handleCopy(scope.row.id)" v-hasPermi="['iot:device-model:create']">
             复制
           </el-button>
-          <el-button link type="primary" @click="openForm('update', scope.row.id)"
+          <el-button
+link type="primary" @click="openForm('update', scope.row.id)"
             v-hasPermi="['iot:device-model:update']">
             编辑
           </el-button>
@@ -90,7 +96,8 @@
       </el-table-column>
     </el-table>
     <!-- 分页 -->
-    <Pagination :total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
+    <Pagination
+:total="total" v-model:page="queryParams.pageNo" v-model:limit="queryParams.pageSize"
       @pagination="getList" />
   </ContentWrap>
 
diff --git a/src/views/iot/realTimeMonitoring/index.vue b/src/views/iot/realTimeMonitoring/index.vue
index dec6cd40..a85de6ae 100644
--- a/src/views/iot/realTimeMonitoring/index.vue
+++ b/src/views/iot/realTimeMonitoring/index.vue
@@ -55,35 +55,23 @@ v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable @
       @pagination="getList" />
   </ContentWrap>
 
-  <Dialog v-model="monitorDialogVisible" :title="monitorDialogTitle" width="900">
-    <ContentWrap>
-      <el-table
-v-loading="monitorLoading" :data="monitorList" :stripe="true" :show-overflow-tooltip="true"
-        row-key="pointCode">
-        <el-table-column label="点位编码" align="left" prop="pointCode" min-width="140px" />
-        <el-table-column label="点位名称" align="left" prop="pointName" min-width="160px" />
-        <el-table-column label="数据类型" align="center" prop="dataType" width="120px" />
-        <el-table-column label="最新值" align="center" prop="latestValue" width="120px">
-          <template #default="scope">
-            {{ scope.row.latestValue === null ? 'null' : scope.row.latestValue }}
-          </template>
-        </el-table-column>
-        <el-table-column label="单位" align="center" prop="unit" width="100px" />
-        <el-table-column
-label="最新采集时间" align="center" prop="latestCollectTime" :formatter="dateFormatter"
-          width="180px" />
-      </el-table>
-    </ContentWrap>
-  </Dialog>
+  <SingleDeviceMonitorDialog
+    v-model="monitorDialogVisible"
+    :device-id="monitorDeviceId"
+    :device-name="monitorDeviceName"
+  />
 </template>
 
 <script setup lang="ts">
 import { DICT_TYPE } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
 import { DeviceApi, LineDeviceVO } from '@/api/iot/device'
+import SingleDeviceMonitorDialog from './SingleDeviceMonitorDialog.vue'
 
 defineOptions({ name: 'RealTimeMonitoring' })
 
+const message = useMessage()
+
 const loading = ref(true)
 const list = ref<LineDeviceVO[]>([])
 const total = ref(0)
@@ -100,87 +88,9 @@ const queryParams = reactive({
 })
 const queryFormRef = ref() // 搜索的表单
 
-type MonitorRow = {
-  pointCode: string
-  pointName: string
-  dataType: string
-  latestValue: any
-  unit: string
-  latestCollectTime: string
-}
-
 const monitorDialogVisible = ref(false)
-const monitorDialogTitle = ref('单设备监控')
-const monitorLoading = ref(false)
-const monitorList = ref<MonitorRow[]>([])
-
-const buildMockCollectTime = (hour: number, minute: number, second: number) => {
-  const hh = String(hour).padStart(2, '0')
-  const mm = String(minute).padStart(2, '0')
-  const ss = String(second).padStart(2, '0')
-  return `2025-11-25 ${hh}:${mm}:${ss}`
-}
-
-const buildMockMonitorList = () => {
-  return [
-    {
-      pointCode: 'state',
-      pointName: '运行状态',
-      dataType: 'bool',
-      latestValue: 100,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 12)
-    },
-    {
-      pointCode: 'faultCode',
-      pointName: '故障代码',
-      dataType: 'int',
-      latestValue: null,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 18)
-    },
-    {
-      pointCode: 'machineOutp',
-      pointName: '产量',
-      dataType: 'long',
-      latestValue: 100,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 25)
-    },
-    {
-      pointCode: 'cycleTime',
-      pointName: '节拍(秒)',
-      dataType: 'int',
-      latestValue: 45,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 31)
-    },
-    {
-      pointCode: 'goodCount',
-      pointName: '良品数',
-      dataType: 'long',
-      latestValue: 980,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 36)
-    },
-    {
-      pointCode: 'rejectCount',
-      pointName: '不良数',
-      dataType: 'long',
-      latestValue: 12,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 42)
-    },
-    {
-      pointCode: 'alarmFlag',
-      pointName: '报警标识',
-      dataType: 'bool',
-      latestValue: 0,
-      unit: '',
-      latestCollectTime: buildMockCollectTime(9, 16, 49)
-    }
-  ] as MonitorRow[]
-}
+const monitorDeviceId = ref<string | number>()
+const monitorDeviceName = ref<string>()
 
 const buildQueryParams = (): Parameters<typeof DeviceApi.getLineDevicePage>[0] => {
   const params: Parameters<typeof DeviceApi.getLineDevicePage>[0] = {
@@ -220,14 +130,14 @@ const resetQuery = () => {
 }
 
 const handleSingleMonitor = (row: LineDeviceVO) => {
-  monitorDialogTitle.value = row?.deviceName ? `单设备监控：${row.deviceName}` : '单设备监控'
-  monitorLoading.value = true
-  monitorDialogVisible.value = true
-  try {
-    monitorList.value = buildMockMonitorList()
-  } finally {
-    monitorLoading.value = false
+  const deviceId = (row as any)?.deviceId ?? row?.id
+  if (deviceId === undefined || deviceId === null || deviceId === '') {
+    message.error('设备信息不完整')
+    return
   }
+  monitorDeviceId.value = deviceId
+  monitorDeviceName.value = row?.deviceName ?? ''
+  monitorDialogVisible.value = true
 }
 
 let timer: any = null

From e01925fd4024a0a6b353e204cd7319a097985a30 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 18:16:33 +0800
Subject: [PATCH 06/13] =?UTF-8?q?feat=EF=BC=9A=E5=8E=86=E5=8F=B2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E6=9F=A5=E8=AF=A2-=E6=B7=BB=E5=8A=A0=E5=8D=95?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E6=9F=A5=E7=9C=8B=E5=BC=B9=E6=A1=86=EF=BC=88?=
 =?UTF-8?q?mock=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/device/index.ts                   |   8 +
 .../historyData/HistorySingleDeviceDialog.vue | 235 ++++++++++++++++++
 src/views/iot/historyData/index.vue           |  26 +-
 3 files changed, 268 insertions(+), 1 deletion(-)
 create mode 100644 src/views/iot/historyData/HistorySingleDeviceDialog.vue

diff --git a/src/api/iot/device/index.ts b/src/api/iot/device/index.ts
index a49289c2..234f3d4a 100644
--- a/src/api/iot/device/index.ts
+++ b/src/api/iot/device/index.ts
@@ -55,6 +55,10 @@ export interface LineDevicePageParams {
   collectionTimeEnd?: string
 }
 
+export interface SingleDeviceParams {
+  deviceId: string | number
+}
+
 // 物联设备 API
 export const DeviceApi = {
   // 查询物联设备分页
@@ -103,6 +107,10 @@ export const DeviceApi = {
     return await request.get({ url: `/iot/device/lineDevicePage`, params })
   },
 
+  getSingleDevice: async (params: SingleDeviceParams) => {
+    return await request.get({ url: `/iot/device/singleDevice`, params })
+  },
+
 // ==================== 子表（设备属性） ====================
 
   // 获得设备属性分页
diff --git a/src/views/iot/historyData/HistorySingleDeviceDialog.vue b/src/views/iot/historyData/HistorySingleDeviceDialog.vue
new file mode 100644
index 00000000..29452385
--- /dev/null
+++ b/src/views/iot/historyData/HistorySingleDeviceDialog.vue
@@ -0,0 +1,235 @@
+<template>
+  <Dialog v-model="dialogVisible" :title="title" width="1100">
+    <div class="history-device-dialog">
+      <div class="history-device-dialog__header">
+        <div class="history-device-dialog__header-main">
+          <span>设备名称：{{ deviceName || '-' }}</span>
+        </div>
+        <div class="history-device-dialog__header-sub">
+          <span>采集时间：{{ displayTime }}</span>
+        </div>
+      </div>
+      <ContentWrap>
+        <div class="history-device-dialog__table-grid">
+          <div
+            v-for="(section, index) in sections"
+            :key="index"
+            class="history-device-dialog__section"
+          >
+            <div class="history-device-dialog__section-title">
+              {{ section.title }}
+            </div>
+            <el-table
+              :data="section.rows"
+              :border="true"
+              :header-cell-style="headerCellStyle"
+              :cell-style="bodyCellStyle"
+              size="small"
+            >
+              <el-table-column
+                v-for="col in section.columns"
+                :key="col.prop"
+                :prop="col.prop"
+                :label="col.label"
+                align="center"
+              >
+                <template #default="scope">
+                  <span>{{ formatCell(scope.row[col.prop]) }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </div>
+      </ContentWrap>
+    </div>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { formatDate } from '@/utils/formatTime'
+
+type SectionColumn = {
+  prop: string
+  label: string
+}
+
+type SectionRow = Record<string, string | number | null>
+
+type Section = {
+  title: string
+  columns: SectionColumn[]
+  rows: SectionRow[]
+}
+
+const props = defineProps<{
+  modelValue: boolean
+  deviceName?: string
+  collectionTime?: string | number
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: boolean): void
+}>()
+
+const dialogVisible = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value: boolean) {
+    emit('update:modelValue', value)
+  }
+})
+
+const title = computed(() => {
+  return '工艺参数'
+})
+
+const displayTime = computed(() => {
+  if (!props.collectionTime) {
+    return '-'
+  }
+  const value = props.collectionTime
+  if (typeof value === 'number') {
+    return formatDate(new Date(value))
+  }
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) {
+    return value
+  }
+  return formatDate(date)
+})
+
+const formatCell = (value: string | number | null | undefined) => {
+  if (value === null || value === undefined) {
+    return ''
+  }
+  return value
+}
+
+const headerCellStyle = () => {
+  return {
+    fontWeight: 500,
+    padding: '6px 4px'
+  }
+}
+
+const bodyCellStyle = () => {
+  return {
+    padding: '4px 4px'
+  }
+}
+
+const createSection = (title: string, baseName: string, units: string[]): Section => {
+  const columns: SectionColumn[] = [
+    { prop: 'position', label: '' }
+  ]
+  for (let i = 0; i < units.length; i++) {
+    columns.push({ prop: `col${i + 1}`, label: `${baseName}${i + 1}${units[i] ? `(${units[i]})` : ''}` })
+  }
+
+  const rows: SectionRow[] = [
+    {
+      position: '上段',
+      col1: 175.5,
+      col2: 181.2,
+      col3: 176.8,
+      col4: 179.0,
+      col5: 180.3,
+      col6: 177.9,
+      col7: 176.1,
+      col8: 178.4
+    },
+    {
+      position: '中段',
+      col1: 168.2,
+      col2: 170.0,
+      col3: 171.5,
+      col4: 169.8,
+      col5: 170.2,
+      col6: 169.1,
+      col7: 168.9,
+      col8: 170.0
+    },
+    {
+      position: '下段',
+      col1: 160.0,
+      col2: 161.2,
+      col3: 162.5,
+      col4: 161.8,
+      col5: 162.0,
+      col6: 161.3,
+      col7: 160.9,
+      col8: 161.5
+    }
+  ]
+
+  return {
+    title,
+    columns,
+    rows
+  }
+}
+
+const sections = ref<Section[]>([])
+
+const buildMockSections = () => {
+  const result: Section[] = []
+  result.push(createSection('烘箱温度(℃)', '区', ['', '', '', '', '', '', '', '']))
+  result.push(createSection('冷却温度(℃)', '区', ['', '', '', '', '', '', '', '']))
+  result.push(createSection('线速度(m/min)', '段', ['', '']))
+  result.push(createSection('张力(bar)', '段', ['', '', '', '']))
+  sections.value = result
+}
+
+watch(
+  () => props.modelValue,
+  (visible) => {
+    if (!visible) {
+      return
+    }
+    buildMockSections()
+  }
+)
+
+onMounted(() => {
+  if (props.modelValue) {
+    buildMockSections()
+  }
+})
+</script>
+
+<style scoped>
+.history-device-dialog {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.history-device-dialog__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+}
+
+.history-device-dialog__header-sub {
+  color: var(--el-text-color-secondary);
+}
+
+.history-device-dialog__table-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.history-device-dialog__section-title {
+  font-size: 13px;
+  margin-bottom: 4px;
+  color: var(--el-text-color-primary);
+}
+
+.history-device-dialog__section :deep(.el-table__inner-wrapper) {
+  border-radius: 0;
+}
+</style>
diff --git a/src/views/iot/historyData/index.vue b/src/views/iot/historyData/index.vue
index b4960646..16138902 100644
--- a/src/views/iot/historyData/index.vue
+++ b/src/views/iot/historyData/index.vue
@@ -99,11 +99,18 @@
       @pagination="getList"
     />
   </ContentWrap>
+
+  <HistorySingleDeviceDialog
+    v-model="singleDialogVisible"
+    :device-name="singleDeviceName"
+    :collection-time="singleCollectionTime"
+  />
 </template>
 
 <script setup lang="ts">
 import { dateFormatter } from '@/utils/formatTime'
 import { DeviceApi, LineDeviceVO, LineDevicePageParams } from '@/api/iot/device'
+import HistorySingleDeviceDialog from './HistorySingleDeviceDialog.vue'
 
 defineOptions({ name: 'HistoryData' })
 
@@ -124,6 +131,10 @@ const queryParams = reactive({
 
 const queryFormRef = ref()
 
+const singleDialogVisible = ref(false)
+const singleDeviceName = ref<string>('')
+const singleCollectionTime = ref<string | number | undefined>()
+
 const buildQueryParams = (): LineDevicePageParams => {
   const params: LineDevicePageParams = {
     pageNo: queryParams.pageNo,
@@ -173,9 +184,22 @@ const resetQuery = () => {
   handleQuery()
 }
 
-const handleSingleView = (_row: LineDeviceVO) => {}
+const handleSingleView = (row: LineDeviceVO) => {
+  singleDeviceName.value = row.deviceName || ''
+  singleCollectionTime.value = (row as any).collectionTime
+  singleDialogVisible.value = true
+}
 
 onMounted(() => {
   getList()
 })
+
+const activatedOnce = ref(false)
+onActivated(() => {
+  if (!activatedOnce.value) {
+    activatedOnce.value = true
+    return
+  }
+  getList()
+})
 </script>

From 146951c0f9ffcbe4e800e59676b6964707c869ad Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Sun, 4 Jan 2026 18:17:04 +0800
Subject: [PATCH 07/13] =?UTF-8?q?feat=EF=BC=9A=E6=95=B0=E6=8D=AE=E5=AE=9E?=
 =?UTF-8?q?=E6=97=B6=E7=9B=91=E6=8E=A7-=E5=8D=95=E8=AE=BE=E5=A4=87?=
 =?UTF-8?q?=E7=9B=91=E6=8E=A7=E5=AF=B9=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SingleDeviceMonitorDialog.vue             | 218 ++++++++++++++++++
 1 file changed, 218 insertions(+)
 create mode 100644 src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue

diff --git a/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue b/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
new file mode 100644
index 00000000..a9f97a4f
--- /dev/null
+++ b/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
@@ -0,0 +1,218 @@
+<template>
+  <Dialog v-model="dialogVisible" :title="dialogTitle" width="1200">
+    <ContentWrap>
+      <el-form class="-mb-15px" :inline="true" label-width="80px">
+        <el-form-item label="参数类型">
+          <el-select
+            v-model="selectedGroupKey"
+            placeholder="请选择"
+            :disabled="groupKeys.length <= 1"
+            class="!w-240px"
+          >
+            <el-option v-for="key in groupKeys" :key="key" :label="key" :value="key" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <el-table
+        v-loading="loading"
+        :data="pagedList"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        :row-key="getRowKey"
+      >
+      <el-table-column label="点位编码" align="left" prop="pointCode" min-width="140px" />
+      <el-table-column label="点位名称" align="left" prop="pointName" min-width="160px" />
+      <el-table-column label="数据类型" align="center" prop="dataType" width="120px" />
+      <el-table-column label="寄存器地址" align="center" prop="address" width="140px" />
+      <el-table-column label="最新值" align="center" prop="addressValue" width="140px">
+        <template #default="scope">
+          {{ formatLatestValue(scope.row.addressValue) }}
+        </template>
+      </el-table-column>
+      <el-table-column label="倍率" align="center" prop="ratio" width="100px" />
+      <el-table-column label="单位" align="center" prop="unit" width="100px" />
+      <el-table-column
+        label="最新采集时间"
+        align="center"
+          prop="latestCollectTime"
+          :formatter="dateFormatter"
+          width="180px"
+        />
+      </el-table>
+      <Pagination
+        :total="total"
+        v-model:page="pageNo"
+        v-model:limit="pageSize"
+        @pagination="handlePagination"
+      />
+    </ContentWrap>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { dateFormatter } from '@/utils/formatTime'
+import { DeviceApi } from '@/api/iot/device'
+
+type MonitorRow = {
+  pointCode: string
+  pointName: string
+  dataType: string
+  address: string
+  addressValue: unknown
+  ratio: number | null
+  unit: string
+  latestCollectTime: string | number
+}
+
+const props = defineProps<{
+  modelValue: boolean
+  deviceId?: string | number
+  deviceName?: string
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value: boolean): void
+}>()
+
+const dialogVisible = computed({
+  get() {
+    return props.modelValue
+  },
+  set(value: boolean) {
+    emit('update:modelValue', value)
+  }
+})
+
+const dialogTitle = computed(() => {
+  return props.deviceName ? `设备名称：${props.deviceName}` : '单设备监控'
+})
+
+const loading = ref(false)
+const groupRawMap = ref<Record<string, any[]>>({})
+const selectedGroupKey = ref('')
+const pageNo = ref(1)
+const pageSize = ref(10)
+
+const groupKeys = computed(() => Object.keys(groupRawMap.value))
+
+const fullList = computed(() => {
+  const raw = groupRawMap.value[selectedGroupKey.value]
+  return normalizeRows(Array.isArray(raw) ? raw : [])
+})
+
+const total = computed(() => fullList.value.length)
+
+const pagedList = computed(() => {
+  const start = (pageNo.value - 1) * pageSize.value
+  return fullList.value.slice(start, start + pageSize.value)
+})
+
+const handlePagination = () => {
+  if (!total.value) {
+    pageNo.value = 1
+    return
+  }
+  const maxPageNo = Math.max(1, Math.ceil(total.value / pageSize.value))
+  if (pageNo.value > maxPageNo) {
+    pageNo.value = maxPageNo
+  }
+}
+
+const getRowKey = (row: MonitorRow, index: number) => {
+  return row.pointCode || row.pointName || `${index}`
+}
+
+const formatLatestValue = (value: unknown) => {
+  if (value === null) {
+    return 'null'
+  }
+  if (value === undefined) {
+    return '-'
+  }
+  if (typeof value === 'string' || typeof value === 'number') {
+    return value
+  }
+  return ''
+}
+
+const normalizeRows = (raw: any[]): MonitorRow[] => {
+  return raw.map((item: any) => {
+    return {
+      pointCode: item?.pointCode ?? item?.attributeCode ?? item?.code ?? '',
+      pointName: item?.pointName ?? item?.attributeName ?? item?.name ?? '',
+      dataType: item?.dataType ?? '',
+      address: item?.address ?? '',
+      addressValue: item?.addressValue ?? item?.latestValue ?? item?.value,
+      ratio: item?.ratio ?? null,
+      unit: item?.unit ?? item?.dataUnit ?? '',
+      latestCollectTime:
+        item?.latestCollectTime ?? item?.latestCollectionTime ?? item?.collectionTime ?? item?.collectTime ?? ''
+    }
+  })
+}
+
+const toGroupMap = (value: any): Record<string, any[]> => {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    return {}
+  }
+  const entries = Object.entries(value).filter(([, v]) => Array.isArray(v))
+  if (!entries.length) {
+    return {}
+  }
+  const map: Record<string, any[]> = {}
+  for (const [k, v] of entries) {
+    map[k] = v as any[]
+  }
+  return map
+}
+
+const fetchList = async () => {
+  if (props.deviceId === undefined || props.deviceId === null || props.deviceId === '') {
+    groupRawMap.value = {}
+    selectedGroupKey.value = ''
+    return
+  }
+  loading.value = true
+  try {
+    const res: any = await DeviceApi.getSingleDevice({ deviceId: props.deviceId })
+    const groups = Array.isArray(res)
+      ? { 默认: res }
+      : {
+          ...toGroupMap(res?.data),
+          ...toGroupMap(res?.data?.data),
+          ...toGroupMap(res)
+        }
+    groupRawMap.value = groups
+    selectedGroupKey.value = Object.keys(groups)[0] ?? ''
+    pageNo.value = 1
+  } finally {
+    loading.value = false
+  }
+}
+
+watch(
+  () => [props.modelValue, props.deviceId],
+  ([visible]) => {
+    if (!visible) {
+      return
+    }
+    fetchList()
+  }
+)
+
+watch(
+  () => selectedGroupKey.value,
+  () => {
+    pageNo.value = 1
+    handlePagination()
+  }
+)
+
+watch(
+  () => pageSize.value,
+  () => {
+    pageNo.value = 1
+    handlePagination()
+  }
+)
+</script>

From f79bf1a43f21bf6c8f353c8df0e54fba0f54b71d Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 5 Jan 2026 10:27:46 +0800
Subject: [PATCH 08/13] =?UTF-8?q?style=EF=BC=9A=E9=87=87=E9=9B=86=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87-=E5=85=B3=E9=97=AD=E5=AE=9A=E6=97=B6=E5=99=A8?=
 =?UTF-8?q?=E6=9F=A5=E8=AF=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/device/index.vue | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/src/views/iot/device/index.vue b/src/views/iot/device/index.vue
index cf5179d5..76ce27b0 100644
--- a/src/views/iot/device/index.vue
+++ b/src/views/iot/device/index.vue
@@ -345,20 +345,9 @@ const handleToggleConnect = async (row: DeviceVO) => {
   }
 }
 
-let timer: any = null;
 /** 初始化 **/
 onMounted(() => {
   getList()
-  timer = setInterval(async () => {
-    const data = await DeviceApi.getDevicePage(queryParams)
-    list.value = data.list
-    total.value = data.total
-  }, 5000);
-})
-// 组件卸载时销毁图表
-onUnmounted(() => {
-  if (timer) {
-    clearInterval(timer);
-  }
 })
+
 </script>

From 7102032c702da45e3d38388cfe6f51e87258a540 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 5 Jan 2026 11:55:29 +0800
Subject: [PATCH 09/13] =?UTF-8?q?refactor=EF=BC=9A=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AE=9E=E6=97=B6=E7=9B=91=E6=8E=A7-=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../SingleDeviceMonitorDialog.vue             | 283 +++++++++---------
 src/views/iot/realTimeMonitoring/index.vue    |  18 +-
 2 files changed, 143 insertions(+), 158 deletions(-)

diff --git a/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue b/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
index a9f97a4f..040fd7d2 100644
--- a/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
+++ b/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
@@ -1,73 +1,59 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="dialogTitle" width="1200">
-    <ContentWrap>
-      <el-form class="-mb-15px" :inline="true" label-width="80px">
-        <el-form-item label="参数类型">
-          <el-select
-            v-model="selectedGroupKey"
-            placeholder="请选择"
-            :disabled="groupKeys.length <= 1"
-            class="!w-240px"
-          >
-            <el-option v-for="key in groupKeys" :key="key" :label="key" :value="key" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <el-table
-        v-loading="loading"
-        :data="pagedList"
-        :stripe="true"
-        :show-overflow-tooltip="true"
-        :row-key="getRowKey"
-      >
-      <el-table-column label="点位编码" align="left" prop="pointCode" min-width="140px" />
-      <el-table-column label="点位名称" align="left" prop="pointName" min-width="160px" />
-      <el-table-column label="数据类型" align="center" prop="dataType" width="120px" />
-      <el-table-column label="寄存器地址" align="center" prop="address" width="140px" />
-      <el-table-column label="最新值" align="center" prop="addressValue" width="140px">
-        <template #default="scope">
-          {{ formatLatestValue(scope.row.addressValue) }}
-        </template>
-      </el-table-column>
-      <el-table-column label="倍率" align="center" prop="ratio" width="100px" />
-      <el-table-column label="单位" align="center" prop="unit" width="100px" />
-      <el-table-column
-        label="最新采集时间"
-        align="center"
-          prop="latestCollectTime"
-          :formatter="dateFormatter"
-          width="180px"
-        />
-      </el-table>
-      <Pagination
-        :total="total"
-        v-model:page="pageNo"
-        v-model:limit="pageSize"
-        @pagination="handlePagination"
-      />
-    </ContentWrap>
+  <Dialog v-model="dialogVisible" :title="dialogTitle" width="900">
+    <div class="single-device-dialog">
+      <div class="single-device-dialog__header">
+        <div>设备名称：{{ deviceName || '-' }}</div>
+        <div>采集时间：{{ displayTime }}</div>
+      </div>
+      <ContentWrap v-loading="loading">
+        <div v-if="sections.length" class="single-device-dialog__table-grid">
+          <div v-for="section in sections" :key="section.key" class="single-device-dialog__section">
+            <div class="single-device-dialog__section-title">
+              {{ section.title }}
+            </div>
+            <el-empty v-if="!section.columns.length" description="暂无数据" />
+            <el-table
+v-else :data="section.rows" :border="true" :header-cell-style="headerCellStyle"
+              :cell-style="bodyCellStyle" size="small">
+              <el-table-column
+v-for="col in section.columns" :key="col.prop" :prop="col.prop" :label="col.label"
+                align="center">
+                <template #default="scope">
+                  <span>{{ formatCell(scope.row[col.prop]) }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </div>
+        <el-empty v-else description="暂无数据" />
+      </ContentWrap>
+    </div>
   </Dialog>
 </template>
 
 <script setup lang="ts">
-import { dateFormatter } from '@/utils/formatTime'
+import { formatDate } from '@/utils/formatTime'
 import { DeviceApi } from '@/api/iot/device'
 
-type MonitorRow = {
-  pointCode: string
-  pointName: string
-  dataType: string
-  address: string
-  addressValue: unknown
-  ratio: number | null
-  unit: string
-  latestCollectTime: string | number
+type SectionColumn = {
+  prop: string
+  label: string
+}
+
+type SectionRow = Record<string, string | number | null>
+
+type Section = {
+  key: string
+  title: string
+  columns: SectionColumn[]
+  rows: SectionRow[]
 }
 
 const props = defineProps<{
   modelValue: boolean
   deviceId?: string | number
   deviceName?: string
+  collectionTime?: string | number
 }>()
 
 const emit = defineEmits<{
@@ -84,92 +70,89 @@ const dialogVisible = computed({
 })
 
 const dialogTitle = computed(() => {
-  return props.deviceName ? `设备名称：${props.deviceName}` : '单设备监控'
+  return '单设备监控'
 })
 
 const loading = ref(false)
-const groupRawMap = ref<Record<string, any[]>>({})
-const selectedGroupKey = ref('')
-const pageNo = ref(1)
-const pageSize = ref(10)
-
-const groupKeys = computed(() => Object.keys(groupRawMap.value))
+const deviceName = computed(() => props.deviceName)
+const sections = ref<Section[]>([])
 
-const fullList = computed(() => {
-  const raw = groupRawMap.value[selectedGroupKey.value]
-  return normalizeRows(Array.isArray(raw) ? raw : [])
-})
-
-const total = computed(() => fullList.value.length)
-
-const pagedList = computed(() => {
-  const start = (pageNo.value - 1) * pageSize.value
-  return fullList.value.slice(start, start + pageSize.value)
-})
-
-const handlePagination = () => {
-  if (!total.value) {
-    pageNo.value = 1
-    return
+const toGroupMap = (value: any): Record<string, any[]> => {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    return {}
+  }
+  const entries = Object.entries(value).filter(([, v]) => Array.isArray(v))
+  if (!entries.length) {
+    return {}
   }
-  const maxPageNo = Math.max(1, Math.ceil(total.value / pageSize.value))
-  if (pageNo.value > maxPageNo) {
-    pageNo.value = maxPageNo
+  const map: Record<string, any[]> = {}
+  for (const [k, v] of entries) {
+    map[k] = v as any[]
   }
+  return map
 }
 
-const getRowKey = (row: MonitorRow, index: number) => {
-  return row.pointCode || row.pointName || `${index}`
-}
-
-const formatLatestValue = (value: unknown) => {
-  if (value === null) {
-    return 'null'
-  }
-  if (value === undefined) {
+const displayTime = computed(() => {
+  if (!props.collectionTime) {
     return '-'
   }
-  if (typeof value === 'string' || typeof value === 'number') {
+  const value = props.collectionTime
+  if (typeof value === 'number') {
+    return formatDate(new Date(value))
+  }
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) {
     return value
   }
-  return ''
-}
+  return formatDate(date)
+})
 
-const normalizeRows = (raw: any[]): MonitorRow[] => {
-  return raw.map((item: any) => {
-    return {
-      pointCode: item?.pointCode ?? item?.attributeCode ?? item?.code ?? '',
-      pointName: item?.pointName ?? item?.attributeName ?? item?.name ?? '',
-      dataType: item?.dataType ?? '',
-      address: item?.address ?? '',
-      addressValue: item?.addressValue ?? item?.latestValue ?? item?.value,
-      ratio: item?.ratio ?? null,
-      unit: item?.unit ?? item?.dataUnit ?? '',
-      latestCollectTime:
-        item?.latestCollectTime ?? item?.latestCollectionTime ?? item?.collectionTime ?? item?.collectTime ?? ''
-    }
-  })
+const headerCellStyle = () => {
+  return {
+    fontWeight: 500,
+    padding: '6px 4px'
+  }
 }
 
-const toGroupMap = (value: any): Record<string, any[]> => {
-  if (!value || typeof value !== 'object' || Array.isArray(value)) {
-    return {}
+const bodyCellStyle = () => {
+  return {
+    padding: '4px 4px'
   }
-  const entries = Object.entries(value).filter(([, v]) => Array.isArray(v))
-  if (!entries.length) {
-    return {}
+}
+
+const formatCell = (value: string | number | null | undefined) => {
+  if (value === null || value === undefined) {
+    return ''
   }
-  const map: Record<string, any[]> = {}
-  for (const [k, v] of entries) {
-    map[k] = v as any[]
+  return value
+}
+
+const buildSectionsFromGroups = (groups: Record<string, any[]>): Section[] => {
+  const result: Section[] = []
+  for (const [key, list] of Object.entries(groups)) {
+    const columns: SectionColumn[] = []
+    const row: SectionRow = {}
+    if (Array.isArray(list) && list.length) {
+      list.forEach((item: any, index: number) => {
+        const prop = `col${index}`
+        const label = item?.attributeName ?? `字段${index + 1}`
+        columns.push({ prop, label })
+        row[prop] = item?.addressValue ?? ''
+      })
+    }
+    result.push({
+      key,
+      title: key,
+      columns,
+      rows: columns.length ? [row] : []
+    })
   }
-  return map
+  return result
 }
 
 const fetchList = async () => {
   if (props.deviceId === undefined || props.deviceId === null || props.deviceId === '') {
-    groupRawMap.value = {}
-    selectedGroupKey.value = ''
+    sections.value = []
     return
   }
   loading.value = true
@@ -178,13 +161,11 @@ const fetchList = async () => {
     const groups = Array.isArray(res)
       ? { 默认: res }
       : {
-          ...toGroupMap(res?.data),
-          ...toGroupMap(res?.data?.data),
-          ...toGroupMap(res)
-        }
-    groupRawMap.value = groups
-    selectedGroupKey.value = Object.keys(groups)[0] ?? ''
-    pageNo.value = 1
+        ...toGroupMap(res?.data),
+        ...toGroupMap(res?.data?.data),
+        ...toGroupMap(res)
+      }
+    sections.value = buildSectionsFromGroups(groups)
   } finally {
     loading.value = false
   }
@@ -199,20 +180,36 @@ watch(
     fetchList()
   }
 )
+</script>
 
-watch(
-  () => selectedGroupKey.value,
-  () => {
-    pageNo.value = 1
-    handlePagination()
-  }
-)
+<style scoped>
+.single-device-dialog {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
 
-watch(
-  () => pageSize.value,
-  () => {
-    pageNo.value = 1
-    handlePagination()
-  }
-)
-</script>
+.single-device-dialog__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 14px;
+  color: var(--el-text-color-primary);
+}
+
+.single-device-dialog__table-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.single-device-dialog__section-title {
+  font-size: 13px;
+  margin-bottom: 4px;
+  color: var(--el-text-color-primary);
+}
+
+.single-device-dialog__section :deep(.el-table__inner-wrapper) {
+  border-radius: 0;
+}
+</style>
diff --git a/src/views/iot/realTimeMonitoring/index.vue b/src/views/iot/realTimeMonitoring/index.vue
index a85de6ae..f5accc16 100644
--- a/src/views/iot/realTimeMonitoring/index.vue
+++ b/src/views/iot/realTimeMonitoring/index.vue
@@ -59,6 +59,7 @@ v-model="queryParams.deviceName" placeholder="请输入设备名称" clearable @
     v-model="monitorDialogVisible"
     :device-id="monitorDeviceId"
     :device-name="monitorDeviceName"
+    :collection-time="monitorCollectionTime"
   />
 </template>
 
@@ -91,6 +92,7 @@ const queryFormRef = ref() // 搜索的表单
 const monitorDialogVisible = ref(false)
 const monitorDeviceId = ref<string | number>()
 const monitorDeviceName = ref<string>()
+const monitorCollectionTime = ref<string | number>()
 
 const buildQueryParams = (): Parameters<typeof DeviceApi.getLineDevicePage>[0] => {
   const params: Parameters<typeof DeviceApi.getLineDevicePage>[0] = {
@@ -137,25 +139,11 @@ const handleSingleMonitor = (row: LineDeviceVO) => {
   }
   monitorDeviceId.value = deviceId
   monitorDeviceName.value = row?.deviceName ?? ''
+  monitorCollectionTime.value = row?.collectionTime
   monitorDialogVisible.value = true
 }
 
-let timer: any = null
-
 onMounted(() => {
   getList()
-  timer = setInterval(async () => {
-    try {
-      const data = await DeviceApi.getLineDevicePage(buildQueryParams())
-      list.value = data.list
-      total.value = data.total
-    } catch { }
-  }, 5000)
-})
-
-onUnmounted(() => {
-  if (timer) {
-    clearInterval(timer)
-  }
 })
 </script>

From bc719acbcf9914859db8355784d88dab7c5f6227 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 5 Jan 2026 14:54:12 +0800
Subject: [PATCH 10/13] =?UTF-8?q?feat=EF=BC=9A=E5=8E=86=E5=8F=B2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E6=9F=A5=E8=AF=A2-=E5=BC=B9=E6=A1=86=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/device/index.ts                   |  10 +
 .../historyData/HistorySingleDeviceDialog.vue | 279 ++++++++++--------
 src/views/iot/historyData/index.vue           |  32 +-
 3 files changed, 169 insertions(+), 152 deletions(-)

diff --git a/src/api/iot/device/index.ts b/src/api/iot/device/index.ts
index 234f3d4a..ca15f6fc 100644
--- a/src/api/iot/device/index.ts
+++ b/src/api/iot/device/index.ts
@@ -59,6 +59,12 @@ export interface SingleDeviceParams {
   deviceId: string | number
 }
 
+export interface HistoryRecordParams {
+  deviceId: string | number
+  collectionStartTime?: string
+  collectionEndTime?: string
+}
+
 // 物联设备 API
 export const DeviceApi = {
   // 查询物联设备分页
@@ -111,6 +117,10 @@ export const DeviceApi = {
     return await request.get({ url: `/iot/device/singleDevice`, params })
   },
 
+  getHistoryRecord: async (params: HistoryRecordParams) => {
+    return await request.get({ url: `/iot/device/historyRecord`, params })
+  },
+
 // ==================== 子表（设备属性） ====================
 
   // 获得设备属性分页
diff --git a/src/views/iot/historyData/HistorySingleDeviceDialog.vue b/src/views/iot/historyData/HistorySingleDeviceDialog.vue
index 29452385..123c5155 100644
--- a/src/views/iot/historyData/HistorySingleDeviceDialog.vue
+++ b/src/views/iot/historyData/HistorySingleDeviceDialog.vue
@@ -1,52 +1,52 @@
 <template>
-  <Dialog v-model="dialogVisible" :title="title" width="1100">
-    <div class="history-device-dialog">
-      <div class="history-device-dialog__header">
-        <div class="history-device-dialog__header-main">
-          <span>设备名称：{{ deviceName || '-' }}</span>
-        </div>
-        <div class="history-device-dialog__header-sub">
-          <span>采集时间：{{ displayTime }}</span>
-        </div>
-      </div>
-      <ContentWrap>
-        <div class="history-device-dialog__table-grid">
-          <div
-            v-for="(section, index) in sections"
-            :key="index"
-            class="history-device-dialog__section"
-          >
-            <div class="history-device-dialog__section-title">
-              {{ section.title }}
+  <Dialog v-model="dialogVisible" :title="dialogTitle" width="900" :scroll="true" max-height="80vh" align-center>
+    <div class="single-device-dialog">
+      <el-form class="-mb-15px" :inline="true" label-width="80px">
+        <el-form-item label="采集时间">
+          <el-date-picker v-model="collectionTimeRange" value-format="YYYY-MM-DD HH:mm:ss" type="datetimerange"
+            start-placeholder="开始时间" end-placeholder="结束时间"
+            :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]" class="!w-360px" />
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleQuery">查询</el-button>
+          <el-button @click="resetQuery">重置</el-button>
+        </el-form-item>
+      </el-form>
+      <ContentWrap v-loading="loading">
+        <div v-if="recordGroups.length" class="single-device-dialog__record-list">
+          <div v-for="group in recordGroups" :key="group.key" class="single-device-dialog__record">
+            <div class="single-device-dialog__record-title">
+              采集时间：{{ group.collectTime || '-' }}
+            </div>
+            <div v-if="group.sections.length" class="single-device-dialog__table-grid">
+              <div v-for="section in group.sections" :key="`${group.key}-${section.key}`"
+                class="single-device-dialog__section">
+                <div class="single-device-dialog__section-title">
+                  {{ section.title }}
+                </div>
+                <el-empty v-if="!section.columns.length" description="暂无数据" />
+                <el-table v-else :data="section.rows" :border="true" :header-cell-style="headerCellStyle"
+                  :cell-style="bodyCellStyle" size="small">
+                  <el-table-column v-for="col in section.columns" :key="col.prop" :prop="col.prop" :label="col.label"
+                    align="center">
+                    <template #default="scope">
+                      <span>{{ formatCell(scope.row[col.prop]) }}</span>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
             </div>
-            <el-table
-              :data="section.rows"
-              :border="true"
-              :header-cell-style="headerCellStyle"
-              :cell-style="bodyCellStyle"
-              size="small"
-            >
-              <el-table-column
-                v-for="col in section.columns"
-                :key="col.prop"
-                :prop="col.prop"
-                :label="col.label"
-                align="center"
-              >
-                <template #default="scope">
-                  <span>{{ formatCell(scope.row[col.prop]) }}</span>
-                </template>
-              </el-table-column>
-            </el-table>
+            <el-empty v-else description="暂无数据" />
           </div>
         </div>
+        <el-empty v-else description="暂无数据" />
       </ContentWrap>
     </div>
   </Dialog>
 </template>
 
 <script setup lang="ts">
-import { formatDate } from '@/utils/formatTime'
+import { DeviceApi } from '@/api/iot/device'
 
 type SectionColumn = {
   prop: string
@@ -56,15 +56,22 @@ type SectionColumn = {
 type SectionRow = Record<string, string | number | null>
 
 type Section = {
+  key: string
   title: string
   columns: SectionColumn[]
   rows: SectionRow[]
 }
 
+type RecordGroup = {
+  key: string
+  collectTime?: string
+  sections: Section[]
+}
+
 const props = defineProps<{
   modelValue: boolean
+  deviceId?: string | number
   deviceName?: string
-  collectionTime?: string | number
 }>()
 
 const emit = defineEmits<{
@@ -80,24 +87,32 @@ const dialogVisible = computed({
   }
 })
 
-const title = computed(() => {
-  return '工艺参数'
+const dialogTitle = computed(() => {
+  const name = props.deviceName ? props.deviceName : '-'
+  return `历史记录：${name}`
 })
 
-const displayTime = computed(() => {
-  if (!props.collectionTime) {
-    return '-'
+
+
+const loading = ref(false)
+const recordGroups = ref<RecordGroup[]>([])
+
+const collectionTimeRange = ref<string[]>([])
+
+const toGroupMap = (value: any): Record<string, any[]> => {
+  if (!value || typeof value !== 'object' || Array.isArray(value)) {
+    return {}
   }
-  const value = props.collectionTime
-  if (typeof value === 'number') {
-    return formatDate(new Date(value))
+  const entries = Object.entries(value).filter(([, v]) => Array.isArray(v))
+  if (!entries.length) {
+    return {}
   }
-  const date = new Date(value)
-  if (Number.isNaN(date.getTime())) {
-    return value
+  const map: Record<string, any[]> = {}
+  for (const [k, v] of entries) {
+    map[k] = v as any[]
   }
-  return formatDate(date)
-})
+  return map
+}
 
 const formatCell = (value: string | number | null | undefined) => {
   if (value === null || value === undefined) {
@@ -119,117 +134,123 @@ const bodyCellStyle = () => {
   }
 }
 
-const createSection = (title: string, baseName: string, units: string[]): Section => {
-  const columns: SectionColumn[] = [
-    { prop: 'position', label: '' }
-  ]
-  for (let i = 0; i < units.length; i++) {
-    columns.push({ prop: `col${i + 1}`, label: `${baseName}${i + 1}${units[i] ? `(${units[i]})` : ''}` })
+const buildSectionsFromGroups = (groups: Record<string, any[]>): Section[] => {
+  const result: Section[] = []
+  for (const [key, list] of Object.entries(groups)) {
+    const columns: SectionColumn[] = []
+    const row: SectionRow = {}
+    if (Array.isArray(list) && list.length) {
+      list.forEach((item: any, index: number) => {
+        const prop = `col${index}`
+        const label = item?.attributeName ?? `字段${index + 1}`
+        columns.push({ prop, label })
+        row[prop] = item?.addressValue ?? ''
+      })
+    }
+    result.push({
+      key,
+      title: key,
+      columns,
+      rows: columns.length ? [row] : []
+    })
   }
+  return result
+}
 
-  const rows: SectionRow[] = [
-    {
-      position: '上段',
-      col1: 175.5,
-      col2: 181.2,
-      col3: 176.8,
-      col4: 179.0,
-      col5: 180.3,
-      col6: 177.9,
-      col7: 176.1,
-      col8: 178.4
-    },
-    {
-      position: '中段',
-      col1: 168.2,
-      col2: 170.0,
-      col3: 171.5,
-      col4: 169.8,
-      col5: 170.2,
-      col6: 169.1,
-      col7: 168.9,
-      col8: 170.0
-    },
-    {
-      position: '下段',
-      col1: 160.0,
-      col2: 161.2,
-      col3: 162.5,
-      col4: 161.8,
-      col5: 162.0,
-      col6: 161.3,
-      col7: 160.9,
-      col8: 161.5
+const fetchHistory = async () => {
+  if (props.deviceId === undefined || props.deviceId === null || props.deviceId === '') {
+    recordGroups.value = []
+    return
+  }
+  loading.value = true
+  try {
+    const params: Parameters<typeof DeviceApi.getHistoryRecord>[0] = { deviceId: props.deviceId }
+    if (Array.isArray(collectionTimeRange.value) && collectionTimeRange.value.length === 2) {
+      params.collectionStartTime = collectionTimeRange.value[0]
+      params.collectionEndTime = collectionTimeRange.value[1]
     }
-  ]
-
-  return {
-    title,
-    columns,
-    rows
+    const res: any = await DeviceApi.getHistoryRecord(params)
+    const list = res?.data?.data ?? res?.data ?? res
+    const records = Array.isArray(list) ? list : []
+    recordGroups.value = records.map((item: any, index: number) => {
+      const groups = toGroupMap(item)
+      return {
+        key: `${item?.collectTime ?? index}-${index}`,
+        collectTime: item?.collectTime,
+        sections: buildSectionsFromGroups(groups)
+      }
+    })
+  } finally {
+    loading.value = false
   }
 }
 
-const sections = ref<Section[]>([])
+const handleQuery = () => {
+  fetchHistory()
+}
 
-const buildMockSections = () => {
-  const result: Section[] = []
-  result.push(createSection('烘箱温度(℃)', '区', ['', '', '', '', '', '', '', '']))
-  result.push(createSection('冷却温度(℃)', '区', ['', '', '', '', '', '', '', '']))
-  result.push(createSection('线速度(m/min)', '段', ['', '']))
-  result.push(createSection('张力(bar)', '段', ['', '', '', '']))
-  sections.value = result
+const resetQuery = () => {
+  collectionTimeRange.value = []
+  fetchHistory()
 }
 
 watch(
-  () => props.modelValue,
-  (visible) => {
+  () => [props.modelValue, props.deviceId],
+  ([visible]) => {
     if (!visible) {
       return
     }
-    buildMockSections()
+    fetchHistory()
   }
 )
-
-onMounted(() => {
-  if (props.modelValue) {
-    buildMockSections()
-  }
-})
 </script>
 
 <style scoped>
-.history-device-dialog {
+.single-device-dialog {
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 
-.history-device-dialog__header {
+.single-device-dialog__table-grid {
+  display: grid;
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+  gap: 12px;
+}
+
+.single-device-dialog__record-list {
   display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: 14px;
-  color: var(--el-text-color-primary);
+  flex-direction: column;
+  gap: 12px;
 }
 
-.history-device-dialog__header-sub {
-  color: var(--el-text-color-secondary);
+.single-device-dialog__record {
+  padding: 12px;
+  border: 1px solid var(--el-border-color);
+  border-radius: 6px;
+  background: var(--el-bg-color-overlay);
 }
 
-.history-device-dialog__table-grid {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 12px;
+.single-device-dialog__section {
+  padding: 10px;
+  border: 1px solid var(--el-border-color);
+  border-radius: 6px;
+  background: var(--el-fill-color-lighter);
+}
+
+.single-device-dialog__record-title {
+  font-size: 13px;
+  margin-bottom: 6px;
+  color: var(--el-text-color-secondary);
 }
 
-.history-device-dialog__section-title {
+.single-device-dialog__section-title {
   font-size: 13px;
   margin-bottom: 4px;
   color: var(--el-text-color-primary);
 }
 
-.history-device-dialog__section :deep(.el-table__inner-wrapper) {
+.single-device-dialog__section :deep(.el-table__inner-wrapper) {
   border-radius: 0;
 }
 </style>
diff --git a/src/views/iot/historyData/index.vue b/src/views/iot/historyData/index.vue
index 16138902..8d9e8a0d 100644
--- a/src/views/iot/historyData/index.vue
+++ b/src/views/iot/historyData/index.vue
@@ -43,17 +43,6 @@
           class="!w-240px"
         />
       </el-form-item>
-      <el-form-item label="采集时间" prop="collectionTimeRange">
-        <el-date-picker
-          v-model="queryParams.collectionTimeRange"
-          value-format="YYYY-MM-DD HH:mm:ss"
-          type="datetimerange"
-          start-placeholder="开始时间"
-          end-placeholder="结束时间"
-          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
-          class="!w-360px"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button @click="handleQuery">
           <Icon icon="ep:search" class="mr-5px" /> 搜索
@@ -87,7 +76,7 @@
       <el-table-column label="操作" align="center" fixed="right" width="150px">
         <template #default="scope">
           <el-button link type="primary" @click="handleSingleView(scope.row)">
-            单设备查看
+            历史记录
           </el-button>
         </template>
       </el-table-column>
@@ -102,8 +91,8 @@
 
   <HistorySingleDeviceDialog
     v-model="singleDialogVisible"
+    :device-id="singleDeviceId"
     :device-name="singleDeviceName"
-    :collection-time="singleCollectionTime"
   />
 </template>
 
@@ -125,15 +114,14 @@ const queryParams = reactive({
   lineName: undefined as string | undefined,
   deviceCode: undefined as string | undefined,
   deviceName: undefined as string | undefined,
-  status: undefined as string | number | undefined,
-  collectionTimeRange: [] as string[]
+  status: undefined as string | number | undefined
 })
 
 const queryFormRef = ref()
 
 const singleDialogVisible = ref(false)
+const singleDeviceId = ref<string | number>()
 const singleDeviceName = ref<string>('')
-const singleCollectionTime = ref<string | number | undefined>()
 
 const buildQueryParams = (): LineDevicePageParams => {
   const params: LineDevicePageParams = {
@@ -154,11 +142,6 @@ const buildQueryParams = (): LineDevicePageParams => {
     params.deviceName = queryParams.deviceName
   }
 
-  if (Array.isArray(queryParams.collectionTimeRange) && queryParams.collectionTimeRange.length === 2) {
-    params.collectionTimeStart = queryParams.collectionTimeRange[0]
-    params.collectionTimeEnd = queryParams.collectionTimeRange[1]
-  }
-
   return params
 }
 
@@ -180,13 +163,16 @@ const handleQuery = () => {
 
 const resetQuery = () => {
   queryFormRef.value?.resetFields()
-  queryParams.collectionTimeRange = []
   handleQuery()
 }
 
 const handleSingleView = (row: LineDeviceVO) => {
+  const deviceId = (row as any)?.deviceId ?? row?.id
+  if (deviceId === undefined || deviceId === null || deviceId === '') {
+    return
+  }
+  singleDeviceId.value = deviceId
   singleDeviceName.value = row.deviceName || ''
-  singleCollectionTime.value = (row as any).collectionTime
   singleDialogVisible.value = true
 }
 

From 629959318cd027321236684d5a0f0a7bdc0896e7 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 5 Jan 2026 14:54:43 +0800
Subject: [PATCH 11/13] =?UTF-8?q?style=EF=BC=9A=E6=95=B0=E6=8D=AE=E5=AE=9E?=
 =?UTF-8?q?=E6=97=B6=E7=9B=91=E6=8E=A7-=E5=BC=B9=E6=A1=86=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue b/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
index 040fd7d2..20a6f8ed 100644
--- a/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
+++ b/src/views/iot/realTimeMonitoring/SingleDeviceMonitorDialog.vue
@@ -199,7 +199,7 @@ watch(
 
 .single-device-dialog__table-grid {
   display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(1, minmax(0, 1fr));
   gap: 12px;
 }
 

From 5dbf02a2f2b9894d9558384078ba7af8076fa5af Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 5 Jan 2026 16:00:27 +0800
Subject: [PATCH 12/13] =?UTF-8?q?style=EF=BC=9A=E5=8E=86=E5=8F=B2=E8=AE=B0?=
 =?UTF-8?q?=E5=BD=95=E6=9F=A5=E8=AF=A2-=E5=BC=B9=E6=A1=86table=E8=A1=A8?=
 =?UTF-8?q?=E5=A4=B4=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../iot/historyData/HistorySingleDeviceDialog.vue    | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/iot/historyData/HistorySingleDeviceDialog.vue b/src/views/iot/historyData/HistorySingleDeviceDialog.vue
index 123c5155..d2d668e3 100644
--- a/src/views/iot/historyData/HistorySingleDeviceDialog.vue
+++ b/src/views/iot/historyData/HistorySingleDeviceDialog.vue
@@ -124,7 +124,9 @@ const formatCell = (value: string | number | null | undefined) => {
 const headerCellStyle = () => {
   return {
     fontWeight: 500,
-    padding: '6px 4px'
+    padding: '6px 4px',
+    backgroundColor: 'var(--el-fill-color-light)',
+    color: 'var(--el-text-color-primary)'
   }
 }
 
@@ -238,6 +240,10 @@ watch(
   background: var(--el-fill-color-lighter);
 }
 
+.single-device-dialog__section :deep(.el-table) {
+  --el-table-row-hover-bg-color: transparent;
+}
+
 .single-device-dialog__record-title {
   font-size: 13px;
   margin-bottom: 6px;
@@ -253,4 +259,8 @@ watch(
 .single-device-dialog__section :deep(.el-table__inner-wrapper) {
   border-radius: 0;
 }
+
+.single-device-dialog__section :deep(.el-table__header-wrapper th) {
+  border-bottom-color: var(--el-border-color);
+}
 </style>

From 5ca63c5a85bcdc26ae13b60c149d53c7c8a1cb94 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 5 Jan 2026 17:40:47 +0800
Subject: [PATCH 13/13] =?UTF-8?q?feat=EF=BC=9A=E6=B7=BB=E5=8A=A0=E8=AE=BE?=
 =?UTF-8?q?=E5=A4=87=E8=BF=90=E8=A1=8C=E5=8F=82=E6=95=B0=E5=88=86=E6=9E=90?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/deviceParamAnalysis/index.vue | 315 ++++++++++++++++++++
 1 file changed, 315 insertions(+)
 create mode 100644 src/views/iot/deviceParamAnalysis/index.vue

diff --git a/src/views/iot/deviceParamAnalysis/index.vue b/src/views/iot/deviceParamAnalysis/index.vue
new file mode 100644
index 00000000..731424a0
--- /dev/null
+++ b/src/views/iot/deviceParamAnalysis/index.vue
@@ -0,0 +1,315 @@
+<template>
+  <el-row :gutter="20">
+    <el-col :span="6" :xs="24">
+      <ContentWrap class="h-1/1">
+        <el-input
+          v-model="keyword"
+          clearable
+          placeholder="搜索设备或参数"
+          class="!w-1/1"
+          @input="handleKeywordChange"
+        />
+        <div class="mt-12px">
+          <el-tree
+            ref="treeRef"
+            v-loading="treeLoading"
+            :data="treeData"
+            :props="treeProps"
+            node-key="id"
+            highlight-current
+            :expand-on-click-node="false"
+            :filter-node-method="filterTreeNode"
+            @node-click="handleTreeNodeClick"
+          />
+        </div>
+      </ContentWrap>
+    </el-col>
+
+    <el-col :span="18" :xs="24">
+      <ContentWrap>
+        <el-form class="-mb-15px" :inline="true">
+          <el-form-item label="时间">
+            <el-date-picker
+              v-model="dateRange"
+              type="daterange"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="YYYY-MM-DD"
+              :shortcuts="dateShortcuts"
+              :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+              class="!w-360px"
+            />
+          </el-form-item>
+          <el-form-item>
+            <el-button :disabled="!selectedParam" @click="handleQuery">
+              <Icon icon="ep:search" class="mr-5px" /> 搜索
+            </el-button>
+            <el-button :disabled="!selectedParam" @click="resetQuery">
+              <Icon icon="ep:refresh" class="mr-5px" /> 重置
+            </el-button>
+          </el-form-item>
+        </el-form>
+      </ContentWrap>
+
+      <ContentWrap>
+        <el-alert
+          v-if="selectedParam"
+          :title="selectedParamTitle"
+          type="info"
+          :closable="false"
+          class="mb-12px"
+        />
+        <div v-loading="chartLoading">
+          <el-empty v-if="!selectedParam" description="请选择左侧参数" />
+          <EChart v-else :options="chartOption" height="520px" />
+        </div>
+      </ContentWrap>
+    </el-col>
+  </el-row>
+</template>
+
+<script setup lang="ts">
+import type { EChartsOption } from 'echarts'
+import dayjs from 'dayjs'
+import { Echart as EChart } from '@/components/Echart'
+
+defineOptions({ name: 'DeviceParamAnalysis' })
+
+type TreeNodeType = 'device' | 'param'
+
+type DeviceTreeNode = {
+  id: string
+  label: string
+  type: TreeNodeType
+  children?: DeviceTreeNode[]
+  deviceId?: string
+  paramKey?: string
+  unit?: string
+}
+
+const message = useMessage()
+
+const treeRef = ref()
+const treeLoading = ref(false)
+const keyword = ref('')
+const treeProps = { children: 'children', label: 'label' }
+const treeData = ref<DeviceTreeNode[]>([])
+
+const selectedParam = ref<DeviceTreeNode | null>(null)
+const chartLoading = ref(false)
+const chartXAxis = ref<string[]>([])
+const chartSeries = ref<number[]>([])
+
+const buildDefaultDateRange = (): [string, string] => {
+  const end = dayjs().endOf('day')
+  const start = end.subtract(6, 'day').startOf('day')
+  return [start.format('YYYY-MM-DD'), end.format('YYYY-MM-DD')]
+}
+
+const dateRange = ref<[string, string]>(buildDefaultDateRange())
+
+const dateShortcuts = [
+  {
+    text: '最近 7 天',
+    value: () => {
+      const end = dayjs().endOf('day').toDate()
+      const start = dayjs().subtract(6, 'day').startOf('day').toDate()
+      return [start, end]
+    }
+  },
+  {
+    text: '上周',
+    value: () => {
+      const start = dayjs().subtract(1, 'week').startOf('week').toDate()
+      const end = dayjs().subtract(1, 'week').endOf('week').toDate()
+      return [start, end]
+    }
+  },
+  {
+    text: '上个月',
+    value: () => {
+      const start = dayjs().subtract(1, 'month').startOf('month').toDate()
+      const end = dayjs().subtract(1, 'month').endOf('month').toDate()
+      return [start, end]
+    }
+  },
+  {
+    text: '三个月内',
+    value: () => {
+      const end = dayjs().endOf('day').toDate()
+      const start = dayjs().subtract(3, 'month').startOf('day').toDate()
+      return [start, end]
+    }
+  }
+]
+
+const selectedParamTitle = computed(() => {
+  const param = selectedParam.value
+  if (!param) return ''
+  const unitText = param.unit ? `（${param.unit}）` : ''
+  return `参数：${param.label}${unitText}`
+})
+
+const chartOption = computed<EChartsOption>(() => {
+  const unit = selectedParam.value?.unit
+  return {
+    tooltip: { trigger: 'axis' },
+    grid: { left: 30, right: 20, top: 20, bottom: 40, containLabel: true },
+    xAxis: {
+      type: 'category',
+      boundaryGap: false,
+      data: chartXAxis.value
+    },
+    yAxis: {
+      type: 'value',
+      name: unit || ''
+    },
+    series: [
+      {
+        type: 'line',
+        name: selectedParam.value?.label || '参数',
+        smooth: true,
+        showSymbol: false,
+        data: chartSeries.value
+      }
+    ]
+  }
+})
+
+const handleKeywordChange = () => {
+  treeRef.value?.filter(keyword.value)
+}
+
+const filterTreeNode = (value: string, data: DeviceTreeNode) => {
+  if (!value) return true
+  return data.label?.toLowerCase().includes(value.toLowerCase())
+}
+
+const mockFetchTree = async (): Promise<DeviceTreeNode[]> => {
+  const devices = [
+    { id: 'D-1001', label: '压合机-01' },
+    { id: 'D-1002', label: '烘干线-02' },
+    { id: 'D-1003', label: '制浆机-03' },
+    { id: 'D-1004', label: '包装机-04' }
+  ]
+
+  const params = [
+    { key: 'temp', label: '温度', unit: '℃' },
+    { key: 'pressure', label: '压力', unit: 'kPa' },
+    { key: 'speed', label: '速度', unit: 'm/s' },
+    { key: 'power', label: '功率', unit: 'kW' },
+    { key: 'current', label: '电流', unit: 'A' }
+  ]
+
+  await new Promise((resolve) => setTimeout(resolve, 200))
+
+  return devices.map((d) => ({
+    id: d.id,
+    label: d.label,
+    type: 'device',
+    deviceId: d.id,
+    children: params.map((p) => ({
+      id: `${d.id}::${p.key}`,
+      label: p.label,
+      type: 'param',
+      deviceId: d.id,
+      paramKey: p.key,
+      unit: p.unit
+    }))
+  }))
+}
+
+const buildSeriesSeed = (key: string) => {
+  let hash = 0
+  for (let i = 0; i < key.length; i++) {
+    hash = (hash << 5) - hash + key.charCodeAt(i)
+    hash |= 0
+  }
+  return Math.abs(hash)
+}
+
+const mockFetchSeries = async (args: { deviceId: string; paramKey: string; start: string; end: string }) => {
+  await new Promise((resolve) => setTimeout(resolve, 250))
+
+  const start = dayjs(args.start)
+  const end = dayjs(args.end)
+  const diff = Math.max(end.startOf('day').diff(start.startOf('day'), 'day'), 0)
+  const count = Math.min(diff + 1, 366)
+  const x: string[] = []
+  const y: number[] = []
+  const seed = buildSeriesSeed(`${args.deviceId}::${args.paramKey}`)
+  const base = 20 + (seed % 30)
+  const amp = 5 + (seed % 10)
+
+  for (let i = 0; i < count; i++) {
+    const d = start.add(i, 'day')
+    x.push(d.format('YYYY-MM-DD'))
+    const v = base + Math.sin(i / 2) * amp + ((seed % 7) - 3) * 0.6
+    y.push(Number(v.toFixed(2)))
+  }
+  return { x, y }
+}
+
+const loadTree = async () => {
+  treeLoading.value = true
+  try {
+    treeData.value = await mockFetchTree()
+  } finally {
+    treeLoading.value = false
+  }
+}
+
+const ensureDateRange = () => {
+  if (!dateRange.value || dateRange.value.length !== 2) {
+    dateRange.value = buildDefaultDateRange()
+  }
+}
+
+const fetchChart = async () => {
+  const param = selectedParam.value
+  if (!param?.deviceId || !param.paramKey) return
+
+  ensureDateRange()
+  const [start, end] = dateRange.value
+  if (!start || !end) return
+
+  chartLoading.value = true
+  try {
+    const res = await mockFetchSeries({ deviceId: param.deviceId, paramKey: param.paramKey, start, end })
+    chartXAxis.value = res.x
+    chartSeries.value = res.y
+  } catch {
+    message.error('获取图表数据失败')
+  } finally {
+    chartLoading.value = false
+  }
+}
+
+const handleTreeNodeClick = async (data: DeviceTreeNode) => {
+  if (data.type !== 'param') return
+  selectedParam.value = data
+  dateRange.value = buildDefaultDateRange()
+  await fetchChart()
+}
+
+const handleQuery = async () => {
+  if (!selectedParam.value) return
+  await fetchChart()
+}
+
+const resetQuery = async () => {
+  dateRange.value = buildDefaultDateRange()
+  await fetchChart()
+}
+
+onMounted(async () => {
+  await loadTree()
+})
+</script>
+
+<style scoped lang="scss">
+:deep(.el-tree) {
+  max-height: calc(100vh - 280px);
+  overflow: auto;
+}
+</style>