From f6e2a5ad9b27b7d726095dfe4366c4064111137c Mon Sep 17 00:00:00 2001
From: "1378012178@qq.com" <1378012178@qq.com>
Date: Tue, 8 Apr 2025 15:34:00 +0800
Subject: [PATCH] =?UTF-8?q?iot=E7=9B=B8=E5=85=B3=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../camera/components/CameraBitrateForm.vue   |   2 +-
 .../camera/components/CameraBlockForm.vue     |   2 +-
 .../camera/components/CameraCommonForm.vue    |   3 +-
 .../camera/components/CameraInfoDrawer.vue    |   6 +-
 .../camera/components/CameraInfoList.vue      |   8 +-
 .../camera/components/CameraLeftTree.vue      |   4 +-
 .../components/CameraLightAlarmForm.vue       |  21 +-
 .../components/CameraMultitransForm.vue       |   3 +-
 .../camera/components/CameraOsdForm.vue       |   2 +-
 .../camera/components/CameraPictureConfig.vue |   4 +-
 .../camera/components/CameraPlaybackForm.vue  |  14 +-
 .../camera/components/CameraPreviewForm.vue   |  10 +-
 .../camera/components/CameraRecordList.vue    |   4 +-
 .../components/CameraSoundAlarmForm.vue       |  21 +-
 .../camera/components/CameraUploadForm.vue    |   3 +-
 src/views/iot/tplink/camera/index.vue         |   3 +-
 .../iot/tplink/project/ProjectInfo.api.ts     |   2 +-
 .../iot/tplink/project/ProjectInfo.data.ts    |  10 +-
 .../iot/tplink/project/ProjectInfoList.vue    |   1 -
 .../tplink/project/components/ProjectForm.vue |  79 +++++++
 .../project/components/ProjectInfoDrawer.vue  |   4 +-
 src/views/iot/tplink/region/RegionInfo.api.ts |  47 ++++-
 .../iot/tplink/region/RegionInfo.data.ts      |  47 +++--
 .../tplink/region/components/RegionForm.vue   |  59 ++++--
 .../region/components/RegionInfoDrawer.vue    |  39 +++-
 .../region/components/RegionLeftTree.vue      | 198 ++++++++++++++++--
 src/views/iot/tplink/region/index.vue         |  25 ++-
 27 files changed, 446 insertions(+), 175 deletions(-)
 create mode 100644 src/views/iot/tplink/project/components/ProjectForm.vue

diff --git a/src/views/iot/tplink/camera/components/CameraBitrateForm.vue b/src/views/iot/tplink/camera/components/CameraBitrateForm.vue
index 8264226..2b00141 100644
--- a/src/views/iot/tplink/camera/components/CameraBitrateForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraBitrateForm.vue
@@ -157,7 +157,7 @@
   import { getValueType } from '/@/utils';
   import { Form } from 'ant-design-vue';
   import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
-  import { getVideoParams,setVideoParams } from "@/views/iot/tplink/camera/camera.api";
+  import { getVideoParams,setVideoParams } from "../camera.api";
 
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
diff --git a/src/views/iot/tplink/camera/components/CameraBlockForm.vue b/src/views/iot/tplink/camera/components/CameraBlockForm.vue
index b548c2f..d505200 100644
--- a/src/views/iot/tplink/camera/components/CameraBlockForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraBlockForm.vue
@@ -131,7 +131,7 @@
     getTamperNotif,
     setTamperNotif,
     testAudio
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
diff --git a/src/views/iot/tplink/camera/components/CameraCommonForm.vue b/src/views/iot/tplink/camera/components/CameraCommonForm.vue
index cba9d0d..44ecaa0 100644
--- a/src/views/iot/tplink/camera/components/CameraCommonForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraCommonForm.vue
@@ -216,7 +216,7 @@ import {
     setImageCommon,
     configRecovery,
     getPreviewUrl,
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
@@ -350,7 +350,6 @@ import {
       "deviceIndex": deviceIndex,
       "type": "switch"
     }).then(res=>{
-      // console.log(res);
       formData.flip_type = res.flip_type; //画面镜像翻转
       formData.night_vision_mode = res.night_vision_mode; //照明模式
     });
diff --git a/src/views/iot/tplink/camera/components/CameraInfoDrawer.vue b/src/views/iot/tplink/camera/components/CameraInfoDrawer.vue
index 9172307..53d53e9 100644
--- a/src/views/iot/tplink/camera/components/CameraInfoDrawer.vue
+++ b/src/views/iot/tplink/camera/components/CameraInfoDrawer.vue
@@ -19,13 +19,12 @@
 <script lang="ts" setup>
 import {defineComponent, ref, computed, unref, useAttrs, createVNode, h} from 'vue';
 import { BasicForm, useForm } from '/@/components/Form/index';
-import { formSchema } from "@/views/iot/tplink/camera/camera.data";
-import { update,rebootDevice } from '@/views/iot/tplink/camera/camera.api';
 import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
 import { useDrawerAdaptiveWidth } from '/@/hooks/jeecg/useAdaptiveWidth';
-import { getTenantId } from "/@/utils/auth";
 import {Modal} from "ant-design-vue";
 import {ExclamationCircleOutlined} from "@ant-design/icons-vue";
+import { formSchema } from "../camera.data";
+import { update,rebootDevice } from '../camera.api';
 
 // 声明Emits
 const emit = defineEmits(['success', 'register']);
@@ -111,7 +110,6 @@ function restartNow(record){
       });
     },
     onCancel() {
-      // console.log('Cancel');
     },
     class: 'test',
   });
diff --git a/src/views/iot/tplink/camera/components/CameraInfoList.vue b/src/views/iot/tplink/camera/components/CameraInfoList.vue
index 2a1fa65..8fd9a65 100644
--- a/src/views/iot/tplink/camera/components/CameraInfoList.vue
+++ b/src/views/iot/tplink/camera/components/CameraInfoList.vue
@@ -22,8 +22,8 @@
 import {ref, reactive, createVNode, h, onMounted, watch, unref} from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useListPage } from '/@/hooks/system/useListPage';
-  import { columns, searchFormSchema } from '@/views/iot/tplink/camera/camera.data';
-  import { list } from '@/views/iot/tplink/camera/camera.api';
+  import { columns, searchFormSchema } from '../camera.data';
+  import { list } from '../camera.api';
   import { useUserStore } from '/@/store/modules/user';
   import { useDrawer } from "@/components/Drawer";
   import { useRouter } from 'vue-router';
