From f18fa858d43ccafd9f948b25bccde36c73a6f5c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9B=B9=E7=A3=8A?= <45566618@qq.com>
Date: Fri, 13 Mar 2026 18:04:34 +0800
Subject: [PATCH] =?UTF-8?q?=E6=91=84=E5=83=8F=E5=A4=B4=E6=8E=A5=E5=8F=A3?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/tplink/camera/camera.api.ts     | 21 ++++++
 .../camera/components/CameraInfoList.vue      | 67 +++++++++++++------
 .../camera/components/CameraPreviewForm.vue   | 10 +--
 .../camera/components/CameraPreviewModal.vue  | 11 ++-
 src/views/iot/tq/electricity/index.vue        |  6 +-
 5 files changed, 82 insertions(+), 33 deletions(-)

diff --git a/src/views/iot/tplink/camera/camera.api.ts b/src/views/iot/tplink/camera/camera.api.ts
index a04d781..54dd826 100644
--- a/src/views/iot/tplink/camera/camera.api.ts
+++ b/src/views/iot/tplink/camera/camera.api.ts
@@ -12,8 +12,11 @@ enum Api {
   edit = '/iot/tplink/cameraInfo/edit',
   rebootDevice = '/iot/tplink/cameraInfo/rebootDevice',
   previewUrl = '/iot/tplink/cameraInfo/getPreviewUrl',
+  getDeviceDetails = '/iot/tplink/cameraInfo/getDeviceDetails',
   getImageCommon = '/iot/tplink/cameraInfo/getImageCommon',
   setImageCommon = '/iot/tplink/cameraInfo/setImageCommon',
+  getImageSwitch = '/iot/tplink/cameraInfo/getImageSwitch',
+  setImageSwitch = '/iot/tplink/cameraInfo/setImageSwitch',
   getOsdCapability = '/iot/tplink/cameraInfo/getOsdCapability',
   getOsd = '/iot/tplink/cameraInfo/getOsd',
   setOsd = '/iot/tplink/cameraInfo/setOsd',
@@ -112,6 +115,12 @@ export const rebootDevice = (params) => {
   return defHttp.post({ url: Api.rebootDevice, params });
 }
 
+/**
+ * 获取设备信息
+ * @param params
+ */
+export const getDeviceDetails = (params) => defHttp.get({ url: Api.getDeviceDetails, params });
+
 /**
  * 获取画面基本信息
  * @param params
@@ -124,6 +133,18 @@ export const getImageCommon = (params) => defHttp.post({ url: Api.getImageCommon
  */
 export const setImageCommon = (params) => defHttp.post({ url: Api.setImageCommon, params });
 
+/**
+ * 获取画面基本信息
+ * @param params
+ */
+export const getImageSwitch = (params) => defHttp.post({ url: Api.getImageSwitch, params });
+
+/**
+ * 设置画面基本信息
+ * @param params
+ */
+export const setImageSwitch = (params) => defHttp.post({ url: Api.setImageSwitch, params });
+
 /**
  * 获取OSD能力集参数
  * @param params
diff --git a/src/views/iot/tplink/camera/components/CameraInfoList.vue b/src/views/iot/tplink/camera/components/CameraInfoList.vue
index b71fd07..9f110a5 100644
--- a/src/views/iot/tplink/camera/components/CameraInfoList.vue
+++ b/src/views/iot/tplink/camera/components/CameraInfoList.vue
@@ -34,7 +34,7 @@
           <template #title>
             <a-row style="font-weight: normal;">
               <a-col :span="18">
-                <div style="font-size: 14px;">SN：<span style="font-weight: bold;">{{ item.sn ? item.sn : '未配置' }}</span></div>
+                <div style="font-size: 14px;">SN：<span style="font-weight: bold;">{{ item.mac ? item.mac : '未配置' }}</span></div>
                 <div style="font-size: 12px;">设备名称：{{ item.deviceName }}</div>
               </a-col>
               <a-col :span="6" style="display: flex; justify-content: flex-end;">
@@ -105,11 +105,11 @@
 </template>
 
 <script lang="ts" name="iot-nuIotCameraInfo" setup>
-import { ref, reactive, createVNode, h, onMounted, watch, unref } from 'vue';
+import { ref, reactive, createVNode, h, onMounted, watch, unref,nextTick } from 'vue';
 import { BasicTable, useTable, TableAction } from '/@/components/Table';
 import { useListPage } from '/@/hooks/system/useListPage';
 import { columns, searchFormSchema } from '../camera.data';
-import { getImageCommon, list } from '../camera.api';
+import { getDeviceDetails, list } from '../camera.api';
 import { useUserStore } from '/@/store/modules/user';
 import { useDrawer } from "@/components/Drawer";
 import { useRouter } from 'vue-router';
@@ -166,16 +166,23 @@ function handlePreview(record: Recordable) {
   if (record.deviceIndex == null) {
     return
   }
-  getImageCommon({
-    "deviceIndex": record.deviceIndex,
-    "type": "switch"
+  // getImageCommon({
+  //   "deviceIndex": record.deviceIndex,
+  //   "type": "switch"
+  // }).then(res => {
+  //   previewModal.value.disableSubmit = true;
+  //   previewModal.value.edit(record);
+  // }).catch(res => {
+  //   reload();
+  // });
+  getDeviceDetails({
+    "deviceIndex": record.deviceIndex
   }).then(res => {
     previewModal.value.disableSubmit = true;
     previewModal.value.edit(record);
-  }).catch(res => {
+  }).catch(res=>{
     reload();
   });
-
 }
 
 /**
@@ -188,21 +195,43 @@ function handleSuccess() {
 /**
  * 画面配置
  */
+// function handlePicConfig(record) {
+//   var params = {
+//     deviceIndex: record.deviceIndex,
+//     parentId: record.parentId,
+//     multitrans: record.multitrans,
+//     projectId: record.projectId,
+//     regionId: record.regionId,
+//     ip: record.ip
+//   }
+//   cameraPictureConfigModal.value.disableSubmit = true;
+//   cameraPictureConfigModal.value.edit(params);
+// }
 function handlePicConfig(record) {
-  var params = {
-    deviceIndex: record.deviceIndex,
-    parentId: record.parentId,
-    multitrans: record.multitrans,
-    projectId: record.projectId,
-    regionId: record.regionId,
-    ip: record.ip
+  if (record.deviceIndex == null) {
+    return
   }
-  cameraPictureConfigModal.value.disableSubmit = true;
-  cameraPictureConfigModal.value.edit(params);
-
+  getDeviceDetails({
+    "deviceIndex": record.deviceIndex
+  }).then(res => {
+    var params = {
+      deviceIndex: record.deviceIndex,
+      deviceName: record.deviceName,
+      parentId: record.parentId,
+      multitrans: record.multitrans,
+      projectId: record.projectId,
+      regionId: record.regionId,
+      ip: record.ip
+    }
+    nextTick(()=>{
+      cameraPictureConfigModal.value.disableSubmit = true;
+      cameraPictureConfigModal.value.edit(params);
+    })
+  }).catch(res=>{
+    reload();
+  });
 }
 
-
 /**
  * 左侧树选择后触发
  */
diff --git a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
index 9f01aa3..03347b5 100644
--- a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
@@ -39,7 +39,7 @@
 
         <span class="buttonSpan jtImg" @click="screenshot"><span style="margin-left:30px;">截图</span></span>
         <span class="buttonSpan bjImg" @click="manualAlarm"><span style="margin-left:30px;">报警</span></span>
-        
+
         <a-popover >
             <template #content>
               <div style="text-align: center;">
@@ -166,10 +166,10 @@ import { useMessage } from '/@/hooks/web/useMessage';
 import { getValueType } from '/@/utils';
 import { Form } from 'ant-design-vue';
 import {
-  getImageCommon,
+  getImageSwitch,
   getMultitransUrl,
   getPreviewUrl,
-  setImageCommon,
+  setImageSwitch,
   testAudio,
   motionCtrl
 } from "../camera.api";
@@ -340,7 +340,7 @@ function getSwitch() {
   if (formData.deviceIndex == null) {
     return
   }
-  getImageCommon({
+  getImageSwitch({
     "deviceIndex": formData.deviceIndex,
     "type": "switch"
   }).then(res => {
@@ -354,7 +354,7 @@ function getSwitch() {
 function changeSwitch(attr, value) {
   let param = {};
   param[attr] = value;
-  setImageCommon({
+  setImageSwitch({
     "deviceIndex": formData.deviceIndex,
     "type": "switch",
     "param": param
diff --git a/src/views/iot/tplink/camera/components/CameraPreviewModal.vue b/src/views/iot/tplink/camera/components/CameraPreviewModal.vue
index 1838a67..65e9fe8 100644
--- a/src/views/iot/tplink/camera/components/CameraPreviewModal.vue
+++ b/src/views/iot/tplink/camera/components/CameraPreviewModal.vue
@@ -79,12 +79,11 @@ import { useMessage } from '@/hooks/web/useMessage';
 import { getValueType } from '@/utils';
 import { Form } from 'ant-design-vue';
 import {
-  getImageCommon,
+  getImageSwitch,
+  setImageSwitch,
   getMultitransUrl,
   getPreviewUrl,
-  setImageCommon,
-  testAudio,
-  motionCtrl
+  testAudio
 } from "../camera.api";
 
 const props = defineProps({
@@ -300,7 +299,7 @@ function getSwitch() {
   if (formData.deviceIndex == null) {
     return
   }
-  getImageCommon({
+  getImageSwitch({
     "deviceIndex": formData.deviceIndex,
     "type": "switch"
   }).then(res => {
@@ -314,7 +313,7 @@ function getSwitch() {
 function changeSwitch(attr, value) {
   let param = {};
   param[attr] = value;
-  setImageCommon({
+  setImageSwitch({
     "deviceIndex": formData.deviceIndex,
     "type": "switch",
     "param": param
diff --git a/src/views/iot/tq/electricity/index.vue b/src/views/iot/tq/electricity/index.vue
index afecf17..e79c5a1 100644
--- a/src/views/iot/tq/electricity/index.vue
+++ b/src/views/iot/tq/electricity/index.vue
@@ -109,7 +109,7 @@ import { reactive, ref, h, onMounted } from 'vue';
 import { defHttp } from '/@/utils/http/axios';
 import { Statistic } from 'ant-design-vue';
 import { Modal } from "ant-design-vue";
-import { list, eleReset, eleCutOff, eleConnected, eleRead } from './electricity.api';
+import { list, eleReset, eleControl, eleRead } from './electricity.api';
 import { Pagination } from 'ant-design-vue';
 import { JInput } from '/@/components/Form';
 import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
@@ -170,7 +170,7 @@ async function handleControlLz(record) {
     'sn' : record.sn,
     'type': '10'
   };
-  await eleCutOff(params);
+  await eleControl(params);
   setTimeout(() => {
     reload();
   }, 4000);
@@ -192,7 +192,7 @@ async function handleControlHz(record) {
     'sn' : record.sn,
     'type': '11'
   };
-  await eleConnected(params);
+  await eleControl(params);
   setTimeout(() => {
     reload();
   }, 4000);