fix: 传感器接口参数更改/弹窗关闭销毁

src/api/sensor-group/index.ts

@@ -93,9 +93,8 @@ export function updateSensorInGroupApi(data: UpdateSensorInGroupReq) {
  */
 export function deleteSensorFromGroupApi(data: DeleteSensorFromGroupReq) {
   return http.request({
-    url: '/sensor/deleteSensorFromGroup',
+    url: `/sensor/deleteSensorFromGroup?groupId=${data.groupId}&deviceNo=${data.deviceNo}`,
     method: 'delete',
-    params: data,
   });
 }
 

src/views/production-safety/risk-identification-and-control/key-site-sensor-manage/CameraGroupListAndTree/CameraGroupList/CameraGroup.vue

@@ -59,7 +59,12 @@
   </div>
 
   <div>
-    <el-dialog v-model="showCameraTreeDialog" width="500" :title="`添加传感器至“${cameraGroup.groupName}”区域`">
+    <el-dialog
+      v-model="showCameraTreeDialog"
+      width="500"
+      destroy-on-close
+      :title="`添加传感器至“${cameraGroup.groupName}”区域`"
+    >
       <CameraTreeOfGroupList :cameraGroup="cameraGroup" @close="showCameraTreeDialog = false" />
     </el-dialog>
   </div>

src/views/production-safety/risk-identification-and-control/key-site-sensor-manage/CameraGroupListAndTree/CameraGroupList/CameraTreeOfGroupList.vue

@@ -47,7 +47,12 @@
   import { storeToRefs } from 'pinia';
   import { VideoCamera, WarningFilled, Search } from '@element-plus/icons-vue';
   import { useCameraGroupList } from '@/store/modules/useCameraGroupList';
-  import { queryDeviceListApi, updateSensorInGroupApi } from '@/api/sensor-group';
+  import {
+    batchSaveSensor2GroupApi,
+    deleteSensorFromGroupApi,
+    queryDeviceListApi,
+    saveSensor2GroupApi,
+  } from '@/api/sensor-group';
   import type { DeviceListItem, SensorGroupView, SensorDeviceViewItem } from '@/api/sensor-group/type';
   import Thumbnail from '@/components/thumbnail/Thumbnail.vue';
 
@@ -110,9 +115,29 @@
     saving.value = true;
     try {
       const checkedNodes = (treeRef.value?.getCheckedNodes() as any[]) || [];
-      const deviceNoList = checkedNodes.map((n) => n.code as string);
+      const checkedDeviceNoList = checkedNodes.map((n) => n.code as string);
+      const initialDeviceNoList = initialCheckedKeys.value;
+      const addedDeviceNoList = checkedDeviceNoList.filter((deviceNo) => !initialDeviceNoList.includes(deviceNo));
+      const removedDeviceNoList = initialDeviceNoList.filter((deviceNo) => !checkedDeviceNoList.includes(deviceNo));
 
-      await updateSensorInGroupApi({ groupId: props.cameraGroup.id, deviceNoList });
+      if (removedDeviceNoList.length > 0) {
+        await Promise.all(
+          removedDeviceNoList.map((deviceNo) => deleteSensorFromGroupApi({ groupId: props.cameraGroup.id, deviceNo })),
+        );
+      }
+
+      if (addedDeviceNoList.length === 1) {
+        await saveSensor2GroupApi({
+          groupId: props.cameraGroup.id,
+          deviceNo: addedDeviceNoList[0],
+          orderNum: props.cameraGroup.details.length + 1,
+        });
+      } else if (addedDeviceNoList.length > 1) {
+        await batchSaveSensor2GroupApi({
+          groupId: props.cameraGroup.id,
+          deviceNoList: addedDeviceNoList,
+        });
+      }
 
       // 更新本地状态
       const newSensors: SensorDeviceViewItem[] = checkedNodes.map((n) => ({