From 2515caed35a015bdf1636c275f81e68d5d7f0ea4 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 22 Jan 2026 00:51:48 +0800
Subject: [PATCH 1/4] =?UTF-8?q?feat(iot):=E3=80=90=E7=BD=91=E5=85=B3?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=EF=BC=9A20%=E3=80=91=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=BD=91=E5=85=B3=E8=AE=BE=E5=A4=87=E7=BB=91=E5=AE=9A=E8=83=BD?=
 =?UTF-8?q?=E5=8A=9B=EF=BC=88=E6=9C=AA=E5=AE=8C=E6=88=90=EF=BC=89=EF=BC=8C?=
 =?UTF-8?q?=E5=9F=BA=E4=BA=8E=20breezy-doodling-starlight.md=20=E8=A7=84?=
 =?UTF-8?q?=E5=88=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/device/device/index.ts            |  26 +++
 .../device/detail/DeviceDetailsSubDevice.vue  | 210 ++++++++++++++++++
 src/views/iot/device/device/detail/index.vue  |   9 +-
 3 files changed, 244 insertions(+), 1 deletion(-)
 create mode 100644 src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue

diff --git a/src/api/iot/device/device/index.ts b/src/api/iot/device/device/index.ts
index 1804628c5..be5193c6d 100644
--- a/src/api/iot/device/device/index.ts
+++ b/src/api/iot/device/device/index.ts
@@ -158,5 +158,31 @@ export const DeviceApi = {
   // 发送设备消息
   sendDeviceMessage: async (params: IotDeviceMessageSendReqVO) => {
     return await request.post({ url: `/iot/device/message/send`, data: params })
+  },
+
+  // 绑定子设备到网关
+  bindDeviceGateway: async (data: { ids: number[]; gatewayId: number }) => {
+    return await request.put({ url: `/iot/device/bind-gateway`, data })
+  },
+
+  // 解绑子设备与网关
+  unbindDeviceGateway: async (data: { ids: number[] }) => {
+    return await request.put({ url: `/iot/device/unbind-gateway`, data })
+  },
+
+  // 获取网关的子设备列表
+  getSubDeviceList: async (gatewayId: number) => {
+    return await request.get<DeviceVO[]>({
+      url: `/iot/device/sub-device-list`,
+      params: { gatewayId }
+    })
+  },
+
+  // 获取可绑定到网关的子设备列表
+  getBindableSubDeviceList: async (gatewayId?: number) => {
+    return await request.get<DeviceVO[]>({
+      url: `/iot/device/bindable-sub-device-list`,
+      params: { gatewayId }
+    })
   }
 }