@@ -78,10 +78,8 @@ import {ref, reactive, createVNode, h, onMounted, watch, unref} from 'vue';
     watch(
       () => props.data,
       async () => {
-        console.log(props.data);
         queryParam.projectId = props.data.projectId;
         queryParam.regionId = props.data.regionId;
-        console.log(queryParam);
         let record = unref(props.data);
         if (typeof record !== 'object') {
           record = {};
@@ -160,7 +158,6 @@ import {ref, reactive, createVNode, h, onMounted, watch, unref} from 'vue';
    * 左侧树选择后触发
    */
   function onTreeSelect(data) {
-    console.log('onTreeSelect: ', data);
     // departData.value = data;
   }
 
@@ -168,7 +165,6 @@ import {ref, reactive, createVNode, h, onMounted, watch, unref} from 'vue';
    * 左侧树rootTreeData触发
    */
   function onRootTreeData(data) {
-    console.log('onRootTreeData: ', data);
     // rootTreeData.value = data;
   }
 
diff --git a/src/views/iot/tplink/camera/components/CameraLeftTree.vue b/src/views/iot/tplink/camera/components/CameraLeftTree.vue
index 005e568..12ff870 100644
--- a/src/views/iot/tplink/camera/components/CameraLeftTree.vue
+++ b/src/views/iot/tplink/camera/components/CameraLeftTree.vue
@@ -36,7 +36,7 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMethods } from '/@/hooks/system/useMethods';
   const { createMessage } = useMessage();
-  import { queryProjectTreeSync, queryRegionTreeSync, syncProject, syncRegion } from '@/views/iot/tplink/camera/camera.api';
+  import { queryProjectTreeSync, queryRegionTreeSync, syncProject, syncRegion } from '../camera.api';
 
   const emit = defineEmits(['select', 'rootTreeData']);
   const syncoading = ref<boolean>(false);
@@ -152,7 +152,6 @@
    * 设置当前选中的行
    */
   function setSelectedKey(key: string, data?: object) {
-    console.log('setSelectedKey: ', key);
     selectedKeys.value = [key];
     if (data) {
       currentRegion.value = data;
@@ -164,7 +163,6 @@
    * 树选择事件
    */
   function onSelect(selKeys, event) {
-    console.log('onSelect: ', selKeys, event);
     if (selKeys.length > 0 && selectedKeys.value[0] !== selKeys[0]) {
       setSelectedKey(selKeys[0], event.selectedNodes[0]);
     } else {
diff --git a/src/views/iot/tplink/camera/components/CameraLightAlarmForm.vue b/src/views/iot/tplink/camera/components/CameraLightAlarmForm.vue
index a1e0316..f507f73 100644
--- a/src/views/iot/tplink/camera/components/CameraLightAlarmForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraLightAlarmForm.vue
@@ -101,7 +101,7 @@
   import {
     getAlarmInfo, setAlarmInfo,
     getAlarmPlan, setAlarmPlan,
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
@@ -365,23 +365,6 @@
       default:
         break;
     }
-
-    // console.log('星期一', mondayArr.value);
-    // console.log('星期二', tuesdayArr.value);
-    // console.log('星期三', wednesdayArr.value);
-    // console.log('星期四', thursdayArr.value);
-    // console.log('星期五', fridayArr.value);
-    // console.log('星期六', saturdayArr.value);
-    // console.log('星期七', sundayArr.value);
-
-    // console.log('星期一', mondayMergeArr.value);
-    // console.log('星期二', tuesdayMergeArr.value);
-    // console.log('星期三', wednesdayMergeArr.value);
-    // console.log('星期四', thursdayMergeArr.value);
-    // console.log('星期五', fridayMergeArr.value);
-    // console.log('星期六', saturdayMergeArr.value);
-    // console.log('星期七', sundayMergeArr.value);
-
     return true;
   }
 
@@ -540,7 +523,6 @@
    * 鼠标按下
    */
   function handleMouseDown(){
-    // console.log('鼠标按下', event);
     planVisible.value = true;
   }
 
@@ -548,7 +530,6 @@
    * 鼠标抬起
    */
   function handleMouseUp(){
-    // console.log('鼠标抬起', event);
     planVisible.value = false;
   }
 
diff --git a/src/views/iot/tplink/camera/components/CameraMultitransForm.vue b/src/views/iot/tplink/camera/components/CameraMultitransForm.vue
index 2358bd4..673ef56 100644
--- a/src/views/iot/tplink/camera/components/CameraMultitransForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraMultitransForm.vue
@@ -35,7 +35,7 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { getValueType } from '/@/utils';
   import { Form } from 'ant-design-vue';
-  import { getMultitransUrl } from "@/views/iot/tplink/camera/camera.api";
+  import { getMultitransUrl } from "../camera.api";
 
   const TumsPlayer = window['tums-player'].default;
   const props = defineProps({
@@ -148,7 +148,6 @@
    * 销毁
    */
   function destroy(){
-    console.log("destroy");
     if (player.value){
       player.value.destroy().then(() => { }); // 回放销毁时自动调用接口，跨域导致失败
       initContainerMultitrans.value = false
diff --git a/src/views/iot/tplink/camera/components/CameraOsdForm.vue b/src/views/iot/tplink/camera/components/CameraOsdForm.vue
index d923bde..8890a21 100644
--- a/src/views/iot/tplink/camera/components/CameraOsdForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraOsdForm.vue
@@ -90,7 +90,7 @@
     getOsd,
     setOsd,
     getPreviewUrl
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
diff --git a/src/views/iot/tplink/camera/components/CameraPictureConfig.vue b/src/views/iot/tplink/camera/components/CameraPictureConfig.vue
index 61bdc7d..866b6d2 100644
--- a/src/views/iot/tplink/camera/components/CameraPictureConfig.vue
+++ b/src/views/iot/tplink/camera/components/CameraPictureConfig.vue
@@ -123,8 +123,8 @@
   import { useRouter } from 'vue-router';
   import type { TabsProps } from 'ant-design-vue';
   import { useListPage } from "@/hooks/system/useListPage";
-  import { getImageCommon,setImageCommon } from "@/views/iot/tplink/camera/camera.api";
-  import { recordingColumns,searchRecording } from "@/views/iot/tplink/camera/camera.data";
+  import { getImageCommon,setImageCommon } from "../camera.api";
+  import { recordingColumns,searchRecording } from "../camera.data";
   import CameraCommonForm from './CameraCommonForm.vue';//画面公共信息
   import CameraOsdForm from './CameraOsdForm.vue';//OSD信息
   import CameraBitrateForm from './CameraBitrateForm.vue';//码流参数
diff --git a/src/views/iot/tplink/camera/components/CameraPlaybackForm.vue b/src/views/iot/tplink/camera/components/CameraPlaybackForm.vue
index 345599b..6169a08 100644
--- a/src/views/iot/tplink/camera/components/CameraPlaybackForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraPlaybackForm.vue
@@ -38,7 +38,7 @@
   import {
     getPlaybackUrlList,
     deletePlaybackChn
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const TumsPlayer = window['tums-player'].default;
   const props = defineProps({
@@ -110,7 +110,6 @@
       "endTime":formData.endTime,
     }).then(res=>{
       confirmLoading.value=false;
-      // console.log(res);
       const error = res.error;
       if(error==null||error==''){
         formData.sessionId = '';
@@ -119,15 +118,6 @@
           formData.sessionId += item.sessionId+","
           let startTime = item.startTime*1000;
           let endTime = item.endTime*1000;
-          // console.log("url:"+item.url);
-          // console.log("socket:"+item.wssUrl);
-          // console.log("queryAddress:"+item.queryAddress);
-          // console.log("videoSessionId:"+item.sessionId);
-          // console.log("videoDevId:"+item.videoDevId);
-          // console.log("storageDevId:"+item.storageDevId);
-          // console.log("startTime:"+startTime);
-          // console.log("endTime:"+endTime);
-          // console.log("scale:"+item.scale);
           player.value = new TumsPlayer('video-container-playback', {
             "autoplay": true,
             "resolution": "HD",
@@ -165,13 +155,11 @@
    * 销毁
    */
   async function destroy(){
-    console.log("destroy");
     if (player.value){
       deletePlaybackChn({
         "deviceIndex":formData.videoDevId,
         "sessionId":formData.sessionId
       }).then(res=>{
-        console.log(res)
       });
       // player.value.destroy().then(() => { }); // 回放销毁时自动调用接口，跨域导致失败
       initContainerPlayback.value = false
diff --git a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
index 5e526b4..e42a6e8 100644
--- a/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraPreviewForm.vue
@@ -77,7 +77,7 @@
     getPreviewUrl,
     setImageCommon,
     testAudio
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const props = defineProps({
     formDisabled: { type: Boolean, default: false },
@@ -151,10 +151,6 @@
 
     createPreview();
     getSwitch();
-
-/*    await getIpcCapability({"deviceIndex":formData.deviceIndex}).then(res=>{
-      console.log(res);
-    });*/
   }
 
   /**
@@ -286,7 +282,6 @@
     izRecording.value = true;
     player.value.startRecording({micStream:true}).then((res) => {
       // 设置成功，返回resolve
-      console.log(res);
     }).catch((errData) => {
       // 设置失败，包括网络错误以及接口调用报错
       // 具体错误见errData.error_code
@@ -302,7 +297,6 @@
     let fileName = formData.deviceIndex+'-'+(new Date().getTime());
     player.value.stopRecording(fileName, true).then((res) => {
       // 设置成功，返回resolve
-      console.log(res);
     }).catch((errData) => {
       // 设置失败，包括网络错误以及接口调用报错
       // 具体错误见errData.error_code
@@ -317,7 +311,6 @@
     getMultitransUrl({
       "videoDevId":formData.deviceIndex
     }).then(res=>{
-      console.log(res);
       player.value.startVoiceIntercom({
         "url": res.url, // 该url为一次性 需要通过接口实时获取
         "wssUrl": res.wssUrl,
@@ -339,7 +332,6 @@
    * 销毁
    */
   function destroy(){
-    console.log("destroy");
     if (player){
       player.value.destroy().then(() => {
       }); // 销毁
diff --git a/src/views/iot/tplink/camera/components/CameraRecordList.vue b/src/views/iot/tplink/camera/components/CameraRecordList.vue
index d8bfa2b..3cd32b1 100644
--- a/src/views/iot/tplink/camera/components/CameraRecordList.vue
+++ b/src/views/iot/tplink/camera/components/CameraRecordList.vue
@@ -21,11 +21,11 @@
 import {ref, reactive, createVNode, h, onMounted, watch, unref} from 'vue';
   import { BasicTable, useTable, TableAction } from '/@/components/Table';
   import { useListPage } from '/@/hooks/system/useListPage';
-  import { recordingColumns,searchRecording } from '@/views/iot/tplink/camera/camera.data';
-  import { searchVideo } from '@/views/iot/tplink/camera/camera.api';
   import { useUserStore } from '/@/store/modules/user';
   import { useDrawer } from "@/components/Drawer";
   import { useRouter } from 'vue-router';
+  import { recordingColumns,searchRecording } from '../camera.data';
+  import { searchVideo } from '../camera.api';
   import CameraPlaybackModal from './CameraPlaybackModal.vue';//普通回放
   import CameraMultitransModal from './CameraMultitransModal.vue';//Multitrans模式回放
 
diff --git a/src/views/iot/tplink/camera/components/CameraSoundAlarmForm.vue b/src/views/iot/tplink/camera/components/CameraSoundAlarmForm.vue
index 72e644b..6d9fbca 100644
--- a/src/views/iot/tplink/camera/components/CameraSoundAlarmForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraSoundAlarmForm.vue
@@ -101,7 +101,7 @@
   import {
     getAlarmInfo, setAlarmInfo,
     getAlarmPlan, setAlarmPlan,
-  } from "@/views/iot/tplink/camera/camera.api";
+  } from "../camera.api";
 
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
@@ -365,23 +365,6 @@
       default:
         break;
     }
-
-    // console.log('星期一', mondayArr.value);
-    // console.log('星期二', tuesdayArr.value);
-    // console.log('星期三', wednesdayArr.value);
-    // console.log('星期四', thursdayArr.value);
-    // console.log('星期五', fridayArr.value);
-    // console.log('星期六', saturdayArr.value);
-    // console.log('星期七', sundayArr.value);
-
-    // console.log('星期一', mondayMergeArr.value);
-    // console.log('星期二', tuesdayMergeArr.value);
-    // console.log('星期三', wednesdayMergeArr.value);
-    // console.log('星期四', thursdayMergeArr.value);
-    // console.log('星期五', fridayMergeArr.value);
-    // console.log('星期六', saturdayMergeArr.value);
-    // console.log('星期七', sundayMergeArr.value);
-
     return true;
   }
 
@@ -540,7 +523,6 @@
    * 鼠标按下
    */
   function handleMouseDown(){
-    // console.log('鼠标按下', event);
     planVisible.value = true;
   }
 
@@ -548,7 +530,6 @@
    * 鼠标抬起
    */
   function handleMouseUp(){
-    // console.log('鼠标抬起', event);
     planVisible.value = false;
   }
 
diff --git a/src/views/iot/tplink/camera/components/CameraUploadForm.vue b/src/views/iot/tplink/camera/components/CameraUploadForm.vue
index 0a0ec9e..40ff55b 100644
--- a/src/views/iot/tplink/camera/components/CameraUploadForm.vue
+++ b/src/views/iot/tplink/camera/components/CameraUploadForm.vue
@@ -65,7 +65,7 @@ import {
   import { getValueType } from '/@/utils';
   import { Form } from 'ant-design-vue';
   import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
-  import {uploadToServer,stopUploadToServer,getUploadToServerProcess} from "@/views/iot/tplink/camera/camera.api";
+  import {uploadToServer,stopUploadToServer,getUploadToServerProcess} from "../camera.api";
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
   });
@@ -196,7 +196,6 @@ import {
         formData.regionId = props.data.regionId;
         formData.multitrans = props.data.multitrans;
         formData.scale = props.data.scale;
-        console.log(formData);
       },
       { deep: true, immediate: true }
     );
diff --git a/src/views/iot/tplink/camera/index.vue b/src/views/iot/tplink/camera/index.vue
index 10d0c2f..c19471b 100644
--- a/src/views/iot/tplink/camera/index.vue
+++ b/src/views/iot/tplink/camera/index.vue
@@ -19,7 +19,7 @@
   import { ref } from 'vue';
   import { useDesign } from '/@/hooks/web/useDesign';
   import CameraLeftTree from './components/CameraLeftTree.vue'
-  import CameraInfoList from "@/views/iot/tplink/camera/components/CameraInfoList.vue";
+  import CameraInfoList from './components/CameraInfoList.vue';
 
   // 给子组件定义一个ref变量
   const leftTree = ref();
@@ -28,7 +28,6 @@
   const rootTreeData = ref<any[]>([]);
   // 左侧树选择后触发
   function onTreeSelect(data) {
-    console.log('onTreeSelect: ', data);
     cameraData.value = data;
   }
   // 左侧树rootTreeData触发
diff --git a/src/views/iot/tplink/project/ProjectInfo.api.ts b/src/views/iot/tplink/project/ProjectInfo.api.ts
index ba88b78..ace8090 100644
--- a/src/views/iot/tplink/project/ProjectInfo.api.ts
+++ b/src/views/iot/tplink/project/ProjectInfo.api.ts
@@ -24,7 +24,7 @@ export const sync = (params) => defHttp.get({ url: Api.sync, params });
  * 保存或者更新项目
  * @param params
  */
-export const saveOrUpdatePrject = (params, isUpdate) => {
+export const saveOrUpdateProject = (params, isUpdate) => {
   let url = isUpdate ? Api.edit : Api.add;
   return defHttp.post({ url: url, params });
 };
diff --git a/src/views/iot/tplink/project/ProjectInfo.data.ts b/src/views/iot/tplink/project/ProjectInfo.data.ts
index 0c6aac0..b4cb545 100644
--- a/src/views/iot/tplink/project/ProjectInfo.data.ts
+++ b/src/views/iot/tplink/project/ProjectInfo.data.ts
@@ -16,7 +16,7 @@ export const columns: BasicColumn[] = [
   {
     title: '机构名称',
     align: 'center',
-    dataIndex: 'institutionalId_dictText',
+    dataIndex: 'institutionId_dictText',
   },
   {
     title: '创建时间',
@@ -56,10 +56,10 @@ export const columns: BasicColumn[] = [
 export const searchFormSchema: FormSchema[] = [
   {
     label: '机构',
-    field: 'institutionalId',
+    field: 'institutionId',
     component: 'JDictSelectTag',
     componentProps: {
-      dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
+      dictCode: 'nu_admin_institution_area,inst_name,id,org_category = 1 order by inst_name asc',
       placeholder: '请选择机构',
     },
   },
@@ -104,10 +104,10 @@ export const formSchema: FormSchema[] = [
   },
   {
     label: '机构名称',
-    field: 'institutionalId',
+    field: 'institutionId',
     component: 'JDictSelectTag',
     componentProps: {
-      dictCode: 'sys_depart,depart_name,id,org_category = 1 order by depart_name asc',
+      dictCode: 'nu_admin_institution_area,inst_name,id,org_category = 1 order by inst_name asc',
       placeholder: '请选择机构',
     },
   },
diff --git a/src/views/iot/tplink/project/ProjectInfoList.vue b/src/views/iot/tplink/project/ProjectInfoList.vue
index c7c7be6..c1a0252 100644
--- a/src/views/iot/tplink/project/ProjectInfoList.vue
+++ b/src/views/iot/tplink/project/ProjectInfoList.vue
@@ -109,7 +109,6 @@
         deletePrject(record, reload);
       },
       onCancel() {
-        // console.log('Cancel');
       },
       class: 'test',
     });
diff --git a/src/views/iot/tplink/project/components/ProjectForm.vue b/src/views/iot/tplink/project/components/ProjectForm.vue
new file mode 100644
index 0000000..b83a7a6
--- /dev/null
+++ b/src/views/iot/tplink/project/components/ProjectForm.vue
@@ -0,0 +1,79 @@
+<template>
+  <a-spin :spinning="loading">
+    <BasicForm @register="registerForm" />
+    <div class="j-box-bottom-button offset-20" style="margin-top: 30px">
+      <div class="j-box-bottom-button-float">
+        <a-button preIcon="ant-design:sync-outlined" @click="onReset">重置</a-button>
+        <a-button type="primary" preIcon="ant-design:save-filled" @click="onSubmit">保存</a-button>
+      </div>
+    </div>
+  </a-spin>
+</template>
+
+<script lang="ts" setup>
+  import { watch, computed, inject, ref, unref, onMounted } from 'vue';
+  import { BasicForm, useForm } from '/@/components/Form/index';
+  import { saveOrUpdateProject } from '../ProjectInfo.api';
+  import { formSchema } from '../ProjectInfo.data';
+  import { useDesign } from '/@/hooks/web/useDesign';
+
+  const emit = defineEmits(['success']);
+  const props = defineProps({
+    data: { type: Object, default: () => ({}) },
+    rootTreeData: { type: Array, default: () => [] },
+  });
+  const loading = ref<boolean>(false);
+  // 当前是否是更新模式
+  const isUpdate = ref<boolean>(true);
+  // 当前的弹窗数据
+  const model = ref<object>({});
+
+  //注册表单
+  const [registerForm, { resetFields, setFieldsValue, validate, updateSchema }] = useForm({
+    schemas: formSchema,
+    showActionButtonGroup: false
+  });
+
+  onMounted(() => {
+    // data 变化，重填表单
+    watch(
+      () => props.data,
+      async () => {
+        let record = unref(props.data);
+        if (typeof record !== 'object') {
+          record = {};
+        }
+        model.value = record;
+        await resetFields();
+        await setFieldsValue({ ...record });
+      },
+      { deep: true, immediate: true }
+    );
+  });
+
+  // 重置表单
+  async function onReset() {
+    await resetFields();
+    await setFieldsValue({ ...model.value });
+  }
+
+  // 提交事件
+  async function onSubmit() {
+    try {
+      loading.value = true;
+      let values = await validate();
+      values = Object.assign({}, model.value, values);
+      //提交表单
+      await saveOrUpdateProject(values, isUpdate.value);
+      //刷新列表
+      emit('success');
+      Object.assign(model.value, values);
+    } finally {
+      loading.value = false;
+    }
+  }
+</script>
+<style lang="less">
+
+
+</style>
diff --git a/src/views/iot/tplink/project/components/ProjectInfoDrawer.vue b/src/views/iot/tplink/project/components/ProjectInfoDrawer.vue
index c9f0ea5..ebaadcd 100644
--- a/src/views/iot/tplink/project/components/ProjectInfoDrawer.vue
+++ b/src/views/iot/tplink/project/components/ProjectInfoDrawer.vue
@@ -19,7 +19,7 @@ import { formSchema } from "@/views/iot/tplink/project/ProjectInfo.data";
 import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
 import { useDrawerAdaptiveWidth } from '/@/hooks/jeecg/useAdaptiveWidth';
 import { getTenantId } from "/@/utils/auth";
-import { saveOrUpdatePrject } from "@/views/iot/tplink/project/ProjectInfo.api";
+import { saveOrUpdateProject } from "@/views/iot/tplink/project/ProjectInfo.api";
 
 // 声明Emits
 const emit = defineEmits(['success', 'register']);
@@ -67,7 +67,7 @@ async function handleSubmit() {
     setDrawerProps({ confirmLoading: true });
     let params = values;
     let isUpdateVal = unref(isUpdate);
-    await saveOrUpdatePrject(params,isUpdateVal);
+    await saveOrUpdateProject(params,isUpdateVal);
     //关闭弹窗
     closeDrawer();
     //刷新列表
diff --git a/src/views/iot/tplink/region/RegionInfo.api.ts b/src/views/iot/tplink/region/RegionInfo.api.ts
index 7b6193b..5c1eac3 100644
--- a/src/views/iot/tplink/region/RegionInfo.api.ts
+++ b/src/views/iot/tplink/region/RegionInfo.api.ts
@@ -1,13 +1,56 @@
 import { defHttp } from '/@/utils/http/axios';
 
 enum Api {
+  queryProjectTreeSync = '/iot/projectInfo/queryRegionTreeSync',
+  queryRegionTreeSync = '/iot/regionInfo/queryRegionTreeSync',
+  syncProject = '/iot/projectInfo/sync',
+  syncRegion = '/iot/regionInfo/sync',
+  syncRegionChildren = '/iot/regionInfo/syncChildren',
   list = '/iot/regionInfo/list',
   sync = '/iot/regionInfo/sync',
   add = '/iot/regionInfo/add',
   edit = '/iot/regionInfo/edit',
   delete = '/iot/regionInfo/delete',
+  queryChildrenByParentId = '/admin/institutionArea/queryChildrenByParentId',
 }
 
+
+/**
+ * 获取项目树列表
+ * @param params
+ */
+export const queryProjectTreeSync = (params?) => defHttp.get({ url: Api.queryProjectTreeSync, params });
+
+/**
+ * 获取分组树列表
+ * @param params
+ */
+export const queryRegionTreeSync = (params?) => defHttp.get({ url: Api.queryRegionTreeSync, params });
+
+/**
+ * 同步项目
+ * @param params
+ */
+export const syncProject = (params?) => defHttp.get({ url: Api.syncProject, params });
+
+/**
+ * 同步分组
+ * @param params
+ */
+export const syncRegionChildren = (params?) => defHttp.get({ url: Api.syncRegionChildren, params });
+
+/**
+ * 同步子分组
+ * @param params
+ */
+export const syncRegion = (params?) => defHttp.get({ url: Api.syncRegion, params });
+
+/**
+ * 通过parentId获取区域列表
+ * @param params
+ */
+export const queryArea = (params?) => defHttp.get({ url: Api.queryChildrenByParentId, params });
+
 /**
  * 列表接口
  * @param params
@@ -21,7 +64,7 @@ export const list = (params) => defHttp.get({ url: Api.list, params });
 export const sync = (params) => defHttp.get({ url: Api.sync, params });
 
 /**
- * 保存或者更新区域
+ * 保存或者更新分组
  * @param params
  */
 export const saveOrUpdateRegion = (params, isUpdate) => {
@@ -30,7 +73,7 @@ export const saveOrUpdateRegion = (params, isUpdate) => {
 };
 
 /**
- * 删除区域
+ * 删除分组
  */
 export const deleteRegion = (params,handleSuccess) => {
   return defHttp.post({ url: Api.delete, params }, { joinParamsToUrl: true }).then(() => {
diff --git a/src/views/iot/tplink/region/RegionInfo.data.ts b/src/views/iot/tplink/region/RegionInfo.data.ts
index f7789bb..43666f4 100644
--- a/src/views/iot/tplink/region/RegionInfo.data.ts
+++ b/src/views/iot/tplink/region/RegionInfo.data.ts
@@ -4,17 +4,17 @@ import {FormSchema} from '/@/components/Table';
 //列表数据
 export const columns: BasicColumn[] = [
   {
-    title: '区域序号',
+    title: '分组序号',
     align: "center",
     dataIndex: 'regionId'
   },
   {
-    title: '区域名称',
+    title: '分组名称',
     align: "center",
     dataIndex: 'regionName'
   },
   {
-    title: '区域层级',
+    title: '分组层级',
     align: "center",
     dataIndex: 'regionLevel'
   },
@@ -24,7 +24,7 @@ export const columns: BasicColumn[] = [
     dataIndex: 'parentName'
   },
   {
-    title: '机构名称',
+    title: '项目名称',
     align: "center",
     dataIndex: 'projectName'
   },
@@ -34,7 +34,7 @@ export const columns: BasicColumn[] = [
     dataIndex: 'updateTime'
   },
   {
-    title: '区域次序',
+    title: '分组次序',
     align: "center",
     dataIndex: 'sort'
   },
@@ -42,7 +42,7 @@ export const columns: BasicColumn[] = [
 
 export const searchFormSchema: FormSchema[] = [
   {
-    label: '机构',
+    label: '项目',
     field: 'projectId',
     component: 'JDictSelectTag',
     componentProps: {
@@ -67,6 +67,12 @@ export const formSchema: FormSchema[] = [
     component: 'Input',
     show: false,
   },
+  {
+    label: '',
+    field: 'institutionId',
+    component: 'Input',
+    show: false,
+  },
   {
     label: '',
     field: 'parentId',
@@ -74,18 +80,24 @@ export const formSchema: FormSchema[] = [
     show: false,
   },
   {
-    label: '区域序号',
+    label: '分组序号',
     field: 'regionId',
     component: 'Input',
     dynamicDisabled: true
   },
   {
-    label: '区域名称',
+    label: '分组名称',
     field: 'regionName',
     component: 'Input',
   },
   {
-    label: '区域层级',
+    label: '区域名称',
+    field: 'areaId',
+    component: 'Input',
+    slot: 'areaSelect'
+  },
+  {
+    label: '分组层级',
     field: 'regionLevel',
     component: 'Input',
     dynamicDisabled: true
@@ -94,16 +106,10 @@ export const formSchema: FormSchema[] = [
     label: '上级名称',
     field: 'parentName',
     component: 'Input',
-    dynamicDisabled: ({model})=>{
-      if(model.regionId || model.parentId){
-        return true;
-      }else{
-        return false;
-      }
-    }
+    dynamicDisabled: true
   },
   {
-    label: '机构名称',
+    label: '项目名称',
     field: 'projectName',
     component: 'Input',
     dynamicDisabled: ({model})=>{
@@ -121,14 +127,9 @@ export const formSchema: FormSchema[] = [
     dynamicDisabled: true
   },
   {
-    label: '区域次序',
+    label: '分组次序',
     field: 'sort',
     component: 'Input',
     dynamicDisabled: true
   },
 ];
-
-// 项目基础表单
-export const projectFormSchema: FormSchema[] = [
-
-];
diff --git a/src/views/iot/tplink/region/components/RegionForm.vue b/src/views/iot/tplink/region/components/RegionForm.vue
index 16fbf34..c80be9c 100644
--- a/src/views/iot/tplink/region/components/RegionForm.vue
+++ b/src/views/iot/tplink/region/components/RegionForm.vue
@@ -1,6 +1,17 @@
 <template>
   <a-spin :spinning="loading">
-    <BasicForm @register="registerForm" />
+    <BasicForm @register="registerForm">
+      <template #areaSelect ="{model,field}">
+        <a-select v-model:value="model[field]" @change="(value,option) => handleChange(value,option,model)">
+          <a-select-option :value="null">请选择…</a-select-option>
+          <template v-for="item in areaOptions" :key="`${item.id}`">
+            <a-select-option :value="item.id" :label="item.instName">
+              {{item.instName}}
+            </a-select-option>
+          </template>
+        </a-select>
+      </template>
+    </BasicForm>
     <div class="j-box-bottom-button offset-20" style="margin-top: 30px">
       <div class="j-box-bottom-button-float">
         <a-button preIcon="ant-design:sync-outlined" @click="onReset">重置</a-button>
@@ -13,15 +24,22 @@
 <script lang="ts" setup>
   import { watch, computed, inject, ref, unref, onMounted } from 'vue';
   import { BasicForm, useForm } from '/@/components/Form/index';
-  import { saveOrUpdateRegion } from '@/views/iot/tplink/region/RegionInfo.api';
-  import { formSchema } from '@/views/iot/tplink/region/RegionInfo.data';
+  import {
+    queryArea,
+    queryRegionTreeSync,
+    saveOrUpdateRegion
+  } from '../RegionInfo.api';
+  import { formSchema } from '../RegionInfo.data';
   import { useDesign } from '/@/hooks/web/useDesign';
-
+  import { useMessage } from '/@/hooks/web/useMessage';
+  import {propTypes} from "@/utils/propTypes";
+  const { createMessage, createSuccessModal } = useMessage();
   const emit = defineEmits(['success']);
   const props = defineProps({
     data: { type: Object, default: () => ({}) },
     rootTreeData: { type: Array, default: () => [] },
   });
+  const areaOptions = ref<any[]>([]);
   const loading = ref<boolean>(false);
   // 当前是否是更新模式
   const isUpdate = ref<boolean>(true);
@@ -34,20 +52,7 @@
     showActionButtonGroup: false
   });
 
-  // const categoryOptions = computed(() => {
-  //   if (!!props?.data?.parentId) {
-  //     return orgCategoryOptions.child;
-  //   } else {
-  //     return orgCategoryOptions.root;
-  //   }
-  // });
-
   onMounted(() => {
-    // 禁用字段
-    updateSchema([
-      { field: 'parentId', componentProps: { disabled: true } },
-      { field: 'orgCode', componentProps: { disabled: true } },
-    ]);
     // data 变化，重填表单
     watch(
       () => props.data,
@@ -59,6 +64,7 @@
         model.value = record;
         await resetFields();
         await setFieldsValue({ ...record });
+        await fetchArea(record.institutionId);
       },
       { deep: true, immediate: true }
     );
@@ -85,6 +91,25 @@
       loading.value = false;
     }
   }
+
+  const fetchArea = async (institutionId) => {
+    if (!institutionId){
+      institutionId = '-1';
+    }
+    areaOptions.value = [];
+    const data = await queryArea({ pid : institutionId });
+    Object.assign(areaOptions.value, data);
+  }
+
+  async function handleChange(value,option:Option,formData){
+    if(value == null){
+      formData["regionName"] = model.value["regionName"];
+    }else{
+      formData["regionName"] = option.label;
+    }
+  }
+
+
 </script>
 <style lang="less">
 
diff --git a/src/views/iot/tplink/region/components/RegionInfoDrawer.vue b/src/views/iot/tplink/region/components/RegionInfoDrawer.vue
index d2ea7c8..78931b2 100644
--- a/src/views/iot/tplink/region/components/RegionInfoDrawer.vue
+++ b/src/views/iot/tplink/region/components/RegionInfoDrawer.vue
@@ -8,25 +8,33 @@
     :showFooter="showFooter"
     destroyOnClose
   >
-    <BasicForm @register="registerForm" />
+    <BasicForm @register="registerForm">
+      <template #areaSelect ="{model,field}">
+        <a-select v-model:value="model[field]" @change="(value,option) => handleChange(value,option,model)">
+          <template v-for="item in areaOptions" :key="`${item.id}`">
+            <a-select-option :value="item.id" :label="item.instName">
+              {{item.instName}}
+            </a-select-option>
+          </template>
+        </a-select>
+      </template>
+    </BasicForm>
   </BasicDrawer>
 </template>
 
 <script lang="ts" setup>
 import { defineComponent, ref, computed, unref, useAttrs } from 'vue';
 import { BasicForm, useForm } from '/@/components/Form/index';
-import { formSchema } from "@/views/iot/tplink/region/RegionInfo.data";
 import { BasicDrawer, useDrawerInner } from '/@/components/Drawer';
 import { useDrawerAdaptiveWidth } from '/@/hooks/jeecg/useAdaptiveWidth';
-import { getTenantId } from "/@/utils/auth";
-import { saveOrUpdateRegion } from "@/views/iot/tplink/region/RegionInfo.api";
+import { formSchema } from "../RegionInfo.data";
+import {queryArea, saveOrUpdateRegion} from "../RegionInfo.api";
 
 // 声明Emits
 const emit = defineEmits(['success', 'register']);
 const attrs = useAttrs();
 const isUpdate = ref(true);
 const rowId = ref('');
-const departOptions = ref([]);
 let isFormDepartUser = false;
 //表单配置
 const [registerForm, { setProps, resetFields, setFieldsValue, validate, updateSchema }] = useForm({
@@ -35,6 +43,7 @@ const [registerForm, { setProps, resetFields, setFieldsValue, validate, updateSc
   showActionButtonGroup: false,
 });
 const showFooter = ref(true);
+const areaOptions = ref<any[]>([]);
 //表单赋值
 const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (data) => {
   await resetFields();
@@ -46,6 +55,7 @@ const [registerDrawer, { setDrawerProps, closeDrawer }] = useDrawerInner(async (
     setFieldsValue({
       ...data.record,
     });
+    await fetchArea(data.record.institutionId);
   }
   // 隐藏底部时禁用整个表单
   setProps({ disabled: !showFooter.value });
@@ -76,6 +86,25 @@ async function handleSubmit() {
     setDrawerProps({ confirmLoading: false });
   }
 }
+
+const fetchArea = async (institutionId) => {
+  if (!institutionId){
+    institutionId = '-1';
+  }
+  areaOptions.value = [];
+  const data = await queryArea({ pid : institutionId });
+  Object.assign(areaOptions.value, data);
+}
+
+async function handleChange(value,option:Option,formData){
+  if(value == null){
+    formData["regionName"] = "";
+  }else{
+    formData["regionName"] = option.label;
+  }
+}
+
+
 </script>
 
 <style scoped>
diff --git a/src/views/iot/tplink/region/components/RegionLeftTree.vue b/src/views/iot/tplink/region/components/RegionLeftTree.vue
index 6a8e545..63fa5c9 100644
--- a/src/views/iot/tplink/region/components/RegionLeftTree.vue
+++ b/src/views/iot/tplink/region/components/RegionLeftTree.vue
@@ -2,17 +2,17 @@
     <a-card :bordered="false" style="height: 100%">
       <a-spin :spinning="syncoading">
       <div class="j-table-operator" style="width: 100%">
-<!--        <a-button preIcon="ant-design:sync-outlined" @click="loadRootTreeData">刷新</a-button>-->
-        <a-button type="primary" preIcon="ant-design:plus-outlined" @click="syncProjectInfo">新增</a-button>
+        <a-button preIcon="ant-design:sync-outlined" @click="loadRootTreeData">刷新</a-button>
+        <a-button type="primary" preIcon="ant-design:plus-outlined" @click="handleCreateProject">新增</a-button>
         <a-button preIcon="ant-design:sync-outlined" @click="syncProjectInfo">同步</a-button>
-        <a-button type="primary" preIcon="ant-design:plus-outlined" @click="syncProjectInfo">新增下级</a-button>
+        <a-button type="primary" preIcon="ant-design:plus-outlined" @click="handleCreateRegion">新增下级</a-button>
         <template v-if="currentRegion !=null">
           <a-button preIcon="ant-design:sync-outlined" @click="syncRegionInfo">同步下级</a-button>
         </template>
       </div>
       <a-spin :spinning="loading">
-        <a-input-search placeholder="按名称搜索…" style="margin-bottom: 10px" @search="onSearch" />
-        <!--区域树-->
+<!--        <a-input-search placeholder="按名称搜索…" style="margin-bottom: 10px" @search="onSearch" />-->
+        <!--分组树-->
         <template v-if="treeData.length > 0">
           <a-tree
             v-if="!treeReloading"
@@ -25,26 +25,55 @@
             v-model:expandedKeys="expandedKeys"
             @select="onSelect"
           >
+            <template #title="{ key: treeKey, title, dataRef }">
+              <a-dropdown :trigger="['contextmenu']">
+                <span>{{ title }}</span>
+                <template #overlay>
+                  <a-menu @click="">
+                    <a-menu-item key="1" @click="onAddChild(dataRef)">添加子级</a-menu-item>
+                    <a-menu-item key="2" @click="handleDeleteNode(dataRef)">
+                      <span style="color: red">删除</span>
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
+            </template>
           </a-tree>
         </template>
         <a-empty v-else description="暂无数据" />
       </a-spin>
       </a-spin>
     </a-card>
+  <!-- 表单分组 -->
+  <ProjectInfoDrawer @register="registerProjectDrawer" @success="handleSuccess" />
+  <RegionInfoDrawer @register="registerRegionDrawer" @success="handleSuccess" />
 </template>
 
 <script lang="ts" setup>
-  import { nextTick, ref } from 'vue';
+import {createVNode, nextTick, ref} from 'vue';
   import { useModal } from '/@/components/Modal';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMethods } from '/@/hooks/system/useMethods';
+  import {
+    deleteRegion,
+    queryProjectTreeSync,
+    queryRegionTreeSync,
+    syncProject,
+    syncRegion,
+    syncRegionChildren
+  } from '../RegionInfo.api';
   const { createMessage } = useMessage();
-  import { queryProjectTreeSync, queryRegionTreeSync, syncProject, syncRegion } from '@/views/iot/tplink/camera/camera.api';
+  import {useDrawer} from "@/components/Drawer";
+  import ProjectInfoDrawer from '@/views/iot/tplink/project/components/ProjectInfoDrawer.vue';
+  import RegionInfoDrawer from './RegionInfoDrawer.vue';
+  import {Modal} from "ant-design-vue";
+  import {ExclamationCircleOutlined} from "@ant-design/icons-vue";
+  import {deletePrject} from "@/views/iot/tplink/project/ProjectInfo.api";
 
   const emit = defineEmits(['select', 'rootTreeData']);
   const syncoading = ref<boolean>(false);
   const loading = ref<boolean>(false);
-  // 区域树列表数据
+  // 分组树列表数据
   const treeData = ref<any[]>([]);
   // 当前选中的项
   const checkedKeys = ref<any[]>([]);
@@ -56,10 +85,13 @@
   const treeReloading = ref<boolean>(false);
   // 树父子是否关联
   const checkStrictly = ref<boolean>(true);
-  // 当前选中的区域
+  // 当前选中的分组
   const currentRegion = ref<any>(null);
+  //注册drawer
+  const [registerProjectDrawer, { openDrawer : openProjectDrawer }] = useDrawer();
+  const [registerRegionDrawer, { openDrawer : openRegionDrawer }] = useDrawer();
 
-  // 加载顶级区域信息
+  // 加载顶级分组信息
   async function loadRootTreeData() {
     try {
       loading.value = true;
@@ -91,7 +123,7 @@
   loadRootTreeData();
 
   /**
-   * 加载子级区域信息
+   * 加载子级分组信息
    */
   async function loadChildrenTreeData(treeNode) {
     try {
@@ -155,7 +187,6 @@
    * 设置当前选中的行
    */
   function setSelectedKey(key: string, data?: object) {
-    console.log('setSelectedKey: ', key);
     selectedKeys.value = [key];
     if (data) {
       currentRegion.value = data;
@@ -167,7 +198,6 @@
    * 树选择事件
    */
   function onSelect(selKeys, event) {
-    console.log('onSelect: ', selKeys, event);
     if (selKeys.length > 0 && selectedKeys.value[0] !== selKeys[0]) {
       setSelectedKey(selKeys[0], event.selectedNodes[0]);
     } else {
@@ -179,14 +209,14 @@
   /**
    * 同步项目
    */
-  // async function syncProjectInfo(){
-  //   syncoading.value = true;
-  //   await syncProject();
-  //   await loadRootTreeData();
-  // }
+  async function syncProjectInfo(){
+    syncoading.value = true;
+    await syncProject();
+    await loadRootTreeData();
+  }
 
   /**
-   * 同步区域
+   * 同步分组
    */
   async function syncRegionInfo(){
     let data = currentRegion.value;
@@ -198,11 +228,139 @@
       projectId: data.projectId,
       regionId: data.regionId
     };
+    if(data.regionId == null){
+      await syncRegion(record);
+    }else{
+      await syncRegionChildren(record);
+    }
     syncoading.value = true;
-    await syncRegion(record);
+
     await loadRootTreeData();
   }
 
+  /**
+   * 新增
+   */
+  function handleCreateProject() {
+    openProjectDrawer(true, {
+      isUpdate: false,
+      showFooter: true,
+      tenantSaas: false,
+    });
+  }
+
+  /**
+   * 新增下级
+   */
+  function handleCreateRegion() {
+    let data = currentRegion.value;
+    if (data == null) {
+      createMessage.warning('请先选择一个节点');
+      return;
+    }
+    let record = {
+      projectId: data.projectId,
+      projectName: data.projectName,
+      parentId: data.regionId,
+      parentName: data.regionName,
+    };
+    if(data.regionId != null){
+      record["institutionId"] = data.areaId;
+    }else{
+      record["institutionId"] = data.institutionId;
+    }
+    openRegionDrawer(true, {
+      record,
+      isUpdate: false,
+      showFooter: true,
+      tenantSaas: false,
+    });
+  }
+
+  /**
+   * 添加子级
+   */
+  function onAddChild(data = currentRegion.value){
+    if (data == null) {
+      createMessage.warning('请先选择一个节点');
+      return;
+    }
+    let record = {
+      projectId: data.projectId,
+      projectName: data.projectName,
+      parentId: data.regionId,
+      parentName: data.regionName,
+    };
+    if(data.regionId != null){
+      record["institutionId"] = data.areaId;
+    }else{
+      record["institutionId"] = data.institutionId;
+    }
+    openRegionDrawer(true, {
+      record,
+      isUpdate: false,
+      showFooter: true,
+      tenantSaas: false,
+    });
+  }
+
+  /**
+   *删除节点
+   */
+  function handleDeleteNode(data = currentRegion.value){
+    if (data == null) {
+      createMessage.warning('请先选择一个节点');
+      return;
+    }
+    if(data.regionId == null){
+      handleDeleteProject(data);
+    }else{
+      handleDelete(data);
+    }
+  }
+
+  /**
+   * 删除项目
+   */
+  function handleDeleteProject(record: Recordable) {
+    Modal.confirm({
+      title: '删除项目',
+      width: '500px',
+      icon: createVNode(ExclamationCircleOutlined),
+      content: createVNode('div', { style: 'color:red;' }, '项目删除后，与之相关信息将失效，确定要删除该项目吗？'),
+      okText: '确定',
+      onOk() {
+        deletePrject(record, handleSuccess);
+      },
+      onCancel() {
+      },
+      class: 'test',
+    });
+  }
+
+  /**
+   * 删除分组
+   */
+  function handleDelete(record: Recordable) {
+    Modal.confirm({
+      title: '删除分组',
+      width: '500px',
+      icon: createVNode(ExclamationCircleOutlined),
+      content: createVNode('div', { style: 'color:red;' }, '分组删除后，该分组下的所有设备将被转移，确定要删除该分组吗？'),
+      okText: '确定',
+      onOk() {
+        deleteRegion(record, handleSuccess);
+      },
+      onCancel() {
+      },
+      class: 'test',
+    });
+  }
+
+  function handleSuccess(){
+    loadRootTreeData();
+  }
+
   defineExpose({
     loadRootTreeData,
   });
diff --git a/src/views/iot/tplink/region/index.vue b/src/views/iot/tplink/region/index.vue
index 57a6f35..b813716 100644
--- a/src/views/iot/tplink/region/index.vue
+++ b/src/views/iot/tplink/region/index.vue
@@ -5,15 +5,18 @@
     </a-col>
     <a-col :xl="12" :lg="24" :md="24" style="margin-bottom: 10px">
       <div style="height: 100%;" class="form-content">
-        <a-tabs v-show="regionData != null" defaultActiveKey="base-info">
+        <a-tabs v-show="nodeData != null" defaultActiveKey="base-info">
           <a-tab-pane tab="基本信息" key="base-info" forceRender style="position: relative">
-            <div style="padding: 20px">
-              <RegionForm :data="regionData" :rootTreeData="rootTreeData" @success="onSuccess" />
+            <div style="padding: 20px" v-show="nodeData.regionId != null">
+              <RegionForm :data="nodeData" :rootTreeData="rootTreeData" @success="onSuccess" />
+            </div>
+            <div style="padding: 20px" v-show="nodeData.regionId == null">
+              <ProjectForm :data="nodeData" :rootTreeData="rootTreeData" @success="onSuccess" />
             </div>
           </a-tab-pane>
         </a-tabs>
-        <div v-show="regionData == null" style="padding-top: 40px">
-          <a-empty description="请选择区域" />
+        <div v-show="nodeData == null" style="padding-top: 40px">
+          <a-empty description="请选择分组" />
         </div>
       </div>
     </a-col>
@@ -24,23 +27,27 @@
   import { ref } from 'vue';
   import { useDesign } from '/@/hooks/web/useDesign';
   import RegionLeftTree from './components/RegionLeftTree.vue'
-  import RegionForm from "@/views/iot/tplink/region/components/RegionForm.vue";
+  import RegionForm from './components/RegionForm.vue';
+  import ProjectForm from '@/views/iot/tplink/project/components/ProjectForm.vue';
 
   // 给子组件定义一个ref变量
   const leftTree = ref();
   // 当前选中的区域信息
-  const regionData = ref({});
+  const nodeData = ref({});
   const rootTreeData = ref<any[]>([]);
   // 左侧树选择后触发
   function onTreeSelect(data) {
-    console.log('onTreeSelect: ', data);
-    regionData.value = data;
+    nodeData.value = data;
   }
   // 左侧树rootTreeData触发
   function onRootTreeData(data) {
     rootTreeData.value = data;
   }
 
+  function onSuccess() {
+    leftTree.value.loadRootTreeData();
+  }
+
 </script>
 
 <style lang="less" scoped>