diff --git a/public/plugins/jessibucaPlayer/bg.jpg b/public/plugins/jessibucaPlayer/bg.jpg
deleted file mode 100644
index 829850b..0000000
Binary files a/public/plugins/jessibucaPlayer/bg.jpg and /dev/null differ
diff --git a/src/api/basedata/area/area.js b/src/api/basedata/area/area.js
index 1d050a3..465103b 100644
--- a/src/api/basedata/area/area.js
+++ b/src/api/basedata/area/area.js
@@ -68,6 +68,14 @@ export function editSave (data) {
     data: data
   })
 }
+// 修改巡视任务（绍兴）
+export function shaoxingEditSave (data) {
+  return request({
+    url: '/patrol/task/shaoxing/save',
+    method: 'post',
+    data: data
+  })
+}
 //主设备下巡检点和巡检点巡检设备树（巡视任务回显）
 export function editList (query) {
   return request({
@@ -83,6 +91,13 @@ export function editTask (taskId) {
     method: 'get',
   })
 }
+// 巡视任务编辑回显（绍兴）
+export function editTaskShaoxing (taskId) {
+  return request({
+    url: '/patrol/task/shaoxing/' + taskId,
+    method: 'get',
+  })
+}
 // 复制巡检任务
 export function copyTask (query) {
   return request({
@@ -136,6 +151,14 @@ export function addPatrol (data) {
     data: data
   })
 }
+// 绍兴站新增/修改巡视任务
+export function shaoxingAddPatrol (data) {
+  return request({
+    url: '/patrol/task/shaoxing/add',
+    method: 'post',
+    data: data
+  })
+}
 // 巡视任务管理列表
 export function taskPatrol (query) {
   return request({
@@ -659,3 +682,11 @@ export function downAreas (ids) {
     }
   })
 }
+
+export function proDotManTableRelation (params) {
+  return request({
+    url: '/basedata/patrolpointmnt/patrolpoint/list/monitor/relation',
+    method: 'get',
+    params: params
+  })
+}
diff --git a/src/api/basedata/patrolpointmnt/patrolpoint.js b/src/api/basedata/patrolpointmnt/patrolpoint.js
index a1cd276..e7cd75c 100644
--- a/src/api/basedata/patrolpointmnt/patrolpoint.js
+++ b/src/api/basedata/patrolpointmnt/patrolpoint.js
@@ -149,4 +149,27 @@ export function getBdconfigMainsystem() {
 
 }
 
+// 获取点位管理右侧设备树
+export function treeAreaDeviceSelectFilterByPresetRight(query) {
+  return request({
+    url: '/basedata/prodevmnt/device/treeAreaDeviceSelectFilterByPreset/relation/right',
+    method: 'get',
+    params: query
+  })
+}
+
+export function treeAreaDeviceSelectFilterByPreset() {
+  return request({
+    url: '/basedata/prodevmnt/device/treeAreaDeviceSelectFilterByPreset',
+    method: 'get'
+  })
+}
+
+export function treeAreaDeviceSelectFilterByPresetRelation() {
+  return request({
+    url: '/basedata/prodevmnt/device/treeAreaDeviceSelectFilterByPreset/relation',
+    method: 'get'
+  })
+}
+
 
diff --git a/src/assets/images/pay.png b/src/assets/images/pay.png
deleted file mode 100644
index bb8b967..0000000
Binary files a/src/assets/images/pay.png and /dev/null differ
diff --git a/src/assets/images/r1.png b/src/assets/images/r1.png
index 716272b..96a9a55 100644
Binary files a/src/assets/images/r1.png and b/src/assets/images/r1.png differ
diff --git a/src/assets/images/r2.png b/src/assets/images/r2.png
index 288b756..64a96a9 100644
Binary files a/src/assets/images/r2.png and b/src/assets/images/r2.png differ
diff --git a/src/assets/images/r3.png b/src/assets/images/r3.png
index c10e963..4f3c842 100644
Binary files a/src/assets/images/r3.png and b/src/assets/images/r3.png differ
diff --git a/src/assets/images/r4.png b/src/assets/images/r4.png
index 281163b..8671fcc 100644
Binary files a/src/assets/images/r4.png and b/src/assets/images/r4.png differ
diff --git a/src/assets/images/r5.png b/src/assets/images/r5.png
index 6888f75..a19e9da 100644
Binary files a/src/assets/images/r5.png and b/src/assets/images/r5.png differ
diff --git a/src/assets/images/r6.png b/src/assets/images/r6.png
index a08a7cf..56f77eb 100644
Binary files a/src/assets/images/r6.png and b/src/assets/images/r6.png differ
diff --git a/src/assets/images/r7.png b/src/assets/images/r7.png
index ec5fbd9..89f3ffc 100644
Binary files a/src/assets/images/r7.png and b/src/assets/images/r7.png differ
diff --git a/src/assets/images/r8.png b/src/assets/images/r8.png
index 42a38d0..253a11d 100644
Binary files a/src/assets/images/r8.png and b/src/assets/images/r8.png differ
diff --git a/src/assets/images/renwuzhanbi.png b/src/assets/images/renwuzhanbi.png
deleted file mode 100644
index ceccc1e..0000000
Binary files a/src/assets/images/renwuzhanbi.png and /dev/null differ
diff --git a/src/assets/images/yuntai1.png b/src/assets/images/yuntai1.png
index b47b5ba..9135088 100644
Binary files a/src/assets/images/yuntai1.png and b/src/assets/images/yuntai1.png differ
diff --git a/src/components/ImagePreviewDialog/index.vue b/src/components/ImagePreviewDialog/index.vue
new file mode 100644
index 0000000..5f9a57a
--- /dev/null
+++ b/src/components/ImagePreviewDialog/index.vue
@@ -0,0 +1,383 @@
+<template>
+  <el-dialog
+    :title="title"
+    :visible.sync="visible"
+    :close-on-click-modal="false"
+    :close-on-press-escape="false"
+    :destroy-on-close="true"
+    :before-close="handleClose"
+    width="70%"
+    append-to-body
+  >
+    <div class="flex-row" v-loading="loading">
+      <div style="flex: 1; height: 100%; display: flex; flex-direction: column">
+        <div class="img-wrap">
+          <AsyncImage
+            style="width: 100%; height: 100%"
+            fit="contain"
+            :src="selectImgUrl"
+          ></AsyncImage>
+          <DrawShape
+            ref="drawShapeRef"
+            :brokenLineCount="1"
+            @drawComplete="
+              (shape) => {
+                handleDrawComplete(shape);
+              }
+            "
+          />
+
+          <!-- 上一个图片 -->
+          <div
+            v-if="bShowBackBtn"
+            @click="() => selectIndex--"
+            class="img-handle-btn img-handle-btn-left"
+          >
+            <i class="el-icon-arrow-left"></i>
+          </div>
+          <!-- 下一个图片 -->
+          <div
+            v-if="bShowNextBtn"
+            @click="() => selectIndex++"
+            class="img-handle-btn img-handle-btn-right"
+          >
+            <i class="el-icon-arrow-right"></i>
+          </div>
+        </div>
+
+        <!-- 开始测温 -->
+        <div
+          v-if="showTemperatureTool && imageUrls.length > 0"
+          class="measure-temperature-btn"
+        >
+          <div>
+            <el-button
+              @click="measureTemperature(ShapeEnum.point)"
+              type="primary"
+              >点测温</el-button
+            >
+            <el-button
+              @click="measureTemperature(ShapeEnum.brokenline)"
+              type="primary"
+              >线测温</el-button
+            >
+            <el-button
+              @click="measureTemperature(ShapeEnum.rect)"
+              type="primary"
+              >区域测温</el-button
+            >
+            <el-button
+              v-if="measuring"
+              @click="cancelMeasureTemperature"
+              type="primary"
+              >取消测温</el-button
+            >
+          </div>
+          <div style="flex: 1; text-align: right">
+            <span style="padding-left: 10px"
+              >平均温度：{{
+                temperatureInfo.averageT ? temperatureInfo.averageT + "℃" : "-"
+              }}</span
+            >
+            <span style="padding-left: 10px"
+              >最大温度：{{
+                temperatureInfo.maxT ? temperatureInfo.maxT + "℃" : "-"
+              }}</span
+            >
+            <span style="padding-left: 10px"
+              >最小温度：{{
+                temperatureInfo.maxT ? temperatureInfo.minT + "℃" : "-"
+              }}</span
+            >
+            <span style="padding-left: 10px"
+              >环境温度：{{
+                temperatureInfo.weatherT ? temperatureInfo.weatherT + "℃" : "-"
+              }}</span
+            >
+          </div>
+        </div>
+      </div>
+
+      <div class="img-list-wrap" v-if="imageUrls.length > 1">
+        <ul ref="imgUlRef">
+          <li
+            v-for="(item, index) in imageUrls"
+            :key="index"
+            @click="onSelectImage(item, index)"
+          >
+            <div
+              :style="imgListItemStyle"
+              :class="{ 'img-list-item-selected': index === selectIndex }"
+            >
+              <AsyncImage
+                style="width: 100%; height: 100%"
+                fit="contain"
+                :src="item"
+              ></AsyncImage>
+            </div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { getTemperatureValue } from "@/api/device";
+import DrawShape, { ShapeEnum } from "../Canvas/DrawShape.vue";
+// 图片列表item高度
+const IMG_LIST_ITEM_HEIGHT = 170;
+
+export default {
+  name: "ImagePreviewDialog",
+  components: { DrawShape },
+  props: {
+    // 标题
+    title: {
+      type: String,
+      default: "图片",
+    },
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    // 是否显示测温工具
+    showTemperatureTool: {
+      type: Boolean,
+      default: false,
+    },
+    // 图片地址列表
+    imageUrls: {
+      type: Array,
+      default: [],
+    },
+    // 选择图片的位置
+    selectImgPosition: {
+      type: Number,
+      default: 1,
+    },
+  },
+  data() {
+    return {
+      // 当前选择图片url
+      selectIndex: 0,
+      // 图片列表item样式，因为有自动滚动，为了使其高度便于统一修改，所以放在了js里
+      imgListItemStyle: {
+        width: "300px",
+        height: `${IMG_LIST_ITEM_HEIGHT}px`,
+        margin: "5px 0",
+      },
+      ShapeEnum: ShapeEnum,
+      // 是否正在测量
+      measuring: false,
+      temperatureInfo: {},
+      loading: false,
+    };
+  },
+  computed: {
+    selectImgUrl() {
+      return this.imageUrls.length > this.selectIndex
+        ? this.imageUrls[this.selectIndex]
+        : "";
+    },
+    // 是否显示下一页
+    bShowNextBtn() {
+      return this.selectIndex + 1 < this.imageUrls.length;
+    },
+    // 是否显示上一页
+    bShowBackBtn() {
+      return this.selectIndex > 0;
+    },
+  },
+  watch: {
+    visible(value) {
+      // 显示之前先复位状态
+      if (value) {
+        this.reset();
+      }
+    },
+    selectImgPosition() {
+      if (this.selectImgPosition < this.imageUrls.length) {
+        this.selectIndex = this.selectImgPosition;
+      }
+    },
+    selectIndex(newValue) {
+      // 滚动列表
+      if (this.$refs.imgUlRef) {
+        this.$refs.imgUlRef.scrollTo({
+          top: IMG_LIST_ITEM_HEIGHT * newValue,
+          behavior: "smooth",
+        });
+      }
+    },
+  },
+
+  methods: {
+    reset() {
+      this.selectIndex = 0;
+      this.hideMeasureBox();
+    },
+    handleClose(done) {
+      this.$emit("update:visible", false);
+    },
+    // 选择图片
+    onSelectImage(item, index) {
+      this.selectIndex = index;
+    },
+    // 显示测温框
+    showMeasureBox() {
+      if (this.$refs.drawShapeRef) {
+        this.temperatureInfo = {};
+        this.measuring = true;
+        this.$refs.drawShapeRef.show();
+      }
+    },
+    // 显示测温框
+    hideMeasureBox() {
+      this.measuring = false;
+      this.temperatureInfo = {};
+      if (this.$refs.drawShapeRef) {
+        this.$refs.drawShapeRef.hide();
+      }
+    },
+    // 测温
+    measureTemperature(type) {
+      this.showMeasureBox();
+      this.$nextTick(() => {
+        this.$refs.drawShapeRef.init();
+        this.$refs.drawShapeRef.startDraw(type);
+      });
+    },
+    cancelMeasureTemperature() {
+      this.hideMeasureBox();
+    },
+    handleDrawComplete(shape) {
+      const info = shape.getData();
+      this.loading = true;
+      getTemperatureValue(info.data, info.type, this.selectImgUrl)
+        .then((res) => {
+          this.temperatureInfo = res.data;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog {
+  height: 80%;
+  display: flex;
+  flex-direction: column;
+}
+
+::v-deep .el-dialog__header {
+  background-color: #001946;
+  color: #fff;
+
+  .el-dialog__headerbtn .el-dialog__close {
+    color: #fff;
+  }
+
+  .el-dialog__title {
+    color: #fff;
+  }
+}
+
+::v-deep .el-dialog__body {
+  background-color: #001946;
+  padding: 0px 20px 20px;
+  flex: 1;
+  // 添加后，垂直滚动才不至于超出
+  height: 0;
+}
+
+.flex-row {
+  display: flex;
+  height: 100%;
+}
+
+.img-wrap {
+  flex: 1;
+  // height: 100%;
+  height: 0;
+  position: relative;
+
+  .img-handle-btn {
+    position: absolute;
+    top: 45%;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 25px;
+    width: 50px;
+    height: 50px;
+    border: rgba(255, 255, 255, 0.5) solid 2px;
+    border-radius: 25px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .img-handle-btn-left {
+    left: 15px;
+  }
+
+  .img-handle-btn-right {
+    right: 15px;
+  }
+}
+
+.measure-temperature-btn {
+  padding: 10px 0;
+  display: flex;
+}
+
+.img-list-wrap {
+  width: 300px;
+  height: 100%;
+  padding: 0 0 0 10px;
+
+  ul {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    margin: 0;
+    /* 解决火狐浏览器不隐藏滚动条的问题 */
+    scrollbar-width: none;
+
+    .img-list-item {
+      width: 300px;
+      height: 170px;
+      margin: 5px 0;
+    }
+
+    .img-list-item-selected {
+      border: #1d86e1 solid 3px;
+    }
+  }
+}
+
+/* 设置滚动条的样式 */
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+/* 滚动槽 */
+::-webkit-scrollbar-track {
+  box-shadow: inset006pxrgba(0, 0, 0, 0.3);
+  border-radius: 10px;
+}
+
+/* 滚动条滑块 */
+::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: rgba(64, 229, 240, 0.15);
+  box-shadow: inset006pxrgba(0, 0, 0, 0.5);
+}
+</style>
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index 1f33517..15b7ded 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -10,6 +10,7 @@ const navIconMap = {
   '巡视任务': require('@/assets/images/nav/task.png'),
   '设备管理': require('@/assets/images/nav/device.png'),
   '点位管理': require('@/assets/images/nav/point.png'),
+  '点位管理(实施用)': require('@/assets/images/nav/point.png'),
   '系统管理': require('@/assets/images/nav/system.png'),
   '区域管理': require('@/assets/images/nav/area.png'),
   '系统监控': require('@/assets/images/nav/monitor.png'),
diff --git a/src/layout/components/Sidebar/SidebarItem.vue b/src/layout/components/Sidebar/SidebarItem.vue
index d8f9bc9..aa5d92f 100644
--- a/src/layout/components/Sidebar/SidebarItem.vue
+++ b/src/layout/components/Sidebar/SidebarItem.vue
@@ -159,6 +159,9 @@ export default {
           str = "首页";
         }
       }
+      if (str === "点位管理" && this.basePath !== "/site-management") {
+        str = "点位管理(实施用)";
+      }
       return str;
     }
   },
diff --git a/src/plugins/modal.js b/src/plugins/modal.js
index b37ca14..5832a2f 100644
--- a/src/plugins/modal.js
+++ b/src/plugins/modal.js
@@ -57,6 +57,7 @@ export default {
       confirmButtonText: '确定',
       cancelButtonText: '取消',
       type: "warning",
+      customClass: "card-page card-message-box",
     })
   },
   // 提交内容
diff --git a/src/router/index.js b/src/router/index.js
index a27d6f3..7ece22f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -101,6 +101,38 @@ export const constantRoutes = [
         meta: { title: '巡视任务', icon: 'task', activeMenu: '/task-summary' }
       }
     ]
+  },
+  {
+    path: '/patrol-plan',
+    component: Layout,
+    redirect: '/patrol-plan/notstart',
+    meta: { title: '巡视方案', icon: 'task' },
+    children: [
+      {
+        path: 'notstart',
+        component: () => import('@/views/cards/patrolPlan/notstart'),
+        name: 'PatrolPlan',
+        meta: { title: '巡视方案', icon: 'task', activeMenu: '/patrol-plan' }
+      }
+    ]
+  },
+  {
+    path: '/site-management',
+    component: Layout,
+    redirect: '/site-management/index',
+    meta: { title: '点位管理', icon: 'point' },
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/cards/site_management/site_management'),
+        name: 'SiteManagementCard',
+        meta: {
+          title: '点位管理',
+          icon: 'point',
+          activeMenu: '/site-management'
+        }
+      }
+    ]
   }
 ]
 
diff --git a/src/utils/index.js b/src/utils/index.js
index df5db12..4276ab4 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -388,3 +388,45 @@ export function isNumberStr(str) {
   return /^[+-]?(0|([1-9]\d*))(\.\d+)?$/g.test(str)
 }
 
+export function getWeekdaysInRange(startDate, endDate) {
+  const start = new Date(startDate)
+  const end = new Date(endDate)
+  const days = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
+
+  const totalDays = Math.ceil((end - start) / (1000 * 60 * 60 * 24))
+  if (totalDays >= 7) {
+    return days
+  }
+
+  const result = []
+  const current = new Date(start)
+  while (current <= end) {
+    result.push(days[current.getDay()])
+    current.setDate(current.getDate() + 1)
+  }
+
+  return result
+}
+
+export function getDaysInRange(startDate, endDate) {
+  const start = new Date(startDate)
+  const end = new Date(endDate)
+
+  const totalDays = Math.ceil((end - start) / (1000 * 60 * 60 * 24))
+  if (totalDays > 365) {
+    return Array.from({ length: 31 }, (_, index) => `${index + 1}号`)
+  }
+
+  const result = []
+  const current = new Date(start)
+  while (current <= end) {
+    const dayOfMonth = current.getDate()
+    if (!result.includes(dayOfMonth)) {
+      result.push(`${dayOfMonth}号`)
+    }
+    current.setDate(current.getDate() + 1)
+  }
+
+  return result
+}
+
diff --git a/src/views/cards/assets/card_full_bg.png b/src/views/cards/assets/card_full_bg.png
new file mode 100644
index 0000000..05b8c2e
Binary files /dev/null and b/src/views/cards/assets/card_full_bg.png differ
diff --git a/src/views/cards/assets/collect.png b/src/views/cards/assets/collect.png
new file mode 100644
index 0000000..f8a3823
Binary files /dev/null and b/src/views/cards/assets/collect.png differ
diff --git a/src/views/cards/assets/styles/index.scss b/src/views/cards/assets/styles/index.scss
index ec608a4..6bddfd3 100644
--- a/src/views/cards/assets/styles/index.scss
+++ b/src/views/cards/assets/styles/index.scss
@@ -546,6 +546,159 @@
   }
 }
 