diff --git a/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue b/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
new file mode 100644
index 000000000..16a406c4f
--- /dev/null
+++ b/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
@@ -0,0 +1,210 @@
+<!-- 子设备管理 -->
+<template>
+  <ContentWrap>
+    <!-- 操作按钮 -->
+    <div class="mb-4">
+      <el-button type="primary" plain @click="openBindDialog" v-hasPermi="['iot:device:update']">
+        <Icon icon="ep:plus" class="mr-5px" /> 添加子设备
+      </el-button>
+      <el-button
+        type="danger"
+        plain
+        @click="handleUnbindBatch"
+        :disabled="selectedIds.length === 0"
+        v-hasPermi="['iot:device:update']"
+      >
+        <Icon icon="ep:delete" class="mr-5px" /> 批量解绑
+      </el-button>
+    </div>
+
+    <!-- 子设备列表 -->
+    <el-table
+      v-loading="loading"
+      :data="subDeviceList"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column label="DeviceName" align="center" prop="deviceName">
+        <template #default="{ row }">
+          <el-link type="primary" @click="openDeviceDetail(row.id)">{{ row.deviceName }}</el-link>
+        </template>
+      </el-table-column>
+      <el-table-column label="备注名称" align="center" prop="nickname" />
+      <el-table-column label="产品名称" align="center" prop="productName" />
+      <el-table-column label="设备状态" align="center" prop="state">
+        <template #default="{ row }">
+          <dict-tag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="row.state" />
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="最后上线时间"
+        align="center"
+        prop="onlineTime"
+        :formatter="dateFormatter"
+        width="180px"
+      />
+      <el-table-column label="操作" align="center" width="120px">
+        <template #default="{ row }">
+          <el-button link type="primary" @click="openDeviceDetail(row.id)"> 查看 </el-button>
+          <el-button
+            link
+            type="danger"
+            @click="handleUnbind(row.id)"
+            v-hasPermi="['iot:device:update']"
+          >
+            解绑
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </ContentWrap>
+
+  <!-- 添加子设备弹窗 -->
+  <!-- TODO @AI：需要增加检索：产品、设备等检索，可以一起讨论下； -->
+  <Dialog title="添加子设备" v-model="bindDialogVisible" width="800px">
+    <el-table
+      ref="bindTableRef"
+      v-loading="bindFormLoading"
+      :data="bindableDevices"
+      :stripe="true"
+      :show-overflow-tooltip="true"
+      @selection-change="handleBindSelectionChange"
+      max-height="400px"
+    >
+      <el-table-column type="selection" width="55" />
+      <el-table-column label="DeviceName" align="center" prop="deviceName" />
+      <el-table-column label="备注名称" align="center" prop="nickname" />
+      <el-table-column label="产品名称" align="center" prop="productName" />
+      <el-table-column label="设备状态" align="center" prop="state">
+        <template #default="{ row }">
+          <dict-tag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="row.state" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <template #footer>
+      <el-button @click="bindDialogVisible = false">取消</el-button>
+      <el-button type="primary" @click="handleBindSubmit" :loading="bindFormLoading">
+        确定（已选 {{ bindSelectedIds.length }} 个）
+      </el-button>
+    </template>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { DeviceApi, DeviceVO } from '@/api/iot/device/device'
+import { DICT_TYPE } from '@/utils/dict'
+import { dateFormatter } from '@/utils/formatTime'
+
+const props = defineProps<{
+  gatewayId: number
+}>()
+
+const message = useMessage()
+const { push } = useRouter()
+
+// TODO @AI：注释使用尾注释；
+// 列表数据
+const loading = ref(false)
+const subDeviceList = ref<DeviceVO[]>([])
+const selectedIds = ref<number[]>([])
+
+// 绑定弹窗数据
+const bindDialogVisible = ref(false)
+const bindFormLoading = ref(false)
+const bindTableRef = ref()
+const bindableDevices = ref<DeviceVO[]>([])
+const bindSelectedIds = ref<number[]>([])
+
+/** 获取子设备列表 */
+const getSubDeviceList = async () => {
+  loading.value = true
+  try {
+    subDeviceList.value = await DeviceApi.getSubDeviceList(props.gatewayId)
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 打开设备详情 */
+const openDeviceDetail = (id: number) => {
+  push({ name: 'IoTDeviceDetail', params: { id } })
+}
+
+/** 多选框选中数据 */
+const handleSelectionChange = (selection: DeviceVO[]) => {
+  selectedIds.value = selection.map((item) => item.id)
+}
+
+/** 打开绑定弹窗 */
+const openBindDialog = async () => {
+  bindSelectedIds.value = []
+  bindDialogVisible.value = true
+  bindFormLoading.value = true
+  try {
+    // 获取可绑定的子设备列表
+    const list = await DeviceApi.getBindableSubDeviceList(props.gatewayId)
+    // 排除已绑定到当前网关的设备
+    // TODO @AI：不用排除，后端已经排除；
+    bindableDevices.value = list.filter((device: DeviceVO) => device.gatewayId !== props.gatewayId)
+  } finally {
+    bindFormLoading.value = false
+  }
+}
+
+/** 绑定弹窗多选框选中数据 */
+const handleBindSelectionChange = (selection: DeviceVO[]) => {
+  bindSelectedIds.value = selection.map((item) => item.id)
+}
+
+/** 提交绑定 */
+const handleBindSubmit = async () => {
+  if (bindSelectedIds.value.length === 0) {
+    message.warning('请选择要绑定的子设备')
+    return
+  }
+  bindFormLoading.value = true
+  try {
+    await DeviceApi.bindDeviceGateway({
+      ids: bindSelectedIds.value,
+      gatewayId: props.gatewayId
+    })
+    message.success('绑定成功')
+    bindDialogVisible.value = false
+    await getSubDeviceList()
+  } finally {
+    bindFormLoading.value = false
+  }
+}
+
+/** 解绑单个设备 */
+const handleUnbind = async (id: number) => {
+  try {
+    await message.confirm('确定要解绑该子设备吗？')
+    await DeviceApi.unbindDeviceGateway({ ids: [id] })
+    message.success('解绑成功')
+    await getSubDeviceList()
+  } catch {}
+}
+
+/** 批量解绑 */
+const handleUnbindBatch = async () => {
+  try {
+    await message.confirm(`确定要解绑选中的 ${selectedIds.value.length} 个子设备吗？`)
+    await DeviceApi.unbindDeviceGateway({ ids: selectedIds.value })
+    message.success('批量解绑成功')
+    selectedIds.value = []
+    await getSubDeviceList()
+  } catch {}
+}
+
+/** 初始化 */
+onMounted(async () => {
+  await getSubDeviceList()
+})
+
+// 暴露刷新方法
+// TODO @AI：refresh 需要提供么？
+defineExpose({ refresh: getSubDeviceList })
+</script>
diff --git a/src/views/iot/device/device/detail/index.vue b/src/views/iot/device/device/detail/index.vue
index 3ec756b5c..f8949ecd5 100644
--- a/src/views/iot/device/device/detail/index.vue
+++ b/src/views/iot/device/device/detail/index.vue
@@ -17,7 +17,13 @@
           :thing-model-list="thingModelList"
         />
       </el-tab-pane>
-      <el-tab-pane label="子设备管理" v-if="product.deviceType === DeviceTypeEnum.GATEWAY" />
+      <el-tab-pane
+        label="子设备管理"
+        name="subDevice"
+        v-if="product.deviceType === DeviceTypeEnum.GATEWAY"
+      >
+        <DeviceDetailsSubDevice v-if="activeTab === 'subDevice'" :gateway-id="device.id" />
+      </el-tab-pane>
       <el-tab-pane label="设备消息" name="log">
         <DeviceDetailsMessage v-if="activeTab === 'log'" :device-id="device.id" />
       </el-tab-pane>
@@ -50,6 +56,7 @@ import DeviceDetailsThingModel from './DeviceDetailsThingModel.vue'
 import DeviceDetailsMessage from './DeviceDetailsMessage.vue'
 import DeviceDetailsSimulator from './DeviceDetailsSimulator.vue'
 import DeviceDetailConfig from './DeviceDetailConfig.vue'
+import DeviceDetailsSubDevice from './DeviceDetailsSubDevice.vue'
 
 defineOptions({ name: 'IoTDeviceDetail' })
 

From 2076a27a262b9af9985e97c307c1679a9eb6a6e7 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 22 Jan 2026 09:53:01 +0800
Subject: [PATCH 2/4] =?UTF-8?q?feat(iot):=E3=80=90=E7=BD=91=E5=85=B3?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=EF=BC=9A30%=E3=80=91=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=BD=91=E5=85=B3=E8=AE=BE=E5=A4=87=E7=BB=91=E5=AE=9A=E8=83=BD?=
 =?UTF-8?q?=E5=8A=9B=EF=BC=88=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81=EF=BC=89?=
 =?UTF-8?q?=EF=BC=8C=E5=9F=BA=E4=BA=8E=20optimized-pondering-dragon.md=20?=
 =?UTF-8?q?=E8=A7=84=E5=88=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/device/device/index.ts            |   9 +-
 src/api/iot/product/product/index.ts          |   4 +-
 .../device/detail/DeviceDetailsSubDevice.vue  | 136 ++++++++++++------
 3 files changed, 100 insertions(+), 49 deletions(-)

diff --git a/src/api/iot/device/device/index.ts b/src/api/iot/device/device/index.ts
index be5193c6d..d41429e0b 100644
--- a/src/api/iot/device/device/index.ts
+++ b/src/api/iot/device/device/index.ts
@@ -178,11 +178,8 @@ export const DeviceApi = {
     })
   },
 