+.site-point-add-dialog {
+  height: 92vh;
+  max-height: 92vh;
+  margin-top: 4vh;
+  display: flex;
+  flex-direction: column;
+  border: 0;
+  box-shadow: none;
+
+  .el-dialog__body {
+    flex: 1 1 auto;
+    min-height: 0;
+    height: auto;
+    max-height: calc(92vh - 135px);
+    overflow-y: auto;
+  }
+
+  .el-dialog__footer {
+    flex-shrink: 0;
+    border-top: 0;
+  }
+
+  .site-point-cancel-btn {
+    border: 1px solid #3988ff !important;
+    background: #174d9b !important;
+    color: #43c0ff !important;
+
+    &:hover,
+    &:focus {
+      border-color: #75c9ff !important;
+      background: #256fcc !important;
+      color: #ffffff !important;
+    }
+  }
+}
+
+.monitor-config-dialog {
+  height: 88vh;
+  max-height: 88vh;
+  margin-bottom: 0;
+  display: flex;
+  flex-direction: column;
+
+  &,
+  * {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+
+  &::-webkit-scrollbar,
+  *::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none;
+  }
+
+  .el-dialog__body {
+    height: calc(88vh - 135px) !important;
+    flex: 1 1 auto;
+    overflow: auto;
+    padding: 24px;
+    box-sizing: border-box;
+  }
+
+  .horizontal-tabs-container {
+    min-height: 650px;
+  }
+
+  .el-dialog__footer {
+    flex-shrink: 0;
+  }
+
+  .el-button {
+    border: 1px solid #3988ff !important;
+    background: rgba(3, 81, 198, 0.78) !important;
+    color: #43c0ff !important;
+
+    &:hover,
+    &:focus {
+      border-color: #43c0ff !important;
+      background: rgba(57, 136, 255, 0.86) !important;
+      color: #ffffff !important;
+    }
+
+    &.is-disabled,
+    &.is-disabled:hover,
+    &.is-disabled:focus {
+      border-color: rgba(57, 136, 255, 0.35) !important;
+      background: rgba(3, 81, 198, 0.28) !important;
+      color: rgba(67, 192, 255, 0.45) !important;
+    }
+  }
+
+  .el-button--text {
+    border-color: transparent !important;
+    background: transparent !important;
+    color: #43c0ff !important;
+
+    &:hover,
+    &:focus {
+      background: rgba(57, 136, 255, 0.14) !important;
+      color: #43c0ff !important;
+    }
+  }
+}
+
+.monitor-config-popover {
+  &,
+  * {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+
+  &::-webkit-scrollbar,
+  *::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none;
+  }
+
+  .el-button {
+    border: 1px solid #3988ff !important;
+    background: rgba(3, 81, 198, 0.78) !important;
+    color: #43c0ff !important;
+
+    &:hover,
+    &:focus {
+      border-color: #43c0ff !important;
+      background: rgba(57, 136, 255, 0.86) !important;
+      color: #ffffff !important;
+    }
+  }
+}
+
+.bind-thermal-dialog .bind-thermal-secondary-btn {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#1f6fe8, #2f8df2) padding-box,
+    linear-gradient(135deg, #75c9ff, #1c5fd8) border-box !important;
+  color: #ffffff !important;
+  box-shadow: 0 0 0 1px rgba(117, 201, 255, 0.35);
+
+  &:hover,
+  &:focus {
+    border-color: transparent !important;
+    background:
+      linear-gradient(#2f8df2, #4aa3ff) padding-box,
+      linear-gradient(135deg, #9cdbff, #3988ff) border-box !important;
+    color: #ffffff !important;
+    box-shadow: 0 0 0 1px rgba(156, 219, 255, 0.55);
+  }
+}
+
 .card-message-box {
   border: none;
   padding-bottom: 0;
@@ -632,6 +785,26 @@
       }
     }
 
+    .el-button,
+    .el-button--primary {
+      border: 1px solid transparent !important;
+      background:
+        linear-gradient(#1f6fe8, #2f8df2) padding-box,
+        linear-gradient(135deg, #75c9ff, #1c5fd8) border-box !important;
+      color: #ffffff !important;
+      box-shadow: 0 0 0 1px rgba(117, 201, 255, 0.35);
+
+      &:hover,
+      &:focus {
+        border-color: transparent !important;
+        background:
+          linear-gradient(#2f8df2, #4aa3ff) padding-box,
+          linear-gradient(135deg, #9cdbff, #3988ff) border-box !important;
+        color: #ffffff !important;
+        box-shadow: 0 0 0 1px rgba(156, 219, 255, 0.55);
+      }
+    }
+
 
   }
 }
diff --git a/src/views/cards/patrolPlan/notstart.vue b/src/views/cards/patrolPlan/notstart.vue
new file mode 100644
index 0000000..a43a06e
--- /dev/null
+++ b/src/views/cards/patrolPlan/notstart.vue
@@ -0,0 +1,717 @@
+<template>
+  <CardBox
+    class="card-page"
+    :showTitle="false"
+  >
+    <div class="page-container">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        label-width="68px"
+      >
+        <el-form-item label="方案名称" prop="taskName">
+          <el-input
+            v-model="queryParams.taskName"
+            placeholder="请输入方案名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="区域名称" prop="areaName">
+          <el-select
+            v-model="queryParams.areaName"
+            filterable
+            clearable
+            placeholder="请选择区域"
+            @change="handleQuery"
+          >
+            <el-option
+              v-for="(item, index) in areaList"
+              :key="index"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <!-- <el-form-item label="区域名称" prop="areaName">
+          <el-input
+            v-model="queryParams.areaName"
+            placeholder="请输入区域名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item> -->
+        <!--
+
+          <el-form-item label="状态">
+            <el-select v-model="queryParams.isenable" placeholder="请选择" clearable>
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
+
+
+          <el-form-item label="方案有效期" label-width="100px">
+            <el-date-picker v-model="dateRange" size="small" style="width: 240px" value-format="yyyy-MM-dd"
+              type="daterange" :picker-options="dateRangePickerOptions" range-separator="-" start-placeholder="开始日期"
+              end-placeholder="结束日期" :clearable="true"></el-date-picker>
+          </el-form-item>
+
+
+          <el-form-item label="创建时间">
+            <el-date-picker v-model="dateRange2" size="small" style="width: 240px" value-format="yyyy-MM-dd"
+              type="daterange" :picker-options="dateRangePickerOptions2" range-separator="-" start-placeholder="开始日期"
+              end-placeholder="结束日期" :clearable="true"></el-date-picker>
+          </el-form-item> -->
+
+        <el-form-item>
+          <el-button
+            class="task-toolbar-btn"
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button
+            class="task-toolbar-btn"
+            type="primary"
+            icon="el-icon-plus"
+            size="mini"
+            @click="linkUrl"
+            >添加</el-button
+          >
+          <!-- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+              >重置</el-button
+            > -->
+        </el-form-item>
+      </el-form>
+
+      <div class="table-card" ref="tableCardRef">
+        <el-table
+          v-loading="loading"
+          :data="dataList"
+          class="card-table"
+          ref="tableRef"
+          border
+          stripe
+          :height="tableHeight"
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            width="60"
+            align="center"
+            :index="table_index"
+          />
+          <el-table-column label="方案名称" align="left" prop="taskName" width="700" header-align="center" />
+          <el-table-column label="点位数量" align="center" prop="totalPoints" />
+          <el-table-column label="创建时间" align="center" prop="createTime" />
+          <el-table-column label="区域名称" align="center" prop="areaName" />
+          <el-table-column
+            label="任务策略"
+            align="center"
+            prop="executionStatus"
+            :formatter="stateFormat"
+          >
+          </el-table-column>
+          <!-- <el-table-column
+            label="执行任务周期"
+            align="center"
+            prop="taskCycle"
+            :formatter="stateTask"
+          /> -->
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              <el-tooltip content="立即执行" placement="bottom">
+                <i
+                  class="el-icon-finished fss"
+                  @click="controlChange(scope.row)"
+                ></i>
+              </el-tooltip>
+              <el-tooltip content="编辑" placement="bottom">
+                <i class="el-icon-edit fss" @click="editClick(scope.row)"></i>
+              </el-tooltip>
+              <el-tooltip content="删除" placement="bottom">
+                <i class="el-icon-delete fss" @click="delClick(scope.row)"></i>
+              </el-tooltip>
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <CardPagination
+          v-show="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+
+      <el-dialog
+        title="新建方案"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :destroy-on-close="true"
+        :visible.sync="addShow"
+        width="1800px"
+        custom-class="card-dialog card-page patrol-plan-dialog"
+      >
+        <summaryNewTask
+          @hideDialog="addShow = false"
+          v-if="addShow"
+          @addSuccess="addSuccess"
+        >
+        </summaryNewTask>
+      </el-dialog>
+
+      <el-dialog
+        title="编辑任务"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :destroy-on-close="true"
+        :visible.sync="editShow"
+        width="1800px"
+        custom-class="card-dialog card-page patrol-plan-dialog"
+      >
+        <summaryEditTask
+          @hideDialog="editShow = false"
+          :editid="editid"
+          @editSuccess="editSuccess"
+          v-if="editShow"
+        >
+        </summaryEditTask>
+      </el-dialog>
+    </div>
+  </CardBox>
+</template>
+
+<script>
+import {
+  taskPatrol,
+  changeStatus,
+  delTask,
+  controlChange,
+} from "@/api/basedata/area/area";
+import { listData } from "@/api/system/dict/data";
+import summaryNewTask from "./summary_newTask"
+import summaryEditTask from "./summary_editTask"
+import debounce from "lodash.debounce";
+import CardBox from "../components/cardBox.vue";
+import CardPagination from "../components/CardPagination/index.vue";
+export default {
+  name: "InspectionReporter",
+  dicts: ["patrol_type", "device_type"],
+  components: { summaryNewTask, summaryEditTask, CardBox, CardPagination },
+  data() {
+    return {
+      editShow: false,
+      editid: "",
+      addShow: false,
+      options: [
+        {
+          value: "0",
+          label: "开启",
+        },
+        {
+          value: "1",
+          label: "不开启",
+        },
+      ],
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 总条数
+      total: 0,
+      // 数据
+      dataList: [],
+      //时间范围
+      dateRange: [],
+      dateRangePickerOptions: {
+        disabledDate(selectDate) {
+          return new Date().getTime() < selectDate.getTime();
+        },
+      },
+      dateRange2: [],
+      dateRangePickerOptions2: {
+        disabledDate(selectDate) {
+          return new Date().getTime() < selectDate.getTime();
+        },
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        taskName: null,
+        areaName: null,
+        isenable: null,
+      },
+      // 是否显示报告信息
+      showReport: false,
+      //报告信息
+      reportInfo: {},
+      // table 高度
+      tableHeight: null,
+      areaList: [
+      ],
+    };
+  },
+  created() {
+    // 防抖
+    this.setTableHeight = debounce(this.setTableHeight, 300);
+    window.addEventListener("resize", this.setTableHeight);
+    this.getList();
+
+    window.addEventListener("message", (e) => {
+      let datasList = JSON.parse(e.data);
+      if (datasList.id == "editTask") {
+        this.getList();
+      }
+    });
+  },
+  mounted() {
+    this.setTableHeight();
+    this.getAreaList()
+  },
+  destroyed() {
+    this.setTableHeight.cancel();
+    window.removeEventListener("resize", this.setTableHeight);
+  },
+  methods: {
+    // 获取区域列表
+    getAreaList() {
+      var data = {"dictType":"sys_area_list"}
+      listData(data).then((res) => {
+        this.areaList = res.rows;
+      });
+    },
+    table_index(index) {
+      return (
+        (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1
+      );
+    },
+    delClick(row) {
+      let taskIds = row.taskId;
+      this.$modal
+        .confirm('是否确认删除方案名称为"' + row.taskName + '"的数据项？')
+        .then(function () {
+          return delTask(taskIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
+    },
+    linkUrl() {
+      this.addShow = true;
+    },
+    addSuccess() {
+      this.addShow = false;
+      this.$modal.msgSuccess("添加成功");
+      this.getList();
+    },
+    editSuccess() {
+      this.editShow = false;
+      this.getList();
+    },
+    changeSwitch(row) {
+      const data = {
+        taskId: row.taskId,
+        isenable: row.isenable,
+      };
+      changeStatus(data).then((response) => {
+        if (response.code == 200) {
+          this.getList();
+        }
+      });
+    },
+    controlChange(row) {
+      let result = 1;
+      let that = this;
+      this.loading = true;
+      controlChange(row.taskId)
+        .then((res) => {
+          sessionStorage.setItem("ShuanXing", JSON.stringify(result));
+          that.getList();
+          this.$modal.msgSuccess("指令下发成功");
+          // 传值刷新任务列表
+          var data = {
+            id: "notstart",
+            sourceId: "",
+            targetId: "main_frame_global_modal", // 基座系统弹窗ID
+            event: {
+              type: "PING",
+              data: {},
+            },
+            tm: new Date().getTime(), // 时间戳
+          };
+          window.top.postMessage(JSON.stringify(data), "*");
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+    stateFormat(row, column) {
+      if (row.executionStatus == 0) {
+        return "立即执行";
+      } else if (row.executionStatus == 1) {
+        return "周期执行";
+      } else if (row.executionStatus == 2) {
+        return "定时执行";
+      } else if (row.executionStatus == 3) {
+        return "已执行";
+      } else if (row.executionStatus == 4) {
+        return "间隔执行";
+      }
+    },
+    stateTask(row, column) {
+      if (row.executionStatus == 1) {
+        // if (row.taskCycle == 0) {
+        //   // return "按月";
+        // } else if (row.taskCycle == 1) {
+        //   return "按周";
+        // }
+        return "";
+      }
+    },
+    setTableHeight() {
+      if (!this.$refs.tableCardRef) {
+        return;
+      }
+      this.tableHeight = Math.max(this.$refs.tableCardRef.clientHeight - 48, 160);
+    },
+    /** 获取数据列表 */
+    getList() {
+      this.loading = true;
+      // const params = {};
+      // for (const key in this.queryParams) {
+      //   if (Object.hasOwnProperty.call(this.queryParams, key)) {
+      //     const element = this.queryParams[key];
+      //     if (element) {
+      //       params[key] = element;
+      //     }
+      //   }
+      // }
+      if (this.dateRange && this.dateRange.length === 2) {
+        params.cycleStartTime = this.dateRange[0];
+        params.cycleEndTime = this.dateRange[1];
+      }
+      if (this.dateRange2 && this.dateRange.length2 === 2) {
+        params.beginTime = this.dateRange2[0];
+        params.endTime = this.dateRange2[1];
+      }
+      taskPatrol(this.queryParams).then((response) => {
+        this.dataList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    editClick(row) {
+      this.editid = row.taskId;
+      sessionStorage.setItem("reportLineId", JSON.stringify(this.editid));
+      this.editShow = true;
+
+      // this.$router.push({ path: "/edit_task", query: { taskId: row.taskId } });
+      // this.$router.push({name:'edit_task',params:{taskId:row.taskId}});
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.JiShu {
+  background-color: RGBA(23, 37, 51, 1);
+}
+.OuShu {
+  background-color: RGBA(32, 47, 62, 1);
+}
+.page-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.card-page {
+  height: 100%;
+  overflow: hidden;
+}
+
+.fss {
+  font-size: 20px;
+  margin: 0 15px;
+  cursor: pointer;
+}
+
+.table-card {
+  flex: 1;
+  height: 0;
+  min-height: 0;
+  overflow: hidden;
+
+  ::v-deep .el-card__body {
+    height: 100%;
+  }
+}
+
+.card-page .el-table td .cell {
+  color: #000000;
+}
+
+.card-page ::v-deep .card-table,
+.card-page ::v-deep .el-table {
+  width: 100% !important;
+  background: transparent !important;
+  color: #000000;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.card-page ::v-deep .el-table::before,
+.card-page ::v-deep .el-table::after,
+.card-page ::v-deep .el-table--border::after,
+.card-page ::v-deep .el-table--group::after {
+  background-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.card-page ::v-deep .el-table__header-wrapper,
+.card-page ::v-deep .el-table__fixed-header-wrapper {
+  background: #dbe7fb !important;
+}
+
+.card-page ::v-deep .el-table__body-wrapper,
+.card-page ::v-deep .el-table__fixed,
+.card-page ::v-deep .el-table__fixed-right,
+.card-page ::v-deep .el-table__empty-block {
+  background: transparent !important;
+  background-color: transparent !important;
+}
+
+.card-page ::v-deep .el-table th.el-table__cell {
+  background: #06347f !important;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.card-page ::v-deep .el-table th.el-table__cell .cell {
+  color: #ffffff !important;
+}
+
+.card-page ::v-deep .el-table td.el-table__cell {
+  background: transparent !important;
+  border-color: #c7d7f4 !important;
+  color: #000000 !important;
+}
+
+.card-page ::v-deep .el-table td.el-table__cell .cell {
+  color: #000000 !important;
+  font-weight: 500;
+}
+
+.card-page ::v-deep .el-table__row {
+  background: #e4edfc !important;
+}
+
+.card-page ::v-deep .el-table__row--striped td.el-table__cell {
+  background: #d7e4f8 !important;
+}
+
+.card-page ::v-deep .el-table__body tr:hover > td.el-table__cell {
+  background: #c5d9f6 !important;
+}
+
+.card-page ::v-deep .el-table__body-wrapper {
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.card-page ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+.task-toolbar-btn {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+}
+
+.task-toolbar-btn:hover,
+.task-toolbar-btn:focus {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+  opacity: 0.9;
+}
+
+::v-deep .patrol-plan-dialog .el-dialog__body {
+  height: auto !important;
+  max-height: calc(100vh - 160px);
+  padding: 0 24px 24px !important;
+  overflow-y: auto !important;
+}
+
+.table1 {
+  width: 100%;
+  border-collapse: collapse;
+  text-align: center;
+  table-layout: fixed;
+}
+.table1 > thead > tr > th {
+  width: 200px;
+  border: 1px solid RGBA(64, 72, 106, 1);
+  border-bottom: none;
+  background-color: RGBA(16, 29, 41, 1);
+  height: 38px;
+}
+.Tbody {
+  height: 400px;
+  overflow: scroll;
+}
+.table1 > tbody > tr > td {
+  width: 211px;
+  border: 1px solid RGBA(64, 72, 106, 1);
+  height: 45px;
+}
+.HeadXuHao {
+  width: 50px !important;
+}
+.TbodyXuHao {
+  width: 52px !important;
+}
+.HeadCaoZuo {
+  width: 160px !important;
+}
+.TbodyCaoZuo {
+  width: 169px !important;
+}
+.HeadChuanJian {
+  width: 300px !important;
+}
+.TbodyChuanJian {
+  width: 317px !important;
+}
+.el-scrollbar {
+  background-color: RGBA(32, 47, 62, 1) !important;
+}
+.table-box {
+  flex: 1;
+  height: 0;
+  overflow-y: auto;
+}
+</style>
+<!--
+<style lang="scss" scoped>
+.title_img {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  z-index: 0;
+  width: 1848px;
+}
+.el-dialog__header {
+  background-color: #222f3d !important;
+}
+.el-dialog__body {
+  background-color: #222f3d !important;
+}
+.el-input__inner {
+  height: 28px !important;
+  line-height: 28px !important;
+}
+.el-select .el-input.is-focus .el-input__inner {
+  border-color: #1890ff !important;
+}
+
+.el-select-dropdown {
+  border: 1px solid RGBA(32, 47, 62, 1) !important;
+}
+
+.el-card.is-always-shadow {
+  border: none !important;
+  box-shadow: none !important;
+}
+
+.el-select-dropdown__list {
+  background-color: #202f3e !important;
+  border: 1px solid #40486a !important;
+  border-radius: 4px !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  background-color: RGBA(23, 37, 51, 1) !important;
+}
+
+.el-form-item__label {
+  width: 82px !important;
+}
+.el-card__body {
+  padding: 0 0 15px 0 !important;
+}
+.content {
+  padding: 15px 15px 6px 15px !important;
+}
+.pagination-container {
+  margin-top: -2px !important;
+}
+.el-table {
+  height: 144px !important;
+  overflow: scroll !important;
+}
+.card-page .el-table::before {
+  background-color: rgb(0, 1, 1, 0) !important;
+}
+.el-table__header,
+.el-table__body,
+.el-table__footer {
+  border-left: 1px solid #40486a !important;
+}
+.el-table__header {
+  border-top: 1px solid #40486a !important;
+  border-left: 1px solid #40486a !important;
+}
+.el-table--border {
+  border: none;
+}
+.el-table__header-wrapper,
+.el-table__body-wrapper,
+.el-table__footer-wrapper {
+  border-right: 1px solid #40486a !important;
+}
+.el-table--border::after {
+  background-color: rgb(0, 1, 1, 0) !important;
+}
+</style> -->
diff --git a/src/views/cards/patrolPlan/summary_editTask.vue b/src/views/cards/patrolPlan/summary_editTask.vue
new file mode 100644
index 0000000..b1fdcbc
--- /dev/null
+++ b/src/views/cards/patrolPlan/summary_editTask.vue
@@ -0,0 +1,1536 @@
+<template>
+  <div class="task">
+    <div class="ac-on1">
+      <!-- 左侧：任务信息表单 -->
+      <div class="ac-on1-box">
+        <!-- 名称 -->
+        <div class="form-row">
+          <div class="form-label">任务名称 <span>*</span></div>
+          <el-input
+            class="form-input"
+            v-model="formData.taskName"
+            placeholder="请输入"
+          ></el-input>
+        </div>
+
+        <!-- 任务类型 -->
+        <div class="form-row">
+          <div class="form-label">任务类型 <span>*</span></div>
+          <TreeSelect
+            :defaultExpandLevel="2"
+            :limit="0"
+            :limitText="(count) => `+${count}`"
+            v-model="formData.type"
+            :options="listPatroltype"
+            :show-count="true"
+            placeholder="请选择巡检类型"
+            @select="handlePatrolTypeSelect"
+            class="form-input"
+          />
+        </div>
+
+        <!-- 点位类型 - 复选框组 -->
+        <div class="form-row checkbox-row">
+          <div class="form-label">点位类型 <span>*</span></div>
+          <div class="form-input checkbox-group-wrapper">
+            <el-checkbox-group
+              v-model="formData.pointTypeList"
+              @change="handlePointTypeChange"
+            >
+              <el-checkbox
+                v-for="item in pointTypeOptions"
+                :key="item.dictCode"
+                :label="String(item.dictCode)"
+                >{{ item.dictLabel }}</el-checkbox
+              >
+            </el-checkbox-group>
+          </div>
+        </div>
+
+        <!-- 设备类型 - 复选框组 -->
+        <div class="form-row checkbox-row">
+          <div class="form-label">设备类型 <span>*</span></div>
+          <div class="form-input checkbox-group-wrapper">
+            <el-checkbox-group
+              v-model="formData.deviceTypeList"
+              @change="handleDeviceTypeChange"
+            >
+              <el-checkbox
+                v-for="item in deviceTypeOptions"
+                :key="item.dictCode"
+                :label="String(item.dictCode)"
+                >{{ item.dictLabel }}</el-checkbox
+              >
+            </el-checkbox-group>
+          </div>
+        </div>
+
+        <!-- 时间周期选择 -->
+        <div class="form-row">
+          <div class="form-label">执行策略 <span>*</span></div>
+          <el-radio-group
+            v-model="formData.executionType"
+            class="form-input el-radio-group"
+          >
+            <el-radio label="1">定时执行</el-radio>
+            <el-radio label="2">周期执行</el-radio>
+            <el-radio label="3">间隔执行</el-radio>
+          </el-radio-group>
+        </div>
+
+        <!-- 定时执行 -->
+        <template v-if="formData.executionType == '1'">
+          <div class="form-row">
+            <div class="form-label">执行时间<span>*</span></div>
+            <div class="form-input">
+              <el-date-picker
+                v-model="formData.fixedStartTime"
+                type="datetime"
+                placeholder="选择日期时间"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :picker-options="pickerOptions0"
+                style="width: 100%"
+              />
+            </div>
+          </div>
+        </template>
+
+        <!-- 周期执行 -->
+        <template v-if="formData.executionType == '2'">
+          <div class="form-row">
+            <div class="form-label">计划有效期 <span>*</span></div>
+            <div class="form-input">
+              <div class="date-range">
+                <el-date-picker
+                  v-model="formData.cycleStartTime"
+                  type="datetime"
+                  @change="handleChangeStartTime"
+                  placeholder="选择开始日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions0"
+                  style="flex: 1"
+                />
+                <span class="separator">-</span>
+                <el-date-picker
+                  v-model="formData.cycleEndTime"
+                  type="datetime"
+                  @change="handleChangeEndTime"
+                  placeholder="选择结束日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions1"
+                  style="flex: 1"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">任务执行周期 <span>*</span></div>
+            <el-select
+              class="form-input"
+              v-model="weekormonth"
+              @change="onChangeWeekOrMonth"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in options1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">任务执行时间 <span>*</span></div>
+            <div class="form-input">
+              <div class="time-header-with-btn">
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="add1"
+                  v-if="weekormonth == 'month'"
+                  >添加({{ timelist1.length }})</el-button
+                >
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="add1"
+                  v-if="weekormonth == 'week'"
+                  >添加({{ timelist2.length }})</el-button
+                >
+              </div>
+            </div>
+          </div>
+
+          <div class="time-table-wrapper">
+            <div class="time-header">
+              <div class="header-item">日期</div>
+              <div class="header-item">时间</div>
+              <div class="header-item">操作</div>
+            </div>
+
+            <div v-if="weekormonth == 'month'">
+              <div
+                class="time-row"
+                v-for="(item, index) in timelist1"
+                :key="index"
+              >
+                <div class="time-select-wrapper">
+                  <el-select
+                    v-model="item.zhixing"
+                    @change="handleChangeTaskRunDayWithMonth(item)"
+                    placeholder="请选择"
+                    class="time-select"
+                  >
+                    <el-option
+                      v-for="day in dayList"
+                      :key="day"
+                      :label="day"
+                      :value="day"
+                    />
+                  </el-select>
+                </div>
+                <div class="time-picker-wrapper">
+                  <el-time-picker
+                    v-model="item.time"
+                    @change="(t) => handleChangeTaskRunTimeWithMonth(t, item)"
+                    placeholder="选择时间"
+                    value-format="HH:mm:ss"
+                    class="time-picker"
+                  />
+                </div>
+                <div class="delete-wrapper">
+                  <i
+                    class="el-icon-delete"
+                    title="删除"
+                    @click="delete1(index)"
+                  ></i>
+                </div>
+              </div>
+            </div>
+
+            <div v-if="weekormonth == 'week'">
+              <div
+                class="time-row"
+                v-for="(item, index) in timelist2"
+                :key="index"
+              >
+                <div class="time-select-wrapper">
+                  <el-select
+                    v-model="item.zhixing"
+                    @change="handleChangeTaskRunDay(item)"
+                    placeholder="请选择"
+                    class="time-select"
+                  >
+                    <el-option
+                      v-for="day in weekendList"
+                      :key="day"
+                      :label="day"
+                      :value="day"
+                    />
+                  </el-select>
+                </div>
+                <div class="time-picker-wrapper">
+                  <el-time-picker
+                    v-model="item.time"
+                    @change="(t) => handleChangeTaskRunTime(t, item)"
+                    value-format="HH:mm:ss"
+                    placeholder="选择时间"
+                    class="time-picker"
+                  />
+                </div>
+                <div class="delete-wrapper">
+                  <i
+                    class="el-icon-delete"
+                    title="删除"
+                    @click="delete1(index)"
+                  ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+
+        <!-- 间隔执行 -->
+        <template v-if="formData.executionType == '3'">
+          <div class="form-row">
+            <div class="form-label">间隔 <span>*</span></div>
+            <div class="form-input">
+              <div class="date-range">
+                <el-date-picker
+                  v-model="formData.intervalStartTime"
+                  @change="handleChangeIntervalStartTime"
+                  type="datetime"
+                  placeholder="选择开始日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions0"
+                  style="flex: 1"
+                />
+                <span class="separator">-</span>
+                <el-date-picker
+                  v-model="formData.intervalEndTime"
+                  @change="handleChangeIntervalEndTime"
+                  type="datetime"
+                  placeholder="选择结束日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions1"
+                  style="flex: 1"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">执行时间 <span>*</span></div>
+            <el-time-picker
+              class="form-input"
+              v-model="formData.intervalExecuteTime"
+              placeholder="间隔内开始时间"
+              value-format="HH:mm:ss"
+            />
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">间隔类型 <span>*</span></div>
+            <el-select
+              class="form-input"
+              v-model="formData.intervalType"
+              placeholder="请选择"
+            >
+              <el-option label="小时" value="1"></el-option>
+            </el-select>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">间隔执行次数 <span>*</span></div>
+            <el-input-number
+              class="form-input"
+              v-if="formData.intervalType == 1"
+              v-model="formData.intervalNumber"
+              :min="1"
+              :max="maxintervalNumber"
+              :precision="0"
+              style="width: 100%"
+            />
+          </div>
+        </template>
+
+        <!-- 是否开启 -->
+        <div class="form-row">
+          <div class="form-label">是否开启 <span>*</span></div>
+          <el-radio-group
+            v-model="formData.isEnabled"
+            class="form-input el-radio-group"
+          >
+            <el-radio label="0">是</el-radio>
+            <el-radio label="1">否</el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+
+      <!-- 右侧：巡检区域树 + 按钮 -->
+      <div class="ac-on1-box ac-one1-right">
+        <!-- 巡检区域筛选 -->
+        <div class="form-row area-filter-row">
+          <div class="form-label">巡检区域</div>
+          <el-input
+            class="form-input"
+            placeholder="输入关键字进行过滤"
+            v-model="filterText"
+          />
+        </div>
+
+        <el-checkbox
+          style="margin-top: 10px;margin-left:65px"
+          v-model="checkAll"
+          @change="handleCheckAllChange"
+          >全选</el-checkbox
+        >
+        <div class="tree-container">
+          <el-tree
+            :filter-node-method="filterNode"
+            :props="treeProps"
+            ref="treeForm"
+            :data="areaList"
+            show-checkbox
+            node-key="id"
+            :default-checked-keys="defaultCheckedAreaKeys"
+            @check-change="handleCheckChange"
+            class="transparent-tree"
+          />
+        </div>
+
+        <div class="button-group-tree">
+          <el-button class="patrol-dialog-cancel-btn" @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submit" :loading="isSubmitting" :disabled="isSubmitting"
+            >{{ isSubmitting ? '提交中...' : '保存' }}</el-button
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { editTaskShaoxing, shaoxingEditSave } from "@/api/basedata/area/area";
+import { listData } from "@/api/system/dict/data";
+import TreeSelect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import linq from "linq";
+import { listPatroltype } from "@/api/basedata/patrolpointmnt/patroltype";
+import { getWeekdaysInRange, getDaysInRange } from "@/utils/index.js";
+import { treeAreaDeviceSelectFilterByPresetRight } from "@/api/basedata/patrolpointmnt/patrolpoint";
+
+export default {
+  name: "edit_task",
+  components: { TreeSelect },
+  data() {
+    return {
+      checkAll: false,
+      listPatroltype: [],
+      isSubmitting: false,
+      pointTypeOptions: [],
+      deviceTypeOptions: [],
+      skipWatch: false,
+      // 存储从接口获取的原始勾选数据
+      savedCheckedAreaKeys: [],
+
+      pickerOptions0: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      pickerOptions1: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+
+      options1: [
+        { value: "week", label: "按周选择" },
+        { value: "month", label: "按月选择" },
+      ],
+      weekormonth: "week",
+      timelist1: [{ zhixing: "", time: "" }],
+      timelist2: [{ zhixing: "", time: "" }],
+      weekendList: [],
+      dayList: [],
+
+      filterText: "",
+      treeProps: {
+        children: "children",
+        label: (data) => {
+          if (data.deviceName) {
+            return data.deviceName;
+          }
+          if (data.areaName) {
+            return data.areaName;
+          }
+          if (data.patrolPointName) {
+            return data.patrolPointName;
+          }
+          return "未命名";
+        },
+      },
+      areaList: [],
+      defaultCheckedAreaKeys: [],
+
+      formData: {
+        taskId: null,
+        taskName: "",
+        priority: "1",
+        type: null,
+        pointTypeList: [],
+        deviceTypeList: [],
+        executionMode: true,
+        executionType: "1",
+        fixedStartTime: "",
+        cycleStartTime: "",
+        cycleEndTime: "",
+        cycleWeek: "",
+        cycleMonth: "",
+        cycleExecuteTime: "",
+        intervalStartTime: "",
+        intervalEndTime: "",
+        intervalExecuteTime: "",
+        intervalType: "1",
+        intervalNumber: 0,
+        isEnabled: "0",
+        areaIdS: "",
+        patrolPointIds: [],
+      },
+
+      specialPatrolConditions: `特殊巡视已开启，启动条件包括：
+1. 恶劣天气情况：
+   - 大风后
+   - 雷雨后
+   - 雾霾中
+   - 冰雪及冰雹后
+
+2. 设备状态变化：
+   - 新设备投入运行后
+   - 设备经过检修、改造后
+   - 设备长期停运后重新投入系统运行
+
+3. 设备异常情况：
+   - 设备缺陷有发展时
+   - 设备发生过负载或负载剧增
+   - 设备超温、发热
+   - 系统冲击、跳闸等异常情况
+
+4. 特殊时段：
+   - 法定节假日
+   - 上级通知有重要保供电任务时
+   - 电网供电可靠性下降时段
+   - 存在发生较大电网事故（事件）风险时段`,
+    };
+  },
+  computed: {
+    maxintervalNumber() {
+      try {
+        return 24 - new Date(this.formData.intervalExecuteTime).getHours();
+      } catch (error) {
+        return 0;
+      }
+    },
+    isSpecialPatrol() {
+      if (!this.formData.type) return false;
+      const findSpecialPatrol = (items) => {
+        for (const item of items) {
+          if (item.id === this.formData.type && item.label === "特殊巡视")
+            return true;
+          if (item.children && findSpecialPatrol(item.children)) return true;
+        }
+        return false;
+      };
+      return findSpecialPatrol(this.listPatroltype);
+    },
+    submitPointType() {
+      return this.formData.pointTypeList.join(",");
+    },
+    submitDeviceType() {
+      return this.formData.deviceTypeList.join(",");
+    },
+  },
+  watch: {
+    filterText(val) {
+      if (this.$refs.treeForm) {
+        this.$refs.treeForm.filter(val);
+      }
+    },
+    isSpecialPatrol(val) {
+      if (val) {
+        this.showSpecialPatrolAlert();
+      }
+    },
+  },
+  created() {
+    this.taskId = JSON.parse(sessionStorage.getItem("reportLineId"));
+    this.initData();
+  },
+  methods: {
+    async initData() {
+      this.skipWatch = true; // 锁
+
+      try {
+        const [pointTypeRes, deviceTypeRes] = await Promise.all([
+          listData({ dictType: "point_alg_category" }),
+          listData({ dictType: "point_device_type" }),
+        ]);
+
+        this.pointTypeOptions = pointTypeRes.rows || [];
+        this.deviceTypeOptions = deviceTypeRes.rows || [];
+
+        await this.fetchPatrolTypes();
+        await this.getTaskInfo();
+        await this.getAreaList(); // 获取树数据
+      } catch (error) {
+        console.error("初始化数据失败:", error);
+      } finally {
+        this.skipWatch = false; // 解锁
+      }
+    },
+
+    fetchPatrolTypes() {
+      return listPatroltype().then((res) => {
+        const list = [];
+        linq
+          .from(res.rows)
+          .where((x) => x.parentId === 0)
+          .toArray()
+          .forEach((node) => {
+            const childs = linq
+              .from(res.rows)
+              .where((c) => c.parentId === node.patrolTypeId)
+              .select((q) => ({
+                id: q.patrolTypeCode,
+                label: q.patrolTypeName,
+              }))
+              .toArray();
+            const ptype = {
+              id: node.patrolTypeCode,
+              isOpen: true,
+              label: node.patrolTypeName,
+            };
+            if (childs.length) ptype.children = childs;
+            list.push(ptype);
+          });
+        this.listPatroltype = list;
+      });
+    },
+
+    // 获取任务详情
+    getTaskInfo() {
+      return editTaskShaoxing(this.taskId).then((response) => {
+        const data = response.data;
+        this.formData.taskId = this.taskId;
+        this.formData.taskName = data.taskName;
+        this.formData.priority = data.priority;
+        this.formData.type = data.type;
+        this.formData.executionMode = data.executionMode == "0";
+
+        if (data.executionStatus == "2") {
+          this.formData.executionType = "1";
+        } else if (data.executionStatus == "1") {
+          this.formData.executionType = "2";
+        } else if (data.executionStatus == "4") {
+          this.formData.executionType = "3";
+        }
+
+        this.formData.fixedStartTime = data.fixedStartTime;
+        this.formData.cycleStartTime = data.cycleStartTime;
+        this.formData.cycleEndTime = data.cycleEndTime;
+
+        if (data.taskCycle == "1") {
+          this.weekormonth = "week";
+          if (data.cycleWeek) {
+            const weeks = data.cycleWeek.split(",");
+            const times = data.cycleExecuteTime
+              ? data.cycleExecuteTime.split(",")
+              : [];
+            this.timelist2 = weeks.map((w, idx) => ({
+              zhixing: w,
+              time: times[idx] || "",
+            }));
+          }
+        } else if (data.taskCycle == "0") {
+          this.weekormonth = "month";
+          if (data.cycleMonth) {
+            const months = data.cycleMonth.split(",");
+            const times = data.cycleExecuteTime
+              ? data.cycleExecuteTime.split(",")
+              : [];
+            this.timelist1 = months.map((m, idx) => ({
+              zhixing: m,
+              time: times[idx] || "",
+            }));
+          }
+        }
+
+        this.formData.intervalStartTime = data.intervalStartTime;
+        this.formData.intervalEndTime = data.intervalEndTime;
+        this.formData.intervalExecuteTime = data.intervalExecuteTime;
+        this.formData.intervalType = data.intervalType || "1";
+        this.formData.intervalNumber = data.intervalNumber || 0;
+        this.formData.isEnabled = data.isenable || "0";
+
+        if (data.pointType) {
+          this.formData.pointTypeList = data.pointType
+            .split(",")
+            .filter((code) =>
+              this.pointTypeOptions.some(
+                (opt) => String(opt.dictCode) === String(code)
+              )
+            );
+        } else {
+          this.formData.pointTypeList = [];
+        }
+
+        if (data.deviceType) {
+          this.formData.deviceTypeList = data.deviceType
+            .split(",")
+            .filter((code) =>
+              this.deviceTypeOptions.some(
+                (opt) => String(opt.dictCode) === String(code)
+              )
+            );
+        } else {
+          this.formData.deviceTypeList = [];
+        }
+
+        // ====================== 只勾点位！！！======================
+        const checkedNodeIds = [];
+        if (data.patrolPointIds && data.patrolPointIds.length) {
+          data.patrolPointIds.forEach((id) => {
+            checkedNodeIds.push(`point_${id}`);
+          });
+        }
+
+        this.savedCheckedAreaKeys = checkedNodeIds;
+        this.defaultCheckedAreaKeys = checkedNodeIds;
+        this.changeDateList();
+      });
+    },
+
+    getAreaList() {
+      // 移除 skipWatch 判断，确保每次调用都会执行
+      const params = {};
+      if (this.formData.deviceTypeList.length) {
+        params.devTypeCodeList = this.formData.deviceTypeList;
+      }
+      if (this.formData.pointTypeList.length) {
+        params.algTypeCodeList = this.formData.pointTypeList;
+      }
+      params.filterByPreset = true;
+      return treeAreaDeviceSelectFilterByPresetRight(params)
+        .then(({ data }) => {
+          this.areaList = data;
+          this.assignNodeIds(this.areaList);
+
+          this.$nextTick(() => {
+            if (this.savedCheckedAreaKeys && this.savedCheckedAreaKeys.length) {
+              this.$refs.treeForm.setCheckedKeys([]);
+              this.$refs.treeForm.setCheckedKeys(this.savedCheckedAreaKeys);
+            }
+          });
+        })
+        .catch((err) => console.error(err));
+    },
+
+    assignNodeIds(nodes, parentId = "") {
+      if (!nodes || !Array.isArray(nodes)) return;
+      const idSet = new Set();
+      nodes.forEach((node, index) => {
+        if (!node.id) {
+          if (node.areaId) {
+            node.id = `area_${node.areaId}`;
+          } else if (node.deviceId) {
+            node.id = `device_${node.deviceId}`;
+          } else if (node.patrolPointId) {
+            node.id = `point_${node.patrolPointId}`;
+          } else {
+            let newId = `${parentId}_${index}`;
+            while (idSet.has(newId)) {
+              newId = `${parentId}_${index}_${Date.now()}_${Math.random()}`;
+            }
+            node.id = newId;
+          }
+        }
+        idSet.add(node.id);
+        if (node.children && node.children.length > 0) {
+          this.assignNodeIds(node.children, node.id);
+        }
+      });
+    },
+
+    // 点位类型变化时重新获取树
+    handlePointTypeChange() {
+      // 跳过初始化时的触发
+      if (this.skipWatch) return;
+      // 直接调用接口
+      this.getAreaList();
+    },
+
+    // 设备类型变化时重新获取树
+    handleDeviceTypeChange() {
+      // 跳过初始化时的触发
+      if (this.skipWatch) return;
+      // 直接调用接口
+      this.getAreaList();
+    },
+
+    handlePatrolTypeSelect(node) {},
+
+    showSpecialPatrolAlert() {
+      this.$alert(this.specialPatrolConditions, "特殊巡视启动条件", {
+        confirmButtonText: "确定",
+        customClass: "special-patrol-alert",
+        showClose: false,
+      });
+    },
+
+    onChangeWeekOrMonth() {
+      this.changeDateList();
+    },
+
+    changeDateList() {
+      if (!this.formData.cycleStartTime || !this.formData.cycleEndTime) return;
+      if (this.weekormonth == "month") {
+        this.dayList = getDaysInRange(
+          this.formData.cycleStartTime,
+          this.formData.cycleEndTime
+        );
+      } else {
+        this.weekendList = getWeekdaysInRange(
+          this.formData.cycleStartTime,
+          this.formData.cycleEndTime
+        );
+      }
+    },
+
+    handleChangeTaskRunTimeWithMonth(t, item) {
+      const sameArray = this.timelist1.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.time = null;
+      }
+    },
+
+    handleChangeTaskRunDayWithMonth(item) {
+      const sameArray = this.timelist1.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.zhixing = "";
+      }
+    },
+
+    handleChangeTaskRunTime(t, item) {
+      const sameArray = this.timelist2.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.time = null;
+      }
+    },
+
+    handleChangeTaskRunDay(item) {
+      const sameArray = this.timelist2.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.zhixing = "";
+      }
+    },
+
+    handleChangeStartTime(t) {
+      if (
+        t &&
+        this.formData.cycleEndTime &&
+        new Date(t) >= new Date(this.formData.cycleEndTime)
+      ) {
+        this.formData.cycleStartTime = "";
+        this.$message.warning("起始时间要小于截止时间");
+      }
+      this.changeDateList();
+      this.resetTimeList();
+    },
+
+    handleChangeEndTime(t) {
+      if (
+        t &&
+        this.formData.cycleStartTime &&
+        new Date(t) <= new Date(this.formData.cycleStartTime)
+      ) {
+        this.formData.cycleEndTime = "";
+        this.$message.warning("截止时间要大于起始时间");
+      }
+      this.changeDateList();
+      this.resetTimeList();
+    },
+
+    resetTimeList() {
+      if (this.weekormonth == "month") {
+        this.timelist1 = [{ zhixing: "", time: "" }];
+      } else {
+        this.timelist2 = [{ zhixing: "", time: "" }];
+      }
+    },
+
+    handleChangeIntervalStartTime(t) {
+      if (
+        t &&
+        this.formData.intervalEndTime &&
+        new Date(t) >= new Date(this.formData.intervalEndTime)
+      ) {
+        this.formData.intervalStartTime = "";
+        this.$message.warning("起始时间要小于截止时间");
+      }
+    },
+
+    handleChangeIntervalEndTime(t) {
+      if (
+        t &&
+        this.formData.intervalStartTime &&
+        new Date(t) <= new Date(this.formData.intervalStartTime)
+      ) {
+        this.formData.intervalEndTime = "";
+        this.$message.warning("截止时间要大于起始时间");
+      }
+    },
+
+    handleCheckAllChange(val) {
+      if (val) {
+        const allNodeIds = this.getAllNodeIds(this.areaList);
+        this.$refs.treeForm.setCheckedKeys(allNodeIds);
+      } else {
+        this.$refs.treeForm.setCheckedKeys([]);
+      }
+    },
+
+    getAllNodeIds(nodes, ids = []) {
+      if (!nodes || !Array.isArray(nodes)) return ids;
+      nodes.forEach((node) => {
+        if (node.id) {
+          ids.push(node.id);
+        }
+        if (node.children && node.children.length > 0) {
+          this.getAllNodeIds(node.children, ids);
+        }
+      });
+      return ids;
+    },
+
+    handleCheckChange(data, checked, node) {
+      this.$nextTick(() => {
+        const checkedKeys = this.$refs.treeForm.getCheckedKeys();
+        const allNodeIds = this.getAllNodeIds(this.areaList);
+        this.checkAll =
+          checkedKeys.length === allNodeIds.length && allNodeIds.length > 0;
+      });
+    },
+
+    filterNode(value, data) {
+      if (!value) return true;
+      const searchText =
+        data.areaName || data.deviceName || data.patrolPointName || "";
+      return searchText.indexOf(value) !== -1;
+    },
+
+    add1() {
+      if (this.weekormonth == "month") {
+        this.timelist1.push({ zhixing: "", time: "" });
+      } else {
+        this.timelist2.push({ zhixing: "", time: "" });
+      }
+    },
+
+    delete1(idx) {
+      if (this.weekormonth == "month" && this.timelist1.length > 1) {
+        this.timelist1.splice(idx, 1);
+      } else if (this.weekormonth == "week" && this.timelist2.length > 1) {
+        this.timelist2.splice(idx, 1);
+      }
+    },
+
+    getSelectedOriginalIds() {
+      const checkedNodes = this.$refs.treeForm.getCheckedNodes();
+      const areaIds = new Set();
+      const deviceIds = [];
+      const patrolPointIds = [];
+
+      const collectParentAreaIds = (node, treeData) => {
+        if (!node || !treeData) return;
+
+        const findParent = (currentNode, parentNode = null, treeList) => {
+          for (const item of treeList) {
+            if (item === currentNode) {
+              return parentNode;
+            }
+            if (item.children && item.children.length > 0) {
+              const found = findParent(currentNode, item, item.children);
+              if (found) return found;
+            }
+          }
+          return null;
+        };
+
+        const parent = findParent(node, null, treeData);
+        if (parent && parent.areaId) {
+          areaIds.add(parent.areaId);
+          collectParentAreaIds(parent, treeData);
+        }
+      };
+
+      checkedNodes.forEach((node) => {
+        if (node.areaId) {
+          areaIds.add(node.areaId);
+        }
+        if (node.deviceId) {
+          deviceIds.push(node.deviceId);
+        }
+        if (node.patrolPointId) {
+          patrolPointIds.push(node.patrolPointId);
+          collectParentAreaIds(node, this.areaList);
+        }
+      });
+
+      return {
+        areaIds: Array.from(areaIds).join(","),
+        deviceIds: deviceIds.join(","),
+        patrolPointIds: patrolPointIds.join(","),
+      };
+    },
+
+    validateForm() {
+      if (!this.formData.taskName.trim()) {
+        this.$modal.msgError("请填写任务名称");
+        return false;
+      }
+      if (!this.formData.type) {
+        this.$modal.msgError("请选择任务类型");
+        return false;
+      }
+      if (this.formData.pointTypeList.length === 0) {
+        this.$modal.msgError("请选择点位类型");
+        return false;
+      }
+      if (this.formData.deviceTypeList.length === 0) {
+        this.$modal.msgError("请选择设备类型");
+        return false;
+      }
+
+      if (this.formData.executionType == "1") {
+        if (!this.formData.fixedStartTime) {
+          this.$modal.msgError("请选择执行时间");
+          return false;
+        }
+      }
+
+      if (this.formData.executionType == "2") {
+        if (!this.formData.cycleStartTime || !this.formData.cycleEndTime) {
+          this.$modal.msgError("请选择计划有效期");
+          return false;
+        }
+        if (
+          new Date(this.formData.cycleStartTime) >=
+          new Date(this.formData.cycleEndTime)
+        ) {
+          this.$modal.msgError("计划有效期开始时间不能大于等于结束时间");
+          return false;
+        }
+
+        const timeList =
+          this.weekormonth == "week" ? this.timelist2 : this.timelist1;
+        for (const item of timeList) {
+          if (!item.zhixing) {
+            this.$modal.msgError("请选择日期");
+            return false;
+          }
+          if (!item.time) {
+            this.$modal.msgError("请选择时间");
+            return false;
+          }
+        }
+      }
+
+      if (this.formData.executionType == "3") {
+        if (
+          !this.formData.intervalStartTime ||
+          !this.formData.intervalEndTime
+        ) {
+          this.$modal.msgError("请选择间隔");
+          return false;
+        }
+        if (
+          new Date(this.formData.intervalStartTime) >=
+          new Date(this.formData.intervalEndTime)
+        ) {
+          this.$modal.msgError("间隔开始时间不能大于结束时间");
+          return false;
+        }
+        if (!this.formData.intervalExecuteTime) {
+          this.$modal.msgError("请选择执行时间");
+          return false;
+        }
+        const startHour = this.formData.intervalStartTime.split(" ")[1];
+        if (startHour > this.formData.intervalExecuteTime) {
+          this.$modal.msgError("执行时间需大于间隔开始时间");
+          return false;
+        }
+        if (
+          24 - new Date(this.formData.intervalExecuteTime).getHours() <
+          this.formData.intervalNumber
+        ) {
+          this.$modal.msgError("间隔数量过大");
+          return false;
+        }
+      }
+      const checkedKeys = this.$refs.treeForm.getCheckedKeys();
+      if (!checkedKeys.length) {
+        this.$modal.msgError("请选择巡检区域/点位");
+        return false;
+      }
+      return true;
+    },
+
+    submit() {
+      if (this.isSubmitting) return;
+      if (!this.validateForm()) return;
+
+      this.isSubmitting = true;
+
+      let cycleWeek = "";
+      let cycleMonth = "";
+      let cycleExecuteTime = "";
+      let taskCycle = "";
+
+      if (this.formData.executionType == "2") {
+        if (this.weekormonth == "week") {
+          taskCycle = "1";
+          cycleWeek = this.timelist2.map((i) => i.zhixing).join(",");
+          cycleExecuteTime = this.timelist2.map((i) => i.time).join(",");
+        } else {
+          taskCycle = "0";
+          cycleMonth = this.timelist1.map((i) => i.zhixing).join(",");
+          cycleExecuteTime = this.timelist1.map((i) => i.time).join(",");
+        }
+      }
+
+      let executionStatus = "";
+      if (this.formData.executionType == "1") {
+        executionStatus = "2";
+      } else if (this.formData.executionType == "2") {
+        executionStatus = "1";
+      } else {
+        executionStatus = "4";
+      }
+
+      const { areaIds, deviceIds, patrolPointIds } =
+        this.getSelectedOriginalIds();
+
+      const data = {
+        taskId: this.formData.taskId,
+        priority: this.formData.priority,
+        deviceList: deviceIds,
+        taskName: this.formData.taskName,
+        executionMode: this.formData.executionMode ? "0" : "1",
+        cycleEndTime: this.formData.cycleEndTime,
+        cycleStartTime: this.formData.cycleStartTime,
+        cycleExecuteTime: cycleExecuteTime,
+        fixedStartTime: this.formData.fixedStartTime,
+        taskCycle: taskCycle,
+        executionStatus: executionStatus,
+        patrolPointIds: patrolPointIds,
+        // areaId: areaIds,
+        areaIdS: areaIds,
+        areaName: "",
+        cycleWeek: cycleWeek,
+        cycleMonth: cycleMonth,
+        isenable: this.formData.isEnabled,
+        type: this.formData.type,
+        pointType: this.submitPointType,
+        deviceType: this.submitDeviceType,
+        intervalStartTime: this.formData.intervalStartTime,
+        intervalEndTime: this.formData.intervalEndTime,
+        intervalExecuteTime: this.formData.intervalExecuteTime,
+        intervalType: this.formData.intervalType,
+        intervalNumber: this.formData.intervalNumber,
+      };
+
+      shaoxingEditSave(data)
+        .then(() => {
+          this.$modal.msgSuccess("修改成功");
+          this.$emit("editSuccess");
+          this.closeModal();
+        })
+        .finally(() => {
+          this.isSubmitting = false;
+        });
+    },
+
+    closeModal() {
+      var data_close = {
+        id: "alarmManage2",
+        sourceId: "",
+        targetId: "main_frame_global_modal",
+        event: {
+          type: "SWITCH_GLOBAL_MODAL",
+          data: {
+            cardId: "",
+            closeModal: true,
+          },
+        },
+        tm: new Date().getTime(),
+      };
+      window.top.postMessage(JSON.stringify(data_close), "*");
+
+      var data_shua = {
+        id: "editTask",
+        sourceId: "",
+        targetId: "main_frame_global_modal",
+        event: {
+          type: "PING",
+          data: {},
+        },
+        tm: new Date().getTime(),
+      };
+      window.top.postMessage(JSON.stringify(data_shua), "*");
+    },
+
+    cancel() {
+      this.$emit("hideDialog");
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.task {
+  width: 90%;
+  margin: 0 auto;
+  padding: 20px 0;
+  height: calc(100vh - 203px);
+  overflow: auto;
+}
+
+.ac-on1 {
+  width: 100%;
+  display: flex;
+  gap: 40px;
+  min-height: 600px;
+
+  .ac-on1-box {
+    flex: 1;
+
+    &:first-child {
+      max-width: 600px;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
+
+.form-row {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 24px;
+
+  .form-label {
+    width: 130px;
+    flex-shrink: 0;
+    text-align: right;
+    font-size: 14px;
+    color: #fff;
+    line-height: 40px;
+    padding-right: 12px;
+
+    span {
+      color: #fa3239;
+    }
+  }
+
+  .form-input {
+    flex: 1;
+  }
+  .el-radio-group {
+    margin-top: 10px;
+  }
+}
+
+.area-filter-row {
+  margin-bottom: 10px;
+
+  .form-label {
+    line-height: 40px;
+  }
+}
+
+.checkbox-row {
+  .form-label {
+    line-height: 32px;
+  }
+
+  .checkbox-group-wrapper {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-top: 8px;
+
+    ::v-deep {
+      .el-checkbox-group {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16px;
+      }
+
+      .el-checkbox {
+        margin-right: 0;
+        color: #fff;
+      }
+
+      .el-checkbox__label {
+        color: #fff;
+        padding-left: 8px;
+      }
+    }
+  }
+}
+
+.date-range {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+
+  .separator {
+    color: #fff;
+    flex-shrink: 0;
+  }
+}
+
+.time-header-with-btn {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.time-table-wrapper {
+  margin-left: 142px;
+  margin-bottom: 20px;
+}
+
+.time-header {
+  display: flex;
+  margin-bottom: 12px;
+  padding: 8px 0;
+
+  .header-item {
+    flex: 1;
+    font-size: 14px;
+    color: #fff;
+    text-align: right;
+
+    &:first-child {
+      text-align: center;
+    }
+
+    &:last-child {
+      text-align: right;
+    }
+  }
+}
+
+.time-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  gap: 16px;
+
+  .time-select-wrapper {
+    flex: 1;
+  }
+
+  .time-picker-wrapper {
+    flex: 1;
+  }
+
+  .delete-wrapper {
+    width: 32px;
+    text-align: center;
+    flex-shrink: 0;
+  }
+
+  .time-select {
+    width: 100%;
+  }
+
+  .time-picker {
+    width: 100%;
+  }
+
+  .el-icon-delete {
+    font-size: 18px;
+    cursor: pointer;
+    color: #ff6b6b;
+    transition: color 0.2s;
+
+    &:hover {
+      color: #ff4444;
+    }
+  }
+}
+
+.ac-one1-right {
+  background: transparent;
+  border-radius: 8px;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+
+  .tree-container {
+    height: 440px;
+    overflow: auto;
+    margin-top: 10px;
+    margin-left:65px;
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #40486a;
+      border-radius: 3px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+    }
+  }
+
+  .transparent-tree {
+    background: transparent !important;
+
+    ::v-deep {
+      .el-tree-node__content {
+        height: 32px;
+      }
+    }
+  }
+
+  .button-group-tree {
+    margin-top: 15px;
+    text-align: right;
+    padding-top: 16px;
+
+    .el-button {
+      min-width: 100px;
+      margin-left: 12px;
+    }
+  }
+
+  .patrol-dialog-cancel-btn {
+    border: 1px solid transparent !important;
+    background:
+      linear-gradient(#01016b, #01016b) padding-box,
+      linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+    color: #43c0ff !important;
+
+    &:hover,
+    &:focus {
+      opacity: 0.9;
+    }
+  }
+}
+
+@media (max-width: 1024px) {
+  .ac-on1 {
+    flex-direction: column;
+
+    .ac-on1-box:first-child {
+      max-width: 100%;
+    }
+  }
+
+  .form-row {
+    flex-direction: column;
+    align-items: flex-start;
+
+    .form-label {
+      width: auto;
+      text-align: left;
+      margin-bottom: 8px;
+      padding-right: 0;
+    }
+
+    .form-input {
+      width: 100%;
+    }
+  }
+
+  .time-table-wrapper {
+    margin-left: 0;
+  }
+}
+
+::v-deep {
+  .el-checkbox__label,
+  .el-radio__label {
+    color: #fff !important;
+  }
+
+  .vue-treeselect__control {
+    background-color: #070a38;
+    border-color: #40486a;
+
+    &:hover {
+      background-color: #070a38;
+    }
+  }
+
+  .vue-treeselect__single-value {
+    color: #ffffff;
+  }
+
+  .vue-treeselect__menu {
+    color: #ffffff;
+    background-color: #202f3e;
+    border: 1px solid #40486a;
+  }
+
+  .special-patrol-alert {
+    background-color: #202f3e !important;
+    border: 1px solid #40486a !important;
+
+    .el-message-box__header {
+      border-bottom: 1px solid #40486a !important;
+    }
+
+    .el-message-box__title {
+      color: #ffffff !important;
+    }
+
+    .el-message-box__content {
+      color: #ffffff !important;
+      background-color: #202f3e !important;
+      white-space: pre-line;
+      line-height: 1.6;
+    }
+  }
+
+  .el-tree-node__content:hover {
+    background: RGBA(23, 37, 51, 1) !important;
+  }
+
+  .el-tree-node:focus > .el-tree-node__content {
+    background-color: RGBA(23, 37, 51, 1) !important;
+  }
+
+  .el-tree-node__label {
+    color: #fff !important;
+  }
+}
+</style>
+
+<style>
+.vue-treeselect__control {
+  background-color: rgb(0, 1, 1, 0) !important;
+  border: 1px solid #40486a !important;
+}
+.el-picker-panel,
+.el-time-panel,
+.el-select-dropdown {
+  background: #202f3e !important;
+  border: 1px solid #40486a !important;
+}
+.el-picker-panel__footer {
+  border-top: 1px solid #40486a !important;
+}
+.el-input-number--medium .el-input-number__increase {
+  background-color: transparent !important;
+}
+.el-button--medium,
+.el-button.is-plain {
+  background-color: #247382 !important;
+  border: 1px solid #247382 !important;
+}
+.el-tree {
+  background: transparent !important;
+}
+</style>
diff --git a/src/views/cards/patrolPlan/summary_newTask.vue b/src/views/cards/patrolPlan/summary_newTask.vue
new file mode 100644
index 0000000..490f636
--- /dev/null
+++ b/src/views/cards/patrolPlan/summary_newTask.vue
@@ -0,0 +1,1442 @@
+<template>
+  <div class="task">
+    <div class="ac-on1">
+      <!-- 左侧：任务信息表单 -->
+      <div class="ac-on1-box">
+        <!-- 名称 -->
+        <div class="form-row">
+          <div class="form-label">任务名称 <span>*</span></div>
+          <el-input
+            class="form-input"
+            v-model="input3"
+            placeholder="请输入"
+          ></el-input>
+        </div>
+
+        <!-- 任务类型 -->
+        <div class="form-row">
+          <div class="form-label">任务类型 <span>*</span></div>
+          <TreeSelect
+            :defaultExpandLevel="2"
+            :limit="0"
+            :limitText="(count) => `+${count}`"
+            v-model="type"
+            :options="listPatroltype"
+            :show-count="true"
+            placeholder="请选择巡检类型"
+            @select="handlePatrolTypeSelect"
+            class="form-input"
+          />
+        </div>
+
+        <!-- 点位类型 - 复选框组 -->
+        <div class="form-row checkbox-row">
+          <div class="form-label">点位类型 <span>*</span></div>
+          <div class="form-input checkbox-group-wrapper">
+            <el-checkbox-group
+              v-model="pointTypeList"
+              @change="handlePointTypeChange"
+            >
+              <el-checkbox
+                v-for="item in pointTypeOptions"
+                :key="item.dictCode"
+                :label="item.dictCode"
+                >{{ item.dictLabel }}</el-checkbox
+              >
+            </el-checkbox-group>
+          </div>
+        </div>
+
+        <!-- 设备类型 - 复选框组 -->
+        <div class="form-row checkbox-row">
+          <div class="form-label">设备类型 <span>*</span></div>
+          <div class="form-input checkbox-group-wrapper">
+            <el-checkbox-group
+              v-model="deviceTypeList"
+              @change="handleDeviceTypeChange"
+            >
+              <el-checkbox
+                v-for="item in deviceTypeOptions"
+                :key="item.dictCode"
+                :label="item.dictCode"
+                >{{ item.dictLabel }}</el-checkbox
+              >
+            </el-checkbox-group>
+          </div>
+        </div>
+
+        <!-- 时间周期选择 -->
+        <div class="form-row">
+          <div class="form-label">执行策略 <span>*</span></div>
+          <el-radio-group v-model="radio" class="form-input el-radio-group">
+            <el-radio label="1">定时执行</el-radio>
+            <el-radio label="2">周期执行</el-radio>
+            <el-radio label="3">间隔执行</el-radio>
+          </el-radio-group>
+        </div>
+
+        <!-- 定时执行 -->
+        <template v-if="radio == '1'">
+          <div class="form-row">
+            <div class="form-label">执行时间<span>*</span></div>
+            <div class="form-input">
+              <el-date-picker
+                v-model="value11"
+                type="datetime"
+                placeholder="选择日期时间"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :picker-options="pickerOptions0"
+                style="width: 100%"
+              />
+            </div>
+          </div>
+        </template>
+
+        <!-- 周期执行 -->
+        <template v-if="radio == '2'">
+          <div class="form-row">
+            <div class="form-label">计划有效期 <span>*</span></div>
+            <div class="form-input">
+              <div class="date-range">
+                <el-date-picker
+                  v-model="value1"
+                  type="datetime"
+                  @change="handleChangeStartTime"
+                  placeholder="选择开始日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions0"
+                  style="flex: 1"
+                />
+                <span class="separator">-</span>
+                <el-date-picker
+                  v-model="value2"
+                  type="datetime"
+                  @change="handleChangeEndTime"
+                  placeholder="选择结束日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions1"
+                  style="flex: 1"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">任务执行周期 <span>*</span></div>
+            <el-select
+              class="form-input"
+              v-model="weekormonth"
+              @change="onChangeWeekOrMonth"
+              placeholder="请选择"
+            >
+              <el-option
+                v-for="item in options1"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">任务执行时间 <span>*</span></div>
+            <div class="form-input">
+              <div class="time-header-with-btn">
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="add1"
+                  v-if="weekormonth == 'month'"
+                  >添加({{ timelist1.length }})</el-button
+                >
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="add1"
+                  v-if="weekormonth == 'week'"
+                  >添加({{ timelist2.length }})</el-button
+                >
+              </div>
+            </div>
+          </div>
+
+          <div class="time-table-wrapper">
+            <div class="time-header">
+              <div class="header-item">日期</div>
+              <div class="header-item">时间</div>
+              <div class="header-item">操作</div>
+            </div>
+
+            <div v-if="weekormonth == 'month'">
+              <div
+                class="time-row"
+                v-for="(item, index) in timelist1"
+                :key="index"
+              >
+                <div class="time-select-wrapper">
+                  <el-select
+                    v-model="item.zhixing"
+                    @change="handleChangeTaskRunDayWithMonth(item)"
+                    placeholder="请选择"
+                    class="time-select"
+                  >
+                    <el-option
+                      v-for="day in dayList"
+                      :key="day"
+                      :label="day"
+                      :value="day"
+                    />
+                  </el-select>
+                </div>
+                <div class="time-picker-wrapper">
+                  <el-time-picker
+                    v-model="item.time"
+                    @change="(t) => handleChangeTaskRunTimeWithMonth(t, item)"
+                    placeholder="选择时间"
+                    value-format="HH:mm:ss"
+                    class="time-picker"
+                  />
+                </div>
+                <div class="delete-wrapper">
+                  <i
+                    class="el-icon-delete"
+                    title="删除"
+                    @click="delete1(index)"
+                  ></i>
+                </div>
+              </div>
+            </div>
+
+            <div v-if="weekormonth == 'week'">
+              <div
+                class="time-row"
+                v-for="(item, index) in timelist2"
+                :key="index"
+              >
+                <div class="time-select-wrapper">
+                  <el-select
+                    v-model="item.zhixing"
+                    @change="handleChangeTaskRunDay(item)"
+                    placeholder="请选择"
+                    class="time-select"
+                  >
+                    <el-option
+                      v-for="day in weekendList"
+                      :key="day"
+                      :label="day"
+                      :value="day"
+                    />
+                  </el-select>
+                </div>
+                <div class="time-picker-wrapper">
+                  <el-time-picker
+                    v-model="item.time"
+                    @change="(t) => handleChangeTaskRunTime(t, item)"
+                    value-format="HH:mm:ss"
+                    placeholder="选择时间"
+                    class="time-picker"
+                  />
+                </div>
+                <div class="delete-wrapper">
+                  <i
+                    class="el-icon-delete"
+                    title="删除"
+                    @click="delete1(index)"
+                  ></i>
+                </div>
+              </div>
+            </div>
+          </div>
+        </template>
+
+        <!-- 间隔执行 -->
+        <template v-if="radio == '3'">
+          <div class="form-row">
+            <div class="form-label">间隔 <span>*</span></div>
+            <div class="form-input">
+              <div class="date-range">
+                <el-date-picker
+                  v-model="intervalStartTime"
+                  @change="handleChangeIntervalStartTime"
+                  type="datetime"
+                  placeholder="选择开始日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions0"
+                  style="flex: 1"
+                />
+                <span class="separator">-</span>
+                <el-date-picker
+                  v-model="intervalEndTime"
+                  @change="handleChangeIntervalEndTime"
+                  type="datetime"
+                  placeholder="选择结束日期"
+                  value-format="yyyy-MM-dd HH:mm:ss"
+                  :picker-options="pickerOptions1"
+                  style="flex: 1"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">执行时间 <span>*</span></div>
+            <el-time-picker
+              class="form-input"
+              v-model="intervalExecuteTime"
+              placeholder="间隔内开始时间"
+              value-format="HH:mm:ss"
+            />
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">间隔类型 <span>*</span></div>
+            <el-select
+              class="form-input"
+              v-model="intervalType"
+              placeholder="请选择"
+            >
+              <el-option label="小时" value="1"></el-option>
+            </el-select>
+          </div>
+
+          <div class="form-row">
+            <div class="form-label">间隔执行次数 <span>*</span></div>
+            <el-input-number
+              class="form-input"
+              v-if="intervalType == 1"
+              v-model="intervalNumber"
+              :min="1"
+              :max="maxintervalNumber"
+              :precision="0"
+              style="width: 100%"
+            />
+          </div>
+        </template>
+
+        <!-- 是否开启（独立于执行策略） -->
+        <div class="form-row">
+          <div class="form-label">是否开启 <span>*</span></div>
+          <el-radio-group v-model="isEnabled" class="form-input el-radio-group">
+            <el-radio label="0">是</el-radio>
+            <el-radio label="1">否</el-radio>
+          </el-radio-group>
+        </div>
+      </div>
+
+      <!-- 右侧：巡检区域树 + 按钮 -->
+      <div class="ac-on1-box ac-one1-right">
+        <!-- 巡检区域标签和输入框在同一行 -->
+        <div class="form-row area-filter-row">
+          <div class="form-label">巡检区域</div>
+          <el-input
+            class="form-input"
+            placeholder="输入关键字进行过滤"
+            v-model="filterText"
+          />
+        </div>
+
+        <el-checkbox
+          style="margin-top: 10px;margin-left:65px;"
+          v-model="checkAll"
+          @change="handleCheckAllChange"
+          >全选</el-checkbox
+        >
+        <div class="tree-container">
+          <el-tree
+            :filter-node-method="filterNode"
+            :props="treeProps"
+            ref="treeForm"
+            :data="areaList"
+            show-checkbox
+            node-key="id"
+            :default-checked-keys="selectAreaIdList"
+            @check-change="handleCheckChange"
+            class="transparent-tree"
+          />
+        </div>
+
+        <div class="button-group-tree">
+          <el-button class="patrol-dialog-cancel-btn" @click="cancel">取消</el-button>
+          <el-button type="primary" @click="submit" :loading="isSubmitting" :disabled="isSubmitting"
+            >{{ isSubmitting ? '提交中...' : '完成' }}</el-button
+          >
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { addPatrol, shaoxingAddPatrol } from "@/api/basedata/area/area";
+import { listData } from "@/api/system/dict/data";
+import TreeSelect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import linq from "linq";
+import { listPatroltype } from "@/api/basedata/patrolpointmnt/patroltype";
+import { getWeekdaysInRange, getDaysInRange } from "@/utils/index.js";
+import { treeAreaDeviceSelectFilterByPresetRight } from "@/api/basedata/patrolpointmnt/patrolpoint";
+
+export default {
+  name: "new_task",
+  components: { TreeSelect },
+  data() {
+    return {
+      checkAll: false,
+      listPatroltype: [],
+      intervalStartTime: "",
+      intervalEndTime: "",
+      intervalExecuteTime: "",
+      intervalType: "1",
+      intervalNumber: 0,
+      isSubmitting: false,
+      // 是否开启，默认"0"表示是
+      isEnabled: "0",
+      pointTypeOptions: [],
+      pointTypeList: [],
+      deviceTypeOptions: [],
+      deviceTypeList: [],
+      skipWatch: false, // 跳过 watch 触发的标志
+      pickerOptions0: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      pickerOptions1: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        },
+      },
+      input3: "",
+      radio: "1",
+      value1: "",
+      value2: "",
+      value11: "",
+      options1: [
+        { value: "week", label: "按周选择" },
+        { value: "month", label: "按月选择" },
+      ],
+      weekormonth: "week",
+      timelist1: [{ zhixing: "", time: "" }],
+      timelist2: [{ zhixing: "", time: "" }],
+      type: null,
+      weekendList: [],
+      dayList: [],
+      cycleWeek: "",
+      cycleMonth: "",
+      time3: "",
+      taskCycle: "",
+      executionStatus: 0,
+      filterText: "",
+      treeProps: {
+        children: "children",
+        label: (data) => {
+          if (data.deviceName) {
+            return data.deviceName;
+          }
+          if (data.areaName) {
+            return data.areaName;
+          }
+          if (data.patrolPointName) {
+            return data.patrolPointName;
+          }
+          return "未命名";
+        },
+      },
+      areaList: [],
+      selectAreaIdList: [],
+      specialPatrolConditions: `特殊巡视已开启，启动条件包括：
+1. 恶劣天气情况：
+   - 大风后
+   - 雷雨后
+   - 雾霾中
+   - 冰雪及冰雹后
+
+2. 设备状态变化：
+   - 新设备投入运行后
+   - 设备经过检修、改造后
+   - 设备长期停运后重新投入系统运行
+
+3. 设备异常情况：
+   - 设备缺陷有发展时
+   - 设备发生过负载或负载剧增
+   - 设备超温、发热
+   - 系统冲击、跳闸等异常情况
+
+4. 特殊时段：
+   - 法定节假日
+   - 上级通知有重要保供电任务时
+   - 电网供电可靠性下降时段
+   - 存在发生较大电网事故（事件）风险时段`,
+    };
+  },
+  computed: {
+    maxintervalNumber() {
+      try {
+        return 24 - new Date(this.intervalExecuteTime).getHours();
+      } catch (error) {
+        return 0;
+      }
+    },
+    isSpecialPatrol() {
+      if (!this.type) return false;
+      const findSpecialPatrol = (items) => {
+        for (const item of items) {
+          if (item.id === this.type && item.label === "特殊巡视") return true;
+          if (item.children && findSpecialPatrol(item.children)) return true;
+        }
+        return false;
+      };
+      return findSpecialPatrol(this.listPatroltype);
+    },
+    submitPointType() {
+      return this.pointTypeList.join(",");
+    },
+    submitDeviceType() {
+      return this.deviceTypeList.join(",");
+    },
+  },
+  watch: {
+    filterText(val) {
+      this.$refs.treeForm.filter(val);
+    },
+    isSpecialPatrol(val) {
+      if (val) {
+        this.showSpecialPatrolAlert();
+      }
+    },
+  },
+  created() {
+    this.fetchPatrolTypes();
+    this.initData();
+  },
+  methods: {
+    // 防止多次请求 getAreaList
+    loadAreaOnce() {
+      if (this.skipWatch) return;
+      if (this._areaLoading) return; // 加锁
+
+      this._areaLoading = true;
+      this.$nextTick(() => {
+        this.getAreaList();
+        this._areaLoading = false;
+      });
+    },
+    // 初始化数据
+    async initData() {
+      // 初始化时，完全不触发任何 change 事件
+      this.skipWatch = true;
+
+      try {
+        // 并行请求
+        const [pointTypeRes, deviceTypeRes] = await Promise.all([
+          listData({ dictType: "point_alg_category" }),
+          listData({ dictType: "point_device_type" }),
+        ]);
+
+        // 赋值
+        this.pointTypeOptions = pointTypeRes.rows || [];
+        this.pointTypeList = (pointTypeRes.rows || []).map(
+          (item) => item.dictCode
+        );
+
+        this.deviceTypeOptions = deviceTypeRes.rows || [];
+        this.deviceTypeList = (deviceTypeRes.rows || []).map(
+          (item) => item.dictCode
+        );
+      } catch (error) {
+        console.error("初始化数据失败:", error);
+      } finally {
+        // 解锁
+        this.skipWatch = false;
+
+        // 延迟调用接口，确保数据已经渲染完成
+        this.$nextTick(() => {
+          this.getAreaList();
+        });
+      }
+    },
+    // 获取区域树（支持筛选）
+    getAreaList() {
+      const params = {};
+
+      // 添加设备类型筛选
+      if (this.deviceTypeList && this.deviceTypeList.length > 0) {
+        params.devTypeCodeList = this.deviceTypeList;
+      }
+
+      // 添加算法类型筛选
+      if (this.pointTypeList && this.pointTypeList.length > 0) {
+        params.algTypeCodeList = this.pointTypeList;
+      }
+      params.filterByPreset = true
+      treeAreaDeviceSelectFilterByPresetRight(params)
+        .then(({ data }) => {
+          this.areaList = data || [];
+          this.assignNodeIds(this.areaList);
+          this.$nextTick(() => {
+            this.selectAreaIdList = [];
+            this.checkAll = false;
+          });
+        })
+        .catch((error) => {
+          console.error("获取巡检区域树失败:", error);
+          this.areaList = [];
+        });
+    },
+    // 点位类型变化时重新获取树
+    handlePointTypeChange(value) {
+      // 跳过初始化时的触发
+      if (this.skipWatch) return;
+      // 直接调用接口
+      this.getAreaList();
+    },
+    // 设备类型变化时重新获取树
+    handleDeviceTypeChange(value) {
+      // 跳过初始化时的触发
+      if (this.skipWatch) return;
+      // 直接调用接口
+      this.getAreaList();
+    },
+    // 递归为节点分配唯一ID
+    assignNodeIds(nodes, parentId = "") {
+      if (!nodes || !Array.isArray(nodes)) return;
+      nodes.forEach((node, index) => {
+        if (!node.id) {
+          if (node.areaId) {
+            node.id = `area_${node.areaId}`;
+          } else if (node.deviceId) {
+            node.id = `device_${node.deviceId}`;
+          } else if (node.patrolPointId) {
+            node.id = `point_${node.patrolPointId}`;
+          } else {
+            node.id = `${parentId}_${index}`;
+          }
+        }
+        if (node.children && node.children.length > 0) {
+          this.assignNodeIds(node.children, node.id);
+        }
+      });
+    },
+    getNodeId(node) {
+      return node.areaId || node.deviceId || node.patrolPointId || node.id;
+    },
+    fetchPatrolTypes() {
+      listPatroltype().then((res) => {
+        const list = [];
+        linq
+          .from(res.rows)
+          .where((x) => x.parentId === 0)
+          .toArray()
+          .forEach((node) => {
+            const childs = linq
+              .from(res.rows)
+              .where((c) => c.parentId === node.patrolTypeId)
+              .select((q) => ({
+                id: q.patrolTypeCode,
+                label: q.patrolTypeName,
+              }))
+              .toArray();
+            const ptype = {
+              id: node.patrolTypeCode,
+              isOpen: true,
+              label: node.patrolTypeName,
+            };
+            if (childs.length) ptype.children = childs;
+            list.push(ptype);
+          });
+        this.listPatroltype = list;
+        if (this.listPatroltype.length) {
+          const routinePatrol = list.find(
+            (item) =>
+              item.label === "例行巡视" ||
+              item.children?.some((child) => child.label === "例行巡视")
+          );
+          this.type = routinePatrol
+            ? routinePatrol.id
+            : this.listPatroltype[0].id;
+        }
+      });
+    },
+    handlePatrolTypeSelect(node) {},
+    showSpecialPatrolAlert() {
+      this.$alert(this.specialPatrolConditions, "特殊巡视启动条件", {
+        confirmButtonText: "确定",
+        customClass: "special-patrol-alert",
+        showClose: false,
+      });
+    },
+    onChangeWeekOrMonth() {
+      this.changeDateList();
+    },
+    changeDateList() {
+      if (!this.value1 || !this.value2) return;
+      if (this.weekormonth == "month") {
+        this.dayList = getDaysInRange(this.value1, this.value2);
+      } else {
+        this.weekendList = getWeekdaysInRange(this.value1, this.value2);
+      }
+    },
+    handleChangeTaskRunTimeWithMonth(t, item) {
+      const sameArray = this.timelist1.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.time = null;
+      }
+    },
+    handleChangeTaskRunDayWithMonth(item) {
+      const sameArray = this.timelist1.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.zhixing = "";
+      }
+    },
+    handleChangeTaskRunTime(t, item) {
+      const sameArray = this.timelist2.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.time = null;
+      }
+    },
+    handleChangeTaskRunDay(item) {
+      const sameArray = this.timelist2.filter(
+        (x) => x !== item && x.zhixing === item.zhixing && x.time === item.time
+      );
+      if (sameArray.length) {
+        this.$message.warning(
+          `${item.zhixing} ${item.time} 时间重复，已帮您重置。`
+        );
+        item.zhixing = "";
+      }
+    },
+    handleChangeStartTime(t) {
+      if (t && this.value2 && new Date(t) >= new Date(this.value2)) {
+        this.value1 = "";
+        this.$message.warning("起始时间要小于截止时间");
+      }
+      this.changeDateList();
+      this.resetTimeList();
+    },
+    handleChangeEndTime(t) {
+      if (t && this.value1 && new Date(t) <= new Date(this.value1)) {
+        this.value2 = "";
+        this.$message.warning("截止时间要大于起始时间");
+      }
+      this.changeDateList();
+      this.resetTimeList();
+    },
+    resetTimeList() {
+      if (this.weekormonth == "month") {
+        this.timelist1 = [{ zhixing: "", time: "" }];
+      } else {
+        this.timelist2 = [{ zhixing: "", time: "" }];
+      }
+    },
+    handleChangeIntervalStartTime(t) {
+      if (
+        t &&
+        this.intervalEndTime &&
+        new Date(t) >= new Date(this.intervalEndTime)
+      ) {
+        this.intervalStartTime = "";
+        this.$message.warning("起始时间要小于截止时间");
+      }
+    },
+    handleChangeIntervalEndTime(t) {
+      if (
+        t &&
+        this.intervalStartTime &&
+        new Date(t) <= new Date(this.intervalStartTime)
+      ) {
+        this.intervalEndTime = "";
+        this.$message.warning("截止时间要大于起始时间");
+      }
+    },
+    handleCheckAllChange(val) {
+      if (val) {
+        const allNodeIds = this.getAllNodeIds(this.areaList);
+        this.$refs.treeForm.setCheckedKeys(allNodeIds);
+      } else {
+        this.$refs.treeForm.setCheckedKeys([]);
+      }
+    },
+    getAllNodeIds(nodes, ids = []) {
+      if (!nodes || !Array.isArray(nodes)) return ids;
+      nodes.forEach((node) => {
+        const nodeId = this.getNodeId(node);
+        if (nodeId) {
+          ids.push(node.id);
+        }
+        if (node.children && node.children.length > 0) {
+          this.getAllNodeIds(node.children, ids);
+        }
+      });
+      return ids;
+    },
+    handleCheckChange(data, checked, node) {
+      this.$nextTick(() => {
+        const checkedKeys = this.$refs.treeForm.getCheckedKeys();
+        const allNodeIds = this.getAllNodeIds(this.areaList);
+        this.checkAll =
+          checkedKeys.length === allNodeIds.length && allNodeIds.length > 0;
+      });
+    },
+    filterNode(value, data) {
+      if (!value) return true;
+      const searchText =
+        data.areaName || data.deviceName || data.patrolPointName || "";
+      return searchText.indexOf(value) !== -1;
+    },
+    add1() {
+      if (this.weekormonth == "month") {
+        this.timelist1.push({ zhixing: "", time: "" });
+      } else {
+        this.timelist2.push({ zhixing: "", time: "" });
+      }
+    },
+    delete1(idx) {
+      if (this.weekormonth == "month" && this.timelist1.length > 1) {
+        this.timelist1.splice(idx, 1);
+      } else if (this.weekormonth == "week" && this.timelist2.length > 1) {
+        this.timelist2.splice(idx, 1);
+      }
+    },
+    validateForm() {
+      if (!this.input3.trim()) {
+        this.$modal.msgError("请填写名称");
+        return false;
+      }
+      if (!this.type) {
+        this.$modal.msgError("请选择任务类型");
+        return false;
+      }
+      if (this.pointTypeList.length === 0) {
+        this.$modal.msgError("请选择点位类型");
+        return false;
+      }
+      if (this.deviceTypeList.length === 0) {
+        this.$modal.msgError("请选择设备类型");
+        return false;
+      }
+
+      // 移除巡检区域必填验证，因为设备不是必选的
+      // this.selectAreaIdList = this.$refs.treeForm.getCheckedKeys();
+      // if (this.selectAreaIdList.length <= 0) {
+      //   this.$modal.msgError("请选择巡检区域");
+      //   return false;
+      // }
+
+      // 定时执行验证
+      if (this.radio == "1") {
+        if (!this.value11) {
+          this.$modal.msgError("请选择执行时间");
+          return false;
+        }
+      }
+
+      // 周期执行验证
+      if (this.radio == "2") {
+        if (!this.value1 || !this.value2) {
+          this.$modal.msgError("请选择计划有效期");
+          return false;
+        }
+        if (new Date(this.value1) >= new Date(this.value2)) {
+          this.$modal.msgError("计划有效期开始时间不能大于等于结束时间");
+          return false;
+        }
+
+        const timeList =
+          this.weekormonth == "week" ? this.timelist2 : this.timelist1;
+        for (const item of timeList) {
+          if (!item.zhixing) {
+            this.$modal.msgError("请选择日期");
+            return false;
+          }
+          if (!item.time) {
+            this.$modal.msgError("请选择时间");
+            return false;
+          }
+        }
+
+        if (this.weekormonth == "week") {
+          this.taskCycle = 1;
+          this.cycleWeek = this.timelist2.map((i) => i.zhixing).join(",");
+          this.time3 = this.timelist2.map((i) => i.time).join(",");
+        } else {
+          this.taskCycle = 0;
+          this.cycleMonth = this.timelist1.map((i) => i.zhixing).join(",");
+          this.time3 = this.timelist1.map((i) => i.time).join(",");
+        }
+      }
+
+      // 间隔执行验证
+      if (this.radio == "3") {
+        if (!this.intervalStartTime || !this.intervalEndTime) {
+          this.$modal.msgError("请选择间隔");
+          return false;
+        }
+        if (
+          new Date(this.intervalStartTime) >= new Date(this.intervalEndTime)
+        ) {
+          this.$modal.msgError("间隔开始时间不能大于结束时间");
+          return false;
+        }
+        if (!this.intervalExecuteTime) {
+          this.$modal.msgError("请选择执行时间");
+          return false;
+        }
+        const startHour = this.intervalStartTime.split(" ")[1];
+        if (startHour > this.intervalExecuteTime) {
+          this.$modal.msgError("执行时间需大于间隔开始时间");
+          return false;
+        }
+        if (
+          24 - new Date(this.intervalExecuteTime).getHours() <
+          this.intervalNumber
+        ) {
+          this.$modal.msgError("间隔数量过大");
+          return false;
+        }
+      }
+
+      return true;
+    },
+    getSelectedOriginalIds() {
+      const checkedNodes = this.$refs.treeForm.getCheckedNodes();
+      const areaIds = new Set(); // 使用 Set 自动去重
+      const deviceIds = [];
+      const patrolPointIds = [];
+
+      // 递归获取节点的所有父级区域ID
+      const collectParentAreaIds = (node, treeData) => {
+        if (!node || !treeData) return;
+
+        // 查找当前节点的父节点
+        const findParent = (currentNode, parentNode = null, treeList) => {
+          for (const item of treeList) {
+            if (item === currentNode) {
+              return parentNode;
+            }
+            if (item.children && item.children.length > 0) {
+              const found = findParent(currentNode, item, item.children);
+              if (found) return found;
+            }
+          }
+          return null;
+        };
+
+        const parent = findParent(node, null, treeData);
+        if (parent && parent.areaId) {
+          areaIds.add(parent.areaId);
+          // 继续向上查找
+          collectParentAreaIds(parent, treeData);
+        }
+      };
+
+      checkedNodes.forEach((node) => {
+        // 收集区域ID
+        if (node.areaId) {
+          areaIds.add(node.areaId);
+        }
+        // 收集设备ID
+        if (node.deviceId) {
+          deviceIds.push(node.deviceId);
+        }
+        // 收集点位ID
+        if (node.patrolPointId) {
+          patrolPointIds.push(node.patrolPointId);
+          // 当选中点位时，收集其所有上级区域的areaId
+          collectParentAreaIds(node, this.areaList);
+        }
+      });
+
+      return {
+        areaIds: Array.from(areaIds).join(","),
+        deviceIds: deviceIds.join(","),
+        patrolPointIds: patrolPointIds.join(","),
+      };
+    },
+    submit() {
+      if (this.isSubmitting) return;
+      if (!this.validateForm()) return;
+
+      this.isSubmitting = true;
+
+      const { areaIds, deviceIds, patrolPointIds } =
+        this.getSelectedOriginalIds();
+
+      const data = {
+        priority: "1",
+        deviceList: deviceIds,
+        taskName: this.input3,
+        executionMode: 0,
+        cycleEndTime: this.value2,
+        cycleStartTime: this.value1,
+        cycleExecuteTime: this.time3,
+        fixedStartTime: this.value11,
+        taskCycle: this.taskCycle,
+        executionStatus: this.radio == "1" ? 2 : this.radio == "2" ? 1 : 4,
+        // prevPoints: patrolPointIds,
+        patrolPointIds: patrolPointIds,
+        // areaId: areaIds,
+        areaIdS: areaIds,
+        areaName: "",
+        cycleWeek: this.cycleWeek,
+        cycleMonth: this.cycleMonth,
+        isenable: this.isEnabled, // 使用独立的 isEnabled
+        type: this.type,
+        pointType: this.submitPointType,
+        deviceType: this.submitDeviceType,
+        intervalStartTime: this.intervalStartTime,
+        intervalEndTime: this.intervalEndTime,
+        intervalExecuteTime: this.intervalExecuteTime,
+        intervalType: this.intervalType,
+        intervalNumber: this.intervalNumber,
+      };
+
+      shaoxingAddPatrol(data)
+        .then(() => {
+          this.$modal.msgSuccess("添加成功");
+          this.$emit("addSuccess");
+          this.$emit("hideDialog");
+        })
+        .finally(() => {
+          this.isSubmitting = false;
+        });
+    },
+    cancel() {
+      this.$emit("hideDialog");
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.task {
+  width: 90%;
+  margin: 0 auto;
+  padding: 20px 0;
+  height: calc(100vh - 203px);
+  overflow: auto;
+}
+
+.ac-on1 {
+  width: 100%;
+  display: flex;
+  gap: 40px;
+  min-height: 600px;
+
+  .ac-on1-box {
+    flex: 1;
+
+    &:first-child {
+      max-width: 600px;
+      display: flex;
+      flex-direction: column;
+    }
+  }
+}
+
+.form-row {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 24px;
+
+  .form-label {
+    width: 130px;
+    flex-shrink: 0;
+    text-align: right;
+    font-size: 14px;
+    color: #fff;
+    line-height: 40px;
+    padding-right: 12px;
+
+    span {
+      color: #fa3239;
+    }
+
+    .el-button {
+      margin-left: 12px;
+    }
+  }
+
+  .form-input {
+    flex: 1;
+  }
+  .el-radio-group {
+    margin-top: 10px;
+  }
+}
+
+// 巡检区域筛选行样式
+.area-filter-row {
+  margin-bottom: 10px;
+
+  .form-label {
+    line-height: 40px;
+  }
+}
+
+.checkbox-row {
+  .form-label {
+    line-height: 32px;
+  }
+
+  .checkbox-group-wrapper {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-top: 8px;
+
+    ::v-deep {
+      .el-checkbox-group {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16px;
+      }
+
+      .el-checkbox {
+        margin-right: 0;
+        color: #fff;
+      }
+
+      .el-checkbox__label {
+        color: #fff;
+        padding-left: 8px;
+      }
+    }
+  }
+}
+
+.date-range {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  width: 100%;
+
+  .separator {
+    color: #fff;
+    flex-shrink: 0;
+  }
+}
+
+.time-header-with-btn {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.time-table-wrapper {
+  margin-left: 142px;
+  margin-bottom: 20px;
+}
+
+.time-header {
+  display: flex;
+  margin-bottom: 12px;
+  padding: 8px 0;
+
+  .header-item {
+    flex: 1;
+    font-size: 14px;
+    color: #fff;
+    text-align: right;
+
+    &:first-child {
+      text-align: center;
+    }
+
+    &:last-child {
+      text-align: right;
+    }
+  }
+}
+
+.time-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+  gap: 16px;
+
+  .time-select-wrapper {
+    flex: 1;
+  }
+
+  .time-picker-wrapper {
+    flex: 1;
+  }
+
+  .delete-wrapper {
+    width: 32px;
+    text-align: center;
+    flex-shrink: 0;
+  }
+
+  .time-select {
+    width: 100%;
+  }
+
+  .time-picker {
+    width: 100%;
+  }
+
+  .el-icon-delete {
+    font-size: 18px;
+    cursor: pointer;
+    color: #ff6b6b;
+    transition: color 0.2s;
+
+    &:hover {
+      color: #ff4444;
+    }
+  }
+}
+
+.enable-switch {
+  margin-top: 16px;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+
+  .switch-label {
+    font-size: 14px;
+    color: #fff;
+    line-height: 40px;
+
+    span {
+      color: #fa3239;
+    }
+  }
+
+  .el-radio {
+    margin-right: 20px;
+  }
+}
+
+.ac-one1-right {
+  background: transparent;
+  border-radius: 8px;
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+
+  .tree-container {
+    height: 440px;
+    overflow: auto;
+    margin-top: 10px;
+    margin-left:65px;
+
+    &::-webkit-scrollbar {
+      width: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: #40486a;
+      border-radius: 3px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: rgba(0, 0, 0, 0.2);
+      border-radius: 3px;
+    }
+  }
+
+  .transparent-tree {
+    background: transparent !important;
+
+    ::v-deep {
+      .el-tree-node__content {
+        height: 32px;
+      }
+    }
+  }
+
+  .button-group-tree {
+    margin-top: 15px;
+    text-align: right;
+    padding-top: 16px;
+
+    .el-button {
+      min-width: 100px;
+      margin-left: 12px;
+    }
+  }
+
+  .patrol-dialog-cancel-btn {
+    border: 1px solid transparent !important;
+    background:
+      linear-gradient(#01016b, #01016b) padding-box,
+      linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+    color: #43c0ff !important;
+
+    &:hover,
+    &:focus {
+      opacity: 0.9;
+    }
+  }
+}
+
+@media (max-width: 1024px) {
+  .ac-on1 {
+    flex-direction: column;
+
+    .ac-on1-box:first-child {
+      max-width: 100%;
+    }
+  }
+
+  .form-row {
+    flex-direction: column;
+    align-items: flex-start;
+
+    .form-label {
+      width: auto;
+      text-align: left;
+      margin-bottom: 8px;
+      padding-right: 0;
+    }
+
+    .form-input {
+      width: 100%;
+    }
+  }
+
+  .checkbox-row .checkbox-group-wrapper ::v-deep .el-checkbox-group {
+    gap: 12px;
+  }
+
+  .date-range {
+    flex-direction: column;
+    width: 100%;
+
+    .el-date-editor {
+      width: 100% !important;
+    }
+  }
+
+  .time-table-wrapper {
+    margin-left: 0;
+  }
+
+  .time-row {
+    flex-wrap: wrap;
+    gap: 12px;
+
+    .time-select-wrapper,
+    .time-picker-wrapper {
+      flex: 1;
+      min-width: 120px;
+    }
+  }
+
+  .enable-switch {
+    flex-wrap: wrap;
+  }
+
+  .tree-container {
+    height: 400px !important;
+  }
+}
+
+::v-deep {
+  .el-checkbox__label,
+  .el-radio__label {
+    color: #fff !important;
+  }
+
+  .vue-treeselect__control {
+    background-color: #070a38;
+    border-color: #40486a;
+
+    &:hover {
+      background-color: #070a38;
+    }
+  }
+
+  .vue-treeselect__single-value {
+    color: #ffffff;
+  }
+
+  .vue-treeselect__menu {
+    color: #ffffff;
+    background-color: #202f3e;
+    border: 1px solid #40486a;
+  }
+
+  .special-patrol-alert {
+    background-color: #202f3e !important;
+    border: 1px solid #40486a !important;
+
+    .el-message-box__header {
+      border-bottom: 1px solid #40486a !important;
+    }
+
+    .el-message-box__title {
+      color: #ffffff !important;
+    }
+
+    .el-message-box__content {
+      color: #ffffff !important;
+      background-color: #202f3e !important;
+      white-space: pre-line;
+      line-height: 1.6;
+    }
+  }
+
+  .el-tree-node__content:hover {
+    background: RGBA(23, 37, 51, 1) !important;
+  }
+
+  .el-tree-node:focus > .el-tree-node__content {
+    background-color: RGBA(23, 37, 51, 1) !important;
+  }
+
+  .el-tree-node__label {
+    color: #fff !important;
+  }
+}
+</style>
+
+<style>
+.vue-treeselect__control {
+  background-color: rgb(0, 1, 1, 0) !important;
+  border: 1px solid #40486a !important;
+}
+.el-picker-panel,
+.el-time-panel,
+.el-select-dropdown {
+  background: #202f3e !important;
+  border: 1px solid #40486a !important;
+}
+.el-picker-panel__footer {
+  border-top: 1px solid #40486a !important;
+}
+.el-input-number--medium .el-input-number__increase {
+  background-color: transparent !important;
+}
+.el-button--medium,
+.el-button.is-plain {
+  background-color: #247382 !important;
+  border: 1px solid #247382 !important;
+}
+.el-tree {
+  background: transparent !important;
+}
+.vue-treeselect__menu-container .vue-treeselect__option--selected {
+  background: #070a38 !important;
+  color: #ffffff !important;
+}
+</style>
diff --git a/src/views/cards/site_management/algorithm.vue b/src/views/cards/site_management/algorithm.vue
new file mode 100644
index 0000000..9dea3bf
--- /dev/null
+++ b/src/views/cards/site_management/algorithm.vue
@@ -0,0 +1,607 @@
+<template>
+  <div>
+    <div class="page-container">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        label-width="75px"
+      >
+        <el-form-item label="算法类型" prop="taskType">
+          <el-select
+            style="width: 150px;"
+            v-model="queryParams.taskType"
+            placeholder="全部"
+            filterable
+            clearable
+            popper-class="card-select-dropdown"
+          >
+            <el-option
+              v-for="item in listPatroltype"
+              :key="item.algId"
+              :label="item.algName"
+              :value="item.algName"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="算法名称" prop="devType">
+          <el-select
+            style="width: 150px;"
+            v-model="queryParams.devType"
+            placeholder="全部"
+            filterable
+            clearable
+            popper-class="card-select-dropdown"
+          >
+            <el-option label="表记识别算法" value="0" />
+            <el-option label="机器人" value="1" />
+            <el-option label="视频" value="2" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="算法状态" prop="fileStatus">
+          <el-select
+            style="width: 150px;"
+            v-model="queryParams.fileStatus"
+            placeholder="全部"
+            filterable
+            clearable
+            popper-class="card-select-dropdown"
+          >
+            <el-option label="未归档" value="0" />
+            <el-option label="已归档" value="1" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="时间">
+          <el-date-picker
+                style="width: 200px;border-radius: 5px;border:1px"
+                v-model="timeValue"
+                type="date"
+                clearable
+                placeholder="选择时间"
+                value-format="yyyy-MM-dd HH:mm:ss"
+                :picker-options="pickerOptions0"
+              >
+          </el-date-picker>
+        </el-form-item>
+
+        <el-form-item>
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >查询</el-button
+          >
+          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+            >重置</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <div class="table-card" ref="tableCardRef">
+        <el-table
+          class="card-table algorithm-table"
+          v-loading="loading"
+          :data="dataList"
+          height="500"
+          border
+          stripe
+        >
+          <el-table-column
+            label="序号"
+            type="index"
+            width="50"
+            align="center"
+          />
+          <el-table-column label="算法标识" align="center" prop="algSubtypeCode" />
+          <el-table-column label="算法名称" align="center" prop="algSubtypeName" />
+          <el-table-column label="算法类型" align="center" prop="algName" />
+          <!-- <el-table-column label="厂商" align="center" prop="createTime" >
+            <template slot-scope="scope">
+             <span>**********</span>
+            </template>
+          </el-table-column> -->
+          <el-table-column label="时间" align="center" prop="createTime" />
+          <el-table-column label="操作" align="center">
+            <template slot-scope="scope">
+              <!-- 只有未归档才能修正 -->
+              <el-button v-if="scope.row.delFlag !=1"
+                size="mini"
+                type="primary"
+                @click="archiveInfo(scope.row)"
+                >启用
+              </el-button>
+              <el-button v-else
+                style="background-color: #909399;"
+                size="mini"
+                type="info"
+                @click="lookDetail(scope.row)"
+                >停用</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <CardPagination
+          v-show="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+
+    <el-dialog
+      title="归档"
+      id="dialoga"
+      :visible.sync="showContrastEdit"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      append-to-body
+      custom-class="card-dialog card-page card-dialog-height-auto"
+    >
+      <el-form
+        ref="contrastForm"
+        :model="contrastForm"
+        :rules="contrastRules"
+        label-width="100px"
+        label-position="top"
+      >
+        <el-form-item label="审核人" prop="chechkPerson">
+          <el-input
+            v-model="contrastForm.chechkPerson"
+            placeholder="请输入审核人"
+          />
+        </el-form-item>
+        <el-form-item label="巡视结论" prop="taskResult">
+          <el-input
+            style="resize: none"
+            type="textarea"
+            :rows="3"
+            v-model="contrastForm.taskResult"
+            placeholder="请输入巡视结论"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          class="card-dialog-cancel-btn"
+          @click="() => (showContrastEdit = false)"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          class="card-dialog-sure-btn"
+          :loading="isArchiving"
+          :disable="isLock"
+          @click="handleArchiveClicked"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  listPartrolResult,
+} from "@/api/algorithmConfiguration/index";
+import {
+  partrolResultArchive,
+} from "@/api/inspectionDataManage/inspectionArchive";
+import debounce from "lodash.debounce";
+import { listPatroltype } from "@/api/algorithmConfiguration/index";
+import { openDialog } from "../common.js";
+import CardPagination from "../components/CardPagination/index.vue";
+import CardBox from "../components/cardBox.vue";
+export default {
+  name: "InspectionArchive",
+  components: { CardPagination, CardBox },
+  dicts: [
+    "patrol_result_value_type",
+    "patrol_result_recognition_type",
+    "patrol_result_valid_type",
+    // "patrol_type",
+    "device_type",
+  ],
+  data() {
+    return {
+      pickerOptions0: {
+        disabledDate(time) {
+          return time.getTime() < Date.now() - 8.64e7;
+        }
+      },
+      timeValue:'',
+      // 遮罩层
+      loading: true,
+      isArchiving: false, // 正在归档
+      isLock: false,
+      // 总条数
+      total: 0,
+      // 数据
+      dataList: [],
+      //时间范围
+      dateRange: [],
+      dateRangePickerOptions: {
+        disabledDate(selectDate) {
+          return new Date().getTime() < selectDate.getTime();
+        },
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        taskType: null,
+        devType: null,
+        fileStatus: null,
+      },
+      // 是否显示对比数据
+      showContrast: false,
+
+      // 显示编辑修正
+      showContrastEdit: false,
+      contrastForm: {
+        chechkPerson: null,
+        taskResult: null,
+      },
+      contrastRules: {
+        chechkPerson: [
+          { required: true, message: "请输入审核人", trigger: "change" },
+        ],
+        taskResult: [
+          { required: true, message: "请输入巡视结论", trigger: "change" },
+        ],
+      },
+      // 最新详细信息
+      newInfo: null,
+      // 原始详细信息
+      originalInfo: null,
+      listPatroltype: [],
+    };
+  },
+  created() {
+    // 防抖
+    this.setTableHeight = debounce(this.setTableHeight, 300);
+    window.addEventListener("resize", this.setTableHeight);
+    this.getlistPatroltype();
+    this.getList();
+  },
+  mounted() {
+    this.setTableHeight();
+  },
+  destroyed() {
+    this.setTableHeight.cancel();
+    window.removeEventListener("resize", this.setTableHeight);
+  },
+
+  methods: {
+    getlistPatroltype() {
+      listPatroltype().then((res) => {
+        this.listPatroltype = res.rows;
+      });
+    },
+
+    // 获取巡检任务
+    getPatrolTypeStr(type) {
+      const element = this.listPatroltype.find(
+        (item) => item.patrolTypeCode == type
+      );
+      if (element) {
+        return element.patrolTypeName;
+      }
+      return "";
+    },
+    setTableHeight() {
+      this.tableHeight = this.$refs.tableCardRef.clientHeight - 40;
+    },
+    /** 获取数据列表 */
+    getList() {
+      this.loading = true;
+      const params = { ...this.queryParams };
+      // 拍摄时间筛选范围
+      if (this.dateRange && this.dateRange.length === 2) {
+        params.beginTime = this.dateRange[0];
+        params.endTime = this.dateRange[1];
+      }
+      listPartrolResult(params).then((response) => {
+        this.dataList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+
+    // 设备类型
+    getDeviceTypeStr(dataType) {
+      switch (dataType) {
+        case "0":
+          return "无人机";
+        case "1":
+          return "机器人";
+        case "2":
+          return "视频";
+      }
+    },
+
+    // 修正
+    archiveInfo(info) {
+      this.contrastForm = {
+        lineId: info.lineId,
+        chechkPerson: null,
+        taskResult: null,
+      };
+      this.resetForm("contrastForm");
+      this.showContrastEdit = true;
+    },
+    // 查看详情
+    lookDetail(info) {
+      this.$router.push({
+        name: "cardInspectionArchivePointInfo",
+        params: {
+          id: info.lineId,
+        },
+      });
+      // // 开发
+      // if (process.env.VUE_APP_DIALOG == "true") {
+      //   this.$router.push({
+      //     name: "cardInspectionArchivePointInfo",
+      //     params: {
+      //       id: info.lineId,
+      //     },
+      //   });
+      // } else {
+      //   sessionStorage.setItem("archiveLineId", JSON.stringify(info.lineId));
+
+      //   openDialog({
+      //     sourceCardId: "wuhan@videoMonitor-card-45",
+      //     targetCardId: "wuhan@videoMonitor-card-46",
+      //     dialogTitle: "巡视结果归档详情",
+      //   });
+      // }
+    },
+
+    // 归档
+    handleArchiveClicked() {
+      this.$refs["contrastForm"].validate((valid) => {
+        if (valid) {
+          const params = { ...this.contrastForm };
+          this.isArchiving = true;
+          this.isLock = true;
+          partrolResultArchive(params)
+            .then((res) => {
+              this.$modal.msgSuccess("归档成功");
+              this.showContrastEdit = false;
+              this.getList();
+            })
+            .finally(() => {
+              this.isArchiving = false;
+              this.isLock = false;
+            });
+        }
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+
+.page-content {
+  width: 100%;
+  height: 856px;
+}
+.page-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.query-card {
+  margin-bottom: 15px;
+
+  ::v-deep .el-form-item {
+    margin-bottom: 0;
+  }
+}
+
+.table-card {
+  flex: 1;
+  height: 0;
+
+  ::v-deep .el-card__body {
+    height: 100%;
+  }
+}
+
+.algorithm-table {
+  background: #222f3d !important;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+  color: #000000;
+
+  ::v-deep .el-table__header-wrapper,
+  ::v-deep .el-table__fixed-header-wrapper {
+    background: #06347f !important;
+  }
+
+  ::v-deep .el-table__body-wrapper,
+  ::v-deep .el-table__fixed,
+  ::v-deep .el-table__fixed-right,
+  ::v-deep .el-table__empty-block,
+  ::v-deep .el-table__append-wrapper {
+    background: #222f3d !important;
+  }
+
+  ::v-deep th.el-table__cell {
+    background: #06347f !important;
+    border-color: rgba(64, 146, 255, 0.95) !important;
+    color: #ffffff !important;
+  }
+
+  ::v-deep th.el-table__cell .cell {
+    color: #ffffff !important;
+  }
+
+  ::v-deep td.el-table__cell {
+    border-bottom: 1px solid #c7d7f4 !important;
+    border-right-color: #c7d7f4 !important;
+    color: #000000 !important;
+  }
+
+  ::v-deep td.el-table__cell .cell {
+    color: #000000 !important;
+    font-weight: 500;
+  }
+
+  ::v-deep .el-table__body tbody tr:nth-child(odd) td.el-table__cell {
+    background: #e4edfc !important;
+  }
+
+  ::v-deep .el-table__body tbody tr:nth-child(even) td.el-table__cell,
+  ::v-deep .el-table__row--striped td.el-table__cell {
+    background: #d7e4f8 !important;
+  }
+
+  ::v-deep .el-table__body tr:hover > td.el-table__cell {
+    background: #c5d9f6 !important;
+  }
+
+  ::v-deep .el-table__empty-text {
+    color: #5f7394 !important;
+  }
+}
+
+.algorithm-table::before,
+.algorithm-table::after {
+  background-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+// #dialoga {
+//   height: 39vh;
+//   overflow: auto;
+// }
+</style>
+<style>
+.vue-treeselect__control {
+  background-color: rgb(0, 1, 1, 0) !important;
+  border: 1px solid #40486a !important;
+}
+
+.el-tree-node__content:hover {
+  background: RGBA(23, 37, 51, 1) !important;
+}
+
+.el-tree-node:focus > .el-tree-node__content {
+  background-color: RGBA(23, 37, 51, 1) !important;
+}
+
+.el-picker-panel {
+  background: #202f3e !important;
+  border: 1px solid #40486a !important;
+}
+
+.el-picker-panel__footer {
+  background: #202f3e !important;
+}
+
+.el-date-picker__time-header {
+  border-bottom: 1px solid #40486a !important;
+}
+
+.el-date-table th {
+  border-bottom: 1px solid #40486a !important;
+}
+
+.el-picker-panel__footer {
+  border-top: 1px solid #40486a !important;
+}
+
+.el-popper[x-placement^="top"] .popper__arrow::after {
+  border-top-color: #40486a !important;
+}
+
+.el-time-panel__footer {
+  border-top: 1px solid #40486a !important;
+}
+
+.el-button--medium,
+.el-button.is-plain {
+  background-color: #247382 !important;
+  border: 1px solid #247382 !important;
+}
+
+.el-time-panel {
+  background-color: #202f3e !important;
+  border: 1px solid #40486a !important;
+}
+
+.el-date-table td.disabled div {
+  background: RGBA(23, 37, 51, 1) !important;
+}
+
+.el-popper[x-placement^="bottom"] .popper__arrow::after {
+  border-bottom-color: #40486a !important;
+}
+
+.el-input-number--medium .el-input-number__increase {
+  background-color: rgb(1, 1, 1, 0) !important;
+}
+
+.el-transfer-panel {
+  background-color: #202f3e !important;
+  border-color: #40486a !important;
+  /* border: 1px solid red; */
+  width: 300px !important;
+}
+
+.el-transfer-panel__header {
+  background-color: #202f3e !important;
+  border-color: #40486a !important;
+}
+
+.el-step__head.is-finish {
+  color: #37cbd6 !important;
+  border-color: #37cbd6 !important;
+}
+
+.el-message-box {
+  background-color: #202f3e !important;
+  border: 1px solid #40486a !important;
+}
+
+.el-button--small {
+  background-color: #247382 !important;
+  border: none !important;
+}
+
+.el-step__title.is-finish {
+  color: #37cbd6 !important;
+}
+
+.el-input__inner {
+  border-color: #40486a !important;
+}
+
+.el-select-dropdown {
+  background-color: #202f3e !important;
+  border: 1px solid #40486a !important;
+}
+
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+  background-color: RGBA(23, 37, 51, 1) !important;
+}
+</style>
diff --git a/src/views/cards/site_management/components/ImageAnnotation.vue b/src/views/cards/site_management/components/ImageAnnotation.vue
new file mode 100644
index 0000000..0435664
--- /dev/null
+++ b/src/views/cards/site_management/components/ImageAnnotation.vue
@@ -0,0 +1,534 @@
+<template>
+  <div class="image-annotation-container">
+    <!-- 控制面板 -->
+    <div class="control-panel">
+      <button @click="setMode('point')" :class="{ active: mode === 'point' }">
+        绘制点
+      </button>
+      <button @click="setMode('rect')" :class="{ active: mode === 'rect' }">
+        绘制矩形
+      </button>
+      <button @click="clearAll" class="clear-btn">清除所有</button>
+
+      <div class="config-options" v-if="mode">
+        <label v-if="mode === 'point'">
+          点大小:
+          <input type="range" v-model.number="pointSize" min="3" max="15" />
+        </label>
+        <label v-if="mode === 'rect'">
+          线宽:
+          <input type="range" v-model.number="lineWidth" min="1" max="10" />
+        </label>
+        <!-- <label>
+          颜色: <input type="color" v-model="drawColor">
+        </label> -->
+      </div>
+    </div>
+    <!-- 图片和画布容器 -->
+    <div class="image-wrapper" ref="imageWrapper">
+      <img
+        :src="imageSrc"
+        alt="标注图片"
+        ref="image"
+        @load="initCanvas"
+        @mousedown="handleMouseDown"
+        @mousemove="handleMouseMove"
+        @mouseup="handleMouseUp"
+        @mouseleave="handleMouseUp"
+      />
+      <canvas ref="canvas"></canvas>
+    </div>
+    <!-- 标注信息面板 -->
+    <!-- <div class="annotation-panel">
+      <h3>标注信息 (共{{ annotations.length }}个)</h3>
+      <div class="annotation-list">
+        <div
+          v-for="(annotation, index) in annotations"
+          :key="index"
+          class="annotation-item"
+          :class="annotation.type"
+          @click="highlightAnnotation(index)"
+        >
+          <div class="annotation-header">
+            <span class="annotation-type">
+              {{ annotation.type === 'point' ? '点' : '矩形' }} {{ index + 1 }}
+            </span>
+            <button @click.stop="removeAnnotation(index)" class="small-btn">
+              删除
+            </button>
+          </div>
+
+        </div>
+      </div>
+    </div> -->
+  </div>
+</template>
+
+<script>
+export default {
+  name: "ImageAnnotation",
+  props: {
+    imageSrc: {
+      type: String,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      mode: null, // 当前模式: 'point' 或 'rect'
+      isDrawing: false, // 是否正在绘制
+      startX: 0, // 绘制起点X
+      startY: 0, // 绘制起点Y
+      annotations: [], // 所有标注
+      drawColor: "red", // 绘制颜色
+      pointSize: 6, // 点大小
+      lineWidth: 2, // 线宽
+      canvas: null, // canvas元素
+      ctx: null, // canvas上下文
+      imgElement: null, // img元素
+      all_data: [],
+    };
+  },
+  watch: {
+    imageSrc() {
+      this.clearAll();
+      this.$nextTick(() => {
+        if (this.imgElement.complete) {
+          this.initCanvas();
+        }
+      });
+    },
+  },
+  mounted() {
+    // this.annotations = [];
+    // this.all_data = [];
+    this.imgElement = this.$refs.image;
+    this.canvas = this.$refs.canvas;
+    this.ctx = this.canvas.getContext("2d");
+    // 如果图片已经加载完成
+    if (this.imgElement.complete) {
+      this.initCanvas();
+    }
+  },
+  methods: {
+    // 初始化画布
+    initCanvas() {
+      this.canvas.width = this.imgElement.width;
+      this.canvas.height = this.imgElement.height;
+      localStorage.setItem(
+        "imgElement",
+        JSON.stringify({
+          width: this.imgElement.width,
+          height: this.imgElement.height,
+        })
+      );
+      this.redrawAll();
+    },
+
+    // 设置绘制模式
+    setMode(mode) {
+      this.mode = mode;
+      this.imgElement.ondragstart = function () {
+        return false;
+      };
+    },
+
+    // 鼠标按下事件
+    handleMouseDown(e) {
+      if (!this.mode || e.button !== 0) return; // 只响应左键
+      const rect = this.imgElement.getBoundingClientRect();
+      this.startX = e.clientX - rect.left;
+      this.startY = e.clientY - rect.top;
+
+      if (this.mode === "point") {
+        this.addPoint(this.startX, this.startY);
+      } else if (this.mode === "rect") {
+        this.isDrawing = true;
+      }
+    },
+
+    // 鼠标移动事件
+    handleMouseMove(e) {
+      if (!this.isDrawing) return;
+
+      const rect = this.imgElement.getBoundingClientRect();
+      const currentX = e.clientX - rect.left;
+      const currentY = e.clientY - rect.top;
+
+      // 清除并重绘
+      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+      this.redrawAll();
+
+      // 绘制当前矩形
+      this.drawRect(
+        this.startX,
+        this.startY,
+        currentX - this.startX,
+        currentY - this.startY,
+        this.drawColor,
+        this.lineWidth,
+        true // 临时绘制
+      );
+    },
+
+    // 鼠标释放事件
+    handleMouseUp(e) {
+      if (!this.isDrawing) return;
+
+      this.isDrawing = false;
+      const rect = this.imgElement.getBoundingClientRect();
+      const endX = e.clientX - rect.left;
+      const endY = e.clientY - rect.top;
+
+      // 确保矩形有一定大小
+      if (
+        Math.abs(endX - this.startX) > 5 &&
+        Math.abs(endY - this.startY) > 5
+      ) {
+        this.addRectangle(
+          this.startX,
+          this.startY,
+          endX - this.startX,
+          endY - this.startY,
+          endX,
+          endY
+        );
+      }
+      this.redrawAll();
+    },
+
+    // 添加点
+    addPoint(x, y) {
+      var point_object = { firstX: Math.round(x), firstY: Math.round(y) };
+      this.all_data.push(point_object);
+      localStorage.setItem("drawData", JSON.stringify(this.all_data));
+      this.annotations.push({
+        type: "point",
+        x,
+        y,
+        color: this.drawColor,
+        size: this.pointSize,
+      });
+      this.redrawAll();
+    },
+    // 添加矩形
+    addRectangle(x, y, width, height, endX, endY) {
+      // 存储矩形的起点和终点
+      var point_object = {
+        firstX: Math.round(x),
+        firstY: Math.round(y),
+        secondX: Math.round(endX),
+        secondY: Math.round(endY),
+      };
+      this.all_data.push(point_object);
+      // 存储数据给父组件用
+      localStorage.setItem("drawData", JSON.stringify(this.all_data));
+
+      this.annotations.push({
+        type: "rect",
+        x,
+        y,
+        width,
+        height,
+        color: this.drawColor,
+        lineWidth: this.lineWidth,
+      });
+    },
+
+    // 绘制点
+    drawPoint(x, y, color, size) {
+      this.ctx.fillStyle = color;
+      this.ctx.beginPath();
+      this.ctx.arc(x, y, size, 0, 2 * Math.PI);
+      this.ctx.fill();
+
+      // 添加中心点
+      this.ctx.fillStyle = "red";
+      this.ctx.beginPath();
+      this.ctx.arc(x, y, size / 2, 0, 2 * Math.PI);
+      this.ctx.fill();
+    },
+
+    // 绘制矩形
+    drawRect(x, y, width, height, color, lineWidth, isTemporary = false) {
+      this.ctx.strokeStyle = color;
+      this.ctx.lineWidth = lineWidth;
+      this.ctx.strokeRect(x, y, width, height);
+
+      if (!isTemporary) {
+        // 半透明填充
+        this.ctx.fillStyle = "rgba(0, 0, 255, 0)"; //不填充
+        // this.ctx.fillStyle = color.replace(')', ', 0)').replace('rgb', 'rgba');
+        this.ctx.fillRect(x, y, width, height);
+      }
+    },
+
+    // 重绘所有标注
+    redrawAll() {
+      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+      this.annotations.forEach((annotation) => {
+        if (annotation.type === "point") {
+          this.drawPoint(
+            annotation.x,
+            annotation.y,
+            annotation.color,
+            annotation.size
+          );
+        } else {
+          this.drawRect(
+            annotation.x,
+            annotation.y,
+            annotation.width,
+            annotation.height,
+            annotation.color,
+            annotation.lineWidth
+          );
+        }
+      });
+    },
+
+    // 删除标注
+    removeAnnotation(index) {
+      this.all_data = [];
+      this.annotations.splice(index, 1);
+      this.redrawAll();
+    },
+
+    // 高亮标注
+    highlightAnnotation(index) {
+      const annotation = this.annotations[index];
+
+      // 先清除画布
+      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+
+      // 绘制其他标注（半透明）
+      this.annotations.forEach((item, i) => {
+        if (i !== index) {
+          const alphaColor = item.color
+            .replace(")", ", 0.3)")
+            .replace("rgb", "rgba");
+          if (item.type === "point") {
+            this.drawPoint(item.x, item.y, alphaColor, item.size);
+          } else {
+            this.drawRect(
+              item.x,
+              item.y,
+              item.width,
+              item.height,
+              alphaColor,
+              item.lineWidth
+            );
+          }
+        }
+      });
+
+      // 绘制选中的标注（高亮）
+      if (annotation.type === "point") {
+        this.drawPoint(
+          annotation.x,
+          annotation.y,
+          annotation.color,
+          annotation.size * 1.5
+        );
+      } else {
+        this.drawRect(
+          annotation.x,
+          annotation.y,
+          annotation.width,
+          annotation.height,
+          annotation.color,
+          annotation.lineWidth * 2
+        );
+      }
+
+      // 3秒后恢复
+      setTimeout(() => {
+        this.redrawAll();
+      }, 3000);
+    },
+
+    // 清除所有标注
+    clearAll() {
+      this.annotations = [];
+      this.all_data = [];
+      this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    },
+
+    // 导出标注数据
+    exportAnnotations() {
+      const data = {
+        imageWidth: this.imgElement.width,
+        imageHeight: this.imgElement.height,
+        annotations: this.annotations,
+      };
+      return data;
+    },
+
+    // 导入标注数据
+    importAnnotations(data) {
+      if (
+        data.imageWidth === this.imgElement.width &&
+        data.imageHeight === this.imgElement.height
+      ) {
+        this.annotations = data.annotations;
+        this.redrawAll();
+        return true;
+      }
+      return false;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.image-annotation-container {
+  font-family: Arial, sans-serif;
+  max-width: 1000px;
+  height: 550px;
+  margin: 0 auto;
+  padding: 20px;
+  overflow: scroll;
+}
+
+.control-panel {
+  margin: 15px 0;
+  padding: 15px;
+  /* background: #f5f5f5; */
+  border-radius: 5px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  align-items: center;
+  border: 1px solid #555;
+}
+
+button {
+  padding: 8px 15px;
+  background: #4caf50;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+button:hover {
+  background: #45a049;
+}
+
+button.active {
+  background: #2e7d32;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
+}
+
+.clear-btn {
+  background: #f44336;
+}
+
+.clear-btn:hover {
+  background: #d32f2f;
+}
+
+.small-btn {
+  padding: 3px 8px;
+  font-size: 12px;
+  background: #f44336;
+}
+
+.config-options {
+  display: flex;
+  gap: 15px;
+  align-items: center;
+  margin-left: auto;
+}
+
+.config-options label {
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  font-size: 14px;
+}
+
+.image-wrapper {
+  position: relative;
+  display: inline-block;
+  margin-bottom: 20px;
+  border: 1px solid #555;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  /* width: 100%;
+  height: 100%; */
+  /* width:780px;
+  height:445px; */
+}
+
+.annotation-panel {
+  border: 1px solid #ddd;
+  padding: 15px;
+  border-radius: 5px;
+  background: #f9f9f9;
+}
+
+.annotation-list {
+  max-height: 300px;
+  overflow-y: auto;
+  margin-top: 10px;
+}
+
+.annotation-item {
+  padding: 10px;
+  margin-bottom: 8px;
+  background: white;
+  border-radius: 4px;
+  border-left: 4px solid #4caf50;
+  cursor: pointer;
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+
+.annotation-item:hover {
+  transform: translateX(3px);
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+.annotation-item.point {
+  border-left-color: #2196f3;
+}
+
+.annotation-item.rect {
+  border-left-color: #ff9800;
+}
+
+.annotation-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 5px;
+}
+
+.annotation-type {
+  font-weight: bold;
+}
+
+.annotation-details {
+  font-size: 14px;
+  color: #555;
+}
+
+.empty-message {
+  color: #777;
+  font-style: italic;
+  text-align: center;
+  padding: 10px;
+}
+</style>
diff --git a/src/views/cards/site_management/components/chooseAlg.vue b/src/views/cards/site_management/components/chooseAlg.vue
new file mode 100644
index 0000000..e40a57f
--- /dev/null
+++ b/src/views/cards/site_management/components/chooseAlg.vue
@@ -0,0 +1,837 @@
+<template>
+  <el-dialog
+    :title="alertTitle"
+    :visible.sync="visible"
+    width="55%"
+    @close="handleClose"
+    :close-on-click-modal="false"
+    append-to-body
+    custom-class="algorithm-dialog"
+  >
+    <el-row class="card-page">
+      <!-- 筛选条件区域 -->
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        label-width="75px"
+        class="filter-form"
+      >
+        <el-form-item label="算法类型" prop="algType">
+          <el-select
+            style="width: 150px"
+            v-model="queryParams.algType"
+            placeholder="全部"
+            filterable
+            clearable
+            popper-class="card-select-dropdown dark-select-dropdown"
+            @change="handleFilterChange"
+          >
+            <el-option
+              v-for="item in algTypeOptions"
+              :key="item"
+              :label="item"
+              :value="item"
+            />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="算法名称" prop="algName">
+          <el-select
+            style="width: 150px"
+            v-model="queryParams.algName"
+            placeholder="全部"
+            filterable
+            clearable
+            popper-class="card-select-dropdown dark-select-dropdown"
+            @change="handleFilterChange"
+          >
+            <el-option
+              v-for="item in algNameOptions"
+              :key="item"
+              :label="item"
+              :value="item"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <!-- 添加提示文字 -->
+      <div class="selection-limit-tip" :class="{'warning': isNearLimit}">
+        <i class="el-icon-info"></i>
+        最多可选择10个算法，已选择 {{ checkedCount }} 个
+      </div>
+
+      <el-form label-width="0px" :model="form" ref="ruleForm">
+        <el-col :span="24">
+          <el-table
+            v-loading="loading"
+            :data="filteredData"
+            row-key="id"
+            border
+            default-expand-all
+            height="400px"
+            :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
+            class="dark-table"
+            ref="algorithmTable"
+          >
+            <el-table-column
+              align="center"
+              width="60"
+              v-if="!disableCheck"
+            >
+              <template #header>
+                <span></span>
+              </template>
+              <template slot-scope="scope">
+                <el-checkbox
+                  :indeterminate="scope.row.isIndeterminate"
+                  v-model="scope.row.checked"
+                  :disabled="isCheckboxDisabled(scope.row)"
+                  @change="handleRowCheckedChange(scope.row)"
+                  class="dark-checkbox"
+                ></el-checkbox>
+              </template>
+            </el-table-column>
+            <el-table-column
+              type="index"
+              align="center"
+              label="序号"
+              width="50"
+            />
+
+            <el-table-column
+              prop="name"
+              header-align="center"
+              label="算法名称"
+              min-width="180"
+            >
+              <template slot-scope="scope">
+                <span :title="scope.row.name" class="dark-text">{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="算法类型" align="center" min-width="120">
+              <template slot-scope="scope">
+                <span v-if="scope.row.parent" class="dark-text">{{ scope.row.parent.name }}</span>
+                <span v-else class="dark-text">{{ scope.row.name }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="时间" align="center" width="160">
+              <template slot-scope="scope">
+                <span v-if="scope.row.id && scope.row.id.startsWith('sub_')" class="dark-text">
+                  {{ formatDateTime(scope.row.createTime || scope.row.updateTime) }}
+                </span>
+                <span v-else class="dark-text">--</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column prop="upperValue" align="center" width="180">
+              <template #header>
+                <div class="dark-text">阈值上限</div>
+              </template>
+              <template slot-scope="scope">
+                <el-form-item
+                  style="margin-top: 0; margin-bottom: 0"
+                  v-if="scope.row.upperFlag"
+                >
+                  <el-input
+                    v-model="scope.row.upperValue"
+                    :disabled="!scope.row.checked"
+                    placeholder="请输入"
+                    class="dark-table-input"
+                    size="small"
+                  ></el-input>
+                </el-form-item>
+                <span v-else class="dark-text">--</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column prop="lowerValue" align="center" width="180">
+              <template #header>
+                <div class="dark-text">阈值下限</div>
+              </template>
+              <template slot-scope="scope">
+                <el-form-item
+                  style="margin-top: 0; margin-bottom: 0"
+                  v-if="scope.row.lowerFlag"
+                >
+                  <el-input
+                    v-model="scope.row.lowerValue"
+                    :disabled="!scope.row.checked"
+                    placeholder="请输入"
+                    class="dark-table-input"
+                    size="small"
+                  ></el-input>
+                </el-form-item>
+                <span v-else class="dark-text">--</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-form>
+    </el-row>
+
+    <span slot="footer" class="dialog-footer card-page">
+      <el-button @click="eventOk" :disabled="loading" type="primary">确定</el-button>
+      <el-button @click="visible = false" class="dark-button">取消</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getAlgList, getAlgPartType } from "@/api/basedata/area/area";
+import linq from "linq";
+
+export default {
+  name: "ChooseAlg",
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    },
+    algSubtypeIds: {
+      type: String,
+      default: "",
+    },
+    algSubtypeName: {
+      type: String,
+      default: "",
+    },
+    alarmThreshold: {
+      type: String,
+      default: "",
+    },
+    disableCheck: {
+      type: Boolean,
+      default: false,
+    },
+    filterCheckedAlgs: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  watch: {
+    show(newVal) {
+      this.visible = newVal;
+      if (newVal === true) {
+        this.loadData();
+      }
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      form: {
+        algList: [],
+      },
+      visible: false,
+      algList: [],
+      alertTitle: "设置智能识别类型",
+      queryParams: {
+        algType: null,
+        algName: null,
+        upperValue: null,
+        lowerValue: null,
+        timeRange: null,
+      },
+      savedAlgorithmConfig: new Map(),
+      MAX_SELECTION_LIMIT: 10, // 最大选择数量限制
+    };
+  },
+  computed: {
+    // 获取当前选中的子节点数量（只统计子节点）
+    checkedCount() {
+      if (!this.form.algList) return 0;
+      return this.form.algList.filter(item => item.checked && item.parent && item.id && item.id.startsWith('sub_')).length;
+    },
+    // 判断是否接近限制（用于提示样式）
+    isNearLimit() {
+      return this.checkedCount >= this.MAX_SELECTION_LIMIT;
+    },
+    selectedIds() {
+      const ids = [];
+
+      // 优先从 algSubtypeIds 获取
+      if (this.algSubtypeIds && this.algSubtypeIds.length > 0) {
+        const parts = this.algSubtypeIds.split(',');
+        parts.forEach(part => {
+          const trimmed = part.trim();
+          if (trimmed) {
+            let cleanId = trimmed.replace('sub_', '');
+            ids.push(cleanId);
+          }
+        });
+      }
+
+      // 如果 algSubtypeIds 为空，从 alarmThreshold 获取
+      if (ids.length === 0 && this.alarmThreshold && this.alarmThreshold.length > 0) {
+        try {
+          const alarmThreshold = JSON.parse(this.alarmThreshold);
+          if (Array.isArray(alarmThreshold)) {
+            alarmThreshold.forEach(item => {
+              if (item.id) {
+                let cleanId = String(item.id).replace('sub_', '');
+                if (!ids.includes(cleanId)) {
+                  ids.push(cleanId);
+                }
+              }
+            });
+          }
+        } catch (e) {
+          // console.error("解析alarmThreshold失败:", e);
+        }
+      }
+
+      return ids;
+    },
+
+    selectedNames() {
+      if (this.algSubtypeName && this.algSubtypeName.length > 0) {
+        return this.algSubtypeName.split(',').map(name => name.trim());
+      }
+      return [];
+    },
+
+    hasFilter() {
+      return this.queryParams.algType ||
+             this.queryParams.algName ||
+             this.queryParams.upperValue ||
+             this.queryParams.lowerValue ||
+             (this.queryParams.timeRange && this.queryParams.timeRange.length > 0);
+    },
+
+    algTypeOptions() {
+      const types = new Set();
+      this.form.algList.forEach(item => {
+        if (item.parent) {
+          types.add(item.parent.name);
+        } else {
+          types.add(item.name);
+        }
+      });
+      return Array.from(types).sort();
+    },
+
+    algNameOptions() {
+      const names = new Set();
+      this.form.algList.forEach(item => {
+        names.add(item.name);
+      });
+      return Array.from(names).sort();
+    },
+
+    filteredData() {
+      if (!this.hasFilter) {
+        return this.algList;
+      }
+      return this.algList.filter(item => {
+        return this.filterNode(item);
+      }).map(item => {
+        if (item.children && item.children.length > 0) {
+          const filteredChildren = item.children.filter(child => this.filterNode(child));
+          if (filteredChildren.length > 0) {
+            return {
+              ...item,
+              children: filteredChildren
+            };
+          }
+        }
+        return item;
+      });
+    },
+  },
+  methods: {
+    formatDateTime(dateTimeStr) {
+      if (!dateTimeStr) return '--';
+      return dateTimeStr;
+    },
+
+    handleFilterChange() {
+      this.$forceUpdate();
+    },
+
+    filterNode(node) {
+      let match = this.matchNode(node);
+      if (node.children && node.children.length > 0) {
+        const hasMatchingChild = node.children.some(child => this.filterNode(child));
+        return match || hasMatchingChild;
+      }
+      return match;
+    },
+
+    matchNode(node) {
+      const nodeType = node.parent ? node.parent.name : node.name;
+      const nodeName = node.name;
+
+      if (this.queryParams.algType && nodeType !== this.queryParams.algType) {
+        return false;
+      }
+
+      if (this.queryParams.algName) {
+        const searchName = this.queryParams.algName.toLowerCase();
+        if (!nodeName.toLowerCase().includes(searchName)) {
+          return false;
+        }
+      }
+
+      return true;
+    },
+
+    // 判断复选框是否应该被禁用
+    isCheckboxDisabled(row) {
+      // 如果已经选中，不禁用（允许取消勾选）
+      if (row.checked) return false;
+      // 如果是子节点且当前选中数量已达到上限，则禁用
+      if (row.parent && this.checkedCount >= this.MAX_SELECTION_LIMIT) {
+        return true;
+      }
+      // 父节点的禁用逻辑：如果所有子节点都被禁用，则父节点也应该被禁用
+      if (row.children && row.children.length > 0) {
+        const allChildrenDisabled = row.children.every(child => this.isCheckboxDisabled(child));
+        return allChildrenDisabled;
+      }
+      return false;
+    },
+
+    loadData() {
+      this.loading = true;
+
+      // 解析 alarmThreshold
+      this.parseSavedAlgorithmConfig();
+
+      Promise.all([getAlgPartType(), getAlgList()])
+        .then(([subTypeRes, mainTypeRes]) => {
+          const treeData = [];
+          mainTypeRes.rows.forEach((mainRow) => {
+            const mainNode = {
+              id: "alg_" + mainRow.algId,
+              name: mainRow.algName,
+              sourceId: mainRow.algId,
+              checked: false,
+              isIndeterminate: false,
+              upperValue: "",
+              lowerValue: "",
+              lowerFlag: mainRow.lowerFlag,
+              upperFlag: mainRow.upperFlag,
+              code: "",
+              parent: null,
+              children: [],
+              createTime: null,
+              updateTime: null
+            };
+
+            const children = linq
+              .from(subTypeRes.rows)
+              .where((x) => x.algId === mainRow.algId)
+              .select((sub) => {
+                const algId = String(sub.algSubtypeId);
+                const savedConfig = this.savedAlgorithmConfig.get(algId);
+
+                let upperValue = "";
+                let lowerValue = "";
+
+                if (savedConfig) {
+                  upperValue = savedConfig.upperValue || "";
+                  lowerValue = savedConfig.lowerValue || "";
+                } else {
+                  // 没有保存的配置，使用接口返回的默认值（如果有的话）
+                  upperValue = sub.upperValue || "";
+                  lowerValue = sub.lowerValue || "";
+                }
+
+                return {
+                  sourceId: sub.algSubtypeId,
+                  id: "sub_" + sub.algSubtypeId,
+                  name: sub.algSubtypeName,
+                  checked: false,
+                  isIndeterminate: false,
+                  code: sub.algSubtypeCode,
+                  upperValue: upperValue,
+                  lowerValue: lowerValue,
+                  lowerFlag: sub.lowerFlag,
+                  upperFlag: sub.upperFlag,
+                  parent: mainNode,
+                  createTime: sub.createTime,
+                  updateTime: sub.updateTime
+                };
+              })
+              .toArray();
+
+            mainNode.children = children;
+
+            if (!(this.filterCheckedAlgs && children.length === 0)) {
+              treeData.push(mainNode);
+            }
+          });
+
+          this.algList = treeData;
+          this.form.algList = this.treeToList(treeData);
+
+          this.$nextTick(() => {
+            this.renderData();
+          });
+
+          this.loading = false;
+        })
+        .catch((error) => {
+          this.loading = false;
+        });
+    },
+
+    parseSavedAlgorithmConfig() {
+      this.savedAlgorithmConfig.clear();
+
+      if (this.alarmThreshold && this.alarmThreshold.length > 0) {
+        try {
+          const alarmThreshold = JSON.parse(this.alarmThreshold);
+
+          if (Array.isArray(alarmThreshold)) {
+            alarmThreshold.forEach(item => {
+              if (item.id) {
+                const cleanId = String(item.id).replace('sub_', '');
+                const config = {
+                  upperValue: item.upperValue || "",
+                  lowerValue: item.lowerValue || ""
+                };
+                this.savedAlgorithmConfig.set(cleanId, config);
+              }
+            });
+          }
+        } catch (e) {
+          // console.error("解析alarmThreshold失败:", e);
+        }
+      }
+
+    },
+
+    renderData() {
+      const idsToSelect = this.selectedIds;
+
+      if (idsToSelect.length === 0) {
+        this.form.algList.forEach(item => {
+          item.checked = false;
+          if (!item.parent) {
+            item.isIndeterminate = false;
+          }
+        });
+        return;
+      }
+
+      // 重置所有选中状态
+      this.form.algList.forEach(item => {
+        item.checked = false;
+        if (!item.parent) {
+          item.isIndeterminate = false;
+        }
+      });
+
+      // 遍历每个要选中的ID
+      idsToSelect.forEach((id) => {
+        const idStr = String(id).replace('sub_', '');
+
+        // 查找对应的算法项（子节点）
+        const matchedItem = this.form.algList.find(item => {
+          if (!item.parent) return false;
+          const itemSourceIdStr = String(item.sourceId).replace('sub_', '');
+          return itemSourceIdStr === idStr;
+        });
+
+        if (matchedItem) {
+          matchedItem.checked = true;
+
+          // 从 savedAlgorithmConfig 获取阈值
+          const savedConfig = this.savedAlgorithmConfig.get(idStr);
+          if (savedConfig) {
+            if (savedConfig.upperValue && matchedItem.upperFlag) {
+              matchedItem.upperValue = savedConfig.upperValue;
+            }
+            if (savedConfig.lowerValue && matchedItem.lowerFlag) {
+              matchedItem.lowerValue = savedConfig.lowerValue;
+            }
+          } else {
+            // console.log(`  未找到保存的阈值配置，使用当前值: 上限=${matchedItem.upperValue}, 下限=${matchedItem.lowerValue}`);
+          }
+
+          // 更新父节点状态
+          if (matchedItem.parent) {
+            const parent = matchedItem.parent;
+            const allChecked = parent.children.every(child => child.checked);
+            const anyChecked = parent.children.some(child => child.checked);
+
+            parent.checked = allChecked;
+            parent.isIndeterminate = anyChecked && !allChecked;
+          }
+        } else {
+          // console.warn(`✗ 未找到匹配项，ID: ${idStr}`);
+        }
+      });
+
+      this.$forceUpdate();
+      if (this.$refs.algorithmTable) {
+        this.$refs.algorithmTable.doLayout();
+      }
+
+      // 输出最终选中的算法
+      const checkedItems = this.form.algList.filter(x => x.checked && x.parent);
+      // console.log("最终选中的算法列表:", checkedItems.map(x => ({
+      //   name: x.name,
+      //   upperValue: x.upperValue,
+      //   lowerValue: x.lowerValue
+      // })));
+    },
+
+    treeToList(nodes) {
+      let result = [];
+      nodes.forEach((node) => {
+        result.push(node);
+        if (node.children && node.children.length > 0) {
+          result = result.concat(this.treeToList(node.children));
+        }
+      });
+      return result;
+    },
+
+    handleRowCheckedChange(row) {
+      // 处理勾选数量限制
+      if (row.parent && !row.checked) {
+        // 尝试勾选时，检查是否超过限制
+        if (this.checkedCount >= this.MAX_SELECTION_LIMIT) {
+          this.$message.warning(`最多只能选择 ${this.MAX_SELECTION_LIMIT} 个算法`);
+          return;
+        }
+      }
+
+      if (row.children) {
+        // 如果是父节点
+        let willCheckCount = 0;
+        if (row.checked) {
+          // 尝试勾选父节点，计算将会新增的勾选数量
+          willCheckCount = row.children.filter(child => !child.checked).length;
+          if (this.checkedCount + willCheckCount > this.MAX_SELECTION_LIMIT) {
+            this.$message.warning(`最多只能选择 ${this.MAX_SELECTION_LIMIT} 个算法，当前已选择 ${this.checkedCount} 个`);
+            row.checked = false;
+            return;
+          }
+          row.children.forEach((x) => {
+            x.checked = row.checked;
+          });
+        } else {
+          row.children.forEach((x) => {
+            x.checked = row.checked;
+          });
+        }
+      }
+
+      if (row.parent) {
+        // 如果是子节点，更新父节点的状态
+        const parent = row.parent;
+        const allChecked = parent.children.every(child => child.checked);
+        const anyChecked = parent.children.some(child => child.checked);
+
+        parent.checked = allChecked;
+        parent.isIndeterminate = anyChecked && !allChecked;
+      } else {
+        if (row.checked) {
+          row.isIndeterminate = false;
+        }
+      }
+    },
+
+    handleClose() {
+      if (this.$refs.ruleForm) {
+        this.$refs.ruleForm.resetFields();
+      }
+      this.visible = false;
+      this.$emit("update:show", false);
+    },
+
+    eventOk() {
+      const selectedItems = this.form.algList.filter(x =>
+        x.checked && x.parent && x.id && x.id.startsWith('sub_')
+      );
+
+      // 提交前再次验证数量
+      if (selectedItems.length > this.MAX_SELECTION_LIMIT) {
+        this.$message.error(`选择的算法不能超过 ${this.MAX_SELECTION_LIMIT} 个`);
+        return;
+      }
+
+      const result = selectedItems.map(item => ({
+        id: item.sourceId,
+        name: item.name,
+        upperValue: item.upperValue || "",
+        lowerValue: item.lowerValue || "",
+        lowerFlag: item.lowerFlag,
+        upperFlag: item.upperFlag,
+        code: item.code
+      }));
+      this.visible = false;
+      this.$emit("confirm", result);
+    },
+
+    resetQuery() {
+      this.queryParams = {
+        algType: null,
+        algName: null,
+        upperValue: null,
+        lowerValue: null,
+        timeRange: null,
+      };
+      this.$refs.queryForm?.resetFields();
+      this.handleFilterChange();
+    },
+  },
+};
+</script>
+
+<style scoped>
+.algorithm-dialog {
+  background-color: #1a2a3a !important;
+}
+
+.algorithm-dialog ::v-deep .el-dialog__title {
+  color: #ffffff;
+}
+
+.algorithm-dialog ::v-deep .el-dialog__header {
+  border-bottom: 1px solid #2a3a4a;
+}
+
+.algorithm-dialog ::v-deep .el-dialog__body {
+  background-color: #1a2a3a;
+  color: #ffffff;
+}
+
+.algorithm-dialog ::v-deep .el-dialog__footer {
+  border-top: 1px solid #2a3a4a;
+  background-color: #1a2a3a;
+}
+
+.filter-form {
+  background-color: #1a2a3a;
+  padding: 10px;
+}
+
+.filter-form ::v-deep .el-form-item__label {
+  color: #ffffff;
+}
+
+.filter-form ::v-deep .el-select .el-input__inner {
+  background-color: #2a3a4a;
+  border-color: #3a4a5a;
+  color: #ffffff;
+}
+
+/* 选择限制提示样式 */
+.selection-limit-tip {
+  padding: 8px 12px;
+  margin-bottom: 10px;
+  background-color: #2a3a4a;
+  border-radius: 4px;
+  color: #a0b0c0;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.selection-limit-tip.warning {
+  background-color: #3a2a2a;
+  color: #ffaa66;
+}
+
+.selection-limit-tip i {
+  font-size: 14px;
+}
+
+.dark-table {
+  background-color: #222f3d !important;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.dark-table ::v-deep .el-table__header th {
+  background-color: #06347f !important;
+  color: #ffffff !important;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+  border-bottom: 2px solid rgba(64, 146, 255, 0.95) !important;
+}
+
+.dark-table ::v-deep .el-table__row td {
+  color: #000000 !important;
+  border-bottom: 1px solid #c7d7f4 !important;
+  border-right-color: #c7d7f4 !important;
+}
+
+.dark-table ::v-deep .el-table__body-wrapper,
+.dark-table ::v-deep .el-table__fixed,
+.dark-table ::v-deep .el-table__fixed-right,
+.dark-table ::v-deep .el-table__empty-block {
+  background: #222f3d !important;
+}
+
+.dark-table ::v-deep .el-table__body tbody tr:nth-child(odd) td.el-table__cell {
+  background: #e4edfc !important;
+}
+
+.dark-table ::v-deep .el-table__body tbody tr:nth-child(even) td.el-table__cell,
+.dark-table ::v-deep .el-table__row--striped td.el-table__cell {
+  background: #d7e4f8 !important;
+}
+
+.dark-table ::v-deep .el-table__row:hover td {
+  background-color: #c5d9f6 !important;
+}
+
+.dark-table-input ::v-deep .el-input__inner {
+  background-color: #edf4ff !important;
+  border-color: #7da8e8 !important;
+  color: #000000 !important;
+  -webkit-text-fill-color: #000000 !important;
+}
+
+.dark-table-input ::v-deep .el-input__inner::placeholder {
+  color: #6f7f96 !important;
+  -webkit-text-fill-color: #6f7f96 !important;
+}
+
+.dark-table-input.is-disabled ::v-deep .el-input__inner,
+.dark-table-input ::v-deep .el-input.is-disabled .el-input__inner {
+  background-color: #d8e5f8 !important;
+  border-color: #7da8e8 !important;
+  color: #000000 !important;
+  -webkit-text-fill-color: #000000 !important;
+}
+
+/* 禁用复选框样式 */
+.dark-checkbox ::v-deep .el-checkbox.is-disabled .el-checkbox__inner {
+  background-color: #2a3a4a;
+  border-color: #3a4a5a;
+  opacity: 0.5;
+}
+
+.dark-checkbox ::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
+  background-color: #1890ff;
+  border-color: #1890ff;
+}
+
+.dark-text {
+  color: #000000 !important;
+}
+
+.dark-table ::v-deep th.el-table__cell .dark-text {
+  color: #ffffff !important;
+}
+
+.dark-button {
+  background-color: #2a3a4a !important;
+  border-color: #3a4a5a !important;
+  color: #ffffff !important;
+}
+
+.dark-button:hover {
+  background-color: #3a4a5a !important;
+  border-color: #4a5a6a !important;
+}
+</style>
diff --git a/src/views/cards/site_management/components/chooseDevices.vue b/src/views/cards/site_management/components/chooseDevices.vue
new file mode 100644
index 0000000..63e2a7c
--- /dev/null
+++ b/src/views/cards/site_management/components/chooseDevices.vue
@@ -0,0 +1,222 @@
+<template>
+  <el-dialog title="选择巡检设备" :visible.sync="visible" width="55%" style="height:100%" @close="handleClose" :close-on-click-modal="false" append-to-body>
+    <el-row class="card-page">
+      <el-form label-width="0px" :model="form" ref="ruleForm">
+        <el-col :span="24">
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
+            <el-form-item label="设备类型" prop="type">
+              <el-select v-model="queryParams.type" placeholder="请选择">
+                <el-option v-for="item in dict.type.device_type" :key="item.value" :label="item.label" :value="item.value">
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="设备名称" prop="patroldeviceName">
+              <el-input v-model="queryParams.patroldeviceName" placeholder="请输入设备名称" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="设备编码" prop="patroldeviceCode">
+              <el-input v-model="queryParams.patroldeviceCode" placeholder="请输入设备编码" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item label="生产厂家" prop="manufacturer">
+              <el-input v-model="queryParams.manufacturer" placeholder="请输入生产厂家" clearable @keyup.enter.native="handleQuery" />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+
+          <el-table v-loading="loading" :data="eqpbookList" @row-click="handleCurrentChange" :multiple="false" highlight-current-row>
+            <el-table-column label="设备名称" width="100" align="center" prop="patroldeviceName" fixed />
+            <el-table-column label="设备编码" width="100" align="center" prop="patroldeviceCode" fixed />
+            <el-table-column label="视频NVR编码" width="100" align="center" prop="videoNvrCode" fixed />
+            <el-table-column label="生产厂家" width="100" align="center" prop="manufacturer" fixed />
+            <el-table-column label="主系统编号" width="100" align="center" prop="mainSystemCode" fixed />
+            <el-table-column label="变电站名称" width="150" align="center" prop="stationName" />
+            <el-table-column label="变电站编码" width="100" align="center" prop="stationCode" />
+            <el-table-column label="区域名称" width="150" align="center" prop="areaName" />
+            <el-table-column label="设备类型" width="100" align="center" prop="type">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.device_type" :value="scope.row.type" />
+              </template>
+            </el-table-column>
+
+            <el-table-column label="设备型号" width="100" align="center" prop="deviceModel" />
+            <el-table-column label="使用单位" width="100" align="center" prop="useUnit" />
+            <el-table-column label="设备来源" width="100" align="center" prop="deviceSource" />
+            <el-table-column label="生产日期" width="100" align="center" prop="productionDate" />
+            <el-table-column label="出厂编号" width="100" align="center" prop="productionCode" />
+            <el-table-column label="是否轮转" width="100" align="center" prop="istransport">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.is_transport" :value="scope.row.istransport" />
+              </template>
+            </el-table-column>
+            <el-table-column label="使用类型" width="100" align="center" prop="useMode">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.use_mode" :value="scope.row.useMode" />
+              </template>
+            </el-table-column>
+            <el-table-column label="视频类型" width="100" align="center" prop="videoMode">
+              <template slot-scope="scope">
+                <dict-tag :options="dict.type.video_mode" :value="scope.row.videoMode" />
+              </template>
+            </el-table-column>
+
+            <el-table-column label="所属机器人" width="100" align="center" prop="robotsCode" />
+            <el-table-column label="ip地址" width="200" align="center" prop="ipAddr" />
+            <el-table-column label="端口" width="100" align="center" prop="port" />
+            <el-table-column label="用户" width="100" align="center" prop="user" />
+            <el-table-column label="密码" width="100" align="center" prop="password" />
+
+          </el-table>
+
+          <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+
+        </el-col>
+      </el-form>
+    </el-row>
+    <span slot="footer" class="dialog-footer card-page">
+      <el-button @click="eventOk" :disabled="loading" type="primary">确定</el-button>
+      <el-button @click="visible = false">取消</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import {
+  listEqpbook
+} from "@/api/basedata/eqpbook/eqpbook";
+import linq from 'linq'
+export default {
+  dicts: ["device_type", "video_mode", "use_mode", "is_transport"],
+  props: {
+    show: {
+      type: Boolean,
+      default: false,
+    }
+  },
+  watch: {
+    show (newVal) {
+      this.visible = newVal
+      if (newVal === true) {
+        this.getList();
+      }
+    }
+  },
+  data () {
+    return {
+      currentRow: null,
+      total: 0,
+      loading: false,
+      // 基础数据-设备台账主表格数据
+      eqpbookList: [],
+      form: {
+        algList: []
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        stationName: null,
+        stationCode: null,
+        areaName: null,
+        patroldeviceName: null,
+        patroldeviceCode: null,
+        deviceModel: null,
+        manufacturer: null,
+        useUnit: null,
+        deviceSource: null,
+        productionDate: null,
+        productionCode: null,
+        istransport: null,
+        useMode: null,
+        videoMode: null,
+        place: null,
+        positionX: null,
+        positionY: null,
+        positionZ: null,
+        type: null,
+        patroldeviceInfo: null,
+        robotsCode: null,
+        ipAddr: null,
+        port: null,
+        user: null,
+        password: null,
+        video_mode: null,
+        use_mode: null,
+        is_transport: null,
+      },
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      visible: false,
+      algList: [],/* 算法类型 */
+      alertTitle: "设置智能识别类型", /* 弹窗标题 */
+      rules: {
+        algId: [{ required: true, message: "必选", trigger: "blur" }],
+        algSubtypeId: [{ required: true, message: "必选", trigger: "blur" }],
+        upperValue: [{ required: true, message: "必选", trigger: "blur" }],
+        lowerValue: [{ required: true, message: "必选", trigger: "blur" }],
+      }
+    }
+  },
+  created () {
+
+
+  },
+  computed: {
+  },
+  methods: {
+    /** 重置按钮操作 */
+    resetQuery () {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 搜索按钮操作 */
+    handleQuery () {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    handleCurrentChange (row) {
+      this.currentRow = row;
+    },
+    // 多选框选中数据
+    handleSelectionChange (selection) {
+      this.ids = selection.map((item) => item.eqpbookId);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 查询基础数据-设备台账主列表 */
+    getList () {
+      this.loading = true;
+      listEqpbook(this.queryParams).then((response) => {
+        this.eqpbookList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    //弹窗关闭事件
+    handleClose () {
+      // 重置表单
+      this.resetForm('queryForm');
+      this.visible = false;
+      this.$emit('update:show', false)
+    },
+    //选择好智能识别类型后的事件
+    eventOk () {
+      const me = this;
+      if (this.currentRow === null) {
+        this.$message({
+          type: 'warning',
+          message: '请选中一行数据。'
+        })
+        return;
+      }
+      me.visible = false;
+      this.$emit('confirm', this.currentRow)
+    }
+  }
+}
+</script>
diff --git a/src/views/cards/site_management/components/uploadDialog.vue b/src/views/cards/site_management/components/uploadDialog.vue
new file mode 100644
index 0000000..d5c309f
--- /dev/null
+++ b/src/views/cards/site_management/components/uploadDialog.vue
@@ -0,0 +1,171 @@
+<template>
+
+  <el-dialog :title="title" @close="handleClose" :visible.sync="visible" width="40%" append-to-body
+    :close-on-click-modal="false">
+    <el-upload :data="updata" :accept="accept" class="upload-demo" :headers="headers" v-loading="loading"
+      :with-credential="true" :action="action" :on-success="handleUploadSuccess" :on-error="handleUploadError"
+      :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" :limit="1"
+      :on-exceed="handleExceed" :file-list="fileList">
+      <div class="card-page">
+        <el-button size="small" type="primary">点击上传</el-button>
+      </div>
+
+      <!-- list-type="picture" -->
+    </el-upload>
+    <AsyncImage v-if="pendding" ref="asyncImage" class="xg_image_viewer" @imgload="handleImageLoad"
+      @imgloaderror="handleImageLoadError" :src="currentSrc" :srcList="currentSrcList" />
+    <span slot="footer" class="dialog-footer card-page">
+      <el-button type="primary" v-if="showConfirmBtn" @click="handleConfirm">确 定</el-button>
+      <el-button @click="visible = false">关 闭</el-button>
+    </span>
+  </el-dialog>
+</template>
+<script>
+import { getToken } from '@/utils/auth'
+import AsyncImage from '@/components/AsyncImage'
+import linq from 'linq'
+export default {
+  components: {
+    AsyncImage
+  },
+  props: {
+    show: {
+      type: Boolean,
+      default: false
+    },
+    filePath: {
+      type: String,
+      default: ""
+    },
+    title: {
+      type: String,
+      default: "判别图片上传"
+    },
+    action: {
+      type: String,
+      default: process.env.VUE_APP_BASE_API + '/patrol/partrolresult/lasupload'
+    },
+    accept: {
+      type: String,
+      default: '*'
+    },
+    updata: {
+      type: Object,
+      default: function () {
+        return {}
+      }
+    },
+    showConfirmBtn: {
+      type: Boolean,
+      default: true
+    }
+  },
+
+  watch: {
+    show: {
+      handler (newVal) {
+        this.loading = false
+        this.visible = newVal
+        this.fileList = []
+        if (this.filePath && this.filePath.length > 0) {
+          this.fileList = linq.from(this.filePath.split(',')).select(x => { return { name: '缺陷判别图片.jpg', url: x } }).toArray()
+        } else {
+          this.fileList = []
+        }
+      }
+    }
+  },
+  data () {
+    return {
+      visible: false,
+      fileList: [],
+      loading: false,
+      currentSrc: "",
+      currentSrcList: [],
+      pendding: false,
+      headers: { 'Authorization': 'Bearer ' + getToken() }
+    };
+  },
+
+  methods: {
+    handleConfirm () {
+      this.visible = false
+      this.$emit('confirm', this.fileList)
+    },
+    //上传完成
+    handleUploadSuccess (response, file, fileList) {
+      this.fileList = []
+      if (typeof (file.response) !== 'string') {
+        if (file.response.code != 200) {
+          this.$message.error(`上传失败。消息：${file.response.msg}`)
+          return;
+        }
+        this.fileList.push({
+          name: '机器人点位文件.xml'
+        })
+        return;
+      }
+      this.fileList.push({
+        name: file.name,
+        url: file.response
+        //         name: "微信图片_20220520095815.png"
+        // percentage: 100
+        // raw: File
+        // response: "/home/xgftp/微信图片_20220520095815.png"
+        // size: 699595
+        // status: "success"
+        // uid: 1653012695833
+      })
+      console.log(this.fileList)
+
+      // this.$emit('uploadSuccess', response)
+    },
+    // 关闭弹窗
+    handleClose () {
+      this.visible = false
+      this.fileList = []
+      this.$emit('update:show', false)
+    },
+    // 上传失败
+    handleUploadError (err, file, fileList) {
+      this.$message.error(`上传失败,请检查文件或网络。`)
+    },
+    handleRemove (file, fileList) {
+      this.fileList = []
+      console.log(file, fileList);
+    },
+    handlePreview (file) {
+      this.pendding = false
+      this.$nextTick(() => {
+        this.pendding = true
+        this.currentSrc = file.url
+        this.currentSrcList = [file.url]
+        this.loading = true
+      })
+    },
+    handleImageLoad () {
+      this.loading = false;
+      this.$refs.asyncImage.$el.querySelector("img").click();
+    },
+    handleImageLoadError () {
+      this.loading = false;
+    },
+    handleExceed (files, fileList) {
+      this.$message.warning(`当前限制选择 1 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
+    },
+    beforeRemove (file, fileList) {
+      return this.$confirm(`确定移除 ${file.name}？`);
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.xg_image_viewer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 50px;
+  height: 50px;
+  display: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/cards/site_management/site_management.vue b/src/views/cards/site_management/site_management.vue
new file mode 100644
index 0000000..9a63bd2
--- /dev/null
+++ b/src/views/cards/site_management/site_management.vue
@@ -0,0 +1,4686 @@
+<template>
+  <CardBox
+    class="card-page page-content"
+    :showTitle="false"
+  >
+    <div class="sec-left app-container card-page" style="height: 100%">
+      <!-- 左侧可拖拽区域 - 只影响左侧树 -->
+      <div class="resize-container" :style="{ width: leftPanelWidth + 'px' }">
+        <div class="sec-line">
+          <div class="search">
+            <el-input
+              placeholder="搜索设备类型、设备部位"
+              icon="el-icon-search"
+              v-model="inputSearch1"
+            ></el-input>
+            <el-button
+              class="button task-toolbar-btn"
+              type="primary"
+              icon="el-icon-search"
+              @click="searchTree"
+            ></el-button>
+          </div>
+          <div class="sec-a2">
+            <el-tree
+              node-key="areaid"
+              class="xg_tree"
+              @current-change="handleAreaTreeCurrentNodeChange"
+              ref="areaTree"
+              :data="areaList"
+              :props="defaultPropsArea"
+              @node-click="handleAreaList"
+            >
+              <span class="custom-tree-node" slot-scope="{ data }">
+                <span class="node-content">{{ getNodeLabel(data) }}</span>
+                <span v-if="shouldShowCount(data)" class="child-count">
+                  ({{ data.pointNum || 0 }})
+                </span>
+              </span>
+            </el-tree>
+          </div>
+          <div
+            class="resize-handle"
+            @mousedown="startResize"
+            :class="{ resizing: isResizing }"
+          >
+            <div class="handle-line"></div>
+            <div class="handle-dots">
+              <span></span>
+              <span></span>
+              <span></span>
+            </div>
+          </div>
+          <!-- 添加重置宽度按钮 -->
+          <div
+            class="reset-width-btn"
+            @click="resetLeftPanelWidth"
+            title="重置面板宽度"
+          >
+            <i class="el-icon-refresh"></i>
+          </div>
+        </div>
+      </div>
+
+      <!-- 中间内容区域 - 保持原有结构，不受拖拽影响 -->
+      <div
+        class="wid"
+        :style="{ left: leftPanelWidth + 8 + 'px' }"
+      >
+        <div class="form" style="padding-top: 10px" ref="form">
+          <div class="line">
+            <div class="left-buttons">
+              <el-button
+                type="primary"
+                class="task-toolbar-btn"
+                @click="addAlertShow1"
+                :disabled="
+                  currentTreeNode === null ||
+                  currentTreeNode.deviceId === null ||
+                  batchDeleteMode
+                "
+                size="small"
+                icon="el-icon-plus"
+                >添加</el-button
+              >
+              <!-- 批量删除模式切换按钮 -->
+              <el-button
+                class="task-toolbar-btn"
+                :type="batchDeleteMode ? 'info' : 'danger'"
+                @click="toggleBatchDeleteMode"
+                size="small"
+                :icon="batchDeleteMode ? 'el-icon-close' : 'el-icon-delete'"
+              >
+                {{ batchDeleteMode ? "取消批量删除" : "批量删除" }}
+              </el-button>
+              <!-- 确认删除按钮 - 仅在批量删除模式下显示 -->
+              <el-button
+                v-if="batchDeleteMode"
+                type="danger"
+                class="task-toolbar-btn"
+                @click="confirmBatchDelete"
+                size="small"
+                icon="el-icon-check"
+                :disabled="batchSelectList.length === 0"
+              >
+                确认删除({{ batchSelectList.length }})
+              </el-button>
+            </div>
+            <div class="search-group right-filters">
+              <!-- 算法分类筛选下拉框 - 使用接口返回数据 -->
+              <el-select
+                v-model="selectedAlgorithmCategory"
+                placeholder="全部算法分类"
+                clearable
+                @change="filterByAlgorithmCategory"
+                class="algorithm-filter"
+                size="small"
+              >
+                <el-option
+                  v-for="item in algorithmCategoryOptions"
+                  :key="item.dictCode"
+                  :label="item.dictLabel"
+                  :value="item.dictValue"
+                >
+                  <span>{{ item.dictLabel }}</span>
+                  <span
+                    style="
+                      float: right;
+                      color: #8492a6;
+                      font-size: 12px;
+                      margin-left: 10px;
+                    "
+                  >
+                    {{ getAlgorithmCategoryCount(item) }}
+                  </span>
+                </el-option>
+              </el-select>
+
+              <!-- 设备类型筛选下拉框 -->
+              <el-select
+                v-model="selectedDeviceType"
+                placeholder="全部设备类型"
+                clearable
+                @change="filterByDeviceType"
+                class="device-type-filter"
+                size="small"
+              >
+                <el-option
+                  v-for="item in deviceTypeOptions"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                  <span>{{ item.label }}</span>
+                  <span
+                    style="
+                      float: right;
+                      color: #8492a6;
+                      font-size: 12px;
+                      margin-left: 10px;
+                    "
+                  >
+                    {{ item.count }}
+                  </span>
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+
+          <el-table
+            v-loading="loading"
+            element-loading-background="rgba(34, 47, 61, 0.92)"
+            ref="multipleTable"
+            :row-key="getRowKey"
+            @selection-change="handleSelectionChange"
+            @row-click="handleRowClick"
+            highlight-current-row
+            stripe
+            :height="tableHeight"
+            :data="filteredTableData"
+            tooltip-effect="dark"
+            style="width: 100%"
+            class="custom-table resizable-table"
+            :header-cell-style="{
+              background: '#1a2a3a',
+              color: '#ffffff',
+              fontWeight: 'bold',
+              borderBottom: '2px solid #0b374e',
+            }"
+            :cell-style="{
+              color: '#e0e0e0',
+              borderBottom: '1px solid #1e3a4a',
+            }"
+          >
+            <!-- 序号/复选框列 - 根据模式动态显示，使用key强制重新渲染 -->
+            <el-table-column
+              v-if="batchDeleteMode"
+              :key="'selection-' + batchDeleteMode"
+              type="selection"
+              align="center"
+              width="55"
+              fixed="left"
+              :selectable="checkSelectable"
+            >
+            </el-table-column>
+            <el-table-column
+              v-else
+              :key="'index-' + batchDeleteMode"
+              align="center"
+              label="序号"
+              width="55"
+              fixed="left"
+            >
+              <template slot-scope="scope">
+                <span>{{ getRowIndex(scope.$index) }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              prop="patrolpointName"
+              header-align="center"
+              label="点位名称"
+              width="400"
+            >
+              <template #header>
+                <span>点位名称 <span style="color: red">*</span> </span>
+              </template>
+              <template slot-scope="scope">
+                <el-input
+                  v-model="scope.row.patrolpointName"
+                  @change="handleChangePointCode(scope.row)"
+                  placeholder="请输入点位名称"
+                  class="table-input"
+                  :disabled="batchDeleteMode"
+                ></el-input>
+              </template>
+            </el-table-column>
+
+            <el-table-column
+              prop="algSubtypeName"
+              label="算法类型"
+              align="center"
+            >
+              <template slot-scope="scope">
+                <a
+                  style="color: #1890ff"
+                  class="nowarp"
+                  @click="chooseAlgorithm(scope.row)"
+                  :title="scope.row.algSubtypeName"
+                >
+                  {{
+                    scope.row.algSubtypeName ? scope.row.algSubtypeName : "设置"
+                  }}
+                </a>
+              </template>
+            </el-table-column>
+            <!-- 新增设备类型列 -->
+            <el-table-column
+              prop="pointTypeName"
+              header-align="center"
+              align="center"
+              label="设备类型"
+            >
+              <template slot-scope="scope">
+                <span>{{ scope.row.pointTypeName || "-" }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              prop="patrolContent"
+              header-align="center"
+              label="预置位选择"
+              width="150"
+            >
+              <template slot-scope="">
+                <el-button
+                  class="task-row-btn"
+                  style="
+                    padding-left: 10px;
+                    padding-right: 10px;
+                  "
+                  @click="pointConfiguration"
+                  type="text"
+                  size="small"
+                  :disabled="batchDeleteMode"
+                  >选择</el-button
+                >
+              </template>
+            </el-table-column>
+            <!-- <el-table-column prop="code" width="220" align="center">
+              <template #header>
+                <span>重要等级 <span style="color: red">*</span> </span>
+              </template>
+              <template slot-scope="scope">
+                <el-select
+                  v-model="scope.row.pointImptLevel"
+                  @change="handleChangePointCode(scope.row)"
+                  class="table-select"
+                  :disabled="batchDeleteMode"
+                >
+                  <el-option
+                    v-for="dict in dict.type.point_impt_level"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </template>
+            </el-table-column> -->
+            <el-table-column label="操作" align="center" min-width="150">
+              <template slot-scope="scope">
+                <el-button
+                  class="task-row-btn"
+                  style="
+                    padding-left: 10px;
+                    padding-right: 10px;
+                  "
+                  @click.native.prevent="editRows1(scope.$index, scope.row)"
+                  :disabled="
+                    scope.row.stdparolPointId != null || batchDeleteMode
+                  "
+                  type="text"
+                  size="small"
+                  >修改</el-button
+                >
+                <el-button
+                  class="task-row-btn"
+                  style="
+                    padding-left: 10px;
+                    padding-right: 10px;
+                  "
+                  @click.native.prevent="deleteRows1(scope.$index, scope.row)"
+                  :disabled="
+                    scope.row.stdparolPointId != null || batchDeleteMode
+                  "
+                  type="text"
+                  size="small"
+                  >移除</el-button
+                >
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <!-- 添加点位弹窗 -->
+          <el-dialog
+            class="card-dialog"
+            custom-class="site-point-add-dialog"
+            :title="titleAlert"
+            :visible.sync="showAdd"
+            width="60%"
+            append-to-body
+            :close-on-click-modal="false"
+            :lock-scroll="false"
+          >
+            <el-form
+              ref="formAdd"
+              class="card-page"
+              :model="formAdd"
+              :rules="formAddRules"
+              label-width="120px"
+            >
+              <el-form-item label="点位名称" prop="patrolpointName">
+                <el-input
+                  v-model="formAdd.patrolpointName"
+                  placeholder="请输入点位名称"
+                ></el-input>
+              </el-form-item>
+              <!-- <el-form-item label="监控点位编号" prop="patrolpointCode">
+                <el-input
+                  v-model="formAdd.patrolpointCode"
+                  placeholder="请输入监控编号"
+                ></el-input>
+              </el-form-item> -->
+              <el-form-item label="监控内容" prop="patrolContent">
+                <!-- resize="none"
+                 type
+                  show-word-limit -->
+                <el-input
+                  placeholder="请输入监控内容"
+                  v-model="formAdd.patrolContent"
+                  maxlength="200"
+                ></el-input>
+              </el-form-item>
+              <el-form-item label="巡检类型" prop="patrolTypeId">
+                <treeselect
+                  :zIndex="110000"
+                  :append-to-body="true"
+                  :defaultExpandLevel="2"
+                  :limit="100"
+                  :disable-branch-nodes="true"
+                  :limitText="(count) => `+${count}`"
+                  multiple
+                  flat
+                  v-model="formAdd.patrolTypeId"
+                  :options="listPatroltype"
+                  :show-count="true"
+                  placeholder="请选择巡检类型"
+                />
+              </el-form-item>
+              <!-- <el-form-item label="重要等级" prop="pointImptLevel">
+                <el-select v-model="formAdd.pointImptLevel">
+                  <el-option
+                    v-for="dict in dict.type.point_impt_level"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="读数单位">
+                <el-input
+                  placeholder="请输入单位"
+                  v-model="formAdd.purpose"
+                  show-word-limit
+                ></el-input>
+              </el-form-item>如：℃、mm、kPa -->
+              <el-form-item label="重要等级" prop="pointImptLevel">
+                <el-select
+                  v-model="formAdd.pointImptLevel"
+                  placeholder="请选择重要等级"
+                  style="width: 50%"
+                >
+                  <el-option
+                    v-for="dict in dict.type.point_impt_level"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
+              </el-form-item>
+
+              <el-form-item label="读数单位">
+                <el-input
+                  placeholder="请输入单位"
+                  v-model="formAdd.purpose"
+                  show-word-limit
+                  style="width: 50%"
+                ></el-input>
+              </el-form-item>
+              <div
+                class="dialog-footer"
+                style="
+                  display: flex;
+                  justify-content: flex-end;
+                   margin-top: 20px;
+                   padding-top: 20px;
+                 "
+              >
+                <el-button
+                  class="site-point-cancel-btn"
+                  @click="alertCancel1"
+                  >取消</el-button
+                >
+                <el-button
+                  type="primary"
+                  :loading="formAddLoading"
+                  @click="alertConfirm1"
+                  >确定</el-button
+                >
+              </div>
+            </el-form>
+          </el-dialog>
+        </div>
+
+        <!-- 右侧配置面板 - 完全独立，不受左侧拖拽影响 -->
+        <div
+          class="right"
+          :style="{ display: showRightPanel ? 'inline-block' : 'none' }"
+          ref="right"
+        >
+          <div class="eq">
+            <img class="eq-img" src="@/assets/images/eq.png" />
+            <div class="eq-a1">
+              <div class="eq-a1-d1">请选中左点位查看监控点或监测设备</div>
+            </div>
+            <img
+              class="collect"
+              @click="collectPoint"
+              src="../assets/collect.png"
+            />
+            <el-tabs v-model="activeTab" :stretch="true" class="right-tabs">
+              <el-tab-pane label="视频设备预置点" name="first">
+                <div class="eq-a2">
+                  <el-button
+                    class="task-toolbar-btn"
+                    @click="visibleShow1"
+                    title="一个监控点位只允许绑定一个预置点"
+                    :disabled="
+                      currentRow != null && currentRow.bindPoints.length > 0
+                    "
+                    >绑定可见光监测点</el-button
+                  >
+                  <el-button
+                    class="task-toolbar-btn"
+                    @click="infraredShow1"
+                    title="一个监控点位只允许绑定一个预置点"
+                    :disabled="
+                      currentRow != null && currentRow.bindPoints.length > 0
+                    "
+                    >绑定热成像监控点</el-button
+                  >
+                </div>
+                <el-table
+                  v-loading="pointLoading"
+                  element-loading-background="rgba(34, 47, 61, 0.92)"
+                  v-if="currentRow != null"
+                  :height="533"
+                  :data="currentRow.bindPoints"
+                  class="right-table"
+                  :header-cell-style="{
+                    background: '#1a2a3a',
+                    color: '#ffffff',
+                    borderBottom: '2px solid #0b374e',
+                  }"
+                  :cell-style="{
+                    color: '#e0e0e0',
+                    borderBottom: '1px solid #1e3a4a',
+                  }"
+                >
+                  <el-table-column
+                    label="设备名称"
+                    align="center"
+                    min-width="100"
+                    prop="patrolDeviceName"
+                  ></el-table-column>
+                  <el-table-column
+                    label="预置点名称"
+                    align="center"
+                    min-width="100"
+                    prop="presetPosName"
+                  ></el-table-column>
+                  <el-table-column
+                    label="操作"
+                    width="150"
+                    fixed="right"
+                    align="center"
+                  >
+                    <template slot-scope="scope">
+                      <el-button
+                        class="task-row-btn"
+                        style="
+                          padding-left: 10px;
+                          padding-right: 10px;
+                        "
+                        type="text"
+                        size="small"
+                        @click="handleUnbindPoint(scope.row, scope.$index)"
+                        >解绑</el-button
+                      >
+                      <el-button
+                        class="task-row-btn"
+                        style="
+                          padding-left: 10px;
+                          padding-right: 10px;
+                        "
+                        type="text"
+                        size="small"
+                        :loading="scope.row.loading"
+                        v-if="
+                          scope.row.channelImg &&
+                          scope.row.channelImg.length > 0
+                        "
+                        @click="handleViewImages(scope.row, scope.$index)"
+                        >查看快照</el-button
+                      >
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+        </div>
+
+        <!-- 上传组件 -->
+        <UploadDialog
+          class="card-dialog"
+          :show.sync="showUploader"
+          @confirm="handleUploaderConfirm"
+          :filePath="currentRow != null ? currentRow.disRefPicturePath : ''"
+        />
+        <UploadDialog
+          class="card-dialog"
+          :showConfirmBtn="false"
+          :updata="updata"
+          :accept="'.xml'"
+          :action="rebotUploadUrl"
+          :title="'机器人离线点位文件上传'"
+          :show.sync="showRebotUploader"
+          @confirm="handleRebotUploaderConfirm"
+          :filePath="''"
+        />
+
+        <!-- 图片预览 -->
+        <AsyncImage
+          ref="asyncImage"
+          errorTips=""
+          class="xg_image_viewer"
+          @imgload="handleImageLoad"
+          @imgloaderror="handleImageLoadError"
+          :src="currentSrc"
+          :srcList="currentSrcList"
+        />
+
+        <!-- 监控配置弹窗 -->
+        <el-dialog
+          class="monitor-config-dialog-wrap"
+          custom-class="card-dialog card-page monitor-config-dialog"
+          :title="titleLightTitle"
+          :close-on-click-modal="false"
+          :visible.sync="monitorShow"
+          width="1200px"
+          top="4vh"
+          @close="handleCloseVL"
+          append-to-body
+          :lock-scroll="false"
+        >
+          <div class="horizontal-tabs-container">
+            <el-tabs v-model="activeName" @tab-click="handleClick">
+              <el-tab-pane label="摄像头" name="home">
+                <!-- 修改为上下结构：上方视频和云台分开，下方动作列表 -->
+                <div
+                  class="card-page"
+                  style="display: flex; flex-direction: column; gap: 20px"
+                >
+                  <!-- 上方区域：左侧树 + 中间视频 + 右侧云台（完全独立） -->
+                  <div style="display: flex; gap: 10px; height: 400px">
+                    <!-- 左侧树 -->
+                    <div
+                      class="left"
+                      style="
+                        width: 300px;
+                        height: 390px;
+                        margin-right: 0;
+                        overflow: scroll;
+                      "
+                    >
+                      <el-tree
+                        :data="monitorList"
+                        :props="defaultPropsMonitor"
+                        @node-click="handleMonitor"
+                      ></el-tree>
+                    </div>
+
+                    <!-- 中间视频区域 - 独立带边框 -->
+                    <div style="flex: 1; height: 390px; overflow: hidden">
+                      <VideoPlayerPlatform
+                        ref="playerPlayform"
+                        @changeIndex="handleChangeIndex"
+                        :showBottomToolBar="false"
+                        :defaultLayout="'1x1'"
+                      >
+                        <template slot-scope="scope">
+                          <DrawShape
+                            @drawComplete="
+                              (shape) => {
+                                handleDrawComplete(scope, shape);
+                              }
+                            "
+                          />
+                        </template>
+                      </VideoPlayerPlatform>
+                    </div>
+
+                    <!-- 右侧云台区域 - 独立无边框 -->
+                    <div style="width: 290px; height: 390px">
+                      <div class="r-ti1">云台</div>
+                      <div class="r-box">
+                        <div class="r-ti2">
+                          <img src="@/assets/images/yuntai1.png" />
+                          <div class="r-ti2-pos">
+                            <div
+                              @mousedown="controlEquip1('UP')"
+                              @mouseup="controlEquip1('UP_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('UP_RIGHT')"
+                              @mouseup="controlEquip1('UP_RIGHT_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('RIGHT')"
+                              @mouseup="controlEquip1('RIGHT_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('DOWN_RIGHT')"
+                              @mouseup="controlEquip1('DOWN_RIGHT_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('DOWN')"
+                              @mouseup="controlEquip1('DOWN_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('DOWN_LEFT')"
+                              @mouseup="controlEquip1('DOWN_LEFT_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('LEFT')"
+                              @mouseup="controlEquip1('LEFT_STOP')"
+                            ></div>
+                            <div
+                              @mousedown="controlEquip1('UP_LEFT')"
+                              @mouseup="controlEquip1('UP_LEFT_STOP')"
+                            ></div>
+                            <div @mousedown="controlEquip1('UP_LEFT')"></div>
+                          </div>
+                        </div>
+                        <div class="r-ti3">
+                          <div class="r-ti3-d1">
+                            <img src="@/assets/images/r1.png" />
+                            <div class="r-ti3-d2">
+                              <div
+                                @mousedown="controlEquip1('ZOOM_OUT')"
+                                @mouseup="controlEquip1('ZOOM_OUT_STOP')"
+                              ></div>
+                              <div
+                                @mousedown="controlEquip1('ZOOM_IN')"
+                                @mouseup="controlEquip1('ZOOM_IN_STOP')"
+                              ></div>
+                            </div>
+                          </div>
+                          <div class="r-ti3-d1">
+                            <img src="@/assets/images/r2.png" />
+                            <div class="r-ti3-d2">
+                              <div
+                                @mousedown="controlEquip2('nearfocus')"
+                                @mouseup="controlEquip2('nearfocusstop')"
+                              ></div>
+                              <div
+                                @mousedown="controlEquip2('farfocus')"
+                                @mouseup="controlEquip2('farfocusstop')"
+                              ></div>
+                            </div>
+                          </div>
+                          <div class="r-ti3-d1">
+                            <img src="@/assets/images/r3.png" />
+                            <div class="r-ti3-d2">
+                              <div
+                                @mousedown="controlEquip2('apertureoff')"
+                                @mouseup="controlEquip2('apertureoffstop')"
+                              ></div>
+                              <div
+                                @mousedown="controlEquip2('apertureon')"
+                                @mouseup="controlEquip2('apertureonstop')"
+                              ></div>
+                            </div>
+                          </div>
+                          <div class="r-ti3-d1">
+                            <img src="@/assets/images/r4.png" />
+                            <div class="r-ti3-d2">
+                              <div
+                                @mousedown="controlEquip1('ZOOM_OUT')"
+                                @mouseup="controlEquip1('ZOOM_OUT_STOP')"
+                              ></div>
+                              <div
+                                @mousedown="controlEquip1('ZOOM_IN')"
+                                @mouseup="controlEquip1('ZOOM_IN_STOP')"
+                              ></div>
+                            </div>
+                          </div>
+                          <div class="r-ti3-d1">
+                            <img src="@/assets/images/r5.png" />
+                            <div class="r-ti3-d2">
+                              <div
+                                @mousedown="controlEquip1('ZOOM_OUT')"
+                                @mouseup="controlEquip1('ZOOM_OUT_STOP')"
+                              ></div>
+                              <div
+                                @mousedown="controlEquip1('ZOOM_IN')"
+                                @mouseup="controlEquip1('ZOOM_IN_STOP')"
+                              ></div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="r-ti4">
+                          <div style="display: flex">
+                            <el-select
+                              v-model="presetDotNum"
+                              placeholder="请选择预置点"
+                              @change="presetDotChange1"
+                              :disabled="presetDotDis"
+                            >
+                              <el-option
+                                v-for="item in presetArr"
+                                :key="item.dictValue"
+                                :label="item.dictLabel"
+                                :value="item.dictValue"
+                              ></el-option>
+                            </el-select>
+                            <img
+                              class="alert1_img1"
+                              @click="convertPresetDot1"
+                              src="@/assets/images/r6.png"
+                              title="转到预置点"
+                            />
+                            <el-popover
+                              placement="top"
+                              width="300"
+                              v-model="popovervisible"
+                              trigger="click"
+                              popper-class="monitor-config-popover"
+                            >
+                              <el-input
+                                v-model="newpresetName"
+                                placeholder="请输入内容"
+                                style="background-color: #222f3d"
+                                :disabled="presetDotDis"
+                              ></el-input>
+                              <div
+                                style="text-align: right; margin-top: 10px"
+                                class="card-page"
+                              >
+                                <el-button
+                                  size="mini"
+                                  type="primary"
+                                  @click="popovervisible = false"
+                                  >取消</el-button
+                                >
+                                <el-button
+                                  type="primary"
+                                  size="mini"
+                                  @click="setPresetDot1"
+                                  >确定</el-button
+                                >
+                              </div>
+                              <img
+                                slot="reference"
+                                class="alert1_img1"
+                                src="@/assets/images/r7.png"
+                                title="添加预置点"
+                              />
+                            </el-popover>
+                          </div>
+                          <div style="display: flex">
+                            <el-input
+                              v-model="presetName"
+                              placeholder="请输入内容"
+                            ></el-input>
+                            <img
+                              class="alert1_img1"
+                              @click="editPresetDot1"
+                              src="@/assets/images/r8.png"
+                              title="编辑预置点名称"
+                            />
+                          </div>
+                          <div
+                            style="display: flex; margin: 10px 0px; width: 92%"
+                          >
+                            <el-input
+                              v-model="presetNumber"
+                              placeholder="预置位编号"
+                            ></el-input>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- 下方区域：动作列表 -->
+                  <div>
+                    <div>动作列表</div>
+                    <div class="card-page">
+                      <el-table
+                        :data="presetData.presetActionList"
+                        style="margin-top: 10px; width: 100%"
+                        height="200px"
+                        border
+                      >
+                        <el-table-column
+                          align="center"
+                          label="动作类型"
+                          min-width="100"
+                        >
+                          <template slot-scope="scope">
+                            <el-select v-model="scope.row.actionType">
+                              <el-option
+                                v-for="dict in dict.type.video_action_type"
+                                :key="dict.value"
+                                :label="dict.label"
+                                :value="dict.value"
+                              />
+                            </el-select>
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          align="center"
+                          label="录像时长(秒)"
+                          min-width="100"
+                        >
+                          <template slot-scope="scope">
+                            <el-input
+                              v-model="scope.row.videoTime"
+                              v-if="scope.row.actionType == 2"
+                              class="centered-input"
+                            ></el-input>
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          align="center"
+                          label="拍照次数"
+                          min-width="100"
+                        >
+                          <template slot-scope="scope">
+                            <el-input
+                              v-model="scope.row.photoCount"
+                              v-if="scope.row.actionType == 1"
+                              class="centered-input"
+                            ></el-input>
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          align="center"
+                          label="拍照间隔(秒)"
+                          min-width="100"
+                        >
+                          <template slot-scope="scope">
+                            <el-input
+                              v-model="scope.row.photoSeper"
+                              v-if="scope.row.actionType == 1"
+                              class="centered-input"
+                            ></el-input>
+                          </template>
+                        </el-table-column>
+                        <el-table-column
+                          align="center"
+                          label="操作"
+                          width="100"
+                        >
+                          <template #header>
+                            <el-button
+                              type="primary"
+                              size="small"
+                              @click="addAction"
+                              >添加</el-button
+                            >
+                          </template>
+                          <template slot-scope="scope">
+                            <el-button
+                              type="text"
+                              size="small"
+                              @click="removeAction(scope.$index)"
+                              >移除</el-button
+                            >
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                  </div>
+                </div>
+              </el-tab-pane>
+              <el-tab-pane
+                label="移动设备"
+                name="solutions"
+                v-if="monitorType == 'ir'"
+              >
+                <div class="box card-page" style="height: 570px">
+                  <div class="middle">
+                    <div>
+                      <ImageAnnotation
+                        :image-src="
+                          '/shaoxing/videoMonitor/xunshiht/htjcImage/' +
+                          imageUrl
+                        "
+                        ref="checkItemSetRef"
+                      />
+                    </div>
+                  </div>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+          </div>
+
+          <template #footer>
+            <div
+              class="add-btn add-bth1 card-page"
+              v-if="activeName !== 'solutions'"
+            >
+              <el-button
+                type="primary"
+                v-if="monitorType == 'vl'"
+                :loading="loadingBind"
+                @click="saveDot1"
+                >确定</el-button
+              >
+              <el-button type="primary" v-else @click="nextStep1"
+                >下一步，配置测温位</el-button
+              >
+              <el-button @click="monitorShow = false">取消</el-button>
+            </div>
+            <div
+              class="add-btn add-bth1 card-page"
+              v-if="activeName == 'solutions'"
+            >
+              <el-button type="primary" @click="uavComplete()">完成</el-button>
+              <el-button @click="monitorShow = false">取消</el-button>
+            </div>
+          </template>
+        </el-dialog>
+
+        <!-- 测温配置弹窗 -->
+        <el-dialog
+          :visible.sync="monitorSecShow"
+          :close-on-click-modal="false"
+          custom-class="bind-thermal-dialog"
+          width="1200px"
+          append-to-body
+          @close="handleCloseIR"
+          :lock-scroll="false"
+        >
+          <div class="sec-left card-page">
+            <div class="fl">
+              <div class="toollist1-a1">
+                <div
+                  :class="drawShapIndex == 3 ? 'on1' : ''"
+                  @click="chooseDrawShape1(3, ShapeEnum['rect'])"
+                >
+                  <img src="@/assets/images/ic04.png" />
+                </div>
+                <div
+                  :class="drawShapIndex == 2 ? 'on1' : ''"
+                  @click="chooseDrawShape1(2, ShapeEnum['polygon'])"
+                >
+                  <img src="@/assets/images/ic03.png" />
+                </div>
+                <div
+                  :class="drawShapIndex == 1 ? 'on1' : ''"
+                  @click="chooseDrawShape1(1, ShapeEnum['brokenline'])"
+                >
+                  <img src="@/assets/images/ic02.png" />
+                </div>
+                <div
+                  :class="drawShapIndex == 0 ? 'on1' : ''"
+                  @click="chooseDrawShape1(0, ShapeEnum['point'])"
+                >
+                  <img src="@/assets/images/ic01.png" />
+                </div>
+              </div>
+              <VideoPlayerPlatform
+                ref="playerPlayform2"
+                @changeIndex="handleChangeIndex"
+                :showBottomToolBar="false"
+                :defaultLayout="'1x1'"
+              >
+                <template slot-scope="scope">
+                  <DrawShape
+                    @drawComplete="
+                      (shape) => {
+                        handleDrawComplete(scope, shape);
+                      }
+                    "
+                  />
+                </template>
+              </VideoPlayerPlatform>
+            </div>
+            <div class="fr">
+              <div class="fr-ti1">
+                <span>{{ patroldeviceName }}</span>
+                <span v-if="monitorType == 'vl'">可见光</span>
+                <span v-else>热成像</span>
+                <span>/{{ presetName }}</span>
+                <span v-if="monitorType == 'vl'">位置</span>
+                <span v-else>测温位</span>
+                <span>配置</span>
+              </div>
+              <div class="fr-ti2">
+                点击画面右上方按钮配置测温位，最多配置10个测温点、1条测温线、10个测温框
+              </div>
+              <el-table
+                :data="presetData.presetParamList"
+                style="width: 100%"
+                max-height="250"
+              >
+                <el-table-column
+                  fixed
+                  prop="measureName"
+                  :label="monitorType == 'vl' ? '位置' : '测温位'"
+                  width="150"
+                >
+                </el-table-column>
+                <el-table-column
+                  prop="measureAreaType"
+                  label="类型"
+                  width="120"
+                ></el-table-column>
+                <el-table-column fixed="right" label="操作" width="80">
+                  <template slot-scope="scope">
+                    <i
+                      class="el-icon-delete fss"
+                      title="删除"
+                      @click.prevent="deleteDot1(scope.$index, scope.row)"
+                    ></i>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+          <span slot="footer" class="dialog-footer card-page">
+            <el-button type="primary" :loading="loadingBind" @click="saveDot1"
+              >保存</el-button
+            >
+            <el-button class="bind-thermal-secondary-btn" @click="prevStep"
+              >上一步</el-button
+            >
+            <el-button
+              class="bind-thermal-secondary-btn"
+              @click="monitorSecShow = false"
+              >取消</el-button
+            >
+          </span>
+        </el-dialog>
+
+        <!-- 测温参数配置弹窗 -->
+        <el-dialog
+          :title="title2"
+          :close-on-click-modal="false"
+          :visible.sync="presetDataShow"
+          @close="handleCloseTemptrueModel"
+          width="65%"
+          append-to-body
+          :lock-scroll="false"
+        >
+          <el-form
+            ref="formTemptrue"
+            class="card-page"
+            :model="testobj"
+            :rules="formTemptrueRules"
+            label-width="120px"
+          >
+            <el-row>
+              <el-col :span="24">基本信息</el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item label="名称" prop="measureName">
+                  <el-input
+                    v-model="testobj.measureName"
+                    placeholder="请输入名称"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="规则编号" prop="presetParamCode">
+                  <el-input
+                    v-model="testobj.presetParamCode"
+                    placeholder="请输入编号"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="测温距离" prop="measureDistance">
+                  <el-input v-model="testobj.measureDistance"
+                    ><i slot="suffix" class="input_slot_a1">m</i></el-input
+                  >
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="辐射系数" prop="radioRate">
+                  <el-input v-model="testobj.radioRate"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="反射温度" prop="reflexTemp">
+                  <el-input v-model="testobj.reflexTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="状态" prop="reflexTemp">
+                  <el-checkbox
+                    v-model="testobj.isEnable"
+                    :true-label="1"
+                    :false-label="0"
+                  >
+                    {{ testobj.isEnable == "1" ? "已启用" : "已停用" }}
+                  </el-checkbox>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">预警配置</el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item label="最高温度" prop="warnMaxTemp">
+                  <el-input v-model="testobj.warnMaxTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="最低温度" prop="warnMinTemp">
+                  <el-input v-model="testobj.warnMinTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="平均温度" prop="warnAverageTemp">
+                  <el-input v-model="testobj.warnAverageTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="温差" prop="warnDifferenceTemp">
+                  <el-input v-model="testobj.warnDifferenceTemp"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24">告警配置</el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item label="最高温度" prop="alarmMaxTemp">
+                  <el-input v-model="testobj.alarmMaxTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="最低温度" prop="alarmMinTemp">
+                  <el-input v-model="testobj.alarmMinTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="平均温度" prop="alarmAverageTemp">
+                  <el-input v-model="testobj.alarmAverageTemp"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="温差" prop="alarmDifferenceTemp">
+                  <el-input v-model="testobj.alarmDifferenceTemp"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="add-bth add-bth1 card-page" slot="footer">
+            <el-button type="primary" @click="aletrSecConfirm1">确定</el-button>
+            <el-button @click="aletrSecCancel1">取消</el-button>
+          </div>
+        </el-dialog>
+      </div>
+
+      <!-- 算法选择组件 -->
+      <ChooseAlg
+        :algSubtypeIds="currentRow != null ? currentRow.algSubtypeIds : ''"
+        :algSubtypeName="currentRow != null ? currentRow.algSubtypeName : ''"
+        :alarmThreshold="currentRow != null ? currentRow.alarmThreshold : ''"
+        :show.sync="showChooseAlg"
+        @confirm="handleChooseAlgOk"
+      />
+
+      <!-- 设备选择组件 -->
+      <ChooseDevices
+        :show.sync="showChooseDevices"
+        @confirm="handleChooseDevicesOk"
+      ></ChooseDevices>
+
+      <!-- 算法配置弹窗 -->
+      <el-dialog
+        class="card-dialog"
+        title="算法配置"
+        :visible.sync="algorithmShow"
+        width="1200px"
+        style="height: 95%"
+        :lock-scroll="false"
+      >
+        <Algorith></Algorith>
+      </el-dialog>
+
+      <!-- 图片预览弹窗 -->
+      <el-dialog
+        title="图片预览"
+        :visible.sync="showPreviewImages"
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :destroy-on-close="true"
+        custom-class="card-dialog card-page"
+        width="70%"
+        append-to-body
+        :lock-scroll="false"
+      >
+        <ImagePreview
+          v-if="showPreviewImages"
+          :imageUrls="currentSrcList"
+          :selectImgPosition="previewImagePos"
+          :showTemperatureTool="false"
+        />
+      </el-dialog>
+    </div>
+  </CardBox>
+</template>
+
+<script>
+import {
+  listPatrolpointpreset,
+  addPatrolpointpreset,
+  delPatrolpointpreset,
+} from "@/api/basedata/patrolpointmnt/patrolpointpreset.js";
+import ChooseDevices from "./components/chooseDevices.vue";
+import UploadDialog from "./components/uploadDialog.vue";
+import Treeselect from "@riophae/vue-treeselect";
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import CardBox from "../components/cardBox.vue";
+import ImagePreview from "@/views/cards/components/ImagePreview/index.vue";
+import {
+  proDotManTable,
+  proDotTableDeleteSin,
+  proDotTableAddSin,
+  proDotTableEditSin,
+  bindingMonitorDotList,
+  presetDotDistribute,
+  convertPresetDot,
+  cloudControl,
+  focalAperture,
+  bindingPreset,
+  issueUpdate,
+  proDotManTableRelation, //（右侧新的点位列表）
+} from "@/api/basedata/area/area";
+import VideoPlayerPlatform from "@/components/VideoPlayerPlatform";
+import DrawShape, {
+  toTargetRect,
+  ShapeEnum,
+} from "@/components/Canvas/DrawShape.vue";
+import linq from "linq";
+import { listData } from "@/api/system/dict/data";
+import {
+  listPatroltype,
+  getDeviceList,
+} from "@/api/basedata/patrolpointmnt/patroltype";
+import {
+  getAreaDeviceTree,
+  getPatroPointDevicePoints,
+  unbindPoint,
+  getBdconfigMainsystem,
+  treeAreaDeviceSelectFilterByPreset,
+  treeAreaDeviceSelectFilterByPresetRelation,
+} from "@/api/basedata/patrolpointmnt/patrolpoint";
+import AsyncImage from "@/components/AsyncImage";
+import lodash from "lodash";
+import { editPoint } from "@/api/basedata/patrolpointmnt/patrolpointpreset";
+import {
+  capturePicture,
+  irUavImg,
+} from "@/api/basedata/patrolpointmnt/patrolpointpreset";
+import ChooseAlg from "./components/chooseAlg.vue";
+import Algorith from "@/views/cards/site_management/algorithm.vue";
+import ImageAnnotation from "./components/ImageAnnotation.vue";
+
+export default {
+  name: "site_management",
+  dicts: ["video_action_type", "point_impt_level", "system_type"],
+  components: {
+    Algorith,
+    CardBox,
+    ChooseDevices,
+    UploadDialog,
+    VideoPlayerPlatform,
+    DrawShape,
+    Treeselect,
+    AsyncImage,
+    ChooseAlg,
+    ImagePreview,
+    ImageAnnotation,
+  },
+  data() {
+    return {
+      // 图片标注
+      imageUrl: "",
+      imagePath: "",
+      // 图片标注结束
+      activeName: "home", //tab切换
+      algorithmShow: false,
+      activeTab: "first",
+      showChooseDevices: false,
+      showChooseAlg: false,
+      showUploader: false,
+      showRebotUploader: false,
+      rebotUploadUrl:
+        process.env.VUE_APP_BASE_API +
+        "/basedata/patrolpointmnt/patrolpoint/uploadXml",
+      updata: {},
+      showPreviewImages: false,
+      previewImagePos: 0,
+      currentSrc: "",
+      currentSrcList: [],
+      currentImageRow: {},
+      formAddLoading: false,
+      currentTreeNode: null,
+      currentRow: null,
+      loading: false,
+      pointLoading: false,
+      loadingBind: false,
+      treeobj: null /* 左侧列表树点击后获取相关信息的暂存区 */,
+      areaList: [] /* 左侧数据列表 */,
+      defaultPropsArea: {
+        children: "children",
+        label: "deviceName",
+      } /* 左侧数据列表对应字段设置 */,
+      monitorList: [] /* 中间数据列表 */,
+      defaultPropsMonitor: {
+        children: "children",
+        label: "name",
+      } /* 中间数据列表对应字段设置 */,
+      description:
+        "一个监控对象（区域、主设备），最多支持绑定16个不同摄像头；一个监控对象（区域、主设备），最多添加200个监控点位；一个监控点位绑定监控点不超过9个预置位（无论是否同一监控点）；" /* 警告提示的文案 */,
+      showAdd: false /* 添加、修改弹窗控制开关 */,
+      titleAlert: "" /* 添加、修改弹窗标题 */,
+      tableData: [] /* 监控点位数据数组 */,
+      filters: [{ "filter-multiple": false }] /* 数据是否多选 */,
+      mulSelect: [] /* 监控点位多选数据数组 */,
+      inputSearch: "" /* 监控点位数据搜索框输入值 */,
+      inputSearch1: "" /* 树形据搜索框输入值 */,
+      bindingStyle: 1 /* 选择手动、平台 手动1、平台2 */,
+      monitorShow: false /* 可见光、热成像弹窗显示状态值 */,
+      titleLightTitle: "" /* 可见光、热成像弹窗标题 */,
+      monitorType: "" /* 绑定监控点位类型 可见光值为:vl，热成像值为:ir */,
+      equipobj: {} /* 监控设备相应的数据 */,
+      patroldeviceName: "" /* 绑定监控设备名称 */,
+      presetDotNum: "" /* 当前选择的预置点 */,
+      presetDotDis: "" /* 预置点是否可选 */,
+      presetArr: [] /* 预置点下拉点位数组 0——255 */,
+      presetName: "" /* 选到的预置点名字 */,
+      presetNumber: "", //预置位编号
+      is_convert: false /* 是否转到预置点 */,
+      is_set: false /* 是否设置预置点 */,
+      monitorSecShow: false /* 下一步弹窗显示状态 */,
+      formTemptrueRules: {
+        measureName: [{ required: true, message: "必填", trigger: "blur" }], //区域名称
+        measureDistance: [{ required: true, message: "必填", trigger: "blur" }], //距离
+        radioRate: [{ required: true, message: "必填", trigger: "blur" }], //辐射率
+        reflexTemp: [{ required: true, message: "必填", trigger: "blur" }], //反射温度
+        warnMaxTemp: [{ required: true, message: "必填", trigger: "blur" }], //预警最高温度
+        warnMinTemp: [{ required: true, message: "必填", trigger: "blur" }], //预警最低温度
+        alarmMaxTemp: [{ required: true, message: "必填", trigger: "blur" }], //告警最高温度
+        alarmMinTemp: [{ require: true, message: "必填", trigger: "blur" }], //告警最低温度
+        warnAverageTemp: [{ required: true, message: "必填", trigger: "blur" }], //预警平均温度
+        alarmAverageTemp: [
+          { required: true, message: "必填", trigger: "blur" },
+        ], //	告警平均温度
+        warnDifferenceTemp: [
+          { required: true, message: "必填", trigger: "blur" },
+        ], //预警温差
+        alarmDifferenceTemp: [
+          { required: true, message: "必填", trigger: "blur" },
+        ], //告警温差
+        presetParamCode: [{ required: true, message: "必填", trigger: "blur" }], //测温编号
+      },
+
+      presetData: {
+        presetPosCode: "",
+        channelId: "",
+        eqpbookId: "",
+        patrolpointId: "",
+        stdparolPointId: "",
+        deviceId: "",
+        presetPosName: "",
+        stopTime: "",
+        channelImg: "",
+        description: "",
+        presetActionList: [],
+        presetParamList: [],
+        presetPointList: [],
+      } /* 预置点相关参数 */,
+      presetDataShow: false /* 监控区域温度弹窗状态值 */,
+      drawShapIndex: -1 /* 选择绘制类型索引值 */,
+      ShapeEnum: {
+        rect: "Rectangle",
+        brokenline: "BrokenLine",
+        polygon: "Polygon",
+        point: "Point",
+      } /* 绘制方式 */,
+      testobj: {
+        measureAreaType: "", //区域类型
+        measureName: "", //区域名称
+        measureDistance: "", //距离
+        radioRate: "", //辐射率
+        warnMaxTemp: "", //预警最高温度
+        warnMinTemp: "", //预警最低温度
+        alarmMaxTemp: "", //告警最高温度
+        alarmMinTemp: "", //告警最低温度
+        warnAverageTemp: "", //预警平均温度
+        alarmAverageTemp: "", //	告警平均温度
+        warnDifferenceTemp: "", //预警温差
+        alarmDifferenceTemp: "", //告警温差
+        coordinate: "", //坐标
+        reflexTemp: "",
+        presetParamCode: "", //测温编号
+        isEnable: 1, //启用停用
+      } /* 测温参数,和画框数据 */,
+      popovervisible: false,
+      newpresetName: "",
+      title2: "测温位配置",
+      show1: true,
+      value: "",
+      formAdd: {
+        patrolpointName: "",
+        patrolContent: "",
+        purpose: "",
+        areaId: "",
+        mainDeviceId: "",
+        deviceId: "",
+        patrolpointCode: "",
+        patrolTypeId: null,
+        pointImptLevel: null,
+        positionX: null,
+        positionY: null,
+        positionZ: null,
+      },
+      formAddRules: {
+        patrolpointName: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+        patrolContent: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+        patrolpointCode: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+        patrolTypeId: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+        pointImptLevel: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+        purpose: [
+          {
+            required: true,
+            message: "必填",
+            trigger: "blur",
+          },
+        ],
+        areaId: "",
+        mainDeviceId: "",
+        deviceId: "",
+      },
+      listPatroltype: [],
+      patroldeviceCode: null,
+      channelCode: null,
+      cssClass: false,
+
+      // 新增列宽相关属性
+      columnWidths: {}, // 列宽缓存
+      defaultColumnWidths: [55, 400, 150, 150, 150, 220, 125], // 默认列宽，增加了序号列
+
+      // 算法分类筛选相关属性 - 使用接口返回数据
+      selectedAlgorithmCategory: "", // 选中的算法分类(dictValue)
+      algorithmCategoryOptions: [], // 算法分类选项列表(接口返回数据)
+      selectedAlgorithmCategoryLabel: "", // 选中的算法分类标签
+
+      // 设备类型筛选相关属性
+      selectedDeviceType: "", // 选中的设备类型
+      deviceTypeOptions: [], // 设备类型选项列表
+      selectedDeviceTypeLabel: "", // 选中的设备类型标签
+
+      // 新增的拖拽相关属性 - 只影响左侧树
+      leftPanelWidth: 260, // 左侧面板默认宽度
+      minLeftWidth: 200, // 左侧面板最小宽度
+      maxLeftWidth: 600, // 左侧面板最大宽度
+      tableHeight: 560,
+      isResizing: false, // 是否正在拖拽
+      startX: 0, // 拖拽起始X坐标
+      startWidth: 0, // 拖拽起始宽度
+
+      // 右侧面板显示控制
+      showRightPanel: false,
+
+      // 批量删除模式相关属性
+      batchDeleteMode: false, // 是否处于批量删除模式
+      batchSelectList: [], // 批量删除选中的行
+    };
+  },
+  computed: {
+    // 根据选中的算法分类和设备类型过滤表格数据
+    filteredTableData() {
+      let filtered = this.tableData;
+
+      if (this.selectedAlgorithmCategory) {
+        // 根据算法分类的值过滤
+        const selectedCategory = this.algorithmCategoryOptions.find(
+          (item) => item.dictValue === this.selectedAlgorithmCategory
+        );
+
+        if (selectedCategory) {
+          // 获取该分类下的所有算法ID
+          const algIdsInCategory = selectedCategory.dictValue
+            .split(",")
+            .map((id) => id.trim());
+
+          filtered = filtered.filter((row) => {
+            if (!row.algSubtypeIds) return false;
+
+            // 检查行的algSubtypeIds是否包含该分类下的任一算法ID
+            const rowAlgIds = row.algSubtypeIds
+              .split(",")
+              .map((id) => id.trim());
+            return algIdsInCategory.some((id) => rowAlgIds.includes(id));
+          });
+        }
+      }
+
+      if (this.selectedDeviceType) {
+        filtered = filtered.filter(
+          (row) => row.pointTypeName === this.selectedDeviceType
+        );
+      }
+
+      return filtered;
+    },
+  },
+  created() {
+    this.testobjBackup = lodash.cloneDeep(this.testobj);
+    this.presetDataBackup = lodash.cloneDeep(this.presetData);
+    listPatroltype().then((res) => {
+      const list = [];
+      let childs = [];
+      let ptype = {};
+      linq
+        .from(res.rows)
+        .where((x) => x.parentId === 0)
+        .toArray()
+        .forEach((node) => {
+          childs = linq
+            .from(res.rows)
+            .where((c) => c.parentId === node.patrolTypeId)
+            .select((q) => {
+              return {
+                id: q.patrolTypeId,
+                label: q.patrolTypeName,
+              };
+            })
+            .toArray();
+          ptype = {
+            id: node.patrolTypeId,
+            isOpen: true,
+            label: node.patrolTypeName,
+          };
+          if (childs.length > 0) {
+            ptype.children = childs;
+          }
+          list.push(ptype);
+        });
+      this.listPatroltype = list;
+    });
+    this.getAreaList1();
+    this.getAlgCategory();
+
+    getBdconfigMainsystem().then((res) => {
+      const config = res.data.find((x) => x.systemType.includes("xsxt"));
+      if (config) {
+        this.updata = {
+          sendCode: config.mainSystemCode,
+        };
+      }
+    });
+
+    // 从localStorage加载保存的宽度
+    this.loadLeftPanelWidth();
+  },
+  mounted() {
+    this.updateTableHeight();
+    this.$nextTick(() => {
+      this.initColumnResize();
+      this.loadColumnWidths();
+    });
+
+    // 添加窗口大小变化监听
+    window.addEventListener("resize", this.handleResize);
+  },
+  beforeDestroy() {
+    // 移除窗口大小变化监听
+    window.removeEventListener("resize", this.handleResize);
+
+    // 清理拖拽遮罩
+    const mask = document.getElementById("resize-mask");
+    if (mask) mask.remove();
+
+    // 移除全局事件监听
+    document.removeEventListener("mousemove", this.onResize);
+    document.removeEventListener("mouseup", this.stopResize);
+  },
+  methods: {
+    // 获取行的唯一key（用于表格多选）
+    getRowKey(row) {
+      return row.patrolpointId;
+    },
+
+    // 判断行是否可选（过滤标准点位）
+    checkSelectable(row) {
+      // 标准点位不可选
+      return !row.stdparolPointId;
+    },
+
+    // 获取行序号（基于过滤后的数据）
+    getRowIndex(index) {
+      return index + 1;
+    },
+
+    // 切换批量删除模式
+    toggleBatchDeleteMode() {
+      if (this.batchDeleteMode) {
+        // 退出批量删除模式，清空选中
+        this.batchDeleteMode = false;
+        this.batchSelectList = [];
+        // 清除表格的选中状态
+        if (this.$refs.multipleTable) {
+          this.$refs.multipleTable.clearSelection();
+        }
+      } else {
+        // 进入批量删除模式
+        this.batchDeleteMode = true;
+        this.batchSelectList = [];
+        // 清除表格的选中状态
+        if (this.$refs.multipleTable) {
+          this.$refs.multipleTable.clearSelection();
+        }
+        // 强制刷新表格，确保复选框正确显示
+        this.$nextTick(() => {
+          if (this.$refs.multipleTable) {
+            this.$refs.multipleTable.doLayout();
+          }
+        });
+      }
+    },
+
+    // 处理表格选中变化（批量删除模式下）
+    handleSelectionChange(val) {
+      if (this.batchDeleteMode) {
+        this.batchSelectList = val;
+      } else {
+        // 非批量删除模式下，不处理多选，但保留原有功能
+        this.mulSelect = val;
+      }
+    },
+
+    // 处理行点击（非批量删除模式下，用于选中行；批量删除模式下，不处理）
+    handleRowClick(row) {
+      if (!this.batchDeleteMode) {
+        this.handleCurrentChange(row);
+      }
+    },
+
+    // 确认批量删除
+    confirmBatchDelete() {
+      if (this.batchSelectList.length === 0) {
+        this.$message.warning("请选择要删除的点位");
+        return;
+      }
+
+      // batchSelectList 已经通过 checkSelectable 过滤了标准点位，所以不需要再次过滤
+      const deletableList = this.batchSelectList;
+
+      const pointNames = deletableList
+        .map((item) => item.patrolpointName)
+        .join("、");
+      const message =
+        deletableList.length === 1
+          ? `确定要删除点位 "${pointNames}" 吗？`
+          : `确定要删除选中的 ${deletableList.length} 个点位吗？\n${pointNames}`;
+
+      this.$confirm(message, "批量删除确认", {
+        confirmButtonText: "确定删除",
+        cancelButtonText: "取消",
+        type: "warning",
+      }).then(() => {
+        const ids = deletableList.map((item) => item.patrolpointId).join(",");
+        proDotTableDeleteSin(ids).then((res) => {
+          this.$message.success(`成功删除 ${deletableList.length} 个点位`);
+          // 退出批量删除模式
+          this.batchDeleteMode = false;
+          this.batchSelectList = [];
+          // 重新加载数据
+          this.loadList();
+        });
+      });
+    },
+
+    // 获取算法分类（点位类型）
+    getAlgCategory() {
+      var data = { dictType: "point_alg_category" };
+      listData(data).then((res) => {
+        this.algorithmCategoryOptions = res.rows || [];
+      });
+    },
+
+    // 获取算法分类中该分类下的记录数量
+    getAlgorithmCategoryCount(category) {
+      if (!this.tableData || !category || !category.dictValue) return 0;
+
+      const algIdsInCategory = category.dictValue
+        .split(",")
+        .map((id) => id.trim());
+
+      const count = this.tableData.filter((row) => {
+        if (!row.algSubtypeIds) return false;
+        const rowAlgIds = row.algSubtypeIds.split(",").map((id) => id.trim());
+        return algIdsInCategory.some((id) => rowAlgIds.includes(id));
+      }).length;
+
+      return count;
+    },
+
+    // 获取选中的算法分类标签
+    getSelectedAlgorithmCategoryLabel() {
+      const selected = this.algorithmCategoryOptions.find(
+        (item) => item.dictValue === this.selectedAlgorithmCategory
+      );
+      return selected ? selected.dictLabel : "";
+    },
+
+    // 更新设备类型选项
+    updateDeviceTypeOptions() {
+      const deviceTypeMap = new Map();
+
+      this.tableData.forEach((row) => {
+        if (row.pointTypeName) {
+          const typeName = row.pointTypeName;
+          if (deviceTypeMap.has(typeName)) {
+            deviceTypeMap.set(typeName, deviceTypeMap.get(typeName) + 1);
+          } else {
+            deviceTypeMap.set(typeName, 1);
+          }
+        }
+      });
+
+      this.deviceTypeOptions = Array.from(deviceTypeMap.entries()).map(
+        ([label, count]) => ({
+          value: label,
+          label: label,
+          count: count,
+        })
+      );
+    },
+
+    // 按算法分类筛选
+    filterByAlgorithmCategory(value) {
+      this.selectedAlgorithmCategory = value;
+      this.selectedAlgorithmCategoryLabel =
+        this.getSelectedAlgorithmCategoryLabel();
+    },
+
+    // 按设备类型筛选
+    filterByDeviceType(value) {
+      this.selectedDeviceType = value;
+      const selectedOption = this.deviceTypeOptions.find(
+        (opt) => opt.value === value
+      );
+      this.selectedDeviceTypeLabel = selectedOption ? selectedOption.label : "";
+    },
+
+    // 清除所有筛选
+    clearAllFilters() {
+      this.selectedAlgorithmCategory = "";
+      this.selectedAlgorithmCategoryLabel = "";
+      this.selectedDeviceType = "";
+      this.selectedDeviceTypeLabel = "";
+    },
+
+    getNodeLabel(data) {
+      return data.deviceName || data.areaName || "未知节点";
+    },
+
+    shouldShowCount(data) {
+      // return data.children && data.children.length > 0;
+      return true;
+    },
+
+    getChildCount(data) {
+      return data.children ? data.children.length : 0;
+    },
+    getNodeCount(data) {
+      return data.pointNum || 0;
+    },
+
+    // 递归处理树数据，确保每个节点都有pointNum字段
+    getTreeData(response) {
+      const findArray = (value, depth = 0) => {
+        if (Array.isArray(value)) {
+          return value;
+        }
+        if (!value || typeof value !== "object" || depth > 4) {
+          return [];
+        }
+        if (
+          Array.isArray(value.children) &&
+          (value.areaId ||
+            value.areaid ||
+            value.deviceId ||
+            value.deviceName ||
+            value.areaName)
+        ) {
+          return [value];
+        }
+
+        const keys = ["data", "rows", "list", "records", "result", "items"];
+        for (const key of keys) {
+          if (Object.prototype.hasOwnProperty.call(value, key)) {
+            const result = findArray(value[key], depth + 1);
+            if (result.length > 0 || Array.isArray(value[key])) {
+              return result;
+            }
+          }
+        }
+        return [];
+      };
+
+      return findArray(response);
+    },
+
+    mapTree(nodes) {
+      if (!Array.isArray(nodes)) {
+        return;
+      }
+      nodes.forEach((node) => {
+        if (!node.deviceName) {
+          node.deviceName = node.areaName;
+        }
+        // 确保pointNum字段存在，如果没有则默认为0
+        if (node.pointNum === undefined || node.pointNum === null) {
+          node.pointNum = 0;
+        }
+        if (node.children && node.children.length > 0) {
+          this.mapTree(node.children);
+        }
+      });
+    },
+
+    // 初始化列拖拽功能
+    initColumnResize() {
+      this.$nextTick(() => {
+        const table = this.$refs.multipleTable;
+        if (!table || !table.$el) return;
+
+        const tableWrapper = table.$el;
+        const headers = tableWrapper.querySelectorAll(".el-table__header th");
+        const tableBody = tableWrapper.querySelector(".el-table__body");
+
+        if (!headers.length) return;
+
+        headers.forEach((header, index) => {
+          // 清除可能存在的旧拖拽手柄
+          const oldResizer = header.querySelector(".column-resizer");
+          if (oldResizer) oldResizer.remove();
+
+          // 设置表头样式
+          header.style.position = "relative";
+          header.style.userSelect = "none";
+
+          // 创建拖拽手柄
+          const resizer = document.createElement("div");
+          resizer.className = "column-resizer";
+
+          // 创建视觉反馈线条
+          const resizerLine = document.createElement("div");
+          resizerLine.className = "column-resizer-line";
+          resizer.appendChild(resizerLine);
+
+          header.appendChild(resizer);
+
+          let startX = 0;
+          let startWidth = 0;
+          let isDragging = false;
+
+          const onMouseDown = (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+
+            startX = e.pageX;
+            startWidth = header.offsetWidth;
+            isDragging = true;
+
+            // 添加拖拽时的样式
+            header.classList.add("dragging");
+            document.body.style.cursor = "col-resize";
+            document.body.style.userSelect = "none";
+
+            // 添加全局遮罩
+            const mask = document.createElement("div");
+            mask.id = "resize-mask";
+            document.body.appendChild(mask);
+
+            document.addEventListener("mousemove", onMouseMove);
+            document.addEventListener("mouseup", onMouseUp);
+          };
+
+          const onMouseMove = (e) => {
+            if (!isDragging) return;
+
+            // 计算新宽度
+            const diffX = e.pageX - startX;
+            const newWidth = Math.max(80, Math.min(800, startWidth + diffX)); // 限制最小80px，最大800px
+
+            // 更新表头宽度
+            header.style.width = newWidth + "px";
+            header.style.minWidth = newWidth + "px";
+            header.style.maxWidth = newWidth + "px";
+
+            // 更新对应的列单元格
+            if (tableBody) {
+              const rows = tableBody.querySelectorAll("tr");
+              rows.forEach((row) => {
+                const cell = row.children[index];
+                if (cell) {
+                  cell.style.width = newWidth + "px";
+                  cell.style.minWidth = newWidth + "px";
+                  cell.style.maxWidth = newWidth + "px";
+                }
+              });
+            }
+
+            // 更新列宽缓存
+            this.columnWidths[index] = newWidth;
+          };
+
+          const onMouseUp = () => {
+            if (!isDragging) return;
+
+            isDragging = false;
+            header.classList.remove("dragging");
+
+            // 移除全局遮罩
+            const mask = document.getElementById("resize-mask");
+            if (mask) mask.remove();
+
+            // 恢复鼠标样式
+            document.body.style.cursor = "default";
+            document.body.style.userSelect = "";
+
+            document.removeEventListener("mousemove", onMouseMove);
+            document.removeEventListener("mouseup", onMouseUp);
+
+            // 保存列宽
+            this.saveColumnWidths();
+          };
+
+          // 添加鼠标事件
+          resizer.addEventListener("mousedown", onMouseDown);
+
+          // 添加双击重置
+          resizer.addEventListener("dblclick", (e) => {
+            e.stopPropagation();
+            this.resetColumnWidth(index);
+          });
+
+          // 添加悬停提示
+          resizer.title = "双击重置列宽";
+        });
+      });
+    },
+
+    // 保存列宽到 localStorage
+    saveColumnWidths() {
+      try {
+        const tableData = {
+          widths: this.columnWidths,
+          timestamp: Date.now(),
+        };
+        localStorage.setItem("tableColumnWidths", JSON.stringify(tableData));
+      } catch (e) {
+        console.warn("保存列宽失败:", e);
+      }
+    },
+
+    // 加载保存的列宽
+    loadColumnWidths() {
+      try {
+        const saved = localStorage.getItem("tableColumnWidths");
+        if (!saved) return;
+
+        const { widths, timestamp } = JSON.parse(saved);
+
+        // 检查保存时间，只保留最近7天的配置
+        const oneWeek = 7 * 24 * 60 * 60 * 1000;
+        if (Date.now() - timestamp > oneWeek) {
+          localStorage.removeItem("tableColumnWidths");
+          return;
+        }
+
+        this.columnWidths = widths || {};
+
+        this.$nextTick(() => {
+          this.applyColumnWidths();
+        });
+      } catch (e) {
+        console.warn("加载列宽失败:", e);
+      }
+    },
+
+    // 应用列宽
+    applyColumnWidths() {
+      const table = this.$refs.multipleTable;
+      if (!table || !table.$el) return;
+
+      const tableWrapper = table.$el;
+      const headers = tableWrapper.querySelectorAll(".el-table__header th");
+      const tableBody = tableWrapper.querySelector(".el-table__body");
+
+      if (!headers.length || Object.keys(this.columnWidths).length === 0)
+        return;
+
+      headers.forEach((header, index) => {
+        const savedWidth = this.columnWidths[index];
+        if (savedWidth) {
+          header.style.width = savedWidth + "px";
+          header.style.minWidth = savedWidth + "px";
+          header.style.maxWidth = savedWidth + "px";
+
+          if (tableBody) {
+            const rows = tableBody.querySelectorAll("tr");
+            rows.forEach((row) => {
+              const cell = row.children[index];
+              if (cell) {
+                cell.style.width = savedWidth + "px";
+                cell.style.minWidth = savedWidth + "px";
+                cell.style.maxWidth = savedWidth + "px";
+              }
+            });
+          }
+        }
+      });
+    },
+
+    // 重置列宽
+    resetColumnWidth(index) {
+      const defaultWidth = this.defaultColumnWidths[index] || 100;
+
+      // 更新缓存
+      this.columnWidths[index] = defaultWidth;
+
+      // 应用新宽度
+      const table = this.$refs.multipleTable;
+      if (!table || !table.$el) return;
+
+      const tableWrapper = table.$el;
+      const headers = tableWrapper.querySelectorAll(".el-table__header th");
+      const tableBody = tableWrapper.querySelector(".el-table__body");
+
+      const header = headers[index];
+      if (header) {
+        header.style.width = defaultWidth + "px";
+        header.style.minWidth = defaultWidth + "px";
+        header.style.maxWidth = defaultWidth + "px";
+
+        if (tableBody) {
+          const rows = tableBody.querySelectorAll("tr");
+          rows.forEach((row) => {
+            const cell = row.children[index];
+            if (cell) {
+              cell.style.width = defaultWidth + "px";
+              cell.style.minWidth = defaultWidth + "px";
+              cell.style.maxWidth = defaultWidth + "px";
+            }
+          });
+        }
+      }
+
+      // 保存设置
+      this.saveColumnWidths();
+
+      this.$message.success("列宽已重置");
+    },
+
+    // 重置所有列宽
+    resetAllColumnWidths() {
+      this.columnWidths = {};
+      localStorage.removeItem("tableColumnWidths");
+
+      const table = this.$refs.multipleTable;
+      if (!table || !table.$el) return;
+
+      const tableWrapper = table.$el;
+      const headers = tableWrapper.querySelectorAll(".el-table__header th");
+      const tableBody = tableWrapper.querySelector(".el-table__body");
+
+      headers.forEach((header, index) => {
+        const defaultWidth = this.defaultColumnWidths[index] || 100;
+        header.style.width = "";
+        header.style.minWidth = "";
+        header.style.maxWidth = "";
+
+        if (tableBody) {
+          const rows = tableBody.querySelectorAll("tr");
+          rows.forEach((row) => {
+            const cell = row.children[index];
+            if (cell) {
+              cell.style.width = "";
+              cell.style.minWidth = "";
+              cell.style.maxWidth = "";
+            }
+          });
+        }
+      });
+
+      this.$message.success("所有列宽已重置");
+    },
+
+    // 处理窗口大小变化
+    handleResize() {
+      this.updateTableHeight();
+      this.$nextTick(() => {
+        this.initColumnResize();
+        this.applyColumnWidths();
+      });
+
+      // 窗口大小变化时，检查左侧面板宽度是否超出最大限制
+      const containerWidth = this.$el?.clientWidth || window.innerWidth;
+      const maxAllowedWidth = containerWidth * 0.4; // 最大不超过容器宽度的40%
+
+      if (this.leftPanelWidth > maxAllowedWidth) {
+        this.leftPanelWidth = Math.max(
+          this.minLeftWidth,
+          Math.min(maxAllowedWidth, this.leftPanelWidth)
+        );
+      }
+
+      // 触发表格重新布局
+      this.$nextTick(() => {
+        if (this.$refs.multipleTable) {
+          this.$refs.multipleTable.doLayout();
+        }
+      });
+    },
+
+    updateTableHeight() {
+      const viewportHeight = window.innerHeight || 800;
+      this.tableHeight = Math.max(420, Math.min(620, viewportHeight - 230));
+    },
+
+    // 新增的拖拽相关方法 - 只影响左侧树
+    startResize(event) {
+      this.isResizing = true;
+      this.startX = event.clientX;
+      this.startWidth = this.leftPanelWidth;
+
+      // 添加全局事件监听
+      document.addEventListener("mousemove", this.onResize);
+      document.addEventListener("mouseup", this.stopResize);
+
+      // 添加拖拽时的样式
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+
+      // 添加拖拽遮罩
+      const mask = document.createElement("div");
+      mask.id = "resize-mask";
+      mask.style.position = "fixed";
+      mask.style.top = "0";
+      mask.style.left = "0";
+      mask.style.width = "100%";
+      mask.style.height = "100%";
+      mask.style.zIndex = "9999";
+      mask.style.cursor = "col-resize";
+      document.body.appendChild(mask);
+    },
+
+    onResize(event) {
+      if (!this.isResizing) return;
+
+      // 计算新的宽度
+      const diffX = event.clientX - this.startX;
+      let newWidth = this.startWidth + diffX;
+
+      // 限制最小最大宽度
+      newWidth = Math.max(
+        this.minLeftWidth,
+        Math.min(this.maxLeftWidth, newWidth)
+      );
+
+      this.leftPanelWidth = newWidth;
+
+      // 只更新左侧树布局，不影响右侧表格
+      this.$nextTick(() => {
+        // 更新树布局
+        if (this.$refs.areaTree) {
+          this.$refs.areaTree.$el.style.width = "100%";
+        }
+      });
+    },
+
+    stopResize() {
+      if (!this.isResizing) return;
+
+      this.isResizing = false;
+
+      // 移除全局事件监听
+      document.removeEventListener("mousemove", this.onResize);
+      document.removeEventListener("mouseup", this.stopResize);
+
+      // 恢复鼠标样式
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+
+      // 移除拖拽遮罩
+      const mask = document.getElementById("resize-mask");
+      if (mask) mask.remove();
+
+      // 保存宽度到localStorage
+      this.saveLeftPanelWidth();
+    },
+
+    // 保存左侧面板宽度
+    saveLeftPanelWidth() {
+      try {
+        localStorage.setItem("leftPanelWidth", this.leftPanelWidth);
+      } catch (e) {
+        // console.warn('保存左侧面板宽度失败:', e);
+      }
+    },
+
+    // 加载左侧面板宽度
+    loadLeftPanelWidth() {
+      try {
+        const savedWidth = localStorage.getItem("leftPanelWidth");
+        if (savedWidth) {
+          this.leftPanelWidth = parseInt(savedWidth, 10);
+        }
+      } catch (e) {
+        // console.warn('加载左侧面板宽度失败:', e);
+      }
+    },
+
+    // 重置左侧面板宽度
+    resetLeftPanelWidth() {
+      this.leftPanelWidth = 260;
+      this.saveLeftPanelWidth();
+      // 更新树布局
+      this.$nextTick(() => {
+        if (this.$refs.areaTree) {
+          this.$refs.areaTree.$el.style.width = "100%";
+        }
+      });
+    },
+
+    //获取无人机图片
+    getUavImg() {
+      var data = {
+        patrolPointId: this.currentRow.patrolpointId,
+      };
+      irUavImg(data)
+        .then((response) => {
+          this.imageUrl = response.data;
+          this.imagePath = response.data;
+        })
+        .catch(() => {
+          item.loading = false;
+        });
+    },
+
+    // 无人机画框完成
+    uavComplete() {
+      var all_data = JSON.parse(localStorage.getItem("drawData"));
+      var imgElement = JSON.parse(localStorage.getItem("imgElement"));
+      const data = {
+        coordinates: all_data,
+        filePath: this.imagePath,
+        imgWidth: imgElement.width,
+        imgHeight: imgElement.height,
+        imgType: "infra_yu3",
+        patrolPointCode: this.currentRow.patrolpointCode,
+        patrolPointId: this.currentRow.patrolpointId,
+      };
+      capturePicture(data)
+        .then((response) => {
+          if (response.code == 200) {
+            this.monitorShow = false;
+          }
+        })
+        .catch(() => {
+          item.loading = false;
+        });
+    },
+
+    // tab切换
+    handleClick(tab, event) {
+      if (tab.name != "home") {
+        this.$refs.checkItemSetRef.clearAll();
+      }
+      this.activeName = tab.name;
+    },
+
+    algorithmClick() {
+      this.algorithmShow = true;
+    },
+
+    //选择完设备后调用
+    handleChooseDevicesOk(device) {
+      addPatrolpointpreset({
+        patroldeviceCode: device.patroldeviceCode,
+        eqpbookId: device.eqpbookId,
+        patrolpointId: this.currentRow.patrolpointId,
+      }).then(() => {
+        this.$message.success("绑定成功");
+        this.loadPointDevices();
+      });
+    },
+
+    //显示上传
+    eventUpload() {
+      this.showRebotUploader = true;
+    },
+
+    handleRebotUploaderConfirm() {},
+
+    // 选择算法完毕
+    handleChooseAlgOk(result) {
+      const selectedAlgs = result;
+
+      // 提取选中的算法ID和名称
+      const algSubtypeIds = selectedAlgs.map((item) => item.id).join(",");
+      const algSubtypeNames = selectedAlgs.map((item) => item.name).join(",");
+
+      this.currentRow.algSubtypeIds = algSubtypeIds;
+      this.currentRow.algSubtypeName = algSubtypeNames;
+      this.currentRow.alarmThreshold = JSON.stringify(selectedAlgs);
+
+      // 调用保存到后端的方法
+      this.handleChangePointCode(this.currentRow);
+
+      this.$message.success("算法配置已更新");
+      // setTimeout(() => {
+      //   this.loadList();
+      // }, 500);
+    },
+    saveAlgorithmConfig(row) {
+      const postData = {
+        patrolpointId: row.patrolpointId,
+        algSubtypeIds: row.algSubtypeIds,
+        algSubtypeName: row.algSubtypeName,
+        alarmThreshold: row.alarmThreshold,
+      };
+
+      // 调用专门的API保存算法配置
+      // 假设有一个 updateAlgorithm 的 API
+      // updateAlgorithm(postData).then(res => {
+      //   console.log("算法配置保存成功");
+      // }).catch(err => {
+      //   console.error("保存失败:", err);
+      //   this.$message.error("保存失败");
+      // });
+
+      // 或者使用现有的 handleChangePointCode
+      this.handleChangePointCode(row);
+    },
+
+    //点位列表，更换智能识别类型
+    chooseAlgorithm(row) {
+      this.currentRow = row;
+      this.showChooseAlg = true;
+    },
+
+    //点击图片上传按钮
+    handleUploadPicture(row) {
+      this.currentRow = row;
+      this.$nextTick(() => {
+        this.showUploader = true;
+      });
+    },
+
+    // 显示基准判别图片数量
+    rowPicCount(row) {
+      if (row.disRefPicturePath && row.disRefPicturePath.length > 0) {
+        return row.disRefPicturePath.split(",").length;
+      }
+      return 0;
+    },
+
+    // 图片上传弹窗，点击确定
+    handleUploaderConfirm(fileList) {
+      if (fileList.length > 0) {
+        this.currentRow.disRefPicturePath = linq
+          .from(fileList)
+          .select((x) => x.url)
+          .toArray()
+          .join(",");
+      } else {
+        this.currentRow.disRefPicturePath = "";
+      }
+      this.handleChangePointCode(this.currentRow);
+    },
+
+    handleCloseTemptrueModel() {
+      this.resetForm("formTemptrue");
+      const drawRefs = linq
+        .from(this.$refs.playerPlayform2.$children)
+        .where((x) => x.$vnode.componentOptions.tag === "DrawShape")
+        .toArray();
+      const drawRef = drawRefs[0];
+      drawRef.clearShapes();
+    },
+
+    handleCloseVL() {
+      this.$refs.playerPlayform.handleCloseAllChannel();
+    },
+
+    handleCloseIR() {
+      this.$refs.playerPlayform2.handleCloseAllChannel();
+    },
+
+    handleLoading(isLoading) {
+      this.currentImageRow.loading = isLoading;
+    },
+
+    handleImageLoad() {
+      this.currentImageRow.loading = false;
+      this.$refs.asyncImage.$el.querySelector("img").click();
+    },
+
+    handleImageLoadError() {
+      this.currentImageRow.loading = false;
+    },
+
+    handleViewImages(row) {
+      this.currentSrc = "";
+      this.currentSrcList = [];
+      this.showPreviewImages = false;
+
+      this.$nextTick(() => {
+        this.currentImageRow = row;
+        const srcs = row.channelImg.split(",");
+        this.currentSrc = srcs[0];
+        this.currentSrcList = srcs;
+        this.showPreviewImages = true;
+      });
+    },
+
+    handleAreaTreeCurrentNodeChange(data) {
+      this.currentTreeNode = data;
+    },
+
+    handleChangePointCode(row) {
+      const postData = lodash.cloneDeep(row);
+      postData.areaId = this.currentTreeNode.areaId;
+      postData.deviceId = this.currentTreeNode.deviceId;
+
+      if (postData.patrolTypeId && postData.patrolTypeId.length > 0) {
+        postData.patrolTypeId = postData.patrolTypeId.join(",");
+      } else {
+        postData.patrolTypeId = "";
+      }
+
+      if (row.patrolpointId) {
+        proDotTableEditSin(postData);
+      } else {
+        proDotTableAddSin(postData).then((res) => {
+          row.patrolpointId = res.data;
+        });
+      }
+    },
+
+    handleSelectPointCode(node, row) {
+      row.patrolTypeId.push(node.id);
+      this.handleChangePointCode(row);
+    },
+
+    handleDeSelectPointCode(node, row) {
+      if (row.patrolTypeId.indexOf(node.id) != -1) {
+        row.patrolTypeId.splice(row.patrolTypeId.indexOf(node.id), 1);
+        this.handleChangePointCode(row);
+      }
+    },
+
+    addAction() {
+      this.presetData.presetActionList.push({
+        actionType: "",
+        videoTime: "",
+        photoCount: "1",
+        photoSeper: "",
+      });
+    },
+
+    removeAction(index) {
+      this.presetData.presetActionList.splice(index, 1);
+    },
+
+    getTreeNodeQuery(node = {}, patrolpointName = "") {
+      const areaId = node.areaId || node.areaid || node.id || "";
+      return {
+        deviceId: node.deviceId || node.deviceid || "",
+        mainDeviceId: node.mainDeviceId || node.mainDeviceID || node.mainDeviceid || "",
+        areaId,
+        areaid: areaId,
+        patrolpointName: patrolpointName || node.patrolpointName || "",
+        pageNum: "",
+        pageSize: "",
+      };
+    },
+
+    /* 初始化左侧列表数据 */
+    getAreaList1() {
+      treeAreaDeviceSelectFilterByPresetRelation().then((res) => {
+        const treeData = this.getTreeData(res);
+        this.mapTree(treeData);
+        this.areaList = treeData;
+        if (treeData.length === 0) {
+          this.treeobj = null;
+          this.currentTreeNode = null;
+          this.tableData = [];
+          this.loading = false;
+          return;
+        }
+        let data = this.getTreeNodeQuery(treeData[0]);
+        this.treeobj = data;
+        this.loadList();
+      }).catch(() => {
+        this.areaList = [];
+        this.treeobj = null;
+        this.currentTreeNode = null;
+        this.tableData = [];
+      });
+    },
+
+    /* 点击左侧获取响应节点数据 */
+    handleAreaList(e) {
+      this.clearAllFilters();
+      this.currentTreeNode = e;
+      this.treeobj = this.getTreeNodeQuery(e);
+      this.formAdd.deviceId = this.treeobj.deviceId;
+      this.formAdd.mainDeviceId = this.treeobj.mainDeviceId;
+      this.formAdd.areaId = this.treeobj.areaId;
+      this.currentRow = null;
+      this.loadList();
+    },
+
+    loadList(data) {
+      this.loading = true;
+      const query = data || this.treeobj || {};
+      const getRows = (response) => {
+        if (Array.isArray(response && response.rows)) {
+          return response.rows;
+        }
+        if (Array.isArray(response && response.list)) {
+          return response.list;
+        }
+        if (Array.isArray(response && response.records)) {
+          return response.records;
+        }
+        if (response && response.data && Array.isArray(response.data.rows)) {
+          return response.data.rows;
+        }
+        if (response && response.data && Array.isArray(response.data.list)) {
+          return response.data.list;
+        }
+        if (response && response.data && Array.isArray(response.data.records)) {
+          return response.data.records;
+        }
+        if (response && Array.isArray(response.data)) {
+          return response.data;
+        }
+        if (
+          response &&
+          response.data &&
+          response.data.data &&
+          Array.isArray(response.data.data.rows)
+        ) {
+          return response.data.data.rows;
+        }
+        if (
+          response &&
+          response.data &&
+          response.data.data &&
+          Array.isArray(response.data.data.list)
+        ) {
+          return response.data.data.list;
+        }
+        if (
+          response &&
+          response.data &&
+          response.data.data &&
+          Array.isArray(response.data.data.records)
+        ) {
+          return response.data.data.records;
+        }
+        if (response && response.data && Array.isArray(response.data.data)) {
+          return response.data.data;
+        }
+        return [];
+      };
+      const loadRelationList = () =>
+        proDotManTableRelation(query)
+          .then((response) => {
+            return getRows(response).length > 0
+              ? response
+              : proDotManTable(query);
+          })
+          .catch(() => proDotManTable(query));
+
+      loadRelationList()
+        .then((res) => {
+          this.loading = false;
+          const rows = getRows(res);
+          rows.forEach((row) => {
+            row.bindPoints = [];
+            row.bindDevices = [];
+            if (row.patrolTypeId && /^\d/.test(row.patrolTypeId) == false) {
+              var id = row.patrolTypeId;
+              row.patrolTypeId = id.substring(1);
+            }
+            if (row.patrolTypeId && row.patrolTypeId.length > 0) {
+              row.patrolTypeId = linq
+                .from(row.patrolTypeId.split(","))
+                .select((x) => {
+                  return parseInt(x);
+                })
+                .toArray();
+            } else {
+              row.patrolTypeId = [];
+            }
+
+            // 调试：打印 alarmThreshold
+            // if (row.alarmThreshold) {
+            //   console.log(
+            //     "点位",
+            //     row.patrolpointName,
+            //     "的 alarmThreshold:",
+            //     row.alarmThreshold
+            //   );
+            // }
+          });
+          this.tableData = rows;
+          this.updateDeviceTypeOptions();
+
+          this.$nextTick(() => {
+            if (this.$refs.multipleTable) {
+              this.$refs.multipleTable.doLayout();
+            }
+            this.initColumnResize();
+            this.loadColumnWidths();
+          });
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+
+    /* 修改单条监控点位数据 */
+    editRows1(index, row) {
+      // 批量删除模式下不允许编辑
+      if (this.batchDeleteMode) {
+        this.$message.warning("请先退出批量删除模式");
+        return;
+      }
+      this.showAdd = true;
+      this.titleAlert = "修改监控点位";
+      // 深拷贝数据用于修改
+      this.formAdd = lodash.cloneDeep(row);
+
+      // 确保 patrolTypeId 是数组格式（如果是字符串则转换）
+      if (
+        this.formAdd.patrolTypeId &&
+        typeof this.formAdd.patrolTypeId === "string"
+      ) {
+        this.formAdd.patrolTypeId = this.formAdd.patrolTypeId
+          .split(",")
+          .map((id) => parseInt(id));
+      }
+
+      // 确保 pointImptLevel 正确处理
+      if (
+        this.formAdd.pointImptLevel === undefined ||
+        this.formAdd.pointImptLevel === null
+      ) {
+        this.formAdd.pointImptLevel = null;
+      }
+
+      // 确保 purpose 正确处理
+      if (this.formAdd.purpose === undefined) {
+        this.formAdd.purpose = "";
+      }
+
+      // 清除表单验证状态
+      this.$nextTick(() => {
+        if (this.$refs.formAdd) {
+          this.$refs.formAdd.clearValidate();
+        }
+      });
+    },
+
+    /* 删除单条监控点位数据 */
+    deleteRows1(index, row) {
+      // 批量删除模式下不允许删除
+      if (this.batchDeleteMode) {
+        this.$message.warning("请先退出批量删除模式");
+        return;
+      }
+      this.$confirm("确定要删除数据吗？").then((res) => {
+        proDotTableDeleteSin(row.patrolpointId).then((res) => {
+          this.loadList();
+        });
+      });
+    },
+
+    /* 新增单条监控点位数据t弹窗展示 */
+    addAlertShow1() {
+      // 批量删除模式下不允许新增
+      if (this.batchDeleteMode) {
+        this.$message.warning("请先退出批量删除模式");
+        return;
+      }
+      this.showAdd = true;
+      this.titleAlert = "添加监控点位";
+      // 完全重置formAdd对象，清空所有输入字段
+      this.formAdd = {
+        patrolpointName: "",
+        patrolContent: "",
+        purpose: "", // 清空读数单位
+        areaId: this.currentTreeNode ? this.currentTreeNode.areaId : "",
+        mainDeviceId: this.currentTreeNode
+          ? this.currentTreeNode.mainDeviceId
+          : "",
+        deviceId: this.currentTreeNode ? this.currentTreeNode.deviceId : "",
+        patrolpointCode: "",
+        patrolTypeId: null, // 关键：清空巡检类型
+        pointImptLevel: null, // 关键：清空重要等级
+        positionX: null,
+        positionY: null,
+        positionZ: null,
+      };
+
+      // 清除表单验证状态
+      this.$nextTick(() => {
+        if (this.$refs.formAdd) {
+          this.$refs.formAdd.clearValidate();
+        }
+      });
+    },
+
+    /* 新增、修改单条监控点位数据取消 */
+    alertCancel1() {
+      this.showAdd = false;
+      this.formAdd = {
+        patrolpointName: "",
+        patrolContent: "",
+        purpose: "",
+        areaId: this.currentTreeNode ? this.currentTreeNode.areaId : "",
+        mainDeviceId: this.currentTreeNode
+          ? this.currentTreeNode.mainDeviceId
+          : "",
+        deviceId: this.currentTreeNode ? this.currentTreeNode.deviceId : "",
+        patrolpointCode: "",
+        patrolTypeId: null,
+        pointImptLevel: null,
+        positionX: null,
+        positionY: null,
+        positionZ: null,
+      };
+      // 清除验证
+      this.$nextTick(() => {
+        if (this.$refs.formAdd) {
+          this.$refs.formAdd.clearValidate();
+        }
+      });
+    },
+
+    /* 新增、修改单条监控点位数据确认 */
+    alertConfirm1() {
+      this.$refs.formAdd.validate((valid) => {
+        if (valid) {
+          this.formAddLoading = true;
+          const postData = lodash.cloneDeep(this.formAdd);
+          postData.areaId = this.currentTreeNode.areaId;
+          postData.deviceId = this.currentTreeNode.deviceId;
+          if (postData.patrolTypeId && postData.patrolTypeId.length > 0) {
+            postData.patrolTypeId = postData.patrolTypeId.join(",");
+          } else {
+            postData.patrolTypeId = "";
+          }
+          if (this.titleAlert == "添加监控点位") {
+            proDotTableAddSin(postData)
+              .then(() => {
+                this.showAdd = false;
+                this.resetForm("formAdd");
+                this.formAddLoading = false;
+                this.loadList();
+              })
+              .catch(() => {
+                this.formAddLoading = false;
+              });
+          } else {
+            proDotTableEditSin(postData)
+              .then((res) => {
+                this.showAdd = false;
+                this.resetForm("formAdd");
+                this.formAddLoading = false;
+                this.loadList();
+              })
+              .catch(() => {
+                this.formAddLoading = false;
+              });
+          }
+        }
+      });
+    },
+
+    //选中一条巡检点位
+    handleCurrentChange(row) {
+      this.currentRow = row;
+      this.loadDevicePoints();
+      this.loadPointDevices();
+    },
+
+    // 加载巡检点位绑定的巡检设备 （机器人或者无人机）
+    loadPointDevices() {
+      if (!this.currentRow.patrolpointId) {
+        return;
+      }
+      this.pointLoading = true;
+      listPatrolpointpreset({
+        patrolpointId: this.currentRow.patrolpointId,
+        noVideo: true,
+      })
+        .then((res) => {
+          this.pointLoading = false;
+          this.currentRow.bindDevices = res.rows;
+        })
+        .catch(() => {
+          this.pointLoading = false;
+        });
+    },
+
+    //加载巡检点位绑定的预置点
+    loadDevicePoints() {
+      this.pointLoading = true;
+      getPatroPointDevicePoints(this.currentRow.patrolpointId)
+        .then((res) => {
+          this.pointLoading = false;
+          res.data.forEach((row) => {
+            row.currentSrc = "";
+            row.currentSrcList = [];
+            row.loading = false;
+          });
+          this.currentRow.bindPoints = res.data;
+        })
+        .catch(() => {
+          this.pointLoading = false;
+        });
+    },
+
+    handleEnablePoint(item, index) {
+      item.loading = true;
+      const postData = lodash.cloneDeep(item);
+      postData.isEnable = postData.isEnable == 1 ? 0 : 1;
+      editPoint(postData)
+        .then(() => {
+          item.loading = false;
+          item.isEnable = item.isEnable == 1 ? 0 : 1;
+          this.$message.success(
+            "操作成功：点位已" + (item.isEnable ? "启用" : "停用")
+          );
+        })
+        .catch(() => {
+          item.loading = false;
+        });
+    },
+
+    //解绑预置点
+    handleUnbindPoint(item, index) {
+      this.$confirm("确定解绑预置点吗？").then((res) => {
+        unbindPoint(item.presetPosId).then(() => {
+          this.$message.success("解绑预置点成功");
+          this.currentRow.bindPoints.splice(index, 1);
+        });
+      });
+    },
+
+    //解绑巡检设备
+    handleUnbindDevice(item, index) {
+      this.$confirm("确定解绑巡检设备吗？").then((res) => {
+        delPatrolpointpreset(item.patrolpointPresetId).then(() => {
+          this.$message.success("解设巡检设备绑成功");
+          this.currentRow.bindDevices.splice(index, 1);
+        });
+      });
+    },
+
+    /* 删除多条监控点位数据 - 已废弃，改用批量删除模式 */
+    deleteMul1() {
+      // 此方法已废弃，改用批量删除模式
+      this.toggleBatchDeleteMode();
+    },
+
+    // 搜索左侧的树
+    searchTree() {
+      const searchText = this.inputSearch1.trim();
+      if (!searchText) {
+        this.getAreaList1();
+        return;
+      }
+
+      const searchNodes = (nodes) => {
+        const result = [];
+        nodes.forEach((node) => {
+          const nodeName = node.areaName || node.deviceName || "";
+          const isMatch = nodeName.includes(searchText);
+
+          if (isMatch) {
+            result.push(node);
+          } else {
+            if (node.children && node.children.length > 0) {
+              const matchedChildren = searchNodes(node.children);
+              if (matchedChildren.length > 0) {
+                const newNode = {
+                  ...node,
+                  children: matchedChildren,
+                  pointNum: node.pointNum,
+                };
+                result.push(newNode);
+              }
+            }
+          }
+        });
+        return result;
+      };
+
+      const originalData = this.areaList;
+      const filteredData = searchNodes(originalData);
+      this.areaList = filteredData;
+
+      if (filteredData.length === 0) {
+        this.$message.warning("未找到匹配的区域");
+      }
+    },
+
+    /* 搜索相关名称的监控点位数据 */
+    searchTable1() {
+      let data = {
+        ...(this.treeobj || this.getTreeNodeQuery(this.currentTreeNode || {})),
+        patrolpointName: this.inputSearch,
+      };
+      this.loadList(data);
+    },
+
+    // 点位配置，弹出框
+    pointConfiguration() {
+      this.$refs.form.style.width = "72%";
+      this.showRightPanel = true;
+    },
+
+    // 点位配置收起
+    collectPoint() {
+      this.$refs.form.style.width = "100%";
+      this.showRightPanel = false;
+    },
+
+    // 可见光弹窗展示
+    visibleShow1() {
+      if (this.currentRow === null) {
+        this.$modal.msgWarning("请先选择在列表中点击一条点位数据!");
+        return;
+      }
+      // 重置预置点相关数据
+      this.presetDotNum = "";
+      this.presetName = "";
+      this.presetNumber = "";
+      this.is_convert = false;
+      this.is_set = false;
+      // 重置 presetData 中的预置点名称
+      this.presetData.presetPosName = "";
+      this.presetData.presetPosCode = "";
+
+      this.monitorShow = true;
+      this.monitorType = "vl";
+      this.titleLightTitle = "预置位配置";
+      bindingMonitorDotList(this.monitorType).then((res) => {
+        this.monitorList = res.data;
+      });
+    },
+
+    // 红外光弹窗展示
+    infraredShow1() {
+      // 重置预置点相关数据
+      this.presetDotNum = "";
+      this.presetName = "";
+      this.presetNumber = "";
+      this.is_set = false;
+      // 重置 presetData 中的预置点名称
+      this.presetData.presetPosName = "";
+      this.presetData.presetPosCode = "";
+
+      this.getUavImg();
+      this.monitorShow = true;
+      this.monitorType = "ir";
+      this.titleLightTitle = "绑定热成像监控点";
+      bindingMonitorDotList(this.monitorType).then((res) => {
+        this.monitorList = res.data;
+      });
+    },
+
+    // 监控点位弹窗获取左侧点位数据
+    handleMonitor(e) {
+      this.presetDotNum = "";
+      this.presetDotDis = true;
+      if (e.eqpbookId) {
+        this.presetDotDis = false;
+        this.equipobj = {
+          eqpbookId: e.eqpbookId,
+          channelCode: e.channelCode,
+          patroldeviceCode: e.patroldeviceCode,
+          channelId: e.channelId,
+        };
+        this.patroldeviceName = e.patroldeviceName;
+        let data = {
+          patroldeviceCode: e.patroldeviceCode,
+          channelId: e.channelId,
+          channelCode: e.channelCode,
+        };
+        this.presetData.patrolpointId = this.currentRow.patrolpointId;
+        this.presetData.stdparolPointId = this.currentRow.stdparolPointId;
+        this.presetData.deviceId = this.currentRow.deviceId;
+        this.presetData.eqpbookId = e.eqpbookId;
+        this.presetData.channelId = e.channelId;
+
+        // 获取该设备的预置点列表并填充 presetArr
+        getDeviceList(e.patroldeviceCode, e.channelCode).then(({ data }) => {
+          this.presetArr = data;
+          // 如果有预置点，默认选中第一个
+          if (data && data.length > 0) {
+            this.presetDotNum = data[0].dictValue;
+            this.presetName = data[0].dictLabel;
+            this.presetNumber = data[0].dictValue;
+            // 将预置点名称赋值给 presetData
+            this.presetData.presetPosName = this.presetName;
+            this.presetData.presetPosCode = this.presetDotNum;
+          } else {
+            this.presetName = "";
+            this.presetNumber = "";
+            this.presetData.presetPosName = "";
+            this.presetData.presetPosCode = "";
+          }
+        });
+
+        this.handleOpenChannel(data);
+      }
+    },
+
+    // 云台控制
+    controlEquip1(a1) {
+      let data = {
+        patroldeviceCode: this.equipobj.patroldeviceCode,
+        channelCode: this.equipobj.channelCode,
+        speed: 5,
+        ptzControlType: a1,
+      };
+      cloudControl(data).then((res) => {});
+    },
+
+    controlEquip2(a1) {
+      let data = {
+        patroldeviceCode: this.equipobj.patroldeviceCode,
+        channelCode: this.equipobj.channelCode,
+        speed: 5,
+        ptzControlType: a1,
+      };
+      focalAperture(data).then((res) => {});
+    },
+
+    // 选择预置点 0——255
+    presetDotChange1(e) {
+      this.cssClass = false;
+      this.presetData.presetPosCode = e;
+      var obj = this.presetArr.find((item) => {
+        return item.dictValue == e;
+      });
+      if (obj) {
+        this.presetName = obj.dictLabel;
+        this.presetNumber = obj.dictValue;
+        // 选择预置点时更新 presetData 中的预置点名称
+        this.presetData.presetPosName = this.presetName;
+        if (obj.cssClass == 1) {
+          this.cssClass = true;
+        }
+      } else {
+        this.presetName = "";
+        this.presetNumber = "";
+        this.presetData.presetPosName = "";
+      }
+    },
+
+    // 转换预置点
+    convertPresetDot1() {
+      convertPresetDot({
+        patroldeviceCode: this.equipobj.patroldeviceCode,
+        channelCode: this.equipobj.channelCode,
+        presetCode: this.presetDotNum,
+        name: this.presetDotNum,
+      }).then((res) => {
+        this.is_convert = true;
+        this.$modal.msgSuccess("转到预置点成功!");
+      });
+    },
+
+    // 设置预置点
+    setPresetDot1() {
+      if (this.presetDotDis) {
+        this.$modal.msgWarning("请选择通道!");
+        return;
+      }
+      if (this.newpresetName.trim().length === 0) {
+        this.$modal.msgWarning("请先输入预置点名称!");
+        return;
+      }
+      var obj = this.presetArr.find((item) => {
+        return item.dictLabel == this.newpresetName.trim();
+      });
+      if (obj) {
+        this.$modal.msgWarning("预置点名称重复!");
+        return;
+      }
+      presetDotDistribute({
+        patroldeviceCode: this.equipobj.patroldeviceCode,
+        channelCode: this.equipobj.channelCode,
+        presetCode: this.presetDotNum,
+        name: this.newpresetName,
+      }).then((res) => {
+        this.is_set = true;
+        this.$modal.msgSuccess("设置预置点成功!");
+        this.popovervisible = false;
+        // 重新获取预置点列表，并更新当前选中的预置点信息
+        getDeviceList(this.equipobj.patroldeviceCode, this.equipobj.channelCode).then(({ data }) => {
+          this.presetArr = data;
+          // 找到新添加的预置点并选中
+          const newPreset = data.find(item => item.dictLabel === this.newpresetName.trim());
+          if (newPreset) {
+            this.presetDotNum = newPreset.dictValue;
+            this.presetName = newPreset.dictLabel;
+            this.presetNumber = newPreset.dictValue;
+            // 更新 presetData 中的预置点名称
+            this.presetData.presetPosName = this.presetName;
+            this.presetData.presetPosCode = this.presetDotNum;
+          }
+          this.newpresetName = "";
+        });
+      });
+    },
+
+    //删除预置点
+    delPresetDot1() {
+      if (this.presetDotNum) {
+        this.$confirm("此操作将永久删除该预置点, 是否继续?", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+          .then(() => {
+            this.$message({
+              type: "success",
+              message: "删除成功!",
+            });
+            this.popovervisible = false;
+            this.getDeviceList();
+          })
+          .catch(() => {});
+      } else {
+        this.$modal.msgWarning("请选择预置点!");
+      }
+    },
+
+    //编辑预置点
+    editPresetDot1() {
+      if (this.presetName.trim().length === 0) {
+        this.$modal.msgWarning("请先输入预置点名称!");
+        return;
+      }
+      var obj = this.presetArr.find((item) => {
+        return item.dictLabel == this.presetName.trim();
+      });
+      if (obj && obj.dictValue != this.presetDotNum) {
+        this.$modal.msgWarning("预置点名称重复!");
+        return;
+      }
+      issueUpdate({
+        patrolDeviceCode: this.equipobj.patroldeviceCode,
+        channelCode: this.equipobj.channelCode,
+        presetCode: this.presetDotNum,
+        name: this.presetName,
+      }).then((res) => {
+        this.is_set = true;
+        // 编辑后更新 presetData 中的预置点名称
+        this.presetData.presetPosName = this.presetName;
+        getDeviceList(this.equipobj.patroldeviceCode, this.equipobj.channelCode).then(({ data }) => {
+          this.presetArr = data;
+        });
+        this.$modal.msgSuccess("设置预置点成功!");
+      });
+    },
+
+    //上一步
+    prevStep() {
+      this.monitorShow = true;
+      this.monitorSecShow = false;
+    },
+
+    // 下一步弹窗显示
+    nextStep1() {
+      this.monitorShow = false;
+      this.monitorSecShow = true;
+      this.drawShapIndex = 0;
+      this.presetData.presetPosName = this.presetName;
+      this.handleOpenChannel(this.equipobj, true);
+    },
+
+    // 选择绘制方式
+    chooseDrawShape1(a1, a2) {
+      this.drawShapIndex = a1;
+      this.startDraw(0, a2);
+    },
+
+    // 追加点位数据
+    addDot1(shape) {
+      this.testobj = lodash.cloneDeep(this.testobjBackup);
+      this.testobj.measureAreaType = shape.type;
+      this.testobj.coordinate = shape.getData().data;
+      this.presetDataShow = true;
+    },
+
+    // 删除点位数据
+    deleteDot1(index) {
+      this.presetData.presetParamList.splice(index, 1);
+    },
+
+    // 保存点位数据
+    saveDot1() {
+      // 确保 presetPosName 有值
+      if (!this.presetData.presetPosName) {
+        this.presetData.presetPosName = this.presetName || this.presetData.presetPosName || '';
+      }
+
+      // 如果是热成像模式，确保预置点名称正确传递
+      if (this.monitorType === 'ir' && !this.presetData.presetPosName) {
+        // 从 presetArr 中查找当前选中的预置点
+        const selectedPreset = this.presetArr.find(
+          item => item.dictValue === this.presetDotNum
+        );
+        if (selectedPreset) {
+          this.presetData.presetPosName = selectedPreset.dictLabel;
+        }
+      }
+
+      // 调试日志 - 测试完成后可以删除
+      console.log('保存预置点数据:', {
+        monitorType: this.monitorType,
+        presetPosName: this.presetData.presetPosName,
+        presetDotNum: this.presetDotNum,
+        presetName: this.presetName,
+      });
+
+      this.loadingBind = true;
+      bindingPreset(Object.assign({}, this.presetData))
+        .then((res) => {
+          this.presetData = {
+            presetPosCode: "",
+            channelId: "",
+            eqpbookId: "",
+            patrolpointId: "",
+            stdparolPointId: "",
+            deviceId: "",
+            presetPosName: "",
+            stopTime: "",
+            channelImg: "",
+            description: "",
+            presetActionList: [],
+            presetParamList: [],
+          };
+          this.testobj = lodash.cloneDeep(this.testobjBackup);
+          this.loadingBind = false;
+          this.currentRow.patrolpointId = res.data;
+          this.monitorSecShow = false;
+          this.monitorShow = false;
+          this.$message.success("绑定成功");
+          this.loadDevicePoints();
+        })
+        .catch(() => {
+          this.loadingBind = false;
+        });
+    },
+
+    // 下一步弹窗确定
+    aletrSecConfirm1() {
+      const me = this;
+      this.$refs.formTemptrue.validate((valid) => {
+        if (valid) {
+          me.presetData.presetParamList.push(lodash.cloneDeep(me.testobj));
+          me.presetDataShow = false;
+        }
+      });
+    },
+
+    // 下一步弹窗取消
+    aletrSecCancel1() {
+      this.measureName = "";
+      this.measureDistance = "";
+      this.radioRate = "";
+      this.warnMaxTemp = "";
+      this.warnMinTemp = "";
+      this.warnAverageTemp = "";
+      this.warnDifferenceTemp = "";
+      this.alarmMaxTemp = "";
+      this.alarmMinTemp = "";
+      this.alarmAverageTemp = "";
+      this.alarmDifferenceTemp = "";
+      this.presetDataShow = false;
+    },
+
+    // 绘板框和录像
+    startDraw(index, type) {
+      const drawRefs = linq
+        .from(this.$refs.playerPlayform2.$children)
+        .where((x) => x.$vnode.componentOptions.tag === "DrawShape")
+        .toArray();
+      const drawRef = drawRefs[index];
+      drawRef.show();
+      this.$nextTick(() => {
+        drawRef.init();
+        drawRef.startDraw(type || ShapeEnum.rect);
+      });
+    },
+
+    handleDrawComplete(scope, shape) {
+      setTimeout(() => {
+        this.addDot1(shape);
+      }, 100);
+    },
+
+    handleChangeIndex(e) {
+      this.currentPlayer = e.player;
+    },
+
+    getDeviceList() {
+      getDeviceList(this.patroldeviceCode, this.channelCode).then(
+        ({ data }) => {
+          this.presetArr = data;
+        }
+      );
+    },
+
+    handleOpenChannel(row, next) {
+      this.patroldeviceCode = row.patroldeviceCode;
+      this.channelCode = row.channelCode;
+      this.presetName = "";
+      this.presetNumber = "";
+      this.getDeviceList();
+      this.$nextTick(() => {
+        this.$refs[next ? "playerPlayform2" : "playerPlayform"]
+          .openChannel({
+            deviceId: 1,
+            deviceCode: row.patroldeviceCode,
+            channelId: row.channelId,
+            channelCode: row.channelCode,
+            playerType: "zl",
+          })
+          .then(() => {});
+      });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+/* 原有样式保持不变 - 树结构相关样式 */
+.vue-treeselect__menu-container .vue-treeselect__menu {
+  background: #274a58;
+}
+
+.vue-treeselect__option--highlight {
+  background: #222f3d;
+}
+
+.el-select-dropdown {
+  background-color: #274a58;
+}
+
+.el-picker-panel,
+.el-select-dropdown,
+.el-select .el-input__inner:focus,
+.el-select .el-input.is-focus .el-input__inner {
+  border-color: #40486a;
+}
+
+.el-input__inner,
+.el-textarea__inner,
+.el-range-input {
+  border-color: #40486a;
+}
+
+.el-input.is-disabled .el-input__inner {
+  background-color: transparent;
+}
+
+.el-input-number--medium .el-input-number__increase,
+.el-input-number--medium .el-input-number__decrease {
+  background-color: transparent;
+}
+
+.el-popover {
+  background-color: #222f3d;
+  border-color: #222f3dff;
+}
+
+/* 表格样式优化 */
+.custom-table {
+  width: 100%;
+  border-radius: 4px;
+  overflow: hidden;
+  margin-top: 10px;
+  background: transparent !important;
+}
+
+/* 表格拖拽相关样式 */
+.resizable-table .el-table__header th {
+  position: relative;
+  user-select: none;
+}
+
+.resizable-table .column-resizer {
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 16px;
+  height: 100%;
+  cursor: col-resize;
+  z-index: 100;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.resizable-table .column-resizer-line {
+  width: 3px;
+  height: 60%;
+  background-color: #1890ff;
+  opacity: 0;
+  transition: opacity 0.2s;
+  border-radius: 2px;
+  pointer-events: none;
+}
+
+.resizable-table .column-resizer:hover .column-resizer-line {
+  opacity: 0.8;
+}
+
+.resizable-table .column-resizer:active .column-resizer-line {
+  opacity: 1;
+  background-color: #40a9ff;
+}
+
+/* 拖拽时的全局遮罩 */
+#resize-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 9999;
+  cursor: col-resize;
+  background-color: transparent;
+}
+
+/* 表格列拖拽时的样式 */
+.resizable-table .el-table__header th.dragging {
+  background-color: #1e3a4a !important;
+}
+
+.resizable-table .el-table__header th.dragging::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 2px;
+  height: 100%;
+  background-color: #1890ff;
+  opacity: 0.8;
+}
+
+/* 表格内输入框样式 */
+.table-input .el-input__inner {
+  background-color: #1e3a4a;
+  border-color: #2a4a5a;
+  color: #ffffff;
+  height: 32px;
+  line-height: 32px;
+  width: 100%;
+  min-width: 80px;
+}
+
+.table-input .el-input__inner:focus {
+  border-color: #1890ff;
+}
+
+/* 表格内选择框样式 */
+.table-select {
+  width: 100%;
+  min-width: 80px;
+}
+
+.table-select .el-input__inner {
+  background-color: #1e3a4a;
+  border-color: #2a4a5a;
+  color: #ffffff;
+  height: 32px;
+  line-height: 32px;
+  width: 100%;
+}
+
+.table-select .el-input__inner:focus {
+  border-color: #1890ff;
+}
+
+.table-select .el-input__suffix {
+  color: #ffffff;
+}
+
+/* 左侧树区域样式 - 修改为独立布局 */
+.sec-left {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+/* 左侧面板容器 - 独立宽度控制 */
+.resize-container {
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+  transition: width 0.1s ease;
+  flex-shrink: 0;
+}
+
+/* 左侧内容区域 */
+.sec-line {
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+  box-sizing: border-box;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  padding-right: 14px;
+}
+
+.sec-a2 {
+  flex: 1;
+  min-height: 0;
+  position: relative;
+  box-sizing: border-box;
+  padding-right: 10px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+    display: none;
+  }
+
+  ::v-deep .el-tree {
+    width: 100%;
+    min-width: 0;
+    background-color: transparent;
+    color: #e0e0e0;
+  }
+
+  ::v-deep .el-tree-node__content {
+    background-color: transparent;
+    color: #e0e0e0;
+
+    &:hover {
+      background-color: #1e3a4a;
+    }
+  }
+
+  ::v-deep .el-tree-node.is-current > .el-tree-node__content {
+    background-color: #274a58;
+  }
+
+  ::v-deep .custom-tree-node {
+    min-width: 100%;
+    width: max-content;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    padding-right: 8px;
+  }
+
+  ::v-deep .child-count {
+    color: #909399;
+    font-size: 12px;
+    flex-shrink: 0;
+    margin-left: 4px;
+    white-space: nowrap;
+  }
+}
+
+/* 搜索框样式 */
+.search {
+  width: 100%;
+  position: relative;
+  margin-bottom: 10px;
+
+  .el-input__inner {
+    background-color: #1e3a4a;
+    border-color: #2a4a5a;
+    color: #ffffff;
+    height: 36px;
+    padding-right: 45px;
+  }
+
+  .button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    height: 36px;
+    width: 40px;
+    padding: 0;
+    border-radius: 0 4px 4px 0;
+    background-color: #1890ff;
+    border-color: #1890ff;
+
+    &:hover {
+      background-color: #40a9ff;
+    }
+  }
+}
+
+/* 拖拽分隔条 */
+.resize-handle {
+  position: absolute;
+  top: 46px;
+  right: 0;
+  width: 8px;
+  bottom: 10px;
+  height: auto;
+  background-color: #102b50;
+  border-right: 1px solid #3988ff;
+  border-left: 1px solid rgba(57, 136, 255, 0.45);
+  cursor: col-resize;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.2s;
+  flex-shrink: 0;
+  z-index: 10;
+
+  &:hover {
+    background-color: #2a3a4a;
+
+    .handle-line {
+      background-color: #1890ff;
+    }
+
+    .handle-dots span {
+      background-color: #1890ff;
+    }
+  }
+
+  &.resizing {
+    background-color: #2a3a4a;
+
+    .handle-line {
+      background-color: #40a9ff;
+      width: 4px;
+    }
+
+    .handle-dots span {
+      background-color: #40a9ff;
+    }
+  }
+
+  /* 垂直指示线 */
+  .handle-line {
+    width: 2px;
+    height: 60px;
+    background-color: #3a4a5a;
+    border-radius: 2px;
+    transition: all 0.2s;
+    margin-bottom: 8px;
+  }
+
+  /* 三点指示器 */
+  .handle-dots {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    span {
+      width: 4px;
+      height: 4px;
+      background-color: #3a4a5a;
+      border-radius: 50%;
+      transition: background-color 0.2s;
+    }
+  }
+}
+
+/* 中间内容区域 - 保持独立布局 */
+.wid {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+  height: 100%;
+  z-index: 1;
+  box-sizing: border-box;
+}
+
+.form {
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  padding: 0 10px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.line {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  flex-shrink: 0;
+  min-height: 34px;
+}
+
+/* 右侧面板样式 - 完全独立不受影响 */
+.right {
+  width: 27%;
+  border: 2px solid #0b374e;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  z-index: 20;
+
+  .collect {
+    position: absolute;
+    top: 40%;
+    left: 0px;
+    cursor: pointer;
+    z-index: 1;
+    transform: translateX(-100%);
+  }
+}
+
+/* 添加重置按钮样式 */
+.reset-width-btn {
+  position: absolute;
+  bottom: 10px;
+  right: 10px;
+  width: 24px;
+  height: 24px;
+  background-color: #1e3a4a;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: #ffffff;
+  z-index: 10;
+  transition: all 0.2s;
+
+  &:hover {
+    background-color: #1890ff;
+    transform: rotate(180deg);
+  }
+
+  i {
+    font-size: 14px;
+  }
+}
+
+/* 确保表格在宽度变化时能正确调整 */
+.el-table {
+  width: 100% !important;
+  background: transparent !important;
+
+  ::v-deep .el-table__body-wrapper {
+    overflow-x: auto;
+    background: transparent !important;
+  }
+
+  ::v-deep .el-table__header-wrapper {
+    overflow-x: hidden;
+  }
+}
+
+/* 响应式处理 */
+@media screen and (max-width: 1200px) {
+  .resize-container {
+    max-width: 400px !important;
+  }
+
+  .right {
+    width: 35%;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .resize-container {
+    max-width: 300px !important;
+  }
+
+  .right {
+    width: 45%;
+  }
+}
+
+/* 右侧面板样式 */
+.eq {
+  padding-top: 30px;
+  padding-left: 10px;
+  box-sizing: border-box;
+  background-color: #222f3d;
+  color: #e0e0e0;
+  height: 100%;
+}
+
+.eq-img {
+  display: block;
+  margin: 0 auto;
+  width: 110px;
+}
+
+.eq-a1 {
+  text-align: center;
+  padding-top: 30px;
+}
+
+.eq-a1 .eq-a1-d1 {
+  font-size: 16px;
+  margin-bottom: 10px;
+  color: #ffffff;
+}
+
+.eq-a2 {
+  text-align: center;
+  margin-bottom: 10px;
+
+  .el-button {
+    display: inline-block;
+    background-color: #1e3a4a;
+    border-color: #2a4a5a;
+    color: #e0e0e0;
+
+    &:hover {
+      background-color: #2a4a5a;
+      border-color: #3a5a6a;
+      color: #ffffff;
+    }
+
+    &:disabled {
+      background-color: #1a2a3a;
+      border-color: #2a3a4a;
+      color: #808080;
+    }
+  }
+}
+
+/* 右侧表格样式 */
+.right-table {
+  width: 100%;
+  border-radius: 4px;
+  overflow: hidden;
+
+  ::v-deep .el-table__header th {
+    background-color: #1a2a3a !important;
+    color: #ffffff !important;
+    border-bottom: 2px solid #0b374e !important;
+    font-weight: bold;
+  }
+
+  ::v-deep .el-table__row td {
+    background-color: #0a1a2a !important;
+    color: #e0e0e0 !important;
+    border-bottom: 1px solid #1e3a4a !important;
+  }
+
+  ::v-deep .el-table__row:hover td {
+    background-color: #1a2a3a !important;
+  }
+
+  ::v-deep .el-button--text {
+    color: #1890ff;
+
+    &:hover {
+      color: #40a9ff;
+    }
+
+    &:disabled {
+      color: #808080;
+    }
+  }
+
+  ::v-deep .el-loading-mask {
+    background: rgba(34, 47, 61, 0.92) !important;
+  }
+
+  ::v-deep .el-loading-spinner .circular {
+    stroke: #3988ff !important;
+  }
+
+  ::v-deep .el-loading-spinner .el-loading-text {
+    color: #43c0ff !important;
+  }
+}
+
+/* 右侧选项卡样式 */
+.right-tabs {
+  ::v-deep .el-tabs__item {
+    color: #e0e0e0;
+
+    &:hover {
+      color: #1890ff;
+    }
+
+    &.is-active {
+      color: #1890ff;
+    }
+  }
+
+  ::v-deep .el-tabs__active-bar {
+    background-color: #1890ff;
+  }
+
+  ::v-deep .el-tabs__nav-wrap::after {
+    background-color: #1e3a4a;
+  }
+}
+
+/* 弹窗样式 */
+.el-dialog__body {
+  height: 500px;
+}
+
+.el-dialog__body .video-box-warp {
+  height: 390px;
+}
+
+.alert1_img1 {
+  width: 24px;
+  height: 24px;
+  position: relative;
+  top: 6px;
+  cursor: pointer;
+}
+
+.input_slot_a1 {
+  line-height: 36px;
+  color: #999;
+  margin-right: 10px;
+}
+
+.card-page .el-table td {
+  text-align: center !important;
+}
+
+.card-page ::v-deep .el-table,
+.card-page ::v-deep .card-table {
+  width: 100% !important;
+  background: transparent !important;
+  color: #000000;
+  border-color: transparent !important;
+}
+
+.card-page ::v-deep .custom-table.el-table::before,
+.card-page ::v-deep .custom-table.el-table::after,
+.card-page ::v-deep .custom-table.el-table--border::after,
+.card-page ::v-deep .custom-table.el-table--group::after {
+  background-color: transparent !important;
+}
+
+.card-page ::v-deep .el-table__header-wrapper,
+.card-page ::v-deep .el-table__fixed-header-wrapper {
+  background: #dbe7fb !important;
+}
+
+.card-page ::v-deep .el-table__body-wrapper,
+.card-page ::v-deep .el-table__fixed,
+.card-page ::v-deep .el-table__fixed-right {
+  background: transparent !important;
+}
+
+.card-page ::v-deep .el-table th.el-table__cell {
+  background: #06347f !important;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+  color: #ffffff !important;
+}
+
+.card-page ::v-deep .el-table th.el-table__cell .cell {
+  color: #ffffff !important;
+}
+
+.card-page ::v-deep .el-table td.el-table__cell {
+  background: transparent !important;
+  border-bottom: 1px solid #c7d7f4 !important;
+  border-right-color: #c7d7f4 !important;
+  color: #000000 !important;
+}
+
+.card-page ::v-deep .el-table td.el-table__cell .cell {
+  color: #000000 !important;
+  font-weight: 500;
+}
+
+.card-page ::v-deep .el-table__row {
+  background: #e4edfc !important;
+}
+
+.card-page ::v-deep .el-table__body tbody tr:nth-child(odd) td.el-table__cell {
+  background: #e4edfc !important;
+}
+
+.card-page ::v-deep .el-table__body tbody tr:nth-child(even) td.el-table__cell {
+  background: #d7e4f8 !important;
+}
+
+.card-page ::v-deep .el-table__row--striped td.el-table__cell {
+  background: #d7e4f8 !important;
+}
+
+.card-page ::v-deep .custom-table.el-table,
+.card-page ::v-deep .custom-table .el-table__body-wrapper,
+.card-page ::v-deep .custom-table .el-table__fixed-body-wrapper,
+.card-page ::v-deep .custom-table .el-table__body,
+.card-page ::v-deep .custom-table .el-table__body tbody,
+.card-page ::v-deep .custom-table .el-table__empty-block,
+.card-page ::v-deep .custom-table .el-table__append-wrapper {
+  background: transparent !important;
+  background-color: transparent !important;
+  min-height: 0 !important;
+}
+
+.card-page ::v-deep .custom-table > .el-loading-mask {
+  background: rgba(34, 47, 61, 0.92) !important;
+  background-color: rgba(34, 47, 61, 0.92) !important;
+}
+
+.card-page ::v-deep .custom-table > .el-loading-mask .circular {
+  stroke: #3988ff !important;
+}
+
+.card-page ::v-deep .el-table__empty-text {
+  color: #5f7394 !important;
+}
+
+::v-deep .monitor-config-dialog {
+  height: 88vh;
+  max-height: 88vh;
+  margin-bottom: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+::v-deep .monitor-config-dialog .el-dialog__body {
+  height: calc(88vh - 135px) !important;
+  flex: 1 1 auto;
+  overflow: auto;
+  padding: 24px;
+  box-sizing: border-box;
+}
+
+::v-deep .monitor-config-dialog,
+::v-deep .monitor-config-dialog * {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+::v-deep .monitor-config-dialog::-webkit-scrollbar,
+::v-deep .monitor-config-dialog *::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+::v-deep .monitor-config-dialog .horizontal-tabs-container {
+  min-height: 650px;
+}
+
+::v-deep .monitor-config-dialog .el-dialog__footer {
+  flex-shrink: 0;
+}
+
+::v-deep .monitor-config-dialog .el-button {
+  border: 1px solid #3988ff !important;
+  background: rgba(3, 81, 198, 0.78) !important;
+  color: #43c0ff !important;
+}
+
+::v-deep .monitor-config-dialog .el-button:hover,
+::v-deep .monitor-config-dialog .el-button:focus {
+  border-color: #43c0ff !important;
+  background: rgba(57, 136, 255, 0.86) !important;
+  color: #ffffff !important;
+}
+
+::v-deep .monitor-config-dialog .el-button--text {
+  border-color: transparent !important;
+  background: transparent !important;
+  color: #43c0ff !important;
+}
+
+::v-deep .monitor-config-dialog .el-button--text:hover,
+::v-deep .monitor-config-dialog .el-button--text:focus {
+  background: rgba(57, 136, 255, 0.14) !important;
+  color: #43c0ff !important;
+}
+
+::v-deep .monitor-config-dialog .el-button.is-disabled,
+::v-deep .monitor-config-dialog .el-button.is-disabled:hover,
+::v-deep .monitor-config-dialog .el-button.is-disabled:focus {
+  border-color: rgba(57, 136, 255, 0.35) !important;
+  background: rgba(3, 81, 198, 0.28) !important;
+  color: rgba(67, 192, 255, 0.45) !important;
+}
+
+::v-deep .monitor-config-popover,
+::v-deep .monitor-config-popover * {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+::v-deep .monitor-config-popover::-webkit-scrollbar,
+::v-deep .monitor-config-popover *::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+::v-deep .monitor-config-popover .el-button {
+  border: 1px solid #3988ff !important;
+  background: rgba(3, 81, 198, 0.78) !important;
+  color: #43c0ff !important;
+}
+
+::v-deep .monitor-config-popover .el-button:hover,
+::v-deep .monitor-config-popover .el-button:focus {
+  border-color: #43c0ff !important;
+  background: rgba(57, 136, 255, 0.86) !important;
+  color: #ffffff !important;
+}
+
+.card-page ::v-deep .el-table__body tr:hover > td.el-table__cell {
+  background: #c5d9f6 !important;
+}
+
+.card-page ::v-deep .el-table__body tr.current-row > td.el-table__cell {
+  background-color: #c5d9f6 !important;
+  color: #000000 !important;
+}
+
+.card-page ::v-deep .el-table__body tr.current-row > td.el-table__cell .el-button.is-disabled {
+  color: #808080;
+}
+
+.task-toolbar-btn,
+.card-page ::v-deep .el-table .task-row-btn {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+}
+
+.task-toolbar-btn:hover,
+.task-toolbar-btn:focus,
+.card-page ::v-deep .el-table .task-row-btn:hover,
+.card-page ::v-deep .el-table .task-row-btn:focus {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+  opacity: 0.9;
+}
+
+.task-toolbar-btn.is-disabled,
+.task-toolbar-btn.is-disabled:hover,
+.task-toolbar-btn.is-disabled:focus {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+  opacity: 0.45;
+}
+
+::v-deep .vue-treeselect__control {
+  background: #274a58;
+}
+
+::v-deep .vue-treeselect__multi-value-item {
+  background: #274a58;
+}
+
+::v-deep .vue-treeselect__menu-container .vue-treeselect__menu {
+  background: #274a58;
+}
+
+.xg_image_viewer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 50px;
+  height: 50px;
+}
+
+.input_group_position {
+  display: flex;
+  width: 100%;
+
+  .input_group_item {
+    flex: 1;
+    text-align: center;
+  }
+}
+
+.page-content {
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
+}
+
+::v-deep .el-table__fixed::before {
+  height: 0;
+}
+
+::v-deep .el-table__fixed-right::before {
+  height: 0;
+}
+
+::v-deep .el-tabs__item {
+  color: #ffffff;
+}
+
+::v-deep .el-tabs__item.is-active {
+  color: #1890ff;
+}
+
+::v-deep .el-input__count {
+  background: none;
+}
+
+.centered-input ::v-deep.el-input__inner {
+  text-align: center;
+}
+
+// 修改添加监控点位行的间隔
+.el-form-item {
+  margin-bottom: 40px;
+}
+
+/* 云台控制样式 */
+.r-ti1 {
+  line-height: 30px;
+  padding: 0 20px;
+  color: #ffffff;
+}
+
+.r-box {
+  // padding: 10px 5px;
+  // padding-bottom: 32px;
+  height: calc(100% - 30px); /* 让r-box占满剩余高度 */
+  // overflow-y: auto; /* 内容过多时滚动 */
+}
+
+.r-ti2 {
+  width: 170px;
+  position: relative;
+  margin: 0 auto;
+}
+
+.r-ti2 img {
+  width: 100%;
+}
+
+.r-ti2-pos {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.r-ti2-pos div {
+  width: 20px;
+  height: 15px;
+  position: absolute;
+  cursor: pointer;
+  z-index: 2;
+}
+
+.r-ti2-pos div:nth-child(1) {
+  top: 45px;
+  left: 75px;
+}
+
+.r-ti2-pos div:nth-child(2) {
+  top: 57px;
+  left: 99px;
+}
+
+.r-ti2-pos div:nth-child(3) {
+  top: 79px;
+  right: 42px;
+}
+
+.r-ti2-pos div:nth-child(4) {
+  bottom: 59px;
+  left: 99px;
+}
+
+.r-ti2-pos div:nth-child(5) {
+  bottom: 47px;
+  left: 75px;
+}
+
+.r-ti2-pos div:nth-child(6) {
+  bottom: 59px;
+  right: 99px;
+}
+
+.r-ti2-pos div:nth-child(7) {
+  bottom: 80px;
+  left: 42px;
+}
+
+.r-ti2-pos div:nth-child(8) {
+  top: 57px;
+  right: 99px;
+}
+.r-ti2-pos div:nth-child(9) {
+  width: 28px;
+  height: 28px;
+  top: 71px;
+  right: 72px;
+}
+
+.r-ti3 {
+  width: 100%;
+  display: flex;
+  padding-top: 20px;
+  justify-content: space-between;
+}
+
+.r-ti3 .r-ti3-d1 {
+  width: 34;
+  position: relative;
+}
+
+.r-ti3 .r-ti3-d1 img {
+  width: 100%;
+}
+
+.r-ti3-d2 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 97%;
+  height: 83%;
+}
+
+.r-ti3-d2 div:nth-child(1) {
+  width: 50%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+}
+
+.r-ti3-d2 div:nth-child(2) {
+  width: 50%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  right: 0;
+  cursor: pointer;
+}
+
+.r-ti4 {
+  padding-top: 5px;
+}
+
+.r-ti4 .el-select {
+  width: 82%;
+  margin-bottom: 10px;
+}
+
+.r-ti4 span {
+  font-size: 22px;
+  margin-left: 3px;
+  color: #999;
+  cursor: pointer;
+}
+
+.right .add-bth1 {
+  margin-top: 20px;
+}
+
+.fr .add-bth1 {
+  margin-top: 20px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.fl {
+  width: 68%;
+}
+
+.fr {
+  width: 30%;
+  margin-left: 2%;
+}
+
+.fr-ti1 {
+  color: #e0e0e0;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.fr-ti2 {
+  color: #999;
+  font-size: 14px;
+  margin-bottom: 12px;
+}
+
+.fss {
+  font-size: 16px;
+  cursor: pointer;
+  margin-right: 10px;
+  color: #e0e0e0;
+
+  &:hover {
+    color: #ff6b6b;
+  }
+}
+
+.position {
+  width: 100%;
+}
+
+.position .position-a1 {
+  width: 30%;
+  margin-right: 10px;
+}
+
+.position .position-a1:last-child {
+  margin-right: 0;
+}
+
+.position-ti1 {
+  margin-bottom: 10px;
+}
+
+.position-a1 {
+  font-size: 16px;
+  color: #e0e0e0;
+}
+
+.position-a1 div {
+  margin-bottom: 10px;
+}
+
+.position-a1 div span {
+  color: #fa3239;
+}
+
+.el-form-item__label {
+  white-space: nowrap;
+}
+
+.toollist1-a1 {
+  width: 100%;
+  height: 40px;
+  background: rgb(68, 68, 68);
+  overflow: hidden;
+}
+
+.toollist1-a1 > div {
+  width: 60px;
+  height: 40px;
+  float: right;
+  position: relative;
+  cursor: pointer;
+
+  &:hover {
+    background-color: black;
+  }
+}
+
+.toollist1-a1 img {
+  max-width: 16px;
+  max-height: 16px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: auto;
+}
+
+/* 新增筛选相关样式 - 保持原有位置 */
+.search-group {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+}
+
+.algorithm-filter,
+.device-type-filter {
+  width: 200px;
+
+  ::v-deep .el-input__inner {
+    background-color: #1e3a4a;
+    border-color: #2a4a5a;
+    color: #ffffff;
+    height: 32px;
+    line-height: 32px;
+  }
+
+  ::v-deep .el-input__suffix {
+    color: #ffffff;
+  }
+
+  ::v-deep .el-select-dropdown__item {
+    color: #ffffff;
+
+    &.selected {
+      color: #1890ff;
+    }
+
+    &:hover {
+      background-color: #1e3a4a;
+    }
+  }
+}
+
+.filter-stats {
+  color: #1890ff;
+  font-size: 12px;
+  margin-bottom: 10px;
+  padding-left: 5px;
+
+  .el-button--text {
+    color: #1890ff;
+    font-size: 12px;
+    margin-left: 10px;
+
+    &:hover {
+      color: #40a9ff;
+    }
+  }
+}
+.left-buttons {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.right-filters {
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  flex-shrink: 0;
+}
+</style>
diff --git a/src/views/cards/taskSummary/inspectionTask.vue b/src/views/cards/taskSummary/inspectionTask.vue
index 111f46e..9bde97a 100644
--- a/src/views/cards/taskSummary/inspectionTask.vue
+++ b/src/views/cards/taskSummary/inspectionTask.vue
@@ -1120,11 +1120,16 @@ export default {
 }
 
 .card-page ::v-deep .el-table__header-wrapper,
-.card-page ::v-deep .el-table__fixed-header-wrapper,
+.card-page ::v-deep .el-table__fixed-header-wrapper {
+  background: #dbe7fb !important;
+}
+
 .card-page ::v-deep .el-table__body-wrapper,
 .card-page ::v-deep .el-table__fixed,
-.card-page ::v-deep .el-table__fixed-right {
-  background: #dbe7fb !important;
+.card-page ::v-deep .el-table__fixed-right,
+.card-page ::v-deep .el-table__empty-block {
+  background: transparent !important;
+  background-color: transparent !important;
 }
 
 .card-page ::v-deep .el-table th.el-table__cell {