-  // 获取可绑定到网关的子设备列表
-  getBindableSubDeviceList: async (gatewayId?: number) => {
-    return await request.get<DeviceVO[]>({
-      url: `/iot/device/bindable-sub-device-list`,
-      params: { gatewayId }
-    })
+  // 获取未绑定网关的子设备分页
+  getUnboundSubDevicePage: async (params: any) => {
+    return await request.get({ url: `/iot/device/unbound-sub-device-page`, params })
   }
 }
diff --git a/src/api/iot/product/product/index.ts b/src/api/iot/product/product/index.ts
index a34efaeb9..d491d3b28 100644
--- a/src/api/iot/product/product/index.ts
+++ b/src/api/iot/product/product/index.ts
@@ -68,8 +68,8 @@ export const ProductApi = {
   },
 
   // 查询产品（精简）列表
-  getSimpleProductList() {
-    return request.get({ url: '/iot/product/simple-list' })
+  getSimpleProductList(deviceType?: number) {
+    return request.get({ url: '/iot/product/simple-list', params: { deviceType } })
   },
 
   // 根据 ProductKey 获取产品信息
diff --git a/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue b/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
index 16a406c4f..d24ad2995 100644
--- a/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
+++ b/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
@@ -62,40 +62,82 @@
   </ContentWrap>
 
   <!-- 添加子设备弹窗 -->
-  <!-- TODO @AI：需要增加检索：产品、设备等检索，可以一起讨论下； -->
-  <Dialog title="添加子设备" v-model="bindDialogVisible" width="800px">
-    <el-table
-      ref="bindTableRef"
-      v-loading="bindFormLoading"
-      :data="bindableDevices"
-      :stripe="true"
-      :show-overflow-tooltip="true"
-      @selection-change="handleBindSelectionChange"
-      max-height="400px"
-    >
-      <el-table-column type="selection" width="55" />
-      <el-table-column label="DeviceName" align="center" prop="deviceName" />
-      <el-table-column label="备注名称" align="center" prop="nickname" />
-      <el-table-column label="产品名称" align="center" prop="productName" />
-      <el-table-column label="设备状态" align="center" prop="state">
-        <template #default="{ row }">
-          <dict-tag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="row.state" />
-        </template>
-      </el-table-column>
-    </el-table>
+  <Dialog title="添加子设备" v-model="bindDialogVisible" width="900px">
+    <ContentWrap>
+      <!-- 搜索区域 -->
+      <el-form :model="bindQueryParams" ref="bindQueryFormRef" :inline="true" class="-mb-15px">
+        <el-form-item label="产品" prop="productId">
+          <ProductSelect
+            v-model="bindQueryParams.productId"
+            :device-type="DeviceTypeEnum.GATEWAY_SUB"
+            class="!w-200px"
+          />
+        </el-form-item>
+        <el-form-item label="设备名称" prop="deviceName">
+          <el-input
+            v-model="bindQueryParams.deviceName"
+            placeholder="请输入设备名称"
+            clearable
+            class="!w-200px"
+          />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="getBindableDevicePage">
+            <Icon icon="ep:search" class="mr-5px" /> 搜索
+          </el-button>
+          <el-button @click="resetBindQuery">
+            <Icon icon="ep:refresh" class="mr-5px" /> 重置
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </ContentWrap>
+
+    <ContentWrap>
+      <!-- 分页表格 -->
+      <el-table
+        ref="bindTableRef"
+        v-loading="bindFormLoading"
+        :data="bindableDevices"
+        :stripe="true"
+        :show-overflow-tooltip="true"
+        @selection-change="handleBindSelectionChange"
+        max-height="400px"
+      >
+        <el-table-column type="selection" width="55" />
+        <el-table-column label="DeviceName" align="center" prop="deviceName" />
+        <el-table-column label="备注名称" align="center" prop="nickname" />
+        <el-table-column label="产品名称" align="center" prop="productName" />
+        <el-table-column label="设备状态" align="center" prop="state">
+          <template #default="{ row }">
+            <dict-tag :type="DICT_TYPE.IOT_DEVICE_STATE" :value="row.state" />
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <!-- 分页组件 -->
+      <Pagination
+        v-model:page="bindQueryParams.pageNo"
+        v-model:limit="bindQueryParams.pageSize"
+        :total="bindTotal"
+        @pagination="getBindableDevicePage"
+      />
+    </ContentWrap>
+
     <template #footer>
-      <el-button @click="bindDialogVisible = false">取消</el-button>
       <el-button type="primary" @click="handleBindSubmit" :loading="bindFormLoading">
         确定（已选 {{ bindSelectedIds.length }} 个）
       </el-button>
+      <el-button @click="bindDialogVisible = false">取消</el-button>
     </template>
   </Dialog>
 </template>
 
 <script setup lang="ts">
 import { DeviceApi, DeviceVO } from '@/api/iot/device/device'
+import { DeviceTypeEnum } from '@/api/iot/product/product'
 import { DICT_TYPE } from '@/utils/dict'
 import { dateFormatter } from '@/utils/formatTime'
+import ProductSelect from '@/views/iot/product/product/components/ProductSelect.vue'
 
 const props = defineProps<{
   gatewayId: number
@@ -104,18 +146,23 @@ const props = defineProps<{
 const message = useMessage()
 const { push } = useRouter()
 
-// TODO @AI：注释使用尾注释；
-// 列表数据
-const loading = ref(false)
-const subDeviceList = ref<DeviceVO[]>([])
-const selectedIds = ref<number[]>([])
+const loading = ref(false) // 列表加载状态
+const subDeviceList = ref<DeviceVO[]>([]) // 子设备列表
+const selectedIds = ref<number[]>([]) // 选中的设备ID
 
-// 绑定弹窗数据
-const bindDialogVisible = ref(false)
-const bindFormLoading = ref(false)
+const bindDialogVisible = ref(false) // 绑定弹窗可见性
+const bindFormLoading = ref(false) // 绑定弹窗加载状态
 const bindTableRef = ref()
-const bindableDevices = ref<DeviceVO[]>([])
-const bindSelectedIds = ref<number[]>([])
+const bindQueryFormRef = ref()
+const bindableDevices = ref<DeviceVO[]>([]) // 可绑定设备列表
+const bindSelectedIds = ref<number[]>([]) // 绑定选中的设备ID
+const bindTotal = ref(0) // 可绑定设备总数
+const bindQueryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  productId: undefined as number | undefined,
+  deviceName: ''
+})
 
 /** 获取子设备列表 */
 const getSubDeviceList = async () => {
@@ -141,18 +188,29 @@ const handleSelectionChange = (selection: DeviceVO[]) => {
 const openBindDialog = async () => {
   bindSelectedIds.value = []
   bindDialogVisible.value = true
+  await getBindableDevicePage()
+}
+
+/** 获取可绑定设备分页 */
+const getBindableDevicePage = async () => {
   bindFormLoading.value = true
   try {
-    // 获取可绑定的子设备列表
-    const list = await DeviceApi.getBindableSubDeviceList(props.gatewayId)
-    // 排除已绑定到当前网关的设备
-    // TODO @AI：不用排除，后端已经排除；
-    bindableDevices.value = list.filter((device: DeviceVO) => device.gatewayId !== props.gatewayId)
+    const result = await DeviceApi.getUnboundSubDevicePage(bindQueryParams)
+    bindableDevices.value = result.list
+    bindTotal.value = result.total
   } finally {
     bindFormLoading.value = false
   }
 }
 
+/** 重置绑定弹窗搜索条件 */
+const resetBindQuery = () => {
+  bindQueryParams.pageNo = 1
+  bindQueryParams.productId = undefined
+  bindQueryParams.deviceName = ''
+  getBindableDevicePage()
+}
+
 /** 绑定弹窗多选框选中数据 */
 const handleBindSelectionChange = (selection: DeviceVO[]) => {
   bindSelectedIds.value = selection.map((item) => item.id)
@@ -203,8 +261,4 @@ const handleUnbindBatch = async () => {
 onMounted(async () => {
   await getSubDeviceList()
 })
-
-// 暴露刷新方法
-// TODO @AI：refresh 需要提供么？
-defineExpose({ refresh: getSubDeviceList })
 </script>

From 69d8224305b9eb17274acf5b64fdb7362833eb73 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Thu, 22 Jan 2026 09:55:00 +0800
Subject: [PATCH 3/4] =?UTF-8?q?feat(iot):=E3=80=90=E7=BD=91=E5=85=B3?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=EF=BC=9A30%=E3=80=91=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E7=BD=91=E5=85=B3=E8=AE=BE=E5=A4=87=E7=BB=91=E5=AE=9A=E8=83=BD?=
 =?UTF-8?q?=E5=8A=9B=EF=BC=88=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81=EF=BC=89?=
 =?UTF-8?q?=EF=BC=8C=E5=9F=BA=E4=BA=8E=20optimized-pondering-dragon.md=20?=
 =?UTF-8?q?=E8=A7=84=E5=88=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../product/components/ProductSelect.vue      | 65 +++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 src/views/iot/product/product/components/ProductSelect.vue

diff --git a/src/views/iot/product/product/components/ProductSelect.vue b/src/views/iot/product/product/components/ProductSelect.vue
new file mode 100644
index 000000000..fa288fa18
--- /dev/null
+++ b/src/views/iot/product/product/components/ProductSelect.vue
@@ -0,0 +1,65 @@
+<!-- 产品下拉选择器组件 -->
+<template>
+  <el-select
+    :model-value="modelValue"
+    @update:model-value="handleChange"
+    placeholder="请选择产品"
+    filterable
+    clearable
+    class="w-full"
+    :loading="loading"
+  >
+    <el-option
+      v-for="product in productList"
+      :key="product.id"
+      :label="product.name"
+      :value="product.id"
+    />
+  </el-select>
+</template>
+
+<script setup lang="ts">
+import { ProductApi } from '@/api/iot/product/product'
+
+/** 产品下拉选择器组件 */
+defineOptions({ name: 'ProductSelect' })
+
+const props = defineProps<{
+  modelValue?: number
+  deviceType?: number // 设备类型过滤
+}>()
+
+const emit = defineEmits<{
+  (e: 'update:modelValue', value?: number): void
+  (e: 'change', value?: number): void
+}>()
+
+const loading = ref(false) // 产品加载状态
+const productList = ref<any[]>([]) // 产品列表
+
+/**
+ * 处理选择变化事件
+ *
+ * @param value 选中的产品 ID
+ */
+const handleChange = (value?: number) => {
+  emit('update:modelValue', value)
+  emit('change', value)
+}
+
+/** 获取产品列表 */
+const getProductList = async () => {
+  try {
+    loading.value = true
+    const res = await ProductApi.getSimpleProductList(props.deviceType)
+    productList.value = res || []
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 组件挂载时获取产品列表 */
+onMounted(() => {
+  getProductList()
+})
+</script>

From 2a0ce1fb66d1e47e15ccb3b0fb72b31d0929a88f Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 25 Jan 2026 16:58:05 +0800
Subject: [PATCH 4/4] =?UTF-8?q?feat(iot):=E3=80=90=E7=BD=91=E5=85=B3?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=EF=BC=9A80%=E3=80=91=E5=8A=A8=E6=80=81?=
 =?UTF-8?q?=E6=B3=A8=E5=86=8C=E7=9A=84=E5=88=9D=E6=AD=A5=E5=AE=9E=E7=8E=B0?=
 =?UTF-8?q?=EF=BC=88=E5=B7=B2=E6=B5=8B=E8=AF=95=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/iot/device/device/index.ts            |  5 +-
 src/api/iot/product/product/index.ts          |  2 +
 src/views/iot/device/device/DeviceForm.vue    | 19 -------
 .../device/detail/DeviceDetailsSubDevice.vue  |  6 +--
 src/views/iot/product/product/ProductForm.vue | 20 ++++++-
 .../product/detail/ProductDetailsInfo.vue     | 35 ++++++++++++
 src/views/iot/utils/constants.ts              | 53 ++++++++++++++++++-
 7 files changed, 112 insertions(+), 28 deletions(-)

diff --git a/src/api/iot/device/device/index.ts b/src/api/iot/device/device/index.ts
index d41429e0b..cf9f6d62d 100644
--- a/src/api/iot/device/device/index.ts
+++ b/src/api/iot/device/device/index.ts
@@ -21,7 +21,6 @@ export interface DeviceVO {
   mqttClientId: string // MQTT 客户端 ID
   mqttUsername: string // MQTT 用户名
   mqttPassword: string // MQTT 密码
-  authType: string // 认证类型
   latitude?: number // 设备位置的纬度
   longitude?: number // 设备位置的经度
   areaId: number // 地区编码
@@ -161,12 +160,12 @@ export const DeviceApi = {
   },
 
   // 绑定子设备到网关
-  bindDeviceGateway: async (data: { ids: number[]; gatewayId: number }) => {
+  bindDeviceGateway: async (data: { subIds: number[]; gatewayId: number }) => {
     return await request.put({ url: `/iot/device/bind-gateway`, data })
   },
 
   // 解绑子设备与网关
-  unbindDeviceGateway: async (data: { ids: number[] }) => {
+  unbindDeviceGateway: async (data: { subIds: number[]; gatewayId: number }) => {
     return await request.put({ url: `/iot/device/unbind-gateway`, data })
   },
 
diff --git a/src/api/iot/product/product/index.ts b/src/api/iot/product/product/index.ts
index d491d3b28..ba465efdc 100644
--- a/src/api/iot/product/product/index.ts
+++ b/src/api/iot/product/product/index.ts
@@ -5,6 +5,8 @@ export interface ProductVO {
   id: number // 产品编号
   name: string // 产品名称
   productKey: string // 产品标识
+  productSecret?: string // 产品密钥
+  registerEnabled?: boolean // 动态注册
   protocolId: number // 协议编号
   categoryId: number // 产品所属品类标识符
   categoryName?: string // 产品所属品类名称
diff --git a/src/views/iot/device/device/DeviceForm.vue b/src/views/iot/device/device/DeviceForm.vue
index 0ddbf2afb..fe75eed53 100644
--- a/src/views/iot/device/device/DeviceForm.vue
+++ b/src/views/iot/device/device/DeviceForm.vue
@@ -30,20 +30,6 @@
           :disabled="formType === 'update'"
         />
       </el-form-item>
-      <el-form-item
-        v-if="formData.deviceType === DeviceTypeEnum.GATEWAY_SUB"
-        label="网关设备"
-        prop="gatewayId"
-      >
-        <el-select v-model="formData.gatewayId" placeholder="子设备可选择父设备" clearable>
-          <el-option
-            v-for="gateway in gatewayDevices"
-            :key="gateway.id"
-            :label="gateway.nickname || gateway.deviceName"
-            :value="gateway.id"
-          />
-        </el-select>
-      </el-form-item>
 
       <el-collapse>
         <el-collapse-item title="更多配置">
@@ -114,7 +100,6 @@ const formData = ref({
   deviceName: undefined,
   nickname: undefined,
   picUrl: undefined,
-  gatewayId: undefined,
   deviceType: undefined as number | undefined,
   serialNumber: undefined,
   longitude: undefined as number | string | undefined,
@@ -222,7 +207,6 @@ const formRules = reactive({
 })
 const formRef = ref() // 表单 Ref
 const products = ref<ProductVO[]>([]) // 产品列表
-const gatewayDevices = ref<DeviceVO[]>([]) // 网关设备列表
 const deviceGroups = ref<any[]>([])
 
 /** 打开弹窗 */
@@ -242,8 +226,6 @@ const open = async (type: string, id?: number) => {
     }
   }
 
-  // 加载网关设备列表
-  gatewayDevices.value = await DeviceApi.getSimpleDeviceList(DeviceTypeEnum.GATEWAY)
   // 加载产品列表
   products.value = await ProductApi.getSimpleProductList()
   // 加载设备分组列表
@@ -283,7 +265,6 @@ const resetForm = () => {
     deviceName: undefined,
     nickname: undefined,
     picUrl: undefined,
-    gatewayId: undefined,
     deviceType: undefined,
     serialNumber: undefined,
     longitude: undefined,
diff --git a/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue b/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
index d24ad2995..290cd5cca 100644
--- a/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
+++ b/src/views/iot/device/device/detail/DeviceDetailsSubDevice.vue
@@ -225,7 +225,7 @@ const handleBindSubmit = async () => {
   bindFormLoading.value = true
   try {
     await DeviceApi.bindDeviceGateway({
-      ids: bindSelectedIds.value,
+      subIds: bindSelectedIds.value,
       gatewayId: props.gatewayId
     })
     message.success('绑定成功')
@@ -240,7 +240,7 @@ const handleBindSubmit = async () => {
 const handleUnbind = async (id: number) => {
   try {
     await message.confirm('确定要解绑该子设备吗？')
-    await DeviceApi.unbindDeviceGateway({ ids: [id] })
+    await DeviceApi.unbindDeviceGateway({ subIds: [id], gatewayId: props.gatewayId })
     message.success('解绑成功')
     await getSubDeviceList()
   } catch {}
@@ -250,7 +250,7 @@ const handleUnbind = async (id: number) => {
 const handleUnbindBatch = async () => {
   try {
     await message.confirm(`确定要解绑选中的 ${selectedIds.value.length} 个子设备吗？`)
-    await DeviceApi.unbindDeviceGateway({ ids: selectedIds.value })
+    await DeviceApi.unbindDeviceGateway({ subIds: selectedIds.value, gatewayId: props.gatewayId })
     message.success('批量解绑成功')
     selectedIds.value = []
     await getSubDeviceList()
diff --git a/src/views/iot/product/product/ProductForm.vue b/src/views/iot/product/product/ProductForm.vue
index 32a7b2221..9cb7c5099 100644
--- a/src/views/iot/product/product/ProductForm.vue
+++ b/src/views/iot/product/product/ProductForm.vue
@@ -75,6 +75,20 @@
       </el-form-item>
       <el-collapse>
         <el-collapse-item title="更多配置">
+          <el-form-item label="动态注册" prop="registerEnabled">
+            <template #label>
+              <el-tooltip
+                content="设备动态注册无需一一烧录设备证书（DeviceSecret），每台设备烧录相同的产品证书，即 ProductKey 和 ProductSecret ，云端鉴权通过后下发设备证书，您可以根据需要开启或关闭动态注册，保障安全性。"
+                placement="top"
+              >
+                <span>
+                  动态注册
+                  <Icon icon="ep:question-filled" class="ml-2px" />
+                </span>
+              </el-tooltip>
+            </template>
+            <el-switch v-model="formData.registerEnabled" />
+          </el-form-item>
           <el-form-item label="产品图标" prop="icon">
             <UploadImg v-model="formData.icon" :height="'80px'" :width="'80px'" />
           </el-form-item>
@@ -120,7 +134,8 @@ const formData = ref({
   description: undefined,
   deviceType: undefined,
   netType: undefined,
-  codecType: CodecTypeEnum.ALINK
+  codecType: CodecTypeEnum.ALINK,
+  registerEnabled: false
 })
 const formRules = reactive({
   productKey: [{ required: true, message: 'ProductKey 不能为空', trigger: 'blur' }],
@@ -194,7 +209,8 @@ const resetForm = () => {
     description: undefined,
     deviceType: undefined,
     netType: undefined,
-    codecType: CodecTypeEnum.ALINK
+    codecType: CodecTypeEnum.ALINK,
+    registerEnabled: false
   }
   formRef.value?.resetFields()
 }
diff --git a/src/views/iot/product/product/detail/ProductDetailsInfo.vue b/src/views/iot/product/product/detail/ProductDetailsInfo.vue
index feb7eb5dc..38c523b6e 100644
--- a/src/views/iot/product/product/detail/ProductDetailsInfo.vue
+++ b/src/views/iot/product/product/detail/ProductDetailsInfo.vue
@@ -21,6 +21,28 @@
       >
         <dict-tag :type="DICT_TYPE.IOT_NET_TYPE" :value="product.netType" />
       </el-descriptions-item>
+      <el-descriptions-item label="动态注册">
+        <el-tag :type="product.registerEnabled ? 'success' : 'info'">
+          {{ product.registerEnabled ? '已开启' : '已关闭' }}
+        </el-tag>
+      </el-descriptions-item>
+      <el-descriptions-item label="产品密钥">
+        <div class="flex items-center">
+          <span>{{ secretVisible ? product.productSecret : '******' }}</span>
+          <el-button link type="primary" class="ml-2" @click="secretVisible = !secretVisible">
+            <Icon :icon="secretVisible ? 'ep:hide' : 'ep:view'" />
+          </el-button>
+          <el-button
+            v-if="secretVisible && product.productSecret"
+            link
+            type="primary"
+            class="ml-1"
+            @click="copySecret"
+          >
+            <Icon icon="ep:document-copy" />
+          </el-button>
+        </div>
+      </el-descriptions-item>
       <el-descriptions-item label="产品描述">{{ product.description }}</el-descriptions-item>
     </el-descriptions>
   </ContentWrap>
@@ -29,6 +51,19 @@
 import { DICT_TYPE } from '@/utils/dict'
 import { DeviceTypeEnum, ProductVO } from '@/api/iot/product/product'
 import { formatDate } from '@/utils/formatTime'
+import { useClipboard } from '@vueuse/core'
 
 const { product } = defineProps<{ product: ProductVO }>()
+
+const message = useMessage()
+const secretVisible = ref(false)
+const { copy } = useClipboard()
+
+/** 复制产品密钥 */
+const copySecret = async () => {
+  if (product.productSecret) {
+    await copy(product.productSecret)
+    message.success('复制成功')
+  }
+}
 </script>
diff --git a/src/views/iot/utils/constants.ts b/src/views/iot/utils/constants.ts
index f25bb7de5..8b9c6722a 100644
--- a/src/views/iot/utils/constants.ts
+++ b/src/views/iot/utils/constants.ts
@@ -24,7 +24,41 @@ export const IotDeviceMessageMethodEnum = {
   // ========== 设备状态 ==========
   STATE_UPDATE: {
     method: 'thing.state.update',
-    name: '设备状态变更',
+    name: '设备状态更新',
+    upstream: true
+  },
+
+  // ========== 拓扑管理 ==========
+  TOPO_ADD: {
+    method: 'thing.topo.add',
+    name: '添加拓扑关系',
+    upstream: true
+  },
+  TOPO_DELETE: {
+    method: 'thing.topo.delete',
+    name: '删除拓扑关系',
+    upstream: true
+  },
+  TOPO_GET: {
+    method: 'thing.topo.get',
+    name: '获取拓扑关系',
+    upstream: true
+  },
+  TOPO_CHANGE: {
+    method: 'thing.topo.change',
+    name: '拓扑关系变更通知',
+    upstream: false
+  },
+
+  // ========== 设备注册 ==========
+  DEVICE_REGISTER: {
+    method: 'thing.auth.register',
+    name: '设备动态注册',
+    upstream: true
+  },
+  SUB_DEVICE_REGISTER: {
+    method: 'thing.auth.register.sub',
+    name: '子设备动态注册',
     upstream: true
   },
 
@@ -39,6 +73,11 @@ export const IotDeviceMessageMethodEnum = {
     name: '属性设置',
     upstream: false
   },
+  PROPERTY_PACK_POST: {
+    method: 'thing.event.property.pack.post',
+    name: '批量上报（属性 + 事件 + 子设备）',
+    upstream: true
+  },
 
   // ========== 设备事件 ==========
   EVENT_POST: {
@@ -59,6 +98,18 @@ export const IotDeviceMessageMethodEnum = {
     method: 'thing.config.push',
     name: '配置推送',
     upstream: false
+  },
+
+  // ========== OTA 固件 ==========
+  OTA_UPGRADE: {
+    method: 'thing.ota.upgrade',
+    name: 'OTA 固件信息推送',
+    upstream: false
+  },
+  OTA_PROGRESS: {
+    method: 'thing.ota.progress',
+    name: 'OTA 升级进度上报',
+    upstream: true
   }
 }