From 815f8d3cde35ea12c50e68b07f98212394897ab1 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Tue, 25 Aug 2026 10:25:40 +0800
Subject: [PATCH 1/7] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/error/401.vue                       |   82 -
 src/views/error/404.vue                       |  227 --
 .../flow/components/ActionQueueSingleRun.vue  |  281 --
 src/views/flow/components/Aside.vue           |  251 --
 .../flow/components/FormItemRecursive.vue     |  242 --
 .../flow/components/LoopIterationResults.vue  |  217 --
 src/views/flow/components/NodeState.vue       |  202 --
 src/views/flow/components/NodeTitle.vue       |  338 --
 src/views/flow/components/OuterNode.vue       |   50 -
 src/views/flow/components/ParamsDrawer.vue    |  161 -
 .../components/RuntimeAssignmentsEditor.vue   |  411 ---
 .../flow/components/RuntimeParamsEditor.vue   |  122 -
 .../components/SubFlowExecutionResults.vue    |  173 -
 .../flow/components/TaskExecutionLog.vue      |  889 -----
 src/views/flow/components/TestRun.vue         |  319 --
 .../components/params/ActionQueueParams.vue   |  585 ----
 .../components/params/BasicNodeParams.vue     |  598 ----
 .../flow/components/params/CodeNodeParams.vue |  501 ---
 .../components/params/DeviceUniversal.vue     |  521 ---
 .../flow/components/params/EndParams.vue      |  158 -
 .../flow/components/params/HttpNodeParams.vue |  704 ----
 .../components/params/ImageAnalysisParams.vue |  431 ---
 .../components/params/MediaAnalysisParams.vue |  567 ----
 .../components/params/RecognizeNodeParams.vue |  387 ---
 .../params/RobotExecutionTarget.vue           |  120 -
 .../components/params/SdAgentNodeParams.vue   |  390 ---
 .../flow/components/params/StartParams.vue    |  233 --
 .../flow/components/params/SubFlowParams.vue  |  291 --
 .../components/params/SwitchNodeParams.vue    |  413 ---
 src/views/flow/components/params/useQuote.js  |   43 -
 src/views/flow/composables/useFlowEvents.js   |   27 -
 src/views/flow/config.js                      |  897 -----
 src/views/flow/icon/audio.svg                 |    1 -
 src/views/flow/icon/awaken.svg                |    1 -
 src/views/flow/icon/camera.svg                |    1 -
 src/views/flow/icon/dialogue.svg              |    1 -
 src/views/flow/icon/end.svg                   |    1 -
 src/views/flow/icon/expression.svg            |    1 -
 src/views/flow/icon/group.svg                 |    3 -
 src/views/flow/icon/loop.svg                  |    1 -
 src/views/flow/icon/microphone.svg            |    4 -
 src/views/flow/icon/plan.svg                  |    1 -
 src/views/flow/icon/sleep.svg                 |    1 -
 src/views/flow/icon/start.svg                 |    6 -
 src/views/flow/icon/stopLoop.svg              |    1 -
 src/views/flow/icon/switch.svg                |    7 -
 src/views/flow/icon/touch.svg                 |    1 -
 src/views/flow/icon/video.svg                 |    3 -
 src/views/flow/index.vue                      | 2994 -----------------
 src/views/flow/nodes/common/endNode.vue       |   24 -
 .../flow/nodes/common/selectAreaNode.vue      |  128 -
 src/views/flow/nodes/common/serviceNode.vue   |  169 -
 src/views/flow/nodes/common/startNode.vue     |  101 -
 src/views/flow/nodes/function/actionQueue.vue |   25 -
 src/views/flow/nodes/function/codeNode.vue    |  146 -
 src/views/flow/nodes/function/currentLoop.vue |  262 --
 .../flow/nodes/function/deviceUniversal.vue   |  146 -
 src/views/flow/nodes/function/httpNode.vue    |  146 -
 src/views/flow/nodes/function/loop.vue        |  265 --
 src/views/flow/nodes/function/recognize.vue   |  130 -
 src/views/flow/nodes/function/sdAgent.vue     |  130 -
 src/views/flow/nodes/function/sleep.vue       |  129 -
 src/views/flow/nodes/function/stopLoop.vue    |  205 --
 src/views/flow/nodes/function/subEnd.vue      |   19 -
 src/views/flow/nodes/function/subFlow.vue     |   97 -
 src/views/flow/nodes/function/subStart.vue    |   19 -
 src/views/flow/nodes/function/switch.vue      |  319 --
 src/views/flow/vue-flow/FlowEdge.vue          |   95 -
 src/views/flow/vue-flow/FlowNode.vue          |  419 ---
 src/views/flow/vue-flow/adapter.js            |  990 ------
 src/views/inspection/alarm/index.vue          |  452 ---
 src/views/inspection/cockpit/canvasUtils.js   |  620 ----
 .../inspection/cockpit/components/Header.vue  |  161 -
 .../ManualTakeover/DirectionControl.vue       |  325 --
 .../components/ManualTakeover/RoboticArm.vue  |  419 ---
 .../ManualTakeover/VoiceConversation.vue      | 1125 -------
 .../components/ManualTakeover/index.vue       |  622 ----
 .../cockpit/components/MapCanvas.vue          |  527 ---
 .../cockpit/components/MapOverview.vue        |  433 ---
 .../inspection/cockpit/components/Monitor.vue |  209 --
 .../cockpit/components/UrdfView.vue           |  292 --
 src/views/inspection/cockpit/index.vue        |   50 -
 src/views/inspection/point/index.vue          |  419 ---
 src/views/inspection/runTask/index.vue        |  824 -----
 src/views/inspection/runTask/task-log.vue     |  469 ---
 src/views/inspection/runTask/task-steps.vue   |  117 -
 src/views/inspection/task/index.vue           |  404 ---
 src/views/intelligenceTest/car/index.vue      |  304 --
 .../intelligenceTest/mobilePhone/index.vue    |  321 --
 .../intelligenceTest/runningTask/index.vue    |  885 -----
 .../intelligenceTest/runningTask/task-log.vue |  641 ----
 .../runningTask/task-steps.vue                |  117 -
 .../intelligenceTest/taskManage/index.vue     |  376 ---
 src/views/intelligenceTest/testCase/index.vue |  344 --
 src/views/login.vue                           |  239 --
 src/views/monitor/cache/index.vue             |  132 -
 src/views/monitor/cache/list.vue              |  246 --
 src/views/monitor/druid/index.vue             |   13 -
 src/views/monitor/job/detail.vue              |  217 --
 src/views/monitor/job/index.vue               |  435 ---
 src/views/monitor/job/log.vue                 |  251 --
 src/views/monitor/logininfor/index.vue        |  233 --
 src/views/monitor/online/index.vue            |  109 -
 src/views/monitor/operlog/detail.vue          |  152 -
 src/views/monitor/operlog/index.vue           |  262 --
 src/views/monitor/server/index.vue            |  187 -
 src/views/redirect/index.vue                  |   14 -
 src/views/register.vue                        |  219 --
 src/views/resource/device/index.vue           |  104 -
 src/views/resource/map/index.vue              |  189 --
 src/views/resource/robot/index.vue            |  339 --
 src/views/resource/terminal/index.vue         |   75 -
 src/views/system/config/index.vue             |  316 --
 src/views/system/dept/index.vue               |  334 --
 src/views/system/dict/data.vue                |  362 --
 src/views/system/dict/detail.vue              |  202 --
 src/views/system/dict/index.vue               |  346 --
 src/views/system/file/index.vue               |  350 --
 src/views/system/group/index.vue              |  289 --
 src/views/system/menu/index.vue               |  508 ---
 src/views/system/notice/ReadUsers.vue         |  118 -
 src/views/system/notice/index.vue             |  306 --
 src/views/system/post/index.vue               |  287 --
 src/views/system/role/authUser.vue            |  179 -
 src/views/system/role/index.vue               |  584 ----
 src/views/system/role/selectUser.vue          |  144 -
 src/views/system/user/authRole.vue            |  123 -
 src/views/system/user/index.vue               |  459 ---
 src/views/system/user/profile/index.vue       |   94 -
 src/views/system/user/profile/resetPwd.vue    |   60 -
 src/views/system/user/profile/userAvatar.vue  |  180 -
 src/views/system/user/profile/userInfo.vue    |   67 -
 src/views/system/user/view.vue                |  175 -
 src/views/system/vehOper/index.vue            |  349 --
 src/views/tool/build/CodeTypeDialog.vue       |   71 -
 src/views/tool/build/DraggableItem.vue        |   68 -
 src/views/tool/build/IconsDialog.vue          |  115 -
 src/views/tool/build/RightPanel.vue           |  906 -----
 src/views/tool/build/TreeNodeDialog.vue       |   93 -
 src/views/tool/build/index.vue                |  660 ----
 src/views/tool/gen/basicInfoForm.vue          |   48 -
 src/views/tool/gen/createTable.vue            |   46 -
 src/views/tool/gen/editTable.vue              |  212 --
 src/views/tool/gen/genInfoForm.vue            |  328 --
 src/views/tool/gen/importTable.vue            |  126 -
 src/views/tool/gen/index.vue                  |  309 --
 src/views/tool/swagger/index.vue              |    9 -
 147 files changed, 40518 deletions(-)
 delete mode 100644 src/views/error/401.vue
 delete mode 100644 src/views/error/404.vue
 delete mode 100644 src/views/flow/components/ActionQueueSingleRun.vue
 delete mode 100644 src/views/flow/components/Aside.vue
 delete mode 100644 src/views/flow/components/FormItemRecursive.vue
 delete mode 100644 src/views/flow/components/LoopIterationResults.vue
 delete mode 100644 src/views/flow/components/NodeState.vue
 delete mode 100644 src/views/flow/components/NodeTitle.vue
 delete mode 100644 src/views/flow/components/OuterNode.vue
 delete mode 100644 src/views/flow/components/ParamsDrawer.vue
 delete mode 100644 src/views/flow/components/RuntimeAssignmentsEditor.vue
 delete mode 100644 src/views/flow/components/RuntimeParamsEditor.vue
 delete mode 100644 src/views/flow/components/SubFlowExecutionResults.vue
 delete mode 100644 src/views/flow/components/TaskExecutionLog.vue
 delete mode 100644 src/views/flow/components/TestRun.vue
 delete mode 100644 src/views/flow/components/params/ActionQueueParams.vue
 delete mode 100644 src/views/flow/components/params/BasicNodeParams.vue
 delete mode 100644 src/views/flow/components/params/CodeNodeParams.vue
 delete mode 100644 src/views/flow/components/params/DeviceUniversal.vue
 delete mode 100644 src/views/flow/components/params/EndParams.vue
 delete mode 100644 src/views/flow/components/params/HttpNodeParams.vue
 delete mode 100644 src/views/flow/components/params/ImageAnalysisParams.vue
 delete mode 100644 src/views/flow/components/params/MediaAnalysisParams.vue
 delete mode 100644 src/views/flow/components/params/RecognizeNodeParams.vue
 delete mode 100644 src/views/flow/components/params/RobotExecutionTarget.vue
 delete mode 100644 src/views/flow/components/params/SdAgentNodeParams.vue
 delete mode 100644 src/views/flow/components/params/StartParams.vue
 delete mode 100644 src/views/flow/components/params/SubFlowParams.vue
 delete mode 100644 src/views/flow/components/params/SwitchNodeParams.vue
 delete mode 100644 src/views/flow/components/params/useQuote.js
 delete mode 100644 src/views/flow/composables/useFlowEvents.js
 delete mode 100644 src/views/flow/config.js
 delete mode 100644 src/views/flow/icon/audio.svg
 delete mode 100644 src/views/flow/icon/awaken.svg
 delete mode 100644 src/views/flow/icon/camera.svg
 delete mode 100644 src/views/flow/icon/dialogue.svg
 delete mode 100644 src/views/flow/icon/end.svg
 delete mode 100644 src/views/flow/icon/expression.svg
 delete mode 100644 src/views/flow/icon/group.svg
 delete mode 100644 src/views/flow/icon/loop.svg
 delete mode 100644 src/views/flow/icon/microphone.svg
 delete mode 100644 src/views/flow/icon/plan.svg
 delete mode 100644 src/views/flow/icon/sleep.svg
 delete mode 100644 src/views/flow/icon/start.svg
 delete mode 100644 src/views/flow/icon/stopLoop.svg
 delete mode 100644 src/views/flow/icon/switch.svg
 delete mode 100644 src/views/flow/icon/touch.svg
 delete mode 100644 src/views/flow/icon/video.svg
 delete mode 100644 src/views/flow/index.vue
 delete mode 100644 src/views/flow/nodes/common/endNode.vue
 delete mode 100644 src/views/flow/nodes/common/selectAreaNode.vue
 delete mode 100644 src/views/flow/nodes/common/serviceNode.vue
 delete mode 100644 src/views/flow/nodes/common/startNode.vue
 delete mode 100644 src/views/flow/nodes/function/actionQueue.vue
 delete mode 100644 src/views/flow/nodes/function/codeNode.vue
 delete mode 100644 src/views/flow/nodes/function/currentLoop.vue
 delete mode 100644 src/views/flow/nodes/function/deviceUniversal.vue
 delete mode 100644 src/views/flow/nodes/function/httpNode.vue
 delete mode 100644 src/views/flow/nodes/function/loop.vue
 delete mode 100644 src/views/flow/nodes/function/recognize.vue
 delete mode 100644 src/views/flow/nodes/function/sdAgent.vue
 delete mode 100644 src/views/flow/nodes/function/sleep.vue
 delete mode 100644 src/views/flow/nodes/function/stopLoop.vue
 delete mode 100644 src/views/flow/nodes/function/subEnd.vue
 delete mode 100644 src/views/flow/nodes/function/subFlow.vue
 delete mode 100644 src/views/flow/nodes/function/subStart.vue
 delete mode 100644 src/views/flow/nodes/function/switch.vue
 delete mode 100644 src/views/flow/vue-flow/FlowEdge.vue
 delete mode 100644 src/views/flow/vue-flow/FlowNode.vue
 delete mode 100644 src/views/flow/vue-flow/adapter.js
 delete mode 100644 src/views/inspection/alarm/index.vue
 delete mode 100644 src/views/inspection/cockpit/canvasUtils.js
 delete mode 100644 src/views/inspection/cockpit/components/Header.vue
 delete mode 100644 src/views/inspection/cockpit/components/ManualTakeover/DirectionControl.vue
 delete mode 100644 src/views/inspection/cockpit/components/ManualTakeover/RoboticArm.vue
 delete mode 100644 src/views/inspection/cockpit/components/ManualTakeover/VoiceConversation.vue
 delete mode 100644 src/views/inspection/cockpit/components/ManualTakeover/index.vue
 delete mode 100644 src/views/inspection/cockpit/components/MapCanvas.vue
 delete mode 100644 src/views/inspection/cockpit/components/MapOverview.vue
 delete mode 100644 src/views/inspection/cockpit/components/Monitor.vue
 delete mode 100644 src/views/inspection/cockpit/components/UrdfView.vue
 delete mode 100644 src/views/inspection/cockpit/index.vue
 delete mode 100644 src/views/inspection/point/index.vue
 delete mode 100644 src/views/inspection/runTask/index.vue
 delete mode 100644 src/views/inspection/runTask/task-log.vue
 delete mode 100644 src/views/inspection/runTask/task-steps.vue
 delete mode 100644 src/views/inspection/task/index.vue
 delete mode 100644 src/views/intelligenceTest/car/index.vue
 delete mode 100644 src/views/intelligenceTest/mobilePhone/index.vue
 delete mode 100644 src/views/intelligenceTest/runningTask/index.vue
 delete mode 100644 src/views/intelligenceTest/runningTask/task-log.vue
 delete mode 100644 src/views/intelligenceTest/runningTask/task-steps.vue
 delete mode 100644 src/views/intelligenceTest/taskManage/index.vue
 delete mode 100644 src/views/intelligenceTest/testCase/index.vue
 delete mode 100644 src/views/login.vue
 delete mode 100644 src/views/monitor/cache/index.vue
 delete mode 100644 src/views/monitor/cache/list.vue
 delete mode 100644 src/views/monitor/druid/index.vue
 delete mode 100644 src/views/monitor/job/detail.vue
 delete mode 100644 src/views/monitor/job/index.vue
 delete mode 100644 src/views/monitor/job/log.vue
 delete mode 100644 src/views/monitor/logininfor/index.vue
 delete mode 100644 src/views/monitor/online/index.vue
 delete mode 100644 src/views/monitor/operlog/detail.vue
 delete mode 100644 src/views/monitor/operlog/index.vue
 delete mode 100644 src/views/monitor/server/index.vue
 delete mode 100644 src/views/redirect/index.vue
 delete mode 100644 src/views/register.vue
 delete mode 100644 src/views/resource/device/index.vue
 delete mode 100644 src/views/resource/map/index.vue
 delete mode 100644 src/views/resource/robot/index.vue
 delete mode 100644 src/views/resource/terminal/index.vue
 delete mode 100644 src/views/system/config/index.vue
 delete mode 100644 src/views/system/dept/index.vue
 delete mode 100644 src/views/system/dict/data.vue
 delete mode 100644 src/views/system/dict/detail.vue
 delete mode 100644 src/views/system/dict/index.vue
 delete mode 100644 src/views/system/file/index.vue
 delete mode 100644 src/views/system/group/index.vue
 delete mode 100644 src/views/system/menu/index.vue
 delete mode 100644 src/views/system/notice/ReadUsers.vue
 delete mode 100644 src/views/system/notice/index.vue
 delete mode 100644 src/views/system/post/index.vue
 delete mode 100644 src/views/system/role/authUser.vue
 delete mode 100644 src/views/system/role/index.vue
 delete mode 100644 src/views/system/role/selectUser.vue
 delete mode 100644 src/views/system/user/authRole.vue
 delete mode 100644 src/views/system/user/index.vue
 delete mode 100644 src/views/system/user/profile/index.vue
 delete mode 100644 src/views/system/user/profile/resetPwd.vue
 delete mode 100644 src/views/system/user/profile/userAvatar.vue
 delete mode 100644 src/views/system/user/profile/userInfo.vue
 delete mode 100644 src/views/system/user/view.vue
 delete mode 100644 src/views/system/vehOper/index.vue
 delete mode 100644 src/views/tool/build/CodeTypeDialog.vue
 delete mode 100644 src/views/tool/build/DraggableItem.vue
 delete mode 100644 src/views/tool/build/IconsDialog.vue
 delete mode 100644 src/views/tool/build/RightPanel.vue
 delete mode 100644 src/views/tool/build/TreeNodeDialog.vue
 delete mode 100644 src/views/tool/build/index.vue
 delete mode 100644 src/views/tool/gen/basicInfoForm.vue
 delete mode 100644 src/views/tool/gen/createTable.vue
 delete mode 100644 src/views/tool/gen/editTable.vue
 delete mode 100644 src/views/tool/gen/genInfoForm.vue
 delete mode 100644 src/views/tool/gen/importTable.vue
 delete mode 100644 src/views/tool/gen/index.vue
 delete mode 100644 src/views/tool/swagger/index.vue

diff --git a/src/views/error/401.vue b/src/views/error/401.vue
deleted file mode 100644
index b361368..0000000
--- a/src/views/error/401.vue
+++ /dev/null
@@ -1,82 +0,0 @@
-<template>
-  <div class="errPage-container">
-    <el-button icon="arrow-left" class="pan-back-btn" @click="back">
-      返回
-    </el-button>
-    <el-row>
-      <el-col :span="12">
-        <h1 class="text-jumbo text-ginormous">
-          401错误!
-        </h1>
-        <h2>您没有访问权限！</h2>
-        <h6>对不起，您没有访问权限，请不要进行非法操作！您可以返回主页面</h6>
-        <ul class="list-unstyled">
-          <li class="link-type">
-            <router-link to="/">
-              回首页
-            </router-link>
-          </li>
-        </ul>
-      </el-col>
-      <el-col :span="12">
-        <img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup>
-import errImage from "@/assets/401_images/401.gif"
-
-let { proxy } = getCurrentInstance()
-
-const errGif = ref(errImage + "?" + +new Date())
-
-function back() {
-  if (proxy.$route.query.noGoBack) {
-    proxy.$router.push({ path: "/" })
-  } else {
-    proxy.$router.go(-1)
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.errPage-container {
-  width: 800px;
-  max-width: 100%;
-  margin: 100px auto;
-  .pan-back-btn {
-    background: #008489;
-    color: #fff;
-    border: none !important;
-  }
-  .pan-gif {
-    margin: 0 auto;
-    display: block;
-  }
-  .pan-img {
-    display: block;
-    margin: 0 auto;
-    width: 100%;
-  }
-  .text-jumbo {
-    font-size: 60px;
-    font-weight: 700;
-    color: #484848;
-  }
-  .list-unstyled {
-    font-size: 14px;
-    li {
-      padding-bottom: 5px;
-    }
-    a {
-      color: #008489;
-      text-decoration: none;
-      &:hover {
-        text-decoration: underline;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
deleted file mode 100644
index f205303..0000000
--- a/src/views/error/404.vue
+++ /dev/null
@@ -1,227 +0,0 @@
-<template>
-  <div class="wscn-http404-container">
-    <div class="wscn-http404">
-      <div class="pic-404">
-        <img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404">
-        <img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
-        <img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
-        <img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
-      </div>
-      <div class="bullshit">
-        <div class="bullshit__oops">
-          404错误!
-        </div>
-        <div class="bullshit__headline">
-          {{ message }}
-        </div>
-        <div class="bullshit__info">
-          对不起，您正在寻找的页面不存在。尝试检查URL的错误，然后按浏览器上的刷新按钮或尝试在我们的应用程序中找到其他内容。
-        </div>
-        <router-link to="/index" class="bullshit__return-home">
-          返回首页
-        </router-link>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-let message = computed(() => {
-  return '找不到网页！'
-})
-</script>
-
-<style lang="scss" scoped>
-.wscn-http404-container{
-  transform: translate(-50%,-50%);
-  position: absolute;
-  top: 40%;
-  left: 50%;
-}
-.wscn-http404 {
-  position: relative;
-  width: 1200px;
-  padding: 0 50px;
-  overflow: hidden;
-  .pic-404 {
-    position: relative;
-    float: left;
-    width: 600px;
-    overflow: hidden;
-    &__parent {
-      width: 100%;
-    }
-    &__child {
-      position: absolute;
-      &.left {
-        width: 80px;
-        top: 17px;
-        left: 220px;
-        opacity: 0;
-        animation-name: cloudLeft;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1s;
-      }
-      &.mid {
-        width: 46px;
-        top: 10px;
-        left: 420px;
-        opacity: 0;
-        animation-name: cloudMid;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1.2s;
-      }
-      &.right {
-        width: 62px;
-        top: 100px;
-        left: 500px;
-        opacity: 0;
-        animation-name: cloudRight;
-        animation-duration: 2s;
-        animation-timing-function: linear;
-        animation-fill-mode: forwards;
-        animation-delay: 1s;
-      }
-      @keyframes cloudLeft {
-        0% {
-          top: 17px;
-          left: 220px;
-          opacity: 0;
-        }
-        20% {
-          top: 33px;
-          left: 188px;
-          opacity: 1;
-        }
-        80% {
-          top: 81px;
-          left: 92px;
-          opacity: 1;
-        }
-        100% {
-          top: 97px;
-          left: 60px;
-          opacity: 0;
-        }
-      }
-      @keyframes cloudMid {
-        0% {
-          top: 10px;
-          left: 420px;
-          opacity: 0;
-        }
-        20% {
-          top: 40px;
-          left: 360px;
-          opacity: 1;
-        }
-        70% {
-          top: 130px;
-          left: 180px;
-          opacity: 1;
-        }
-        100% {
-          top: 160px;
-          left: 120px;
-          opacity: 0;
-        }
-      }
-      @keyframes cloudRight {
-        0% {
-          top: 100px;
-          left: 500px;
-          opacity: 0;
-        }
-        20% {
-          top: 120px;
-          left: 460px;
-          opacity: 1;
-        }
-        80% {
-          top: 180px;
-          left: 340px;
-          opacity: 1;
-        }
-        100% {
-          top: 200px;
-          left: 300px;
-          opacity: 0;
-        }
-      }
-    }
-  }
-  .bullshit {
-    position: relative;
-    float: left;
-    width: 300px;
-    padding: 30px 0;
-    overflow: hidden;
-    &__oops {
-      font-size: 32px;
-      font-weight: bold;
-      line-height: 40px;
-      color: #1482f0;
-      opacity: 0;
-      margin-bottom: 20px;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-fill-mode: forwards;
-    }
-    &__headline {
-      font-size: 20px;
-      line-height: 24px;
-      color: #222;
-      font-weight: bold;
-      opacity: 0;
-      margin-bottom: 10px;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-delay: 0.1s;
-      animation-fill-mode: forwards;
-    }
-    &__info {
-      font-size: 13px;
-      line-height: 21px;
-      color: grey;
-      opacity: 0;
-      margin-bottom: 30px;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-delay: 0.2s;
-      animation-fill-mode: forwards;
-    }
-    &__return-home {
-      display: block;
-      float: left;
-      width: 110px;
-      height: 36px;
-      background: #1482f0;
-      border-radius: 100px;
-      text-align: center;
-      color: #ffffff;
-      opacity: 0;
-      font-size: 14px;
-      line-height: 36px;
-      cursor: pointer;
-      animation-name: slideUp;
-      animation-duration: 0.5s;
-      animation-delay: 0.3s;
-      animation-fill-mode: forwards;
-    }
-    @keyframes slideUp {
-      0% {
-        transform: translateY(60px);
-        opacity: 0;
-      }
-      100% {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/flow/components/ActionQueueSingleRun.vue b/src/views/flow/components/ActionQueueSingleRun.vue
deleted file mode 100644
index baf3a56..0000000
--- a/src/views/flow/components/ActionQueueSingleRun.vue
+++ /dev/null
@@ -1,281 +0,0 @@
-<template>
-  <el-form label-position="top">
-    <el-form-item label="机器人" required>
-      <el-select v-model="robotId" filterable style="width: 100%" @change="loadDevices">
-        <el-option v-for="item in robotOptions" :key="item.value" :label="item.label" :value="item.value" />
-      </el-select>
-    </el-form-item>
-    <el-form-item label="队列总超时（毫秒）" required>
-      <el-input-number v-model="totalTimeoutMs" :min="1" :max="2147483647" style="width: 100%" />
-    </el-form-item>
-    <el-form-item label="动作标识（可选）">
-      <el-input v-model="actionId" placeholder="留空时自动生成" />
-    </el-form-item>
-    <div v-for="(step, index) in steps" :key="step.runtimeKey" class="single-queue-step">
-      <div class="single-queue-step__header">
-        <div class="single-queue-step__title">{{ getActionQueueStepName(step, index) }} · {{ actionName(step.type) }}</div>
-        <div class="single-queue-step__actions">
-          <el-tooltip content="单独执行此步骤" placement="top">
-            <el-button
-              :icon="VideoPlay"
-              circle
-              size="small"
-              type="primary"
-              plain
-              aria-label="单独执行此步骤"
-              :loading="executingStepIndex === index"
-              :disabled="executingStepIndex >= 0 && executingStepIndex !== index"
-              @click="emit('execute-step', index)"
-            />
-          </el-tooltip>
-          <el-tooltip content="上移一步" placement="top">
-            <el-button :icon="ArrowUp" circle size="small" :disabled="index === 0" aria-label="上移一步" @click="moveStep(index, -1)" />
-          </el-tooltip>
-          <el-tooltip content="下移一步" placement="top">
-            <el-button :icon="ArrowDown" circle size="small" :disabled="index === steps.length - 1" aria-label="下移一步" @click="moveStep(index, 1)" />
-          </el-tooltip>
-          <el-tooltip content="复制步骤" placement="top">
-            <el-button :icon="CopyDocument" circle size="small" aria-label="复制步骤" @click="copyStep(index)" />
-          </el-tooltip>
-        </div>
-      </div>
-      <el-form-item label="步骤名称">
-        <el-input v-model="step.stepName" maxlength="50" show-word-limit placeholder="例如：移动到取料位" />
-      </el-form-item>
-      <el-form-item v-if="deviceKind(step.type)" label="执行设备" required>
-        <el-select v-model="step.deviceId" filterable :loading="deviceLoading" style="width: 100%">
-          <el-option v-for="device in devicesForStep(step)" :key="device.deviceId"
-            :label="device.deviceName && device.deviceName !== device.deviceId ? `${device.deviceName} (${device.deviceId})` : device.deviceId"
-            :value="device.deviceId" />
-        </el-select>
-      </el-form-item>
-      <div class="single-queue-step__params">{{ stepSummary(step) }}</div>
-    </div>
-  </el-form>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-import { ArrowDown, ArrowUp, CopyDocument, VideoPlay } from '@element-plus/icons-vue'
-import { getRobotDevicesByRobotId } from '@/api/resource/robot'
-import { DEVICE_KIND } from '@/utils/robotDevice'
-import { copyActionQueueStep, getActionQueueStepName, moveActionQueueStep, toActionQueueExecutionSteps } from '@/utils/actionQueue'
-
-/**
- * 组件输入配置，仅在当前单次动作队列运行表单内使用。
- * nodeParams 提供流程节点参数，robotOptions 提供可选机器人，initialRobotId 用于初始化默认机器人。
- */
-const props = defineProps({
-  nodeParams: { type: Array, default: () => [] },
-  robotOptions: { type: Array, default: () => [] },
-  initialRobotId: { type: String, default: '' },
-  executingStepIndex: { type: Number, default: -1 },
-})
-const emit = defineEmits(['execute-step'])
-
-/** 动作类型到中文名称的映射，作用范围为当前组件的步骤标题展示。 */
-const labels = {
-  DELAY: '等待', ARM_MOVE_J: '机械臂关节运动', ARM_MOVE_L: '机械臂直线运动',
-  AGV_NAVIGATE_TO_POSE: '底盘导航到坐标', AGV_NAVIGATE_TO_STATION: '底盘导航到站点', AGV_FOLLOW_PATH: '底盘按路径导航',
-}
-/** 当前选中的机器人 ID，作用于设备查询、校验和最终运行请求。 */
-const robotId = ref('')
-/** 本次动作队列标识；为空时由服务端自动生成，仅随当前运行请求提交。 */
-const actionId = ref('')
-/** 整个动作队列的超时时间（毫秒），作用于当前运行请求。 */
-const totalTimeoutMs = ref(60000)
-/** 当前节点解析出的动作步骤副本，组件内可补充 deviceId，不回写原始 props。 */
-const steps = ref([])
-/** 当前机器人挂载的设备列表，用于为各动作步骤筛选可执行设备。 */
-const devices = ref([])
-/** 设备接口请求状态，仅控制当前组件设备选择框的加载效果。 */
-const deviceLoading = ref(false)
-let runtimeKeySequence = 0
-const createRuntimeKey = () => `queue_runtime_${Date.now()}_${runtimeKeySequence += 1}`
-
-/**
- * 获取动作类型的展示名称。
- * 先查询本地中文映射，未配置的类型直接显示原值，避免未知动作显示为空。
- */
-const actionName = (type) => labels[type] || type
-
-/**
- * 根据动作名前缀判断所需设备类型。
- * 当前组件只处理机械臂和底盘队列动作；等待等无设备动作返回 null。
- */
-const deviceKind = (type) => type?.startsWith('ARM_') ? DEVICE_KIND.ARM : (type?.startsWith('AGV_') ? DEVICE_KIND.AGV : null)
-
-/**
- * 筛选单个步骤可使用的设备，范围限定为当前所选机器人的在线设备结果。
- * 将接口 deviceKind 与动作要求统一转为数值后比较，兼容字符串和数字类型。
- */
-const devicesForStep = (step) => devices.value.filter((device) => Number(device.deviceKind) === deviceKind(step.type))
-
-/**
- * 生成步骤参数摘要，仅用于当前组件的只读预览。
- * 等待和站点导航使用易读文案，其余动作保留完整 JSON 信息。
- */
-const stepSummary = (step) => {
-  if (step.type === 'DELAY') return `等待 ${step.params?.durationMs || 0} 毫秒`
-  if (step.type === 'AGV_NAVIGATE_TO_STATION') return `站点 ${step.params?.stationId || '-'}`
-  return JSON.stringify(step.params || {})
-}
-
-/**
- * 使用节点参数重新初始化表单，作用于首次渲染及输入属性变化。
- * 步骤：1. 将参数数组转成按名称索引的对象；2. 设置基本字段并深拷贝步骤；
- * 3. 应用默认机器人；4. 若存在机器人，则加载设备并为步骤建立默认设备选择。
- */
-const initData = async () => {
-  const values = Object.fromEntries(props.nodeParams.map((item) => [item.name, item.input]))
-  actionId.value = values.actionId || ''
-  totalTimeoutMs.value = Number(values.totalTimeoutMs || 60000)
-  steps.value = JSON.parse(JSON.stringify(Array.isArray(values.steps) ? values.steps : [])).map((step, index) => ({
-    ...step,
-    stepName: getActionQueueStepName(step, index),
-    runtimeKey: createRuntimeKey(),
-  }))
-  robotId.value = props.initialRobotId || ''
-  if (robotId.value) await loadDevices(robotId.value)
-}
-
-const moveStep = (index, offset) => {
-  moveActionQueueStep(steps.value, index, offset)
-}
-
-const copyStep = (index) => {
-  const source = steps.value[index]
-  if (!source) return
-  const copied = copyActionQueueStep(source, { runtimeKey: createRuntimeKey() })
-  steps.value.splice(index + 1, 0, copied)
-}
-
-/**
- * 加载指定机器人的设备并重建各步骤设备选择，影响当前组件的 devices 和 steps。
- * 切换机器人后旧 deviceId 已不再可靠，因此先清空设备及所有步骤选择；无机器人时直接结束。
- * 接口返回后逐步按动作类型筛选设备，并默认选择第一个匹配项；finally 保证加载状态复位。
- */
-const loadDevices = async (value) => {
-  // 机器人发生变化时，旧设备可能属于另一台机器人，必须整体清除以避免误提交。
-  devices.value = []
-  steps.value.forEach((step) => { step.deviceId = '' })
-  if (!value) return
-  deviceLoading.value = true
-  try {
-    const response = await getRobotDevicesByRobotId(value)
-    devices.value = Array.isArray(response.data) ? response.data : []
-    // 每个步骤独立按设备类型匹配；有候选项时预选首项，减少单一设备场景下的重复操作。
-    steps.value.forEach((step) => {
-      const options = devicesForStep(step)
-      if (options.length) step.deviceId = options[0].deviceId
-    })
-  } finally {
-    deviceLoading.value = false
-  }
-}
-
-/**
- * 校验当前动作队列是否具备运行条件，供父组件在提交前调用。
- * 依次检查机器人、队列非空及每个需要设备的步骤；首次失败即提示并终止，全部通过返回 true。
- */
-const validate = () => {
-  if (!robotId.value) return ElMessage.warning('请选择机器人'), false
-  if (!steps.value.length) return ElMessage.warning('动作队列不能为空'), false
-  // 等待类步骤无需设备；机械臂或底盘步骤必须存在与当前机器人匹配的 deviceId。
-  for (let index = 0; index < steps.value.length; index += 1) {
-    const step = steps.value[index]
-    if (deviceKind(step.type) && !step.deviceId) {
-      ElMessage.warning(`步骤 ${index + 1} 没有可用的执行设备`)
-      return false
-    }
-  }
-  return true
-}
-
-const validateStep = (index) => {
-  if (!robotId.value) return ElMessage.warning('请选择机器人'), false
-  const step = steps.value[index]
-  if (!step) return ElMessage.warning('未找到要执行的步骤'), false
-  if (deviceKind(step.type) && !step.deviceId) {
-    ElMessage.warning(`步骤 ${index + 1} 没有可用的执行设备`)
-    return false
-  }
-  return true
-}
-
-/** 汇总当前表单数据为运行接口载荷；返回范围包含机器人、队列配置和全部步骤。 */
-const getPayload = () => ({
-  robotId: robotId.value,
-  actionId: actionId.value,
-  totalTimeoutMs: totalTimeoutMs.value,
-  steps: toActionQueueExecutionSteps(steps.value),
-})
-
-const getStepPayload = (index) => {
-  const step = steps.value[index]
-  const stepTimeoutMs = Math.max(0, Number(step?.timeoutMs || 0))
-  return {
-    robotId: robotId.value,
-    actionId: '',
-    totalTimeoutMs: Math.max(1000, stepTimeoutMs + 5000),
-    steps: toActionQueueExecutionSteps(step ? [step] : []),
-  }
-}
-
-/** 返回当前选中的机器人 ID，供父组件处理兼容字段或运行上下文。 */
-const getRobotId = () => robotId.value
-
-/** 监听节点配置和默认机器人变化，深度变化时重建当前组件的表单及设备选项。 */
-watch(() => [props.nodeParams, props.initialRobotId], initData, { immediate: true, deep: true })
-
-/** 向父组件开放提交前校验、载荷读取和机器人 ID 读取能力。 */
-defineExpose({ validate, validateStep, getPayload, getStepPayload, getRobotId })
-</script>
-
-<style scoped>
-.single-queue-step {
-  margin-bottom: 10px;
-  padding: 12px;
-  border: 1px solid #dfe4ec;
-  border-radius: 8px;
-}
-
-.single-queue-step__header {
-  display: flex;
-  min-width: 0;
-  margin-bottom: 10px;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.single-queue-step__title {
-  overflow: hidden;
-  color: #1f2937;
-  font-size: 13px;
-  font-weight: 650;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.single-queue-step__actions {
-  display: flex;
-  flex: 0 0 auto;
-  align-items: center;
-  gap: 6px;
-}
-
-.single-queue-step__actions :deep(.el-button + .el-button) {
-  margin-left: 0;
-}
-
-.single-queue-step__params {
-  overflow: hidden;
-  color: #7a8494;
-  font-size: 12px;
-  line-height: 18px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-</style>
diff --git a/src/views/flow/components/Aside.vue b/src/views/flow/components/Aside.vue
deleted file mode 100644
index a818eef..0000000
--- a/src/views/flow/components/Aside.vue
+++ /dev/null
@@ -1,251 +0,0 @@
-<!--
- * 文件说明：节点组件库侧栏，负责分类、搜索和拖拽创建。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="component-library">
-    <div class="library-header">
-      <div class="library-heading">
-        <div>
-          <div class="library-title">组件库</div>
-          <div class="library-subtitle">{{ totalCount }} 个可用组件</div>
-        </div>
-      </div>
-      <el-input v-model="keyword" clearable placeholder="搜索组件" :prefix-icon="Search" />
-    </div>
-
-    <div class="library-content">
-      <el-collapse v-if="filteredGroups.length" v-model="activeNames">
-        <el-collapse-item
-          v-for="item in filteredGroups"
-          :key="item.collapseTitle"
-          :name="item.collapseTitle"
-          class="collapse-item"
-        >
-          <template #title>
-            <div class="category-title">
-              <span>{{ item.collapseTitle }}</span>
-              <span class="category-count">{{ item.nodeList.length }}</span>
-            </div>
-          </template>
-
-          <div class="node-list">
-            <div
-              v-for="node in item.nodeList"
-              :key="`${node.type}-${node.action || node.name}`"
-              class="node-item"
-              draggable="true"
-              @dragstart="handleDragCustom($event, node)"
-            >
-              <div class="node-icon"><img :src="node.icon" alt="" /></div>
-              <div class="node-content">
-                <div class="node-name">{{ node.name }}</div>
-                <div class="node-desc">{{ node.desc }}</div>
-              </div>
-              <el-icon class="drag-handle"><Rank /></el-icon>
-            </div>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-      <el-empty v-else :image-size="72" description="没有匹配的组件" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, watch } from "vue";
-import { Rank, Search } from "@element-plus/icons-vue";
-import { collapseList } from "../config";
-
-const keyword = ref("");
-const activeNames = ref(collapseList[0] ? [collapseList[0].collapseTitle] : []);
-const totalCount = computed(() => collapseList.reduce((total, group) => total + group.nodeList.length, 0));
-const filteredGroups = computed(() => {
-  const query = keyword.value.trim().toLowerCase();
-  if (!query) return collapseList;
-  return collapseList
-    .map((group) => ({
-      ...group,
-      nodeList: group.nodeList.filter((node) => (
-        [node.name, node.desc, node.action, node.type]
-          .filter(Boolean)
-          .some((value) => String(value).toLowerCase().includes(query))
-      )),
-    }))
-    .filter((group) => group.nodeList.length > 0);
-});
-
-watch(keyword, (value) => {
-  if (value.trim()) activeNames.value = filteredGroups.value.map((group) => group.collapseTitle);
-});
-
-/**
- * 处理 handleDragCustom 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} event 触发操作的浏览器事件
- * @param {*} node 当前流程节点
- */
-const handleDragCustom = (event, node) => {
-  event.dataTransfer.effectAllowed = "copy";
-  event.dataTransfer.setData("flowNode", JSON.stringify(node));
-};
-</script>
-
-<style lang="scss" scoped>
-.component-library {
-  display: flex;
-  height: 100%;
-  min-height: 0;
-  flex-direction: column;
-  color: #1f2937;
-}
-
-.library-header {
-  padding: 16px 14px 14px;
-  border-bottom: 1px solid #e4e8ef;
-  background: #fff;
-}
-
-.library-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-}
-
-.library-title {
-  font-size: 15px;
-  font-weight: 650;
-}
-
-.library-subtitle {
-  margin-top: 2px;
-  color: #8a94a6;
-  font-size: 12px;
-}
-
-.library-content {
-  min-height: 0;
-  flex: 1;
-  overflow-y: auto;
-  scrollbar-width: thin;
-}
-
-:deep(.el-collapse) {
-  border: 0;
-}
-
-:deep(.collapse-item) {
-  .el-collapse-item__header {
-    height: 46px;
-    padding: 0 14px;
-    border-bottom-color: #e8ebf0;
-    background: #f8fafc;
-    color: #344054;
-    font-size: 13px;
-    font-weight: 600;
-  }
-
-  .el-collapse-item__wrap {
-    border-bottom-color: #e8ebf0;
-    background: #f8fafc;
-  }
-
-  .el-collapse-item__content {
-    padding: 8px 10px 10px;
-  }
-}
-
-.category-title {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-  align-items: center;
-  justify-content: space-between;
-  padding-right: 10px;
-}
-
-.category-count {
-  display: grid;
-  min-width: 22px;
-  height: 20px;
-  padding: 0 6px;
-  place-items: center;
-  border: 1px solid #dfe4ec;
-  border-radius: 4px;
-  background: #fff;
-  color: #7a8597;
-  font-size: 11px;
-  font-weight: 500;
-  line-height: 18px;
-}
-
-.node-list {
-  display: flex;
-  flex-direction: column;
-  gap: 7px;
-}
-
-.node-item {
-  display: grid;
-  min-height: 62px;
-  grid-template-columns: 34px minmax(0, 1fr) 18px;
-  gap: 9px;
-  align-items: center;
-  padding: 9px 8px 9px 10px;
-  border: 1px solid #e1e6ed;
-  border-radius: 7px;
-  background: #fff;
-  cursor: grab;
-  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
-
-  &:hover {
-    border-color: #f2a071;
-    box-shadow: 0 5px 14px rgba(31, 41, 55, 0.08);
-    transform: translateX(2px);
-  }
-
-  &:active { cursor: grabbing; }
-}
-
-.node-icon {
-  display: grid;
-  width: 34px;
-  height: 34px;
-  place-items: center;
-  border-radius: 6px;
-  background: #f1f5f9;
-
-  img {
-    width: 21px;
-    height: 21px;
-    object-fit: contain;
-  }
-}
-
-.node-content { min-width: 0; }
-
-.node-name {
-  overflow: hidden;
-  color: #202938;
-  font-size: 13px;
-  font-weight: 600;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.node-desc {
-  display: -webkit-box;
-  overflow: hidden;
-  margin-top: 4px;
-  color: #7a8597;
-  font-size: 11px;
-  line-height: 16px;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-.drag-handle {
-  color: #a8b0bf;
-  font-size: 16px;
-}
-</style>
diff --git a/src/views/flow/components/FormItemRecursive.vue b/src/views/flow/components/FormItemRecursive.vue
deleted file mode 100644
index 7c0e324..0000000
--- a/src/views/flow/components/FormItemRecursive.vue
+++ /dev/null
@@ -1,242 +0,0 @@
-<!--
- * 文件说明：递归参数表单，负责嵌套字段的增删和类型切换。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<!-- components/FormItemRecursive.vue -->
-<template>
-  <div class="form-item-recursive">
-    <!-- 循环渲染当前层级的所有表单项 -->
-    <div v-for="(item, index) in currentList" :key="index">
-      <el-row>
-        <!-- 名称输入 -->
-        <el-form-item
-          :label="isFirstLevel && index === 0 ? '变量名' : ''"
-          :prop="`${propPath}.${index}.name`"
-          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
-        >
-          <el-input
-            class="param-name"
-            v-model="item.name"
-            :disabled="item.disabled || false"
-            placeholder="请输入"
-            clearable
-          />
-        </el-form-item>
-
-        <!-- 类型选择 -->
-        <el-form-item
-          :label="isFirstLevel && index === 0 ? '变量类型' : ''"
-          :prop="`${propPath}.${index}.type`"
-          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
-        >
-          <el-select
-            v-model="item.type"
-            class="param-type"
-            @change="handleTypeChange(item)"
-          >
-            <el-option label="String" value="string" />
-            <el-option label="Number" value="number" />
-            <el-option label="Boolean" value="boolean" />
-            <el-option v-if="depth < endDepth" label="Object" value="object" />
-            <el-option label="Array<String>" value="array<string>" />
-            <el-option label="Array<Number>" value="array<number>" />
-            <el-option label="Array<Boolean>" value="array<boolean>" />
-            <el-option v-if="depth < endDepth" label="Array<Object>" value="array<object>" />
-          </el-select>
-        </el-form-item>
-
-        <!-- 描述输入 -->
-        <el-form-item
-          :label="isFirstLevel && index === 0 ? '描述' : ''"
-          :prop="`${propPath}.${index}.desc`"
-          :rules="[{ required: true, message: '请输入', trigger: 'blur' }]"
-        >
-          <el-input
-            class="param-desc"
-            v-model="item.desc"
-            placeholder="请输入"
-            clearable
-          />
-        </el-form-item>
-
-        <!-- 是否必填 -->
-        <el-form-item v-if="formType === 'input'" :label="isFirstLevel && index === 0 ? '必填' : ''">
-          <el-switch
-            v-model="item.required"
-          />
-        </el-form-item>
-
-        <!-- 删除按钮（第一层第一个不能删） -->
-        <el-button
-          :icon="Minus"
-          circle
-          size="small"
-          @click="handleDelete(index)"
-          class="deleteBtn"
-        />
-
-        <!-- 添加子项按钮（当类型是object/array<object>时） -->
-        <el-button
-          v-if="['object', 'array<object>'].includes(item.type)"
-          :icon="Plus"
-          circle
-          size="small"
-          @click="handleAddChild(item)"
-          class="addBtn"
-        />
-      </el-row>
-
-      <!-- 递归渲染子项（如果有子项且类型匹配） -->
-      <!-- 层级越深，缩进越多 -->
-      <div
-        v-if="['object', 'array<object>'].includes(item.type) && item.children.length"
-        class="nested-form-items"
-        :style="{ marginLeft: `${depth * 20}px` }"
-      >
-        <!-- 递归调用自身，处理下一层级 -->
-        <!-- 非第一层 -->
-        <!-- 复用添加逻辑 -->
-        <FormItemRecursive
-          :formType="formType"
-          :current-list="item.children"
-          :prop-path="`${propPath}.${index}.children`"
-          :depth="depth + 1"
-          :is-first-level="false"
-          :endDepth="endDepth"
-          :parent-path="[...parentPath, index] "
-          @add-item="handleAddChild(item)"
-          @delete-item="handleChildDelete"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { Plus, Minus } from "@element-plus/icons-vue";
-
-// 定义props
-const { formType, currentList, propPath, depth, isFirstLevel, endDepth, parentPath } = defineProps({
-  formType: {
-    type: String,
-    default: 'input'
-  },
-  currentList: {
-    type: Array,
-    default: () => []
-  },
-  propPath: {
-    type: String,
-    default: ''
-  },
-  depth: {
-    type: Number,
-    default: 0
-  },
-  isFirstLevel: {
-    type: Boolean,
-    default: true
-  },
-  endDepth: {
-    type: Number,
-    default: 2
-  },
-  parentPath: {
-    type: Array,
-    default: () => []
-  },
-});
-
-// 定义emit事件
-const emit = defineEmits(['add-item', 'delete-item'])
-
-// 处理类型变化（清空或添加子项）
-/**
- * 处理 handleTypeChange 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} item 调用方传入的 item 参数
- */
-const handleTypeChange = (item) => {
-  if (!["object", "array<object>"].includes(item.type)) {
-    item.children = []; // 非对象类型清空子项
-  } else if (item.children.length === 0) {
-    handleAddChild(item); // 首次切换为对象类型时添加一个子项
-  }
-};
-
-// 添加子项
-/**
- * 处理 handleAddChild 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} parentItem 调用方传入的 parentItem 参数
- */
-const handleAddChild = (parentItem) => {
-  parentItem.children.push({
-    name: "",
-    type: "string",
-    desc: "",
-    required: false,
-    children: [],
-  });
-  // emit("add-item", parentItem); // 通知父组件（可选）
-};
-
-// 删除当前项
-/**
- * 处理 handleDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} index 目标项索引
- */
-const handleDelete = (index) => {
-  // 完整路径 = 父级路径 + 当前索引（如果是顶层，parentPath为undefined）
-  const fullPath = parentPath ? [...parentPath, index] : [index];
-  emit("delete-item", fullPath); // 向上传递完整路径
-}
-
-// 接收子组件的删除事件，继续向上传递
-/**
- * 处理 handleChildDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} childFullPath 调用方传入的 childFullPath 参数
- */
-const handleChildDelete = (childFullPath) => {
-  emit("delete-item", childFullPath);
-}
-</script>
-
-<style lang="scss" scoped>
-.nested-form-items {
-  border-left: 1px dashed #ccc; /* 层级连接线 */
-  padding-left: 12px;
-  margin-left: 0 !important;
-  margin-top: 8px;
-  margin-bottom: 8px;
-}
-
-.deleteBtn {
-  margin-bottom: 22px;
-  cursor: pointer;
-}
-
-.addBtn {
-  margin-bottom: 22px;
-  cursor: pointer;
-}
-
-:deep(.el-row) {
-  align-items: end;
-
-  .el-form-item {
-    margin-right: 12px;
-  }
-  
-  .param-name {
-    width: 120px;
-  }
-
-  .param-type {
-    width: 80px;
-  }
-
-  .param-desc {
-    width: 120px;
-  }
-
-}
-</style>
diff --git a/src/views/flow/components/LoopIterationResults.vue b/src/views/flow/components/LoopIterationResults.vue
deleted file mode 100644
index cb311a6..0000000
--- a/src/views/flow/components/LoopIterationResults.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-<template>
-  <div class="loop-results">
-    <div class="loop-results__summary">
-      <span>{{ history.length }} 次循环</span>
-      <el-tag v-if="analysisSummary" :type="analysisSummary.type" size="small">
-        {{ analysisSummary.label }}
-      </el-tag>
-    </div>
-
-    <el-empty v-if="!history.length" description="暂无循环结果" :image-size="56" />
-    <el-collapse v-else v-model="expandedIterations" class="loop-results__iterations">
-      <el-collapse-item v-for="iteration in history" :key="iteration.iteration" :name="iteration.iteration">
-        <template #title>
-          <div class="loop-results__iteration-title">
-            <strong>第 {{ iteration.iteration }} 次</strong>
-            <el-tag :type="statusMeta(iteration.status).type" size="small">
-              {{ statusMeta(iteration.status).label }}
-            </el-tag>
-            <el-tag v-if="analysisMeta(iteration.analysisStatus)" :type="analysisMeta(iteration.analysisStatus).type" size="small">
-              {{ analysisMeta(iteration.analysisStatus).label }}
-            </el-tag>
-            <span>{{ formatDuration(iteration.durationMs) }}</span>
-          </div>
-        </template>
-
-        <div class="loop-results__nodes">
-          <details v-for="node in iteration.nodes || []" :key="`${iteration.iteration}:${node.nodeId}`" class="loop-results__node">
-            <summary>
-              <span class="loop-results__node-name">{{ node.nodeName }}</span>
-              <el-tag :type="statusMeta(node.status).type" size="small">
-                {{ statusMeta(node.status).label }}
-              </el-tag>
-              <el-tag v-if="node.passed !== null && node.passed !== undefined" :type="node.passed ? 'success' : 'danger'" size="small">
-                {{ node.passed ? '通过' : '未通过' }}
-              </el-tag>
-              <span class="loop-results__duration">{{ formatDuration(node.durationMs) }}</span>
-            </summary>
-            <div v-if="node.error" class="loop-results__error">{{ node.error }}</div>
-            <div v-if="hasValue(node.input)" class="loop-results__data">
-              <div class="loop-results__label">输入</div>
-              <JsonViewer :value="node.input" copyable boxed sort theme="light" />
-            </div>
-            <div v-if="hasValue(node.output)" class="loop-results__data">
-              <div class="loop-results__label">输出</div>
-              <JsonViewer :value="node.output" copyable boxed sort theme="light" />
-            </div>
-          </details>
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({
-  history: { type: Array, default: () => [] },
-})
-
-const expandedIterations = ref([])
-let initialized = false
-
-watch(() => props.history, (history) => {
-  if (initialized || !history?.length) return
-  const active = history.find(item => String(item.status || '').toUpperCase() === 'RUNNING')
-  expandedIterations.value = [active?.iteration || history[history.length - 1].iteration]
-  initialized = true
-}, { immediate: true, deep: true })
-
-const statusMeta = (status) => {
-  const value = String(status || '').toUpperCase()
-  if (value === 'SUCCESS') return { label: '执行完成', type: 'success' }
-  if (value === 'FAILED') return { label: '执行失败', type: 'danger' }
-  if (value === 'STOPPED') return { label: '已停止', type: 'info' }
-  if (value === 'PAUSED') return { label: '已暂停', type: 'warning' }
-  return { label: '执行中', type: 'warning' }
-}
-
-const analysisMeta = (status) => {
-  if (status === 'PASSED') return { label: '分析通过', type: 'success' }
-  if (status === 'FAILED') return { label: '分析未通过', type: 'danger' }
-  if (status === 'RUNNING') return { label: '分析中', type: 'warning' }
-  return null
-}
-
-const analysisSummary = computed(() => {
-  const statuses = props.history.map(item => item.analysisStatus).filter(Boolean)
-  if (!statuses.length) return null
-  if (statuses.includes('FAILED')) return { label: '存在未通过', type: 'danger' }
-  if (statuses.includes('RUNNING')) return { label: '分析中', type: 'warning' }
-  return { label: '全部通过', type: 'success' }
-})
-
-const formatDuration = (value) => {
-  const duration = Number(value)
-  if (!Number.isFinite(duration) || duration < 0) return '-'
-  if (duration < 1000) return `${duration} ms`
-  return `${(duration / 1000).toFixed(2)} s`
-}
-
-const hasValue = (value) => {
-  if (value === null || value === undefined || value === '') return false
-  if (Array.isArray(value)) return value.length > 0
-  if (typeof value === 'object') return Object.keys(value).length > 0
-  return true
-}
-</script>
-
-<style scoped lang="scss">
-.loop-results__summary {
-  display: flex;
-  min-height: 32px;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 0 2px 8px;
-  color: #344054;
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.loop-results__iterations {
-  border-top: 0;
-}
-
-.loop-results__iteration-title {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-  align-items: center;
-  gap: 8px;
-  padding-right: 8px;
-}
-
-.loop-results__iteration-title > span:last-child {
-  margin-left: auto;
-  color: #909399;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-.loop-results__nodes {
-  display: grid;
-  gap: 6px;
-  padding: 4px 0 10px;
-}
-
-.loop-results__node {
-  border-bottom: 1px solid #ebeef5;
-}
-
-.loop-results__node summary {
-  display: flex;
-  min-height: 34px;
-  align-items: center;
-  gap: 7px;
-  padding: 3px 4px;
-  cursor: pointer;
-  list-style: none;
-}
-
-.loop-results__node summary::-webkit-details-marker {
-  display: none;
-}
-
-.loop-results__node summary::before {
-  width: 0;
-  height: 0;
-  border-top: 4px solid transparent;
-  border-bottom: 4px solid transparent;
-  border-left: 6px solid #909399;
-  content: '';
-  transition: transform 0.16s ease;
-}
-
-.loop-results__node[open] summary::before {
-  transform: rotate(90deg);
-}
-
-.loop-results__node-name {
-  min-width: 0;
-  overflow: hidden;
-  color: #303133;
-  font-weight: 600;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.loop-results__duration {
-  margin-left: auto;
-  color: #909399;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-.loop-results__error {
-  margin: 4px 4px 8px 18px;
-  padding: 7px 9px;
-  border-left: 3px solid var(--el-color-danger);
-  background: var(--el-color-danger-light-9);
-  color: var(--el-color-danger-dark-2);
-  line-height: 18px;
-  overflow-wrap: anywhere;
-}
-
-.loop-results__data {
-  margin: 6px 4px 10px 18px;
-}
-
-.loop-results__label {
-  margin-bottom: 5px;
-  color: #667085;
-  font-size: 12px;
-  font-weight: 600;
-}
-</style>
diff --git a/src/views/flow/components/NodeState.vue b/src/views/flow/components/NodeState.vue
deleted file mode 100644
index d53e966..0000000
--- a/src/views/flow/components/NodeState.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-<!--
- * 文件说明：节点运行状态面板，展示耗时、输入、输出和错误。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div v-if="showState !== 'NORMAL'" class="node-state" :class="`node-state--${showState.toLowerCase()}`">
-    <div class="node-state__summary">
-      <el-icon class="node-state__icon">
-        <SuccessFilled v-if="props.state === 'SUCCESS'" />
-        <CircleCloseFilled v-else-if="['FAILED', 'STOPPED'].includes(props.state)" />
-        <VideoPause v-else-if="props.state === 'PAUSED'" />
-        <Loading v-else />
-      </el-icon>
-      <span class="node-state__text">{{ stateText }}</span>
-      <span class="node-state__runtime">{{ props.runtimes }} ms</span>
-    </div>
-
-    <el-popover
-      ref="popoverRef"
-      trigger="click"
-      placement="right-start"
-      :width="props.popoverWidth"
-      :teleported="true"
-      :popper-class="props.popperClass"
-      @show="popoverVisible = true"
-      @hide="popoverVisible = false"
-    >
-      <template #reference>
-        <button type="button" class="node-state__result nodrag nopan" @mousedown.stop @click.stop>
-          <el-icon><View /></el-icon>
-          <span>{{ popoverVisible ? "收起结果" : "查看结果" }}</span>
-        </button>
-      </template>
-
-      <div class="result-section">
-        <div class="result-section__title">输入</div>
-        <div class="result-section__content"><slot name="input" /></div>
-      </div>
-      <div v-if="slots.output" class="result-section result-section--output">
-        <div class="result-section__title">输出</div>
-        <div class="result-section__content"><slot name="output" /></div>
-      </div>
-    </el-popover>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, useSlots, watch } from "vue";
-import { CircleCloseFilled, Loading, SuccessFilled, VideoPause, View } from "@element-plus/icons-vue";
-
-const props = defineProps({
-  state: { type: String, default: "NORMAL" },
-  runtimes: { type: Number, default: 0 },
-  popoverWidth: { type: Number, default: 480 },
-  popperClass: { type: String, default: "flow-result-popover" },
-});
-
-const slots = useSlots();
-const popoverRef = ref();
-const popoverVisible = ref(false);
-const showState = ref("NORMAL");
-const stateText = computed(() => ({
-  SUCCESS: "执行成功",
-  RUNNING: "执行中",
-  FAILED: "执行失败",
-  PAUSED: "已暂停",
-  STOPPED: "已停止",
-  NORMAL: "",
-}[props.state] || props.state));
-
-watch(() => props.state, (value) => {
-  showState.value = value;
-}, { immediate: true });
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  showState.value = "NORMAL";
-  popoverVisible.value = false;
-  popoverRef.value?.hide?.();
-};
-
-defineExpose({ closePopover });
-</script>
-
-<style lang="scss" scoped>
-.node-state {
-  display: flex;
-  min-height: 34px;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  margin: -4px -4px 10px;
-  padding: 5px 7px 5px 9px;
-  border: 1px solid #dbe3ee;
-  border-radius: 6px;
-  background: #f7f9fc;
-  color: #526071;
-  font-size: 12px;
-}
-
-.node-state__summary {
-  display: flex;
-  min-width: 0;
-  align-items: center;
-  gap: 6px;
-}
-
-.node-state__icon { font-size: 16px; }
-.node-state__text { font-weight: 600; white-space: nowrap; }
-
-.node-state__runtime {
-  padding-left: 6px;
-  border-left: 1px solid currentColor;
-  opacity: 0.72;
-  white-space: nowrap;
-}
-
-.node-state__result {
-  display: flex;
-  height: 26px;
-  flex: 0 0 auto;
-  align-items: center;
-  gap: 4px;
-  padding: 0 7px;
-  border: 0;
-  border-radius: 4px;
-  background: rgba(255, 255, 255, 0.72);
-  color: inherit;
-  cursor: pointer;
-  font-size: 11px;
-  font-weight: 600;
-}
-
-.node-state--success {
-  border-color: #c8ead5;
-  background: #effaf3;
-  color: #1e7d49;
-}
-
-.node-state--failed,
-.node-state--stopped {
-  border-color: #f1cecb;
-  background: #fff3f2;
-  color: #c33b32;
-}
-
-.node-state--paused {
-  border-color: #d9dee7;
-  background: #f3f5f8;
-  color: #657084;
-}
-
-.node-state--running {
-  border-color: #cbdcf8;
-  background: #f0f6ff;
-  color: #2f6fca;
-
-  .node-state__icon { animation: rotate-animation 1.2s linear infinite; }
-}
-
-@keyframes rotate-animation {
-  to { transform: rotate(360deg); }
-}
-</style>
-
-<style lang="scss">
-.flow-result-popover {
-  max-width: min(480px, calc(100vw - 32px));
-  padding: 0 !important;
-  overflow: hidden;
-
-  .result-section {
-    padding: 14px 16px;
-  }
-
-  .result-section--output { border-top: 1px solid #e8ebf0; }
-
-  .result-section__title {
-    margin-bottom: 8px;
-    color: #344054;
-    font-size: 13px;
-    font-weight: 650;
-  }
-
-  .result-section__content {
-    max-height: 280px;
-    overflow: auto;
-    color: #475467;
-    font-size: 12px;
-  }
-}
-
-.flow-loop-result-popover {
-  max-width: min(720px, calc(100vw - 32px));
-
-  .result-section__content {
-    max-height: 520px;
-  }
-}
-</style>
diff --git a/src/views/flow/components/NodeTitle.vue b/src/views/flow/components/NodeTitle.vue
deleted file mode 100644
index f8e4e76..0000000
--- a/src/views/flow/components/NodeTitle.vue
+++ /dev/null
@@ -1,338 +0,0 @@
-<!--
- * 文件说明：节点标题栏，负责重命名、删除和单节点执行。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node-title">
-    <div class="node-title__main">
-      <div class="node-title__identity">
-        <div class="node-title__icon">
-          <img v-if="props.icon" :src="props.icon" alt="" />
-          <el-icon v-else><Operation /></el-icon>
-        </div>
-
-        <div class="node-title__text">
-          <div v-if="!isEditing" class="node-title__name-row">
-            <span class="node-title__name" :title="localName">{{ localName }}</span>
-            <span v-if="typeLabel" class="node-title__type">{{ typeLabel }}</span>
-            <el-tooltip content="重命名" placement="top">
-              <button
-                type="button"
-                class="node-icon-button node-title__edit nodrag nopan"
-                aria-label="重命名节点"
-                @mousedown.stop
-                @click.stop="startEditing"
-              >
-                <el-icon><EditPen /></el-icon>
-              </button>
-            </el-tooltip>
-          </div>
-
-          <div v-else class="node-title__editor nodrag nopan" @mousedown.stop @click.stop>
-            <el-input
-              ref="nameInputRef"
-              v-model="localName"
-              maxlength="40"
-              @keydown.enter.prevent="confirmNodeName"
-              @keydown.esc.prevent="cancelNodeName"
-            />
-            <button type="button" class="node-icon-button is-confirm" aria-label="确认名称" @click="confirmNodeName">
-              <el-icon><Select /></el-icon>
-            </button>
-            <button type="button" class="node-icon-button" aria-label="取消重命名" @click="cancelNodeName">
-              <el-icon><CloseBold /></el-icon>
-            </button>
-          </div>
-        </div>
-      </div>
-
-      <div class="node-title__actions nodrag nopan" @mousedown.stop>
-        <el-tooltip v-if="canExecute" content="执行当前节点" placement="top">
-          <button type="button" class="node-icon-button is-run" aria-label="执行当前节点" @click.stop="execute">
-            <el-icon><VideoPlay /></el-icon>
-          </button>
-        </el-tooltip>
-        <el-tooltip :content="isSelectArea ? '解散分组' : '删除节点'" placement="top">
-          <button
-            type="button"
-            class="node-icon-button is-danger"
-            :aria-label="isSelectArea ? '解散分组' : '删除节点'"
-            @click.stop="deleteNode"
-          >
-            <el-icon><FolderRemove v-if="isSelectArea" /><Delete v-else /></el-icon>
-          </button>
-        </el-tooltip>
-      </div>
-    </div>
-
-    <div v-if="props.nodeDesc" class="node-title__description" :title="props.nodeDesc">
-      {{ props.nodeDesc }}
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, nextTick, onMounted, ref, watch } from "vue";
-import { CloseBold, Delete, EditPen, FolderRemove, Operation, Select, VideoPlay } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus";
-import { emitter } from "@/utils/eventBus";
-
-const props = defineProps({
-  icon: { type: String, default: "" },
-  nodeId: { type: String, default: "" },
-  nodeProperties: { type: Object, default: () => ({}) },
-  nodeDesc: { type: String, default: "" },
-  nodeName: { type: String, default: "" },
-  nodeType: { type: String, default: "" },
-});
-
-const emits = defineEmits(["setNodeName"]);
-const isEditing = ref(false);
-const localName = ref("");
-const nameInputRef = ref();
-const isSelectArea = computed(() => props.nodeType === "selectArea");
-const flowContextActions = new Set([
-  "NONE",
-  "START",
-  "END",
-  "SUB_START",
-  "SUB_END",
-  "START_LOOP",
-  "SUB_FLOW",
-  "STOP_LOOP",
-  "BRANCH",
-  "GET_CURRENT_OBJECT",
-]);
-const canExecute = computed(() => {
-  if (isSelectArea.value) return false;
-  const action = String(props.nodeProperties?.action || "").toUpperCase();
-  return Boolean(action) && !flowContextActions.has(action);
-});
-const typeLabel = computed(() => {
-  if (!props.nodeType || ["NONE", "selectArea"].includes(props.nodeType)) return "";
-  return { EDGE: "设备", LLM: "模型", AE: "评估" }[props.nodeType] || props.nodeType;
-});
-
-/**
- * 处理 sourceName 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const sourceName = () => props.nodeProperties?.name || props.nodeName || "未命名节点";
-
-watch(sourceName, (value) => {
-  if (!isEditing.value) localName.value = value;
-});
-
-/**
- * 处理 startEditing 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const startEditing = async () => {
-  isEditing.value = true;
-  await nextTick();
-  nameInputRef.value?.focus?.();
-  nameInputRef.value?.select?.();
-};
-
-/**
- * 确认 confirmNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const confirmNodeName = () => {
-  const name = localName.value.trim();
-  if (!name) return;
-  localName.value = name;
-  emits("setNodeName", name);
-  isEditing.value = false;
-};
-
-/**
- * 处理 cancelNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const cancelNodeName = () => {
-  localName.value = sourceName();
-  isEditing.value = false;
-};
-
-/**
- * 删除 deleteNode 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const deleteNode = async () => {
-  try {
-    await ElMessageBox.confirm(
-      isSelectArea.value
-        ? "解散后内部节点和连线会保留，是否继续？"
-        : "删除后相关连线也会一并移除，是否继续？",
-      isSelectArea.value ? "解散分组" : "删除节点",
-      {
-      confirmButtonText: isSelectArea.value ? "解散" : "删除",
-      cancelButtonText: "取消",
-      confirmButtonClass: "el-button--danger",
-      type: "warning",
-    });
-    if (isSelectArea.value) window.lf?.ungroup(props.nodeId);
-    else window.lf?.deleteNode(props.nodeId);
-    emitter.emit("deleteNode", props.nodeId);
-  } catch (error) {
-    // Cancelled by the user.
-  }
-};
-
-/**
- * 执行 execute 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const execute = () => {
-  document.dispatchEvent(new CustomEvent("singleNodeExecution", {
-    bubbles: false,
-    cancelable: false,
-    // 携带节点 ID，供单节点执行弹窗按节点恢复上次选择的机器人。
-    detail: { ...props.nodeProperties, nodeId: props.nodeId },
-  }));
-};
-
-onMounted(() => {
-  localName.value = sourceName();
-});
-</script>
-
-<style lang="scss" scoped>
-.node-title { min-width: 0; }
-
-.node-title__main {
-  display: flex;
-  min-height: 38px;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.node-title__identity {
-  display: flex;
-  min-width: 0;
-  flex: 1;
-  align-items: center;
-  gap: 10px;
-}
-
-.node-title__icon {
-  display: grid;
-  width: 36px;
-  height: 36px;
-  flex: 0 0 36px;
-  place-items: center;
-  border-radius: 7px;
-  background: #f1f5f9;
-  color: var(--node-accent, #475569);
-
-  img {
-    width: 22px;
-    height: 22px;
-    object-fit: contain;
-  }
-}
-
-.node-title__text { min-width: 0; flex: 1; }
-
-.node-title__name-row {
-  display: flex;
-  min-width: 0;
-  align-items: center;
-  gap: 6px;
-}
-
-.node-title__name {
-  overflow: hidden;
-  color: #1f2937;
-  font-size: 15px;
-  font-weight: 650;
-  line-height: 22px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.node-title__type {
-  flex: 0 0 auto;
-  padding: 1px 6px;
-  border: 1px solid #dfe4ec;
-  border-radius: 4px;
-  background: #f8fafc;
-  color: #697386;
-  font-size: 10px;
-  font-weight: 600;
-}
-
-.node-title__edit {
-  width: 24px;
-  height: 24px;
-  flex: 0 0 24px;
-  opacity: 0;
-}
-
-.node-title__actions {
-  display: flex;
-  flex: 0 0 auto;
-  gap: 4px;
-  opacity: 0;
-  transition: opacity 0.16s ease;
-}
-
-.node-title:hover,
-.node-title:focus-within {
-  .node-title__actions,
-  .node-title__edit { opacity: 1; }
-}
-
-.node-icon-button {
-  display: grid;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  place-items: center;
-  border: 1px solid transparent;
-  border-radius: 5px;
-  background: transparent;
-  color: #7b8494;
-  cursor: pointer;
-  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
-
-  &:hover {
-    border-color: #dfe4ec;
-    background: #f8fafc;
-    color: #344054;
-  }
-
-  &.is-run:hover {
-    border-color: #b7dfc7;
-    background: #effaf3;
-    color: #168447;
-  }
-
-  &.is-danger:hover {
-    border-color: #f2c5c2;
-    background: #fff3f2;
-    color: #d93025;
-  }
-
-  &.is-confirm { color: #168447; }
-}
-
-.node-title__editor {
-  display: grid;
-  grid-template-columns: minmax(100px, 1fr) 28px 28px;
-  gap: 4px;
-  align-items: center;
-}
-
-.node-title__description {
-  display: -webkit-box;
-  overflow: hidden;
-  margin-top: 8px;
-  color: #7a8494;
-  font-size: 12px;
-  line-height: 18px;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-}
-
-@media (hover: none) {
-  .node-title__actions,
-  .node-title__edit { opacity: 1; }
-}
-</style>
diff --git a/src/views/flow/components/OuterNode.vue b/src/views/flow/components/OuterNode.vue
deleted file mode 100644
index 0cdc977..0000000
--- a/src/views/flow/components/OuterNode.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<!--
- * 文件说明：动态节点包装器，挂载具体节点并同步内容变化。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-    <div class="node__box">
-        <component :is="componentId" :model="props.model" :properties="props.properties" ref="nodeRef" @contentChange="contentChange"></component>
-    </div>
-</template>
-
-<script setup>
-import { onMounted, ref } from 'vue'
-// import ArmNode from '../nodes/mechanical/arm.vue';
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-  component: Object,
-});
-
-const emits = defineEmits(['contentChange', 'bindRef'])
-
-const componentId = ref(props.component)
-
-/**
- * 处理 contentChange 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const contentChange = () => {
-    emits('contentChange')
-}
-
-const nodeRef = ref()
-onMounted(() => {
-    emits('bindRef', nodeRef.value)
-})
-</script>
-
-<style lang="scss" scoped>
-.node__box {
-    width: 320px;
-    height: auto;
-    background: #fff;
-    padding: 12px;
-    cursor: default;
-    border-radius: 12px;
-    border: 2px solid white;
-    box-shadow: 0 5px 15px 0#00000008;
-    position: relative;
-}
-</style>
diff --git a/src/views/flow/components/ParamsDrawer.vue b/src/views/flow/components/ParamsDrawer.vue
deleted file mode 100644
index d26cd31..0000000
--- a/src/views/flow/components/ParamsDrawer.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<!--
- * 文件说明：节点参数抽屉，统一触发参数校验和保存。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <el-drawer
-    :model-value="props.drawer"
-    custom-class="flow-params-drawer"
-    :title="props.data.properties?.name || '参数配置'"
-    class="flow-params-drawer"
-    :size="drawerSize"
-    append-to-body
-    destroy-on-close
-    :close-on-click-modal="false"
-    :before-close="confirmSave"
-  >
-    <component
-      :is="currentComponent"
-      ref="paramsComponentRef"
-      :data="props.data"
-      v-bind="componentExtraProps"
-      @save-success="handleSaveSuccess"
-      @save-error="handleSaveError"
-      @extract-step="handleExtractStep"
-    />
-  </el-drawer>
-</template>
-
-<script setup>
-import { ref, computed } from 'vue'
-import { emitter } from '@/utils/eventBus'
-
-// 导入各子组件
-import StartParams from './params/StartParams.vue'
-import BasicNodeParams from './params/BasicNodeParams.vue'
-import CodeNodeParams from './params/CodeNodeParams.vue'
-import HttpNodeParams from './params/HttpNodeParams.vue'
-import SdAgentNodeParams from './params/SdAgentNodeParams.vue'
-import RecognizeNodeParams from './params/RecognizeNodeParams.vue'
-import DeviceUniversal from './params/DeviceUniversal.vue'
-import SwitchNodeParams from './params/SwitchNodeParams.vue'
-import ActionQueueParams from './params/ActionQueueParams.vue'
-import MediaAnalysisParams from './params/MediaAnalysisParams.vue'
-import ImageAnalysisParams from './params/ImageAnalysisParams.vue'
-import EndParams from './params/EndParams.vue'
-import SubFlowParams from './params/SubFlowParams.vue'
-
-const props = defineProps({
-  drawer: Boolean,
-  data: Object,
-  flowId: String
-})
-
-const emits = defineEmits(['close', 'extract-step'])
-const paramsComponentRef = ref(null)
-
-/**
- * 分支条件包含左值、运算符和右值三列，仅为分支节点提供更宽的编辑空间。
- */
-const drawerSize = computed(() => (
-  props.data?.type === 'branch' ? 'min(920px, 96vw)' : 'min(560px, 92vw)'
-))
-
-// 根据节点类型决定渲染哪个子组件
-const currentComponent = computed(() => {
-  const type = props.data?.type
-  if (type === 'start') return StartParams
-  if (type === 'end') return EndParams
-  if (type === 'subFlow') return SubFlowParams
-  if (['currentLoop', 'serviceNode', 'sleep', 'loop'].includes(type)) return BasicNodeParams
-  if (type === 'code') return CodeNodeParams
-  if (type === 'http') return HttpNodeParams
-  if (type === 'sdAgent') return SdAgentNodeParams
-  if (type === 'recognize') return RecognizeNodeParams
-  if (['deviceUniversal', 'device_universal'].includes(type)) return DeviceUniversal
-  if (type === 'actionQueue') return ActionQueueParams
-  if (type === 'mediaAnalysis') return MediaAnalysisParams
-  // 图片分析支持多图、参考图和自由提示词输出，使用独立面板保持媒体分析面板聚焦音视频。
-  if (type === 'imageAnalysis') return ImageAnalysisParams
-  if (type === 'branch') return SwitchNodeParams
-  return null
-})
-
-const componentExtraProps = computed(() => (
-  props.data?.type === 'subFlow' ? { flowId: props.flowId } : {}
-))
-
-// 这里提供一个公开方法供父组件调用
-/**
- * 确认 confirmSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const confirmSave = async () => {
-  if (paramsComponentRef.value && typeof paramsComponentRef.value.validateAndSave === 'function') {
-    await paramsComponentRef.value.validateAndSave()
-  } else {
-    emits('close')
-  }
-}
-
-// 暴露给父组件使用
-defineExpose({ confirmSave })
-
-// 保存成功 / 失败处理
-/**
- * 处理 handleSaveSuccess 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const handleSaveSuccess = () => {
-  emitter.emit('setProperties', { id: props.data.id })
-  emitter.emit("throwAnError", { id: props.data.id, hasError: false, type: props.data.type });
-  // 无错误，关闭抽屉
-  emits('close')
-}
-
-/**
- * 处理 handleSaveError 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const handleSaveError = () => {
-  emitter.emit('setProperties', { id: props.data.id })
-  emitter.emit("throwAnError", { id: props.data.id, hasError: true, type: props.data.type });
-  emits('close')
-}
-
-const handleExtractStep = (payload) => emits('extract-step', payload)
-
-// 组件卸载时清理事件监听
-// 注意：emitter.off 应在各子组件中自行清理，父组件不再重复
-</script>
-
-<style lang="scss">
-.flow-params-drawer {
-  .el-drawer__header {
-    min-height: 62px;
-    margin-bottom: 0 !important;
-    padding: 0 20px;
-    border-bottom: 1px solid #e4e8ef;
-    color: #1f2937;
-    font-size: 16px;
-    font-weight: 650;
-  }
-
-  .el-drawer__body {
-    padding: 0 20px 24px;
-    overflow-x: hidden;
-  }
-
-  .el-collapse {
-    border-top: 0;
-  }
-
-  .el-collapse-item__header {
-    height: 50px;
-    color: #344054;
-    font-size: 13px;
-    font-weight: 650;
-  }
-
-  .form__container {
-    padding: 4px 0 10px;
-  }
-}
-</style>
diff --git a/src/views/flow/components/RuntimeAssignmentsEditor.vue b/src/views/flow/components/RuntimeAssignmentsEditor.vue
deleted file mode 100644
index 96a41e3..0000000
--- a/src/views/flow/components/RuntimeAssignmentsEditor.vue
+++ /dev/null
@@ -1,411 +0,0 @@
-<!--
- * 文件说明：运行前资源分配编辑器，根据流程定义的机器人角色和设备用途，为本次运行生成 runtimeAssignments。
- * 输入/输出：roles 描述资源需求，modelValue 承载已有分配；组件通过 v-model 回传当前选择。
- * 重要约束：只加载在线机器人；AGV 角色可按 requiredMapId 过滤；同一检测项内部遵守设备复用规则。
- -->
-<template>
-  <div class="runtime-assignments">
-    <!-- 每个 role 对应一个运行时机器人角色，目前每个角色只分配一个 member。 -->
-    <div v-for="role in roles" :key="role.roleKey" class="runtime-role">
-      <div class="runtime-role__title">
-        <span>{{ role.displayName }}</span>
-        <el-tag v-if="role.required" size="small" type="info">必需</el-tag>
-      </div>
-      <el-form label-position="top">
-        <!-- 机器人选项会先限制为在线机器人；包含 AGV 用途时再按任务地图过滤。 -->
-        <el-form-item label="执行机器人" :required="role.required">
-          <el-select
-            :model-value="memberOf(role).robotId"
-            clearable
-            filterable
-            :loading="robotLoading || autoAssigning"
-            placeholder="请选择机器人"
-            style="width: 100%"
-            @change="(robotId) => changeRobot(role, robotId)"
-          >
-            <el-option v-for="item in robotOptionsOf(role)" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <!-- deviceSlots 是该角色所需的设备用途，例如底盘、相机、机械臂；选项依赖当前机器人。 -->
-        <el-form-item v-for="slot in role.deviceSlots" :key="slot.slotKey" :label="slot.displayName" :required="slot.required">
-          <el-select
-            v-model="memberOf(role).devices[slot.slotKey]"
-            filterable
-            :loading="autoAssigning || loadingRoleKey === role.roleKey"
-            :disabled="!memberOf(role).robotId"
-            :placeholder="memberOf(role).robotId ? '请选择设备' : '请先选择机器人'"
-            style="width: 100%"
-            @change="emitValue"
-          >
-            <el-option v-for="item in optionsOf(role, slot)" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-          <!-- 已选择机器人但没有可选设备时给出局部提示，最终阻断仍由 validate 统一完成。 -->
-          <div v-if="memberOf(role).robotId && !optionsOf(role, slot).length" class="runtime-role__error">
-            该机器人没有匹配的在线设备
-          </div>
-        </el-form-item>
-      </el-form>
-    </div>
-    <!-- 列表加载失败和设备加载失败统一聚合为一个错误提示，避免多个异步错误同时占用表单空间。 -->
-    <el-alert v-if="loadError" :title="loadError" type="error" :closable="false" show-icon />
-    <el-empty v-if="!roles.length" :image-size="52" description="当前任务不需要机器人" />
-  </div>
-</template>
-
-<script setup>
-import { computed, reactive, ref, watch } from 'vue'
-import { getRobotList, getRobotDevicesByRobotId } from '@/api/resource/robot'
-import { toDeviceOptions } from '@/utils/robotDevice'
-
-/**
- * roles 来自流程起点的 resourceRoles，描述本次任务需要哪些机器人角色和设备用途。
- * modelValue 是父组件缓存或回显的 runtimeAssignments，本组件只维护一份可编辑副本并通过 update:modelValue 同步出去。
- * requiredMapId 用于有 AGV 用途时筛出位于同一地图的机器人。
- */
-const props = defineProps({
-  roles: { type: Array, default: () => [] },
-  modelValue: { type: Array, default: () => [] },
-  requiredMapId: { type: [String, Number], default: '' },
-})
-const emit = defineEmits(['update:modelValue'])
-
-// assignments 是表单直接修改的运行时分配副本，避免直接改父组件传入的 modelValue。
-const assignments = ref([])
-
-// robotOptions 保存在线机器人列表；devicesByRole 保存“角色 -> 当前机器人在线设备”的下拉数据。
-const robotOptions = ref([])
-const devicesByRole = reactive({})
-
-// 三类 loading 分开维护，模板可精确显示机器人列表、自动分配或某个角色设备加载状态。
-const robotLoading = ref(false)
-const autoAssigning = ref(false)
-const loadingRoleKey = ref('')
-
-const robotLoadError = ref('')
-const deviceLoadErrors = reactive({})
-
-// 缓存按机器人 ID 发起的设备列表请求；多个角色尝试同一机器人时复用同一个 Promise。
-const onlineDevicesByRobot = new Map()
-
-// 对外只展示一个当前最重要的加载错误，validate 也复用该聚合结果。
-const loadError = computed(() => robotLoadError.value || Object.values(deviceLoadErrors).find(Boolean) || '')
-const clone = (value) => JSON.parse(JSON.stringify(value || []))
-
-// initialize 会保证每个 role 都有一个 assignment/member，因此模板和校验可以按 roleKey 直接取值。
-const assignmentOf = (role) => assignments.value.find((item) => item.roleKey === role.roleKey)
-const memberOf = (role) => assignmentOf(role).members[0]
-const emitValue = () => emit('update:modelValue', clone(assignments.value))
-
-/**
- * 加载在线机器人列表。
- *
- * 这里不直接处理地图过滤，因为是否需要地图约束取决于具体 role 是否包含 AGV 设备用途；
- * role 级过滤由 robotOptionsOf 统一计算。
- */
-const loadRobots = async () => {
-  robotLoading.value = true
-  robotLoadError.value = ''
-  try {
-    const response = await getRobotList({
-      pageNum: 1,
-      pageSize: 1000,
-      connectStatus: '1',
-    })
-    robotOptions.value = (response.rows || []).map((robot) => ({
-      label: `${robot.robotName || robot.robotId} (${robot.robotId})`,
-      value: robot.robotId,
-      currentMapId: robot.currentMapId,
-    }))
-  } catch (error) {
-    robotOptions.value = []
-    robotLoadError.value = '机器人列表加载失败，请稍后重试'
-  } finally {
-    robotLoading.value = false
-  }
-}
-
-/**
- * 返回某个角色可选的机器人。
- *
- * 只有包含移动底盘设备用途的角色才要求机器人位于任务地图，其他纯传感器/执行器角色不受 requiredMapId 限制。
- */
-const robotOptionsOf = (role) => {
-  const requiresTaskMap = (role.deviceSlots || []).some((slot) => Number(slot.deviceKind) === 1)
-  if (!props.requiredMapId || !requiresTaskMap) return robotOptions.value
-  return robotOptions.value.filter((robot) => String(robot.currentMapId || '') === String(props.requiredMapId))
-}
-
-/**
- * 获取某台机器人当前在线设备。
- *
- * 缓存的是请求 Promise，而不只是结果数组：并发自动分配多个角色时，相同机器人只会触发一次接口请求；
- * 失败时清掉缓存，避免后续重试继续拿到已 rejected 的 Promise。
- */
-const getOnlineDevices = async (robotId) => {
-  if (!onlineDevicesByRobot.has(robotId)) {
-    const request = getRobotDevicesByRobotId(robotId).then((response) => (
-      Array.isArray(response.data) ? response.data : []
-    ))
-    onlineDevicesByRobot.set(robotId, request)
-  }
-  try {
-    return await onlineDevicesByRobot.get(robotId)
-  } catch (error) {
-    onlineDevicesByRobot.delete(robotId)
-    throw error
-  }
-}
-
-// 设备复用规则按“检测项 + 第几次出现”隔离；没有检测项上下文时退回到任务级作用域。
-const itemScopeOf = (role) => role.itemId == null
-  ? 'task'
-  : `${role.itemId}:${role.itemOccurrence || 1}`
-
-const deviceMatchesSlot = (device, slot) => {
-  return Boolean(device?.deviceId)
-    && (slot.deviceKind == null || Number(device.deviceKind) === Number(slot.deviceKind))
-}
-
-/**
- * 在不修改当前表单的前提下，为一个角色预演设备选择。
- *
- * committedUses 是前面角色已经确定占用的物理设备；函数复制一份 plannedUses 后再尝试写入，
- * 只有整个角色的必需设备都能满足时才返回计划，避免失败候选污染后续匹配。
- */
-const planRoleDevices = (role, robotId, devices, committedUses, preferredDevices = {}) => {
-  const plannedUses = new Map(committedUses)
-  const selectedDevices = {}
-  for (const slot of role.deviceSlots || []) {
-    // 先按设备类型筛选，deviceKind 为空表示该用途接受任意设备。
-    const matchingDevices = devices.filter((device) => deviceMatchesSlot(device, slot))
-    const preferredId = preferredDevices[slot.slotKey]
-    // 自动分配时优先保留用户已有选择；若该设备不可用，再按列表顺序寻找替代设备。
-    const orderedDevices = preferredId
-      ? [
-          ...matchingDevices.filter((device) => device.deviceId === preferredId),
-          ...matchingDevices.filter((device) => device.deviceId !== preferredId),
-        ]
-      : matchingDevices
-    const selected = orderedDevices.find((device) => {
-      // 同一个检测项内部用 role/item/robot/device 组成物理占用键，确保复用判断落到真实设备。
-      const physicalKey = `${itemScopeOf(role)}:${robotId}:${device.deviceId}`
-      const existingUse = plannedUses.get(physicalKey)
-      return !existingUse || (slot.allowReuse && existingUse.allowReuse)
-    })
-    if (!selected && slot.required) return null
-    selectedDevices[slot.slotKey] = selected?.deviceId || ''
-    if (selected) {
-      plannedUses.set(`${itemScopeOf(role)}:${robotId}:${selected.deviceId}`, {
-        allowReuse: slot.allowReuse === true,
-      })
-    }
-  }
-  return { selectedDevices, plannedUses }
-}
-
-/**
- * 根据当前在线机器人和设备，按角色顺序自动补齐可行分配。
- *
- * 该算法采用顺序贪心策略：每个角色选择第一台能满足全部必需设备的机器人；
- * 找不到可行候选时清空该角色，交给用户手动选择或 validate 给出明确提示。
- */
-const autoAssignRoles = async () => {
-  let committedUses = new Map()
-  autoAssigning.value = true
-  try {
-    for (const role of props.roles) {
-      const member = memberOf(role)
-      const candidates = robotOptionsOf(role)
-      let match = null
-      for (const robot of candidates) {
-        try {
-          const devices = (role.deviceSlots || []).length
-            ? await getOnlineDevices(robot.value)
-            : []
-          const preferredDevices = robot.value === member.robotId ? member.devices : {}
-          const plan = planRoleDevices(role, robot.value, devices, committedUses, preferredDevices)
-          if (plan) {
-            match = { robot, devices, ...plan }
-            break
-          }
-        } catch (error) {
-          // A failed device query makes this robot ineligible for automatic assignment.
-        }
-      }
-      if (match) {
-        member.robotId = match.robot.value
-        member.devices = match.selectedDevices
-        devicesByRole[role.roleKey] = match.devices
-        committedUses = match.plannedUses
-      } else {
-        member.robotId = ''
-        member.devices = Object.fromEntries((role.deviceSlots || []).map((slot) => [slot.slotKey, '']))
-        devicesByRole[role.roleKey] = []
-      }
-    }
-    emitValue()
-  } finally {
-    autoAssigning.value = false
-  }
-}
-
-/**
- * 生成某个设备用途的下拉选项。
- *
- * 同一角色内已经被其他用途占用、且不允许复用的设备会被过滤掉；
- * 当前 slot 已选中的值会保留在选项中，避免选项刷新时把正在编辑的值瞬间隐藏。
- */
-const optionsOf = (role, slot) => {
-  const member = memberOf(role)
-  const unavailableDeviceIds = new Set((role.deviceSlots || [])
-    .filter((otherSlot) => (
-      otherSlot.slotKey !== slot.slotKey
-      && (!slot.allowReuse || !otherSlot.allowReuse)
-    ))
-    .map((otherSlot) => member.devices[otherSlot.slotKey])
-    .filter(Boolean))
-  return toDeviceOptions((devicesByRole[role.roleKey] || []).filter((device) => (
-    deviceMatchesSlot(device, slot)
-    && (!unavailableDeviceIds.has(device.deviceId) || member.devices[slot.slotKey] === device.deviceId)
-  )))
-}
-
-/**
- * 按角色当前选择的机器人加载设备列表，并根据 preserve 决定是否尽量保留旧设备选择。
- *
- * 用户切换机器人时 preserve=false，设备用途全部重新选；初始化/自动刷新时 preserve=true，
- * 已选设备仍然可用则保留，否则回退到当前第一个可用设备。
- */
-const loadDevices = async (role, preserve = true) => {
-  const member = memberOf(role)
-  if (!member.robotId) {
-    devicesByRole[role.roleKey] = []
-    return
-  }
-  loadingRoleKey.value = role.roleKey
-  delete deviceLoadErrors[role.roleKey]
-  try {
-    devicesByRole[role.roleKey] = await getOnlineDevices(member.robotId)
-    ;(role.deviceSlots || []).forEach((slot) => {
-      const options = optionsOf(role, slot)
-      if (!preserve || !options.some((option) => option.value === member.devices[slot.slotKey])) {
-        member.devices[slot.slotKey] = options[0]?.value || ''
-      }
-    })
-    emitValue()
-  } catch (error) {
-    devicesByRole[role.roleKey] = []
-    deviceLoadErrors[role.roleKey] = `“${role.displayName}”的设备列表加载失败，请重新选择机器人`
-  } finally {
-    loadingRoleKey.value = ''
-  }
-}
-
-// 机器人发生变化后，先清空该角色下所有设备选择，再基于新机器人加载并填充可用设备。
-const changeRobot = async (role, robotId) => {
-  const member = memberOf(role)
-  member.robotId = robotId
-  member.devices = Object.fromEntries((role.deviceSlots || []).map((slot) => [slot.slotKey, '']))
-  await loadDevices(role, false)
-}
-
-/**
- * 根据最新 props 重建内部状态。
- *
- * 这里会清空设备缓存和加载错误，随后把 modelValue、旧版 legacyRobotId/legacyDeviceId 回填到 assignments；
- * emitValue 先把规范化结构同步给父组件，再加载在线资源并执行自动匹配。
- */
-const initialize = async () => {
-  Object.keys(deviceLoadErrors).forEach((roleKey) => delete deviceLoadErrors[roleKey])
-  Object.keys(devicesByRole).forEach((roleKey) => delete devicesByRole[roleKey])
-  onlineDevicesByRobot.clear()
-  const existing = clone(props.modelValue)
-  assignments.value = props.roles.map((role) => {
-    const existingAssignment = existing.find((item) => item.roleKey === role.roleKey)
-    const existingMember = existingAssignment?.members?.[0]
-    return {
-      roleKey: role.roleKey,
-      ...(role.sourceRoleKey ? { sourceRoleKey: role.sourceRoleKey } : {}),
-      ...(role.itemId != null ? { itemId: role.itemId } : {}),
-      ...(role.itemOccurrence != null ? { itemOccurrence: role.itemOccurrence } : {}),
-      members: [{
-        ...existingMember,
-        memberKey: `${role.roleKey}_1`,
-        robotId: existingMember?.robotId || role.legacyRobotId || '',
-        devices: Object.fromEntries((role.deviceSlots || []).map((slot) => [
-          slot.slotKey,
-          existingMember?.devices?.[slot.slotKey] || slot.legacyDeviceId || '',
-        ])),
-      }],
-    }
-  })
-  emitValue()
-  await loadRobots()
-  await autoAssignRoles()
-}
-
-/**
- * 提交运行前的最终校验。
- *
- * 返回空字符串表示通过；返回中文错误文案表示父组件应阻断执行并提示用户。
- * 校验顺序从异步加载状态、必填机器人/设备，到同一检测项内部的物理设备冲突。
- */
-const validate = () => {
-  if (robotLoading.value || autoAssigning.value) return '正在自动匹配在线机器人和设备，请稍候'
-  const physicalDeviceUses = new Map()
-  for (const role of props.roles) {
-    const member = memberOf(role)
-    if (role.required && !member.robotId) return `请为“${role.displayName}”选择机器人`
-    if (!member.robotId) continue
-    for (const slot of role.deviceSlots || []) {
-      if (slot.required && !member.devices[slot.slotKey]) return `请为“${role.displayName}”选择“${slot.displayName}”`
-      const deviceId = member.devices[slot.slotKey]
-      if (!deviceId) continue
-      // 不同检测项按顺序独立执行，可以复用同一台机器人及其设备。
-      // 仅同一检测项内部的多个角色/用途需要遵守设备复用规则。
-      const itemScope = role.itemId == null
-        ? 'task'
-        : `${role.itemId}:${role.itemOccurrence || 1}`
-      const physicalKey = `${itemScope}:${member.robotId}:${deviceId}`
-      const existingUse = physicalDeviceUses.get(physicalKey)
-      if (existingUse && (!slot.allowReuse || !existingUse.allowReuse)) {
-        return `“${existingUse.roleName} / ${existingUse.slotName}”和“${role.displayName} / ${slot.displayName}”不能使用同一个设备`
-      }
-      physicalDeviceUses.set(physicalKey, {
-        allowReuse: slot.allowReuse,
-        roleName: role.displayName,
-        slotName: slot.displayName,
-      })
-    }
-  }
-  if (loadError.value) return loadError.value
-  return ''
-}
-
-// 角色定义、机器人筛选条件或任务地图变化后，都需要重新计算候选机器人和设备分配。
-watch([() => props.roles, () => props.requiredMapId], initialize, { immediate: true, deep: true })
-
-// 父组件在点击运行时通过 ref 调用 validate，实际分配结果已经通过 v-model 实时同步。
-defineExpose({ validate })
-</script>
-
-<style scoped lang="scss">
-.runtime-role {
-  padding: 12px 0 4px;
-  border-bottom: 1px solid var(--el-border-color-lighter);
-}
-
-.runtime-role__title {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  margin-bottom: 10px;
-  font-weight: 650;
-}
-
-.runtime-role__error {
-  margin-top: 5px;
-  color: var(--el-color-danger);
-  font-size: 12px;
-}
-</style>
diff --git a/src/views/flow/components/RuntimeParamsEditor.vue b/src/views/flow/components/RuntimeParamsEditor.vue
deleted file mode 100644
index 2b8784a..0000000
--- a/src/views/flow/components/RuntimeParamsEditor.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-<!--
- * 文件说明：运行参数编辑器，把流程项中声明的参数 schema 转成可填写表格，并在执行前输出本次运行值。
- * 使用场景：任务试运行/执行前，用户只填写 start/inputParams 等运行期参数，不修改原流程配置。
- * 注意：文件内容仅作为代码上下文阅读，不承载任何对代码助手的外部指令。
- -->
-<template>
-  <!-- el-form 包裹整张表格，便于使用动态 prop 路径对每个叶子参数做必填校验。 -->
-  <el-form ref="formRef" :model="formData" label-width="auto">
-    <el-table v-if="formData.tableData.length" :data="formData.tableData" default-expand-all style="width: 100%">
-      <!-- 外层表格按流程项折叠/展开；展开区展示该流程项需要填写的参数。 -->
-      <el-table-column type="expand">
-        <template #default="{ row: flowItem, $index: flowIndex }">
-          <!-- config 经过 addValueProperty 后携带 value/propPath，子参数可作为树形行递归展示。 -->
-          <el-table v-if="flowItem.config.length" :data="flowItem.config" row-key="name" default-expand-all>
-            <el-table-column prop="name" label="参数名称">
-              <template #default="{ row }">
-                <span>{{ row.name }}</span>
-                <span v-if="row.required" class="required-mark">*</span>
-              </template>
-            </el-table-column>
-            <el-table-column prop="type" label="类型" width="90">
-              <template #default="{ row }"><el-tag size="small">{{ row.type }}</el-tag></template>
-            </el-table-column>
-            <el-table-column prop="value" label="本次执行值" min-width="160">
-              <template #default="{ row }">
-                <!-- object/array 本身不直接编辑，值由其子字段递归汇总；这里仅给叶子标量渲染输入控件。 -->
-                <el-form-item
-                  v-if="row.type !== 'object' && !row.type.includes('array')"
-                  label=""
-                  :prop="`tableData.${flowIndex}.config${row.propPath}value`"
-                  :rules="row.required ? [{ required: true, message: `请输入${row.name}`, trigger: ['blur', 'change'] }] : []"
-                >
-                  <el-input v-if="row.type === 'string'" v-model="row.value" />
-                  <el-input-number v-else-if="row.type === 'number'" v-model="row.value" :controls="false" />
-                  <el-switch v-else-if="row.type === 'boolean'" v-model="row.value" />
-                  <el-input v-else v-model="row.value" />
-                </el-form-item>
-              </template>
-            </el-table-column>
-          </el-table>
-        </template>
-      </el-table-column>
-      <el-table-column label="执行顺序" prop="orderNum" width="90" align="center" />
-      <el-table-column label="流程项" prop="itemName" show-overflow-tooltip />
-    </el-table>
-    <el-empty v-else description="当前任务没有需要填写的运行参数" :image-size="52" />
-  </el-form>
-</template>
-
-<script setup>
-import { reactive, ref, watch } from 'vue'
-import { addValueProperty, formatTableData } from '@/utils/flow'
-
-/**
- * items 是待执行的流程项列表，每项的 config 是运行参数 schema，可以是数组对象或 JSON 字符串。
- * 组件不会直接修改 props.items，而是通过 resetItems 深拷贝后写入 formData.tableData。
- */
-const props = defineProps({ items: { type: Array, default: () => [] } })
-
-// formRef 负责触发 Element Plus 表单校验；tableData 是带 value 字段的可编辑流程项副本。
-const formRef = ref()
-const formData = reactive({ tableData: [] })
-
-/**
- * 把后端/流程配置中的参数 schema 转成表单可编辑结构。
- *
- * addValueProperty 会为每个参数补默认 value 和 propPath；propPath 用于拼出 el-form-item 的校验路径，
- * 因此这里必须深拷贝 schema，避免把临时 value 写回原始流程项配置。
- */
-const parseConfig = (config) => {
-  if (!config) return []
-  const schema = typeof config === 'string' ? JSON.parse(config) : config
-  return addValueProperty(JSON.parse(JSON.stringify(schema || [])))
-}
-
-/**
- * 重置表格数据。
- *
- * orderNum 缺失时按当前数组顺序补齐，保证 UI 上始终有清晰的执行顺序；
- * config 在这里统一解析，模板层只负责渲染，不再关心原始格式是字符串还是数组。
- */
-const resetItems = (items) => {
-  formData.tableData = (items || []).map((item, index) => ({
-    ...item,
-    orderNum: item.orderNum ?? index + 1,
-    config: parseConfig(item.config),
-  }))
-}
-
-// 对外暴露的校验方法：没有表单实例时视为通过；校验失败时统一返回 false。
-const validate = async () => !formRef.value || formRef.value.validate().catch(() => false)
-
-/**
- * 组装本次运行参数。
- *
- * 同一个 itemId 可能在任务中出现多次，因此用 itemId:occurrence 作为 key；
- * formatTableData 会把树形参数数组恢复为普通对象，供执行接口直接消费。
- */
-const getRunParams = () => {
-  const occurrences = new Map()
-  const result = {}
-  formData.tableData.forEach((item) => {
-    const itemId = String(item.itemId)
-    const occurrence = (occurrences.get(itemId) || 0) + 1
-    occurrences.set(itemId, occurrence)
-    result[`${itemId}:${occurrence}`] = formatTableData(item.config, {})
-  })
-  return result
-}
-
-// 父组件切换任务项或刷新配置时，立即重建表格，deep 用于捕获 config 内部的变更。
-watch(() => props.items, resetItems, { immediate: true, deep: true })
-
-// 父组件通过 ref 触发表单校验、读取运行参数，也可以在必要时主动重置表格。
-defineExpose({ validate, getRunParams, resetItems })
-</script>
-
-<style scoped>
-.required-mark { margin-left: 6px; color: var(--el-color-danger); }
-:deep(.el-form-item) { margin-bottom: 0; }
-:deep(.el-input-number) { width: 100%; }
-</style>
diff --git a/src/views/flow/components/SubFlowExecutionResults.vue b/src/views/flow/components/SubFlowExecutionResults.vue
deleted file mode 100644
index 54f6c45..0000000
--- a/src/views/flow/components/SubFlowExecutionResults.vue
+++ /dev/null
@@ -1,173 +0,0 @@
-<template>
-  <div class="subflow-results">
-    <div class="subflow-results__summary">
-      <div>
-        <strong>{{ data.name || '子流程' }}</strong>
-        <span v-if="data.versionNo">V{{ data.versionNo }}</span>
-      </div>
-      <div class="subflow-results__summary-status">
-        <el-tag v-if="analysisMeta" :type="analysisMeta.type" size="small">{{ analysisMeta.label }}</el-tag>
-        <el-tag :type="statusMeta(data.status).type" size="small">{{ statusMeta(data.status).label }}</el-tag>
-        <span>{{ formatDuration(data.durationMs) }}</span>
-      </div>
-    </div>
-
-    <el-empty v-if="!executions.length" description="暂无内部节点日志" :image-size="56" />
-    <el-collapse v-else v-model="expandedExecutions" class="subflow-results__groups">
-      <el-collapse-item v-for="execution in executions" :key="execution.key" :name="execution.key">
-        <template #title>
-          <div class="subflow-results__group-title">
-            <strong>{{ execution.label }}</strong>
-            <el-tag :type="statusMeta(execution.status).type" size="small">
-              {{ statusMeta(execution.status).label }}
-            </el-tag>
-            <span>{{ execution.nodes?.length || 0 }} 个节点</span>
-          </div>
-        </template>
-
-        <div class="subflow-results__nodes">
-          <details v-for="(node, index) in execution.nodes || []" :key="`${execution.key}:${node.nodeId}:${index}`">
-            <summary>
-              <span class="subflow-results__order">{{ index + 1 }}</span>
-              <span class="subflow-results__node-name">{{ node.nodeName }}</span>
-              <span v-if="node.actionLabel && node.actionLabel !== node.nodeName" class="subflow-results__action">
-                {{ node.actionLabel }}
-              </span>
-              <el-tag :type="statusMeta(node.status).type" size="small">{{ statusMeta(node.status).label }}</el-tag>
-              <el-tag v-if="node.passed !== null && node.passed !== undefined" :type="node.passed ? 'success' : 'danger'" size="small">
-                {{ node.passed ? '通过' : '未通过' }}
-              </el-tag>
-              <span class="subflow-results__duration">{{ formatDuration(node.durationMs) }}</span>
-            </summary>
-            <div v-if="node.error" class="subflow-results__error">{{ node.error }}</div>
-            <div v-if="hasValue(node.input)" class="subflow-results__data">
-              <div class="subflow-results__label">输入</div>
-              <JsonViewer :value="node.input" copyable boxed sort theme="light" />
-            </div>
-            <div v-if="hasValue(node.output)" class="subflow-results__data">
-              <div class="subflow-results__label">输出</div>
-              <JsonViewer :value="node.output" copyable boxed sort theme="light" />
-            </div>
-          </details>
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-
-    <details v-if="hasValue(data.output)" class="subflow-results__final-output">
-      <summary>子流程最终输出</summary>
-      <JsonViewer :value="data.output" copyable boxed sort theme="light" />
-    </details>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, watch } from 'vue'
-
-const props = defineProps({ data: { type: Object, default: () => ({}) } })
-const executions = computed(() => Array.isArray(props.data.executions) ? props.data.executions : [])
-const expandedExecutions = ref([])
-let initialized = false
-
-watch(executions, (groups) => {
-  if (initialized || !groups.length) return
-  const active = groups.find((group) => String(group.status || '').toUpperCase() === 'RUNNING')
-  expandedExecutions.value = [active?.key || groups[groups.length - 1].key]
-  initialized = true
-}, { immediate: true })
-
-const statusMeta = (status) => {
-  const value = String(status || '').toUpperCase()
-  if (value === 'SUCCESS') return { label: '执行完成', type: 'success' }
-  if (value === 'FAILED') return { label: '执行失败', type: 'danger' }
-  if (value === 'STOPPED') return { label: '已停止', type: 'info' }
-  if (value === 'PAUSED') return { label: '已暂停', type: 'warning' }
-  return { label: '执行中', type: 'warning' }
-}
-
-const analysisMeta = computed(() => {
-  if (props.data.analysisStatus === 'PASSED') return { label: '分析通过', type: 'success' }
-  if (props.data.analysisStatus === 'FAILED') return { label: '分析未通过', type: 'danger' }
-  if (props.data.analysisStatus === 'RUNNING') return { label: '分析中', type: 'warning' }
-  return null
-})
-
-const formatDuration = (value) => {
-  const duration = Number(value)
-  if (!Number.isFinite(duration) || duration < 0) return '-'
-  if (duration < 1000) return `${duration} ms`
-  return `${(duration / 1000).toFixed(2)} s`
-}
-
-const hasValue = (value) => {
-  if (value === null || value === undefined || value === '') return false
-  if (Array.isArray(value)) return value.length > 0
-  if (typeof value === 'object') return Object.keys(value).length > 0
-  return true
-}
-</script>
-
-<style scoped lang="scss">
-.subflow-results__summary,
-.subflow-results__summary-status,
-.subflow-results__group-title,
-.subflow-results__nodes summary {
-  display: flex;
-  align-items: center;
-}
-
-.subflow-results__summary {
-  justify-content: space-between;
-  gap: 12px;
-  padding: 2px 2px 12px;
-  color: #344054;
-}
-
-.subflow-results__summary > div,
-.subflow-results__summary-status { display: flex; align-items: center; gap: 8px; }
-.subflow-results__summary span { color: #667085; font-size: 12px; }
-.subflow-results__groups { border-top: 0; }
-
-.subflow-results__group-title {
-  min-width: 0;
-  flex: 1;
-  gap: 8px;
-  padding-right: 8px;
-}
-
-.subflow-results__group-title > span:last-child {
-  margin-left: auto;
-  color: #909399;
-  font-size: 12px;
-}
-
-.subflow-results__nodes { display: grid; gap: 5px; padding-bottom: 10px; }
-.subflow-results__nodes details { border-bottom: 1px solid #ebeef5; }
-
-.subflow-results__nodes summary {
-  min-height: 36px;
-  gap: 7px;
-  padding: 3px 4px;
-  cursor: pointer;
-  list-style: none;
-}
-
-.subflow-results__nodes summary::-webkit-details-marker { display: none; }
-.subflow-results__order { width: 20px; color: #98a2b3; font-size: 11px; text-align: center; }
-.subflow-results__node-name { min-width: 0; overflow: hidden; color: #303133; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
-.subflow-results__action { color: #98a2b3; font-size: 11px; white-space: nowrap; }
-.subflow-results__duration { margin-left: auto; color: #909399; font-size: 12px; white-space: nowrap; }
-
-.subflow-results__error {
-  margin: 4px 4px 8px 31px;
-  padding: 7px 9px;
-  border-left: 3px solid var(--el-color-danger);
-  background: var(--el-color-danger-light-9);
-  color: var(--el-color-danger-dark-2);
-  overflow-wrap: anywhere;
-}
-
-.subflow-results__data { margin: 6px 4px 10px 31px; }
-.subflow-results__label { margin-bottom: 5px; color: #667085; font-size: 12px; font-weight: 600; }
-.subflow-results__final-output { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ebeef5; }
-.subflow-results__final-output summary { margin-bottom: 8px; color: #344054; cursor: pointer; font-size: 12px; font-weight: 600; }
-</style>
diff --git a/src/views/flow/components/TaskExecutionLog.vue b/src/views/flow/components/TaskExecutionLog.vue
deleted file mode 100644
index c698d7d..0000000
--- a/src/views/flow/components/TaskExecutionLog.vue
+++ /dev/null
@@ -1,889 +0,0 @@
-<template>
-  <div class="task-log" :style="{ height: `${height}px` }">
-    <!-- 独立滚动层负责监听用户位置；外层仅提供边框和悬浮按钮的定位上下文。 -->
-    <div ref="messageContainer" class="task-log__scroll" @scroll.passive="handleScroll">
-      <!-- 每条日志由固定宽度的时间列和自适应内容列组成；没有后端 ID 时使用数组下标兜底。 -->
-      <template v-for="(log, index) in displayLogs" :key="log.__displayKey || log.id || index">
-        <button
-          v-if="log.__iterationHeader"
-          type="button"
-          class="task-log__iteration-header"
-          @click="toggleIteration(log.__iterationKey)"
-        >
-          <el-icon :class="{ 'is-expanded': isIterationExpanded(log.__iterationKey) }"><ArrowRight /></el-icon>
-          <span class="task-log__iteration-title">{{ log.__iterationLabel }}</span>
-          <el-tag :type="log.__statusType" size="small">{{ log.__statusLabel }}</el-tag>
-          <el-tag v-if="log.__analysisLabel" :type="log.__analysisType" size="small">
-            {{ log.__analysisLabel }}
-          </el-tag>
-          <span class="task-log__iteration-count">{{ log.__count }} 条日志</span>
-        </button>
-        <div v-else class="task-log__item" :class="{ 'is-iteration-child': iterationPathOf(log).length }">
-        <div class="task-log__time">{{ formatDate(logTimeOf(log)) }}</div>
-        <div class="task-log__body">
-          <div class="task-log__content">{{ logContentOf(log) }}</div>
-
-          <div v-if="displayErrorOf(log)" class="task-log__error">
-            <strong>失败原因</strong>
-            <span>{{ displayErrorOf(log) }}</span>
-          </div>
-
-          <!-- 只有 analysisOf 能确认是音频或视频分析日志时，才展示结构化分析结果。 -->
-          <div v-if="analysisOf(log)" class="task-log__analysis">
-            <!-- 标题行展示分析类型、执行状态、模型名称和耗时；缺失字段不会留下空占位。 -->
-            <div class="task-log__analysis-heading">
-              <el-tag :type="analysisOf(log).tagType" size="small">
-                {{ analysisOf(log).title }} · {{ analysisOf(log).statusLabel }}
-              </el-tag>
-              <span v-if="isDebugView && analysisOf(log).modelName" class="task-log__analysis-meta">
-                模型：{{ analysisOf(log).modelName }}
-              </span>
-              <span v-if="analysisOf(log).timingMs !== null" class="task-log__analysis-meta">
-                耗时：{{ analysisOf(log).timingMs }}ms
-              </span>
-            </div>
-
-            <!-- 常用结果采用四列摘要，便于快速比较；详细扩展字段放到下方 JSON 区域。 -->
-            <div class="task-log__analysis-grid">
-              <div v-if="analysisOf(log).targetLabel" class="task-log__analysis-field">
-                <span>目标声音</span>
-                <strong>{{ analysisOf(log).targetLabel }}</strong>
-              </div>
-              <div v-if="analysisOf(log).label" class="task-log__analysis-field">
-                <span>{{ analysisOf(log).isAudio ? '实际声音' : '识别结果' }}</span>
-                <strong>{{ analysisOf(log).label }}</strong>
-              </div>
-              <div v-if="analysisOf(log).matchLabel" class="task-log__analysis-field">
-                <span>匹配状态</span>
-                <strong>{{ analysisOf(log).matchLabel }}</strong>
-              </div>
-              <div v-if="analysisOf(log).confidence !== null" class="task-log__analysis-field">
-                <span>置信度</span>
-                <strong>{{ analysisOf(log).confidence }}%</strong>
-              </div>
-              <div v-if="analysisOf(log).passedLabel" class="task-log__analysis-field">
-                <span>判断结果</span>
-                <strong>{{ analysisOf(log).passedLabel }}</strong>
-              </div>
-            </div>
-            <div v-if="analysisOf(log).summary" class="task-log__analysis-summary">
-              {{ analysisOf(log).summary }}
-            </div>
-
-            <!-- 关键事件可能来自模型输出数组，analysisOf 已限制最多展示前 20 条。 -->
-            <div v-if="analysisOf(log).events.length" class="task-log__analysis-events">
-              <div class="task-log__analysis-label">关键事件</div>
-              <div v-for="(event, eventIndex) in analysisOf(log).events" :key="eventIndex" class="task-log__analysis-event">
-                {{ event }}
-              </div>
-            </div>
-
-            <!-- 未被结构化消费的字段以格式化 JSON 展示，保留排查模型输出的能力。 -->
-            <pre v-if="isDebugView && analysisOf(log).details" class="task-log__analysis-details">{{ analysisOf(log).details }}</pre>
-          </div>
-
-          <pre v-if="isDebugView && genericOutputOf(log)" class="task-log__output">{{ genericOutputOf(log) }}</pre>
-          <div v-else-if="!isDebugView && businessSummaryOf(log)" class="task-log__business-summary">
-            {{ businessSummaryOf(log) }}
-          </div>
-
-          <!-- 同一日志可同时携带多种媒体；mediaOf 负责从新旧字段提取并按“类型+URL”去重。 -->
-          <div v-if="mediaOf(log).length" class="task-log__media">
-            <template v-for="media in mediaOf(log)" :key="`${media.type}:${media.url}`">
-              <el-image
-                v-if="media.type === 'image'"
-                class="task-log__image"
-                :src="media.url"
-                :preview-src-list="imageUrlsOf(log)"
-                preview-teleported
-                fit="cover"
-              />
-              <!-- 视频和音频只预加载元数据，避免日志列表初次渲染时下载完整媒体文件。 -->
-              <video v-else-if="media.type === 'video'" class="task-log__video" :src="media.url" controls preload="metadata" />
-              <audio v-else class="task-log__audio" :src="media.url" controls preload="metadata" />
-            </template>
-          </div>
-        </div>
-      </div>
-      </template>
-    </div>
-
-    <!-- 用户离开底部后显示悬浮入口；点击后回到最新日志并恢复自动跟随。 -->
-    <el-tooltip v-if="!isAtBottom" content="跳到最新日志" placement="left">
-      <el-button
-        class="task-log__jump-latest"
-        type="primary"
-        :icon="Bottom"
-        circle
-        aria-label="跳到最新日志"
-        @click.stop="scrollToBottom"
-      />
-    </el-tooltip>
-  </div>
-</template>
-
-<script setup>
-import { computed, nextTick, onMounted, ref, watch } from 'vue'
-import { ArrowRight, Bottom } from '@element-plus/icons-vue'
-import { formatDate } from '@/utils/index'
-
-/**
- * list: 任务或流程节点产生的日志数组。组件只负责展示，不修改日志对象。
- * height: 日志容器固定高度；内容超出后在容器内滚动，默认 150px。
- */
-const props = defineProps({
-  list: { type: Array, default: () => [] },
-  height: { type: Number, default: 150 },
-  mode: { type: String, default: 'debug' },
-})
-
-const isDebugView = computed(() => props.mode !== 'user')
-
-// 保存日志滚动容器 DOM，用于首次渲染和日志更新后滚动到最新一条。
-const messageContainer = ref(null)
-
-// 使用少量像素容差吸收浏览器对子像素和缩放比例的取整误差，避免视觉上已到底部却仍显示按钮。
-const BOTTOM_THRESHOLD = 8
-
-// 初始状态视为位于底部；组件挂载后会根据真实滚动尺寸完成第一次定位。
-const isAtBottom = ref(true)
-
-// 以日志对象本身作为弱引用键缓存媒体解析结果；日志对象回收后缓存会自动释放，不产生长期内存占用。
-const mediaCache = new WeakMap()
-
-/**
- * 将扩展结果安全转换为普通对象。
- * 后端历史数据可能返回 JSON 字符串，新版接口可能直接返回对象；空值、基础类型或非法 JSON 均降级为空对象，
- * 避免一条格式异常的日志阻断整个列表渲染。
- */
-const parseObject = (value) => {
-  if (!value) return {}
-  if (typeof value === 'object') return value
-  try {
-    const parsed = JSON.parse(value)
-    return parsed && typeof parsed === 'object' ? parsed : {}
-  } catch {
-    return {}
-  }
-}
-
-const outputOf = (log) => ({
-  ...parseObject(log?.paramsOut),
-  ...parseObject(log?.actualResult),
-  ...parseObject(log?.extraInfo),
-})
-
-const executionContextOf = (log) => outputOf(log)._executionContext || {}
-
-const rawIterationPathOf = (log) => {
-  const values = [log?.iterations, executionContextOf(log).iterations, log?.iteration]
-  for (const value of values) {
-    const path = Array.isArray(value)
-      ? value.filter(item => item !== null && item !== '')
-      : value === null || value === undefined || value === ''
-        ? []
-        : String(value).split(/[-.,/]/).map(item => item.trim()).filter(Boolean)
-    if (path.length) return path
-  }
-  return []
-}
-
-// Historical NODE_STARTED records were persisted before the loop path was copied
-// into the event. Pair them with the next terminal event of the same node so old
-// task logs can be folded without rewriting database rows.
-const inferredIterationPaths = computed(() => {
-  const result = new WeakMap()
-  const pendingStarts = new Map()
-  ;(Array.isArray(props.list) ? props.list : []).forEach((log) => {
-    const eventType = String(executionContextOf(log).eventType || '').toUpperCase()
-    const nodeKey = String(log?.nodeId || log?.nodeName || log?.executionStep || '')
-    if (!nodeKey) return
-    if (eventType === 'NODE_STARTED') {
-      if (!rawIterationPathOf(log).length) {
-        if (!pendingStarts.has(nodeKey)) pendingStarts.set(nodeKey, [])
-        pendingStarts.get(nodeKey).push(log)
-      }
-      return
-    }
-    if (!['NODE_COMPLETED', 'NODE_FAILED'].includes(eventType)) return
-    const pending = pendingStarts.get(nodeKey)
-    if (!pending?.length) return
-    const startedLog = pending.shift()
-    const path = rawIterationPathOf(log)
-    if (path.length) result.set(startedLog, path)
-  })
-  return result
-})
-
-const iterationPathOf = (log) => {
-  const path = rawIterationPathOf(log)
-  return path.length ? path : inferredIterationPaths.value.get(log) || []
-}
-
-const executionKeyOf = (log) => {
-  const context = executionContextOf(log)
-  const nodeKey = log?.nodeId || log?.executionStep || log?.nodeName || log?.logContent || ''
-  return `${nodeKey}:${iterationPathOf(log).join('.')}:${context.itemOccurrence || ''}`
-}
-
-// User-facing task logs keep an unmatched start event while a node is running, then
-// replace it with the terminal event. Structural wrapper nodes do not add business value.
-const visibleLogs = computed(() => {
-  const source = Array.isArray(props.list) ? props.list : []
-  if (isDebugView.value) return source
-  const terminalKeys = new Set(source
-    .filter((log) => ['NODE_COMPLETED', 'NODE_FAILED'].includes(
-      String(executionContextOf(log).eventType || '').toUpperCase(),
-    ))
-    .map(executionKeyOf))
-  const structuralTypes = new Set(['START', 'END', 'SUB_START', 'SUB_END', 'SUB_FLOW', 'LOOP'])
-  return source.filter((log) => {
-    const context = executionContextOf(log)
-    const eventType = String(context.eventType || '').toUpperCase()
-    const nodeType = String(context.nodeType || log?.nodeType || '').toUpperCase()
-    if (eventType === 'NODE_STARTED' && terminalKeys.has(executionKeyOf(log))) return false
-    if (structuralTypes.has(nodeType) && !errorOf(log)) return false
-    return true
-  })
-})
-
-const logTimeOf = (log) => log?.logTime || log?.createTime || log?.startTime || log?.endTime
-const logContentOf = (log) => log?.logContent || log?.message
-  || [log?.action || log?.nodeType, log?.status].filter(Boolean).join(' - ')
-  || '节点执行记录'
-
-const analysisPassedOf = (log) => {
-  const output = outputOf(log)
-  const analysisType = String(output.analysisType || '').toUpperCase()
-  const profileCode = String(output.profileCode || '').toLowerCase()
-  const isDecisionAnalysis = analysisType.includes('AUDIO') || analysisType.includes('VIDEO')
-    || profileCode.includes('audio') || profileCode.includes('video')
-    || [3, 4].includes(Number(log?.logType))
-  if (!isDecisionAnalysis) return null
-  if (['FAILED', 'ERROR'].includes(String(output.analysisStatus || '').toUpperCase())) return false
-  if (output.passed === undefined || output.passed === null) return null
-  return output.passed === true || String(output.passed).toLowerCase() === 'true'
-}
-
-const expandedIterations = ref(new Set())
-const isIterationExpanded = key => expandedIterations.value.has(key)
-const toggleIteration = (key) => {
-  const next = new Set(expandedIterations.value)
-  next.has(key) ? next.delete(key) : next.add(key)
-  expandedIterations.value = next
-}
-
-const statusOfIteration = (logs) => {
-  const statuses = logs.map(log => String(log?.status ?? log?.logStatus ?? '').toUpperCase())
-  const contexts = logs.map(log => String(executionContextOf(log).eventType || '').toUpperCase())
-  if (statuses.some(status => ['2', 'FAILED', 'FAILURE', 'ERROR'].includes(status))
-    || contexts.includes('NODE_FAILED')) {
-    return { label: '执行失败', type: 'danger' }
-  }
-
-  const latestEventByNode = new Map()
-  logs.forEach((log, index) => {
-    const eventType = String(executionContextOf(log).eventType || '').toUpperCase()
-    if (!eventType) return
-    const nodeKey = String(log?.nodeId || log?.nodeName || log?.executionStep || index)
-    latestEventByNode.set(nodeKey, eventType)
-  })
-  if ([...latestEventByNode.values()].some(eventType => eventType === 'NODE_STARTED')) {
-    return { label: '执行中', type: 'warning' }
-  }
-  if (latestEventByNode.size) return { label: '执行完成', type: 'success' }
-  if (statuses.some(status => ['RUNNING', '1'].includes(status))) {
-    return { label: '执行中', type: 'warning' }
-  }
-  return { label: '执行完成', type: 'success' }
-}
-
-const displayLogs = computed(() => {
-  const source = visibleLogs.value
-  const groups = new Map()
-  source.forEach((log) => {
-    const path = iterationPathOf(log)
-    if (!path.length) return
-    const key = path.join('.')
-    if (!groups.has(key)) groups.set(key, [])
-    groups.get(key).push(log)
-  })
-
-  const emitted = new Set()
-  const result = []
-  source.forEach((log, sourceIndex) => {
-    const path = iterationPathOf(log)
-    if (!path.length) {
-      result.push(log)
-      return
-    }
-    const key = path.join('.')
-    if (emitted.has(key)) return
-    emitted.add(key)
-    const logs = groups.get(key) || []
-    const status = statusOfIteration(logs)
-    const decisions = logs.map(analysisPassedOf).filter(value => value !== null)
-    const analysisPassed = decisions.length ? decisions.every(Boolean) : null
-    result.push({
-      __iterationHeader: true,
-      __displayKey: `iteration:${key}:${sourceIndex}`,
-      __iterationKey: key,
-      __iterationLabel: `第 ${path.join('.')} 次循环`,
-      __count: logs.length,
-      __statusLabel: status.label,
-      __statusType: status.type,
-      __analysisLabel: analysisPassed === null ? '' : analysisPassed ? '分析通过' : '分析未通过',
-      __analysisType: analysisPassed ? 'success' : 'danger',
-    })
-    if (isIterationExpanded(key)) result.push(...logs)
-  })
-  return result
-})
-
-const genericOutputOf = (log) => {
-  if (analysisOf(log)) return ''
-  const output = { ...outputOf(log) }
-  delete output._executionContext
-  delete output.errorMessage
-  if (!Object.keys(output).length) return ''
-  return JSON.stringify(output, null, 2)
-}
-
-const businessSummaryOf = (log) => {
-  if (analysisOf(log) || mediaOf(log).length) return ''
-  const output = { ...outputOf(log) }
-  delete output._executionContext
-  if (typeof output.result === 'string' && output.result.trim()) return output.result.trim()
-  if (['number', 'boolean'].includes(typeof output.result)) return `结果：${output.result}`
-  if (Array.isArray(output.coordinates) && output.coordinates.length) {
-    return `坐标：${output.coordinates.join(', ')}`
-  }
-  if (Number.isFinite(Number(output.completedSteps))) return `已完成 ${output.completedSteps} 个步骤`
-  if (output.success === true) return '操作成功'
-  return ''
-}
-
-/**
- * 把一个或多个媒体 URL 追加到结果数组。
- * seen 使用“媒体类型:URL”作为去重键，因此同一 URL 以图片和视频两种类型出现时仍会分别保留；
- * 非字符串、空白字符串和已经添加过的条目会被忽略。
- */
-const addMedia = (result, seen, type, value) => {
-  const values = Array.isArray(value) ? value : [value]
-  values.forEach((item) => {
-    const url = typeof item === 'string' ? item.trim() : ''
-    const key = `${type}:${url}`
-    if (url && !seen.has(key)) {
-      seen.add(key)
-      result.push({ type, url })
-    }
-  })
-}
-
-// 分析结果的计算相对复杂，使用 WeakMap 保证模板多次调用 analysisOf(log) 时只解析一次。
-const analysisCache = new WeakMap()
-
-const errorCache = new WeakMap()
-const errorOf = (log) => {
-  if (!log || typeof log !== 'object') return ''
-  if (errorCache.has(log)) return errorCache.get(log)
-  const actualResult = parseObject(log.actualResult)
-  const extraInfo = parseObject(log.extraInfo)
-  const paramsOut = parseObject(log.paramsOut)
-  const status = String(log.status ?? log.logStatus ?? '').trim().toLowerCase()
-  const failed = ['2', 'failed', 'failure', 'error'].includes(status)
-  const candidates = [
-    log.errorMessage,
-    log.errorStack,
-    actualResult.errorMessage,
-    actualResult.error,
-    extraInfo.errorMessage,
-    extraInfo.error,
-    paramsOut.errorMessage,
-    paramsOut.error,
-    failed ? log.message : '',
-  ]
-  const result = candidates.find(value => typeof value === 'string' && value.trim())?.trim() || ''
-  errorCache.set(log, result)
-  return result
-}
-
-const displayErrorOf = (log) => {
-  const error = errorOf(log)
-  if (!error || isDebugView.value) return error
-  return error
-    .split(/\r?\n/)[0]
-    .replace(/^(?:[\w$.]+(?:Exception|Error):\s*)+/, '')
-    .replace(/^执行异常[：:]\s*/, '')
-    .trim()
-}
-
-/**
- * 把日志中的音视频分析结果转换成模板直接使用的展示模型。
- * 返回 null 表示该日志不是可展示的音视频分析结果；否则返回状态、模型、置信度、结论和扩展详情等字段。
- */
-const analysisOf = (log) => {
-  // 防御非对象输入，同时优先读取缓存，避免模板中多个字段重复做 JSON.parse 和格式化工作。
-  if (!log || typeof log !== 'object') return null
-  if (analysisCache.has(log)) return analysisCache.get(log)
-
-  // extraInfo 后展开，因此同名字段会覆盖 actualResult；这是为了让后续补充/修正的信息优先显示。
-  const output = {
-    ...parseObject(log.paramsOut),
-    ...parseObject(log.actualResult),
-    ...parseObject(log.extraInfo),
-  }
-
-  // 新日志通过 analysisType/profileCode 标识媒体类型，logType=3/4 用于兼容旧版视频/音频日志。
-  const analysisType = String(output.analysisType || '').toUpperCase()
-  const profileCode = String(output.profileCode || '').toLowerCase()
-  const isAudio = analysisType.includes('AUDIO') || profileCode.includes('audio') || Number(log.logType) === 4
-  const isVideo = analysisType.includes('VIDEO') || profileCode.includes('video') || Number(log.logType) === 3
-  // 图片分析没有历史 logType 枚举，只依赖新协议中的 analysisType/profileCode 识别。
-  const isImage = analysisType.includes('IMAGE') || profileCode.includes('image')
-
-  // 仅有媒体类型还不足以展示分析面板，至少要存在一个分析状态或业务结果字段。
-  const hasResult = Boolean(
-    output.analysisStatus
-    || output.analysisType
-    || output.profileCode
-    || output.label
-    || output.labelName
-    || output.summary
-    || output.conclusion
-    || output.resultText
-    || output.result !== undefined
-    || output.passed !== undefined
-  )
-
-  // 非分析日志也缓存 null，避免之后每次渲染都重复执行同一套识别逻辑。
-  if (!hasResult || (!isAudio && !isVideo && !isImage)) {
-    analysisCache.set(log, null)
-    return null
-  }
-
-  const status = String(output.analysisStatus || '').toUpperCase()
-  const matched = output.matched
-  const passed = output.passed
-  const confidenceValue = Number(output.confidence)
-
-  // 置信度兼容 0~1 和 0~100 两种协议，统一限制到 0~100 并保留一位小数。
-  // 非数字值返回 null，模板据此隐藏置信度字段，而不是展示 NaN。
-  const confidence = Number.isFinite(confidenceValue)
-    ? Math.max(0, Math.min(100, confidenceValue <= 1 ? confidenceValue * 100 : confidenceValue)).toFixed(1)
-    : null
-
-  // 常见成功/失败枚举转换为中文；未知状态保留原值，完全缺失时使用中性的“已返回结果”。
-  const statusLabel = status === 'SUCCEEDED' || status === 'SUCCESS'
-    || status === 'COMPLETED'
-    ? '分析完成'
-    : status === 'FAILED' || status === 'ERROR'
-      ? '分析失败'
-      : status || '已返回结果'
-
-  // 复制一份原始输出用于生成扩展详情，后续删除操作不会修改日志本身或合并后的 output。
-  const detailSource = { ...output }
-
-  // _executionContext 只用于前端把日志归属到任务中的检测项和执行次数，属于内部路由元数据。
-  // 它与已经结构化展示的分析字段一起从“详情”中移除，避免用户看到重复且难以理解的底层上下文。
-  ;[
-    'analysisStatus', 'analysisType', 'profileCode', 'analysisModel', 'analysisTimingMs',
-    'mediaUrl', 'mediaUrls', 'audioUrl', 'videoUrl', 'imageUrl', 'label', 'labelName', 'matched',
-    'confidence', 'passed', 'summary', 'conclusion', 'events', '_executionContext',
-    'expectedLabel', 'expectedLabelName', 'decisionReason', 'resultText', 'result',
-  ].forEach((key) => delete detailSource[key])
-
-  // 所有已知字段删除后还有剩余内容时，才生成详情 JSON，避免显示空对象。
-  const hasDetails = Object.keys(detailSource).length > 0
-
-  // 统一生成展示模型，模板不需要了解各版本日志字段和状态枚举的差异。
-  const result = {
-    title: isAudio ? '声音类型检测' : isImage ? '通用图片分析' : '视频分析',
-    statusLabel,
-
-    // 分析失败或业务判断未通过使用红色；仅匹配失败使用警告色，其余使用成功色。
-    tagType: status === 'FAILED' || status === 'ERROR' || passed === false
-      ? 'danger'
-      : matched === false ? 'warning' : 'success',
-    modelName: typeof output.analysisModel === 'string'
-      ? output.analysisModel
-      : output.analysisModel?.name || '',
-    timingMs: Number.isFinite(Number(output.analysisTimingMs)) ? Number(output.analysisTimingMs) : null,
-    label: output.labelName || output.label || '',
-    targetLabel: output.expectedLabelName || output.expectedLabel || '',
-    matchLabel: isAudio ? '' : matched === true ? '匹配' : matched === false ? '未匹配' : '',
-    confidence,
-    passedLabel: passed === true ? '通过' : passed === false ? '未通过' : '',
-    // 图片分析由提示词决定输出形态，优先展示模型文本或字符串结果，避免把枚举型原因当摘要。
-    summary: output.summary || output.conclusion || output.resultText
-      || (typeof output.result === 'string' ? output.result : '')
-      || (/^[A-Z_]+$/.test(String(output.decisionReason || '')) ? '' : output.decisionReason)
-      || '',
-    isAudio,
-    events: Array.isArray(output.events)
-      ? output.events.slice(0, 20).map((event) => typeof event === 'string' ? event : JSON.stringify(event))
-      : [],
-    details: hasDetails ? JSON.stringify(detailSource, null, 2) : '',
-  }
-
-  // 正常分析结果也写入缓存，后续模板读取状态、模型、摘要等字段时直接复用同一对象。
-  analysisCache.set(log, result)
-  return result
-}
-
-/**
- * 从日志的新旧字段中提取所有可播放/预览的媒体资源。
- * 返回值格式统一为 { type, url }，模板无需关心 URL 原来位于 actualResult、extraInfo 还是日志顶层。
- */
-const mediaOf = (log) => {
-  if (!log || typeof log !== 'object') return []
-  if (mediaCache.has(log)) return mediaCache.get(log)
-
-  const result = []
-  const seen = new Set()
-
-  // 与分析结果相同，extraInfo 中的同名字段优先于 actualResult。
-  const output = {
-    ...parseObject(log.paramsOut),
-    ...parseObject(log.actualResult),
-    ...parseObject(log.extraInfo),
-  }
-
-  // 优先读取类型明确的新字段，它们不需要额外推断媒体类型。
-  addMedia(result, seen, 'image', output.imageUrl)
-  addMedia(result, seen, 'video', output.videoUrl)
-  addMedia(result, seen, 'audio', output.audioUrl)
-  const analysisType = String(output.analysisType || '').toUpperCase()
-  const profileCode = String(output.profileCode || '').toLowerCase()
-
-  // mediaUrl 本身没有类型，必须结合分析类型或 profileCode 后才能作为视频/音频加入。
-  if (analysisType.includes('VIDEO') || profileCode.includes('video')) addMedia(result, seen, 'video', output.mediaUrl)
-  if (analysisType.includes('AUDIO') || profileCode.includes('audio')) addMedia(result, seen, 'audio', output.mediaUrl)
-  if (analysisType.includes('IMAGE') || profileCode.includes('image')) {
-    addMedia(result, seen, 'image', output.mediaUrls)
-    addMedia(result, seen, 'image', output.mediaUrl)
-  }
-  addMedia(result, seen, 'image', log.screenshotUrl)
-  addMedia(result, seen, 'video', log.videoUrl)
-
-  // 旧版日志把媒体统一放在顶层 mediaUrl，并通过 logType=2/3/4 区分图片、视频和音频。
-  const legacyType = Number(log.logType) === 2 ? 'image'
-    : Number(log.logType) === 3 ? 'video'
-      : Number(log.logType) === 4 ? 'audio' : ''
-  if (legacyType) addMedia(result, seen, legacyType, log.mediaUrl)
-
-  // 即使没有找到媒体也缓存空数组，避免无媒体日志在每次渲染时重复扫描全部字段。
-  mediaCache.set(log, result)
-  return result
-}
-
-// Element Plus 图片预览需要同一条日志下的纯图片 URL 数组，视频和音频不会进入预览列表。
-const imageUrlsOf = (log) => mediaOf(log)
-  .filter((item) => item.type === 'image')
-  .map((item) => item.url)
-
-/**
- * 根据滚动层的剩余距离更新“是否位于底部”。
- * 用户拖动滚动条、滚轮滚动以及程序修改 scrollTop 都会触发 scroll 事件，因此只需要维护一个状态源。
- */
-const updateBottomState = () => {
-  const container = messageContainer.value
-  if (!container) {
-    isAtBottom.value = true
-    return
-  }
-
-  const distanceToBottom = container.scrollHeight - container.scrollTop - container.clientHeight
-  isAtBottom.value = distanceToBottom <= BOTTOM_THRESHOLD
-}
-
-// 滚动事件只做轻量尺寸计算，不写入 scrollTop，避免干扰用户正在进行的历史日志浏览。
-const handleScroll = () => updateBottomState()
-
-/**
- * 将滚动位置移动到最新日志，并恢复自动跟随状态。
- * nextTick 确保新日志已经渲染，scrollHeight 是更新后的完整内容高度。
- */
-const scrollToBottom = async () => {
-  await nextTick()
-  const container = messageContainer.value
-  if (!container) return
-  container.scrollTop = container.scrollHeight
-  isAtBottom.value = true
-}
-
-/**
- * 日志变化时先读取更新前的滚动状态：
- * - 原本在底部，说明用户正在追踪最新日志，DOM 更新后继续滚到底部；
- * - 原本不在底部，说明用户正在查看历史内容，只更新按钮状态，不改变其 scrollTop。
- * deep 监听同时覆盖追加日志和现有日志内容更新。
- */
-watch(() => props.list, () => {
-  if (isAtBottom.value) {
-    scrollToBottom()
-  } else {
-    nextTick(updateBottomState)
-  }
-}, { deep: true })
-
-// 首次进入日志视图仍默认展示最新一条，此时尚不存在用户主动选择的历史位置。
-onMounted(scrollToBottom)
-</script>
-
-<style scoped lang="scss">
-/* 外层容器固定高度并裁剪内容，同时作为“跳到最新日志”悬浮按钮的定位上下文。 */
-.task-log {
-  position: relative;
-  box-sizing: border-box;
-  margin-top: 12px;
-  overflow: hidden;
-  background: #fff;
-  border: 1px solid #eee;
-  border-radius: 8px;
-}
-
-/* 只有内部区域负责滚动，悬浮按钮不会随日志内容一起移出可视区域。 */
-.task-log__scroll {
-  box-sizing: border-box;
-  height: 100%;
-  padding: 12px;
-  overflow-y: auto;
-}
-
-/* 固定在滚动视口右下角，不参与日志排版；稳定尺寸避免按钮出现时挤压或移动内容。 */
-.task-log__jump-latest {
-  position: absolute;
-  right: 16px;
-  bottom: 16px;
-  z-index: 2;
-  width: 36px;
-  height: 36px;
-  box-shadow: 0 4px 12px rgb(0 0 0 / 18%);
-}
-
-/* 桌面端使用“时间 + 内容”两列布局；内容列 minmax(0, 1fr) 允许长文本正确收缩。 */
-.task-log__item {
-  display: grid;
-  grid-template-columns: 145px minmax(0, 1fr);
-  gap: 12px;
-  align-items: start;
-  margin-bottom: 10px;
-}
-
-.task-log__iteration-header {
-  display: flex;
-  width: 100%;
-  min-height: 38px;
-  gap: 8px;
-  align-items: center;
-  margin: 8px 0;
-  padding: 7px 10px;
-  border: 1px solid #dcdfe6;
-  border-radius: 6px;
-  background: #f7f8fa;
-  color: #303133;
-  cursor: pointer;
-  text-align: left;
-}
-
-.task-log__iteration-header .el-icon {
-  flex: 0 0 auto;
-  transition: transform 0.18s ease;
-}
-
-.task-log__iteration-header .el-icon.is-expanded {
-  transform: rotate(90deg);
-}
-
-.task-log__iteration-title {
-  min-width: 0;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.task-log__iteration-count {
-  margin-left: auto;
-  color: #909399;
-  font-size: 12px;
-  white-space: nowrap;
-}
-
-.task-log__item.is-iteration-child {
-  margin-left: 18px;
-  padding-left: 10px;
-  border-left: 2px solid #e4e7ed;
-}
-
-.task-log__time {
-  color: #999;
-  font-size: 13px;
-  white-space: nowrap;
-}
-
-.task-log__body {
-  min-width: 0;
-}
-
-.task-log__content {
-  color: #333;
-  font-size: 14px;
-  line-height: 20px;
-}
-
-.task-log__error {
-  display: grid;
-  grid-template-columns: max-content minmax(0, 1fr);
-  gap: 8px;
-  margin-top: 7px;
-  padding: 8px 10px;
-  border-left: 3px solid var(--el-color-danger);
-  background: var(--el-color-danger-light-9);
-  color: var(--el-color-danger-dark-2);
-  font-size: 13px;
-  line-height: 19px;
-}
-
-.task-log__error span {
-  min-width: 0;
-  overflow-wrap: anywhere;
-}
-
-/* 分析结果使用左侧强调线与普通日志正文区分，但保持在同一条日志的内容列中。 */
-.task-log__analysis {
-  margin-top: 9px;
-  padding: 10px 12px;
-  border-left: 3px solid #5b8ff9;
-  background: #f6f8fc;
-  color: #344054;
-}
-
-.task-log__analysis-heading {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  align-items: center;
-}
-
-.task-log__analysis-meta,
-.task-log__analysis-field span,
-.task-log__analysis-label {
-  color: #667085;
-  font-size: 12px;
-}
-
-/* 四列摘要分别承载识别结果、匹配状态、置信度和判断结果。 */
-.task-log__analysis-grid {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 8px;
-  margin-top: 9px;
-}
-
-.task-log__analysis-field {
-  display: flex;
-  min-width: 0;
-  flex-direction: column;
-  gap: 2px;
-}
-
-.task-log__analysis-field strong {
-  overflow: hidden;
-  color: #1f2937;
-  font-size: 13px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.task-log__analysis-summary {
-  margin-top: 9px;
-  color: #344054;
-  line-height: 20px;
-}
-
-.task-log__analysis-events {
-  margin-top: 9px;
-}
-
-.task-log__analysis-event {
-  margin-top: 3px;
-  color: #475467;
-  font-size: 12px;
-  line-height: 18px;
-}
-
-/* 原始扩展详情限制最大高度并允许内部滚动，长 JSON 不会无限撑高单条日志。 */
-.task-log__analysis-details {
-  max-height: 180px;
-  margin: 9px 0 0;
-  overflow: auto;
-  padding: 8px;
-  background: #fff;
-  color: #475467;
-  font-size: 11px;
-  line-height: 16px;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.task-log__output {
-  max-height: 180px;
-  margin: 8px 0 0;
-  overflow: auto;
-  padding: 8px 10px;
-  border-left: 3px solid #67c23a;
-  background: #f5f7fa;
-  color: #475467;
-  font-size: 12px;
-  line-height: 18px;
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-.task-log__business-summary {
-  margin-top: 8px;
-  padding: 8px 10px;
-  border-left: 3px solid #67c23a;
-  background: #f3faf0;
-  color: #3f5f39;
-  line-height: 20px;
-  overflow-wrap: anywhere;
-}
-
-/* 媒体资源允许自动换行；每种播放器使用稳定尺寸，资源加载后不会造成明显布局跳动。 */
-.task-log__media {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 8px;
-}
-
-.task-log__image {
-  width: 96px;
-  height: 72px;
-  border-radius: 4px;
-}
-
-.task-log__video {
-  width: min(320px, 100%);
-  max-height: 220px;
-  background: #111;
-  border-radius: 4px;
-}
-
-.task-log__audio {
-  width: min(340px, 100%);
-  height: 40px;
-}
-
-/* 窄屏改为上下布局，并把分析摘要缩减为两列，保证字段名称和结果仍有可读宽度。 */
-@media (max-width: 640px) {
-  .task-log__item {
-    grid-template-columns: 1fr;
-    gap: 3px;
-  }
-
-  .task-log__analysis-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
-}
-</style>
diff --git a/src/views/flow/components/TestRun.vue b/src/views/flow/components/TestRun.vue
deleted file mode 100644
index c823b81..0000000
--- a/src/views/flow/components/TestRun.vue
+++ /dev/null
@@ -1,319 +0,0 @@
-<!-- 流程试运行：分配机器人角色并收集业务运行参数。 -->
-<template>
-  <el-drawer :model-value="props.drawer" title="试运行" size="min(620px, 96vw)" :before-close="handleClose">
-    <div class="section-heading">本次执行安排</div>
-    <div class="assignment-tip">流程只保存角色分工，以下机器人和设备仅用于本次运行。</div>
-
-    <div v-for="role in roles" :key="role.roleKey" class="assignment-row">
-      <div class="assignment-row__title">
-        <span>{{ role.displayName }}</span>
-        <el-tag v-if="role.required" size="small" type="info">必需</el-tag>
-      </div>
-      <el-form label-position="top">
-        <el-form-item label="执行机器人" required>
-          <el-select
-            :model-value="getMember(role).robotId"
-            filterable
-            :loading="robotLoading"
-            placeholder="请选择机器人"
-            style="width: 100%"
-            @change="(robotId) => handleRobotChange(role, robotId)"
-          >
-            <el-option v-for="item in robotOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item v-for="slot in role.deviceSlots" :key="slot.slotKey" :label="slot.displayName" :required="slot.required">
-          <el-select
-            v-model="getMember(role).devices[slot.slotKey]"
-            filterable
-            :loading="loadingRoleKey === role.roleKey"
-            :disabled="!getMember(role).robotId"
-            :placeholder="getMember(role).robotId ? '请选择设备' : '请先选择机器人'"
-            style="width: 100%"
-          >
-            <el-option
-              v-for="item in getSlotOptions(role, slot)"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-          <div v-if="getMember(role).robotId && !getSlotOptions(role, slot).length" class="assignment-error">
-            该机器人没有匹配的在线设备
-          </div>
-        </el-form-item>
-      </el-form>
-    </div>
-
-    <div class="section-heading section-heading--params">运行参数</div>
-    <el-form ref="ruleFormRef" :model="{ tableData }" label-width="auto">
-      <el-table :data="tableData" row-key="name" default-expand-all style="width: 100%; margin-bottom: 20px">
-        <el-table-column prop="name" label="参数">
-          <template #default="{ row }">
-            <span>{{ row.name }}</span><span v-if="row.required" class="required-mark">*</span>
-          </template>
-        </el-table-column>
-        <el-table-column prop="type" label="类型" width="100">
-          <template #default="{ row }"><el-tag>{{ row.type }}</el-tag></template>
-        </el-table-column>
-        <el-table-column prop="value" label="值">
-          <template #default="{ row }">
-            <el-form-item
-              v-if="row.type !== 'object' && !row.type.includes('array')"
-              :prop="`tableData${row.propPath}value`"
-              :rules="row.required ? [{ required: true, message: '请填写参数', trigger: 'blur' }] : []"
-            >
-              <el-input v-if="row.type === 'string'" v-model="row.value" />
-              <el-input-number v-else-if="row.type === 'number'" v-model="row.value" :controls="false" />
-              <el-switch v-else-if="row.type === 'boolean'" v-model="row.value" />
-            </el-form-item>
-            <el-form-item
-              v-else-if="row.type !== 'object'"
-              :prop="`tableData${row.propPath}value`"
-              :rules="row.required ? [{ required: true, message: '请填写参数', trigger: 'blur' }] : []"
-            >
-              <el-input v-model="row.value" placeholder="数组格式，例如：[1,2,3]" />
-            </el-form-item>
-          </template>
-        </el-table-column>
-      </el-table>
-      <el-empty v-if="!tableData.length" :image-size="52" description="没有需要填写的运行参数" />
-    </el-form>
-
-    <template #footer>
-      <el-button @click="handleClose">关闭</el-button>
-      <el-button type="primary" :loading="submitting" @click="confirm">开始运行</el-button>
-    </template>
-  </el-drawer>
-</template>
-
-<script setup>
-import { reactive, ref, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-import { flowExecuteTrial } from '@/api/flow/flow'
-import { getRobotList, getRobotDevicesByRobotId } from '@/api/resource/robot'
-import { emitter } from '@/utils/eventBus'
-import { formatTableData, getStartNodeFormData } from '@/utils/flow'
-import { toDeviceOptions } from '@/utils/robotDevice'
-import {
-  getResourceRoles,
-  normalizeFlowResourceSchema,
-  sanitizeFlowResourceDefinition,
-  validateFlowResources,
-} from '@/utils/flowResources'
-
-const props = defineProps({ drawer: Boolean, flowId: String })
-const emits = defineEmits(['close', 'changeState'])
-
-const ruleFormRef = ref()
-const tableData = ref([])
-const roles = ref([])
-const runtimeAssignments = ref([])
-const robotOptions = ref([])
-const devicesByRole = reactive({})
-const robotLoading = ref(false)
-const loadingRoleKey = ref('')
-const submitting = ref(false)
-const trialRunCache = new Map()
-
-const clone = (value) => JSON.parse(JSON.stringify(value || []))
-const cacheKey = () => props.flowId || '__new_flow__'
-
-const mergeCachedValues = (source, cached) => {
-  const cachedByName = new Map((cached || []).map((item) => [item.name, item]))
-  return (source || []).map((item, index) => {
-    const cachedItem = cached?.[index]?.name === item.name ? cached[index] : cachedByName.get(item.name)
-    if (!cachedItem) return item
-    const merged = { ...item, value: cachedItem.value }
-    if (Array.isArray(item.children)) merged.children = mergeCachedValues(item.children, cachedItem.children)
-    return merged
-  })
-}
-
-const getAssignment = (role) => runtimeAssignments.value.find((item) => item.roleKey === role.roleKey)
-const getMember = (role) => getAssignment(role).members[0]
-
-const createAssignments = (cached = []) => roles.value.map((role) => {
-  const old = cached.find((item) => item.roleKey === role.roleKey)
-  return old || {
-    roleKey: role.roleKey,
-    members: [{
-      memberKey: `${role.roleKey}_1`,
-      robotId: role.legacyRobotId || '',
-      devices: Object.fromEntries((role.deviceSlots || []).map((slot) => [slot.slotKey, slot.legacyDeviceId || ''])),
-    }],
-  }
-})
-
-const remember = () => {
-  trialRunCache.set(cacheKey(), {
-    tableData: clone(tableData.value),
-    runtimeAssignments: clone(runtimeAssignments.value),
-  })
-}
-
-const loadRobotOptions = async () => {
-  robotLoading.value = true
-  try {
-    const response = await getRobotList({ pageNum: 1, pageSize: 1000, connectStatus: 1 })
-    robotOptions.value = (response.rows || []).map((robot) => ({
-      label: `${robot.robotName || robot.robotId} (${robot.robotId})`,
-      value: robot.robotId,
-    }))
-  } finally {
-    robotLoading.value = false
-  }
-}
-
-const getSlotOptions = (role, slot) => toDeviceOptions((devicesByRole[role.roleKey] || []).filter((device) => (
-  slot.deviceKind == null || Number(device.deviceKind) === Number(slot.deviceKind)
-)))
-
-const loadRoleDevices = async (role, preserveValues = true) => {
-  const member = getMember(role)
-  if (!member.robotId) {
-    devicesByRole[role.roleKey] = []
-    return
-  }
-  loadingRoleKey.value = role.roleKey
-  try {
-    const response = await getRobotDevicesByRobotId(member.robotId)
-    devicesByRole[role.roleKey] = Array.isArray(response.data) ? response.data : []
-    role.deviceSlots.forEach((slot) => {
-      const options = getSlotOptions(role, slot)
-      const currentValid = options.some((option) => option.value === member.devices[slot.slotKey])
-      if (!preserveValues || !currentValid) member.devices[slot.slotKey] = options.length === 1 ? options[0].value : ''
-    })
-  } catch (error) {
-    devicesByRole[role.roleKey] = []
-    ElMessage.error(`读取“${role.displayName}”的设备失败`)
-  } finally {
-    loadingRoleKey.value = ''
-  }
-}
-
-const handleRobotChange = async (role, robotId) => {
-  const member = getMember(role)
-  member.robotId = robotId
-  member.devices = Object.fromEntries(role.deviceSlots.map((slot) => [slot.slotKey, '']))
-  await loadRoleDevices(role, false)
-}
-
-const initialize = async () => {
-  const graph = normalizeFlowResourceSchema(globalThis.lf.getGraphData())
-  roles.value = getResourceRoles(graph)
-  const cached = trialRunCache.get(cacheKey())
-  tableData.value = mergeCachedValues(getStartNodeFormData(), cached?.tableData)
-  runtimeAssignments.value = createAssignments(cached?.runtimeAssignments)
-  await loadRobotOptions()
-  await Promise.all(roles.value.filter((role) => getMember(role).robotId).map((role) => loadRoleDevices(role)))
-}
-
-watch(() => props.drawer, (open) => { if (open) initialize() })
-
-const handleClose = () => {
-  remember()
-  ruleFormRef.value?.clearValidate()
-  emits('close')
-}
-
-const validateAssignments = () => {
-  for (const role of roles.value) {
-    const member = getMember(role)
-    if (role.required && !member.robotId) return `请为“${role.displayName}”选择机器人`
-    for (const slot of role.deviceSlots || []) {
-      if (slot.required && !member.devices[slot.slotKey]) return `请为“${role.displayName}”选择“${slot.displayName}”`
-    }
-  }
-  return ''
-}
-
-const confirm = async () => {
-  const currentGraph = globalThis.lf.getGraphData()
-  const resourceValidation = validateFlowResources(currentGraph)
-  if (resourceValidation.errors.length) {
-    ElMessage.warning(resourceValidation.errors[0].message)
-    return
-  }
-  const assignmentError = validateAssignments()
-  if (assignmentError) {
-    ElMessage.warning(assignmentError)
-    return
-  }
-  const formValid = await ruleFormRef.value?.validate().catch(() => false)
-  if (formValid === false) return
-
-  remember()
-  submitting.value = true
-  try {
-    const formData = formatTableData(tableData.value)
-    resourceValidation.graph.nodes.forEach((node) => emitter.emit('contentChange', { id: node.id }))
-    const executionDefinition = sanitizeFlowResourceDefinition(globalThis.lf.getGraphData())
-    const firstRobotId = runtimeAssignments.value.flatMap((item) => item.members).find((member) => member.robotId)?.robotId || ''
-    const response = await flowExecuteTrial({
-      flowData: JSON.stringify(executionDefinition),
-      itemId: props.flowId,
-      robotId: firstRobotId,
-      runtimeAssignments: runtimeAssignments.value,
-      runParams: formData,
-    })
-    if (response.code !== 200) {
-      ElMessage.error(response.msg)
-      return
-    }
-    emits('changeState', { type: 'testRunning', instId: response.msg })
-  } finally {
-    submitting.value = false
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.section-heading {
-  margin: 6px 0 10px;
-  color: var(--el-text-color-primary);
-  font-size: 15px;
-  font-weight: 650;
-}
-
-.section-heading--params {
-  margin-top: 24px;
-}
-
-.assignment-tip {
-  margin-bottom: 14px;
-  padding: 10px 12px;
-  border-left: 3px solid var(--el-color-primary);
-  background: var(--el-fill-color-light);
-  color: var(--el-text-color-secondary);
-  font-size: 13px;
-  line-height: 20px;
-}
-
-.assignment-row {
-  padding: 14px 0 4px;
-  border-bottom: 1px solid var(--el-border-color-lighter);
-}
-
-.assignment-row__title {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  margin-bottom: 12px;
-  font-weight: 650;
-}
-
-.assignment-error,
-.required-mark {
-  color: var(--el-color-danger);
-}
-
-.assignment-error {
-  margin-top: 5px;
-  font-size: 12px;
-}
-
-.required-mark {
-  margin-left: 6px;
-}
-</style>
diff --git a/src/views/flow/components/params/ActionQueueParams.vue b/src/views/flow/components/params/ActionQueueParams.vue
deleted file mode 100644
index 104bc86..0000000
--- a/src/views/flow/components/params/ActionQueueParams.vue
+++ /dev/null
@@ -1,585 +0,0 @@
-<template>
-  <div class="queue-editor">
-    <div class="queue-editor__heading">执行设置</div>
-    <el-form label-position="top">
-      <el-form-item label="由谁执行" required>
-        <el-select v-model="formData.executionTarget.roleKey" style="width: 100%" @change="handleRoleChange">
-          <el-option v-for="role in roles" :key="role.roleKey" :label="role.displayName" :value="role.roleKey" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="队列总超时（毫秒）" required>
-        <el-input-number v-model="formData.totalTimeoutMs" :min="1" :max="2147483647" style="width: 100%" />
-      </el-form-item>
-      <el-form-item label="动作标识（可选）">
-        <el-input v-model="formData.actionId" placeholder="留空时执行端自动生成" />
-      </el-form-item>
-    </el-form>
-
-    <div class="queue-editor__toolbar">
-      <div>
-        <div class="queue-editor__heading">动作步骤</div>
-        <div class="queue-editor__hint">步骤会在边缘端严格按顺序执行。</div>
-      </div>
-      <el-button type="primary" plain @click="addStep"><el-icon><Plus /></el-icon>添加步骤</el-button>
-    </div>
-
-    <el-collapse v-model="activeStepKeys" class="queue-steps">
-      <el-collapse-item v-for="(step, index) in formData.steps" :key="step.localKey" :name="step.localKey">
-        <template #title>
-          <div class="queue-step__header">
-            <div class="queue-step__title">
-              <span class="queue-step__index">{{ index + 1 }}</span>
-              <span class="queue-step__name">{{ getActionQueueStepName(step, index) }}</span>
-              <span class="queue-step__action">{{ actionLabel(step.type) }}</span>
-            </div>
-            <div class="queue-step__actions" @click.stop>
-              <el-tooltip content="单独执行此步骤" placement="top">
-                <el-button :icon="VideoPlay" circle size="small" type="primary" plain aria-label="单独执行此步骤" @click="runStep(index)" />
-              </el-tooltip>
-              <el-tooltip content="上移一步" placement="top">
-                <el-button :icon="ArrowUp" circle size="small" :disabled="index === 0" aria-label="上移一步" @click="moveStep(index, -1)" />
-              </el-tooltip>
-              <el-tooltip content="下移一步" placement="top">
-                <el-button :icon="ArrowDown" circle size="small" :disabled="index === formData.steps.length - 1" aria-label="下移一步" @click="moveStep(index, 1)" />
-              </el-tooltip>
-              <el-tooltip content="复制步骤" placement="top">
-                <el-button :icon="CopyDocument" circle size="small" aria-label="复制步骤" @click="copyStep(index)" />
-              </el-tooltip>
-              <el-dropdown v-if="step.sourceNode" trigger="click" @command="(placement) => requestExtractStep(index, placement)">
-                <el-button :icon="MoreFilled" circle size="small" aria-label="移出队列" />
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item command="before">移到队列前并连接</el-dropdown-item>
-                    <el-dropdown-item command="after">移到队列后并连接</el-dropdown-item>
-                    <el-dropdown-item command="detached" divided>仅移出，不连线</el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-              <el-tooltip content="删除步骤" placement="top">
-                <el-button :icon="Delete" circle size="small" type="danger" plain aria-label="删除步骤" @click="removeStep(index)" />
-              </el-tooltip>
-            </div>
-          </div>
-        </template>
-        <div class="queue-step">
-          <el-form label-position="top">
-            <el-form-item label="步骤名称">
-              <el-input v-model="step.stepName" maxlength="50" show-word-limit placeholder="例如：移动到取料位" />
-            </el-form-item>
-            <el-form-item label="动作" required>
-              <el-select v-model="step.type" style="width: 100%" @change="handleStepTypeChange(step)">
-                <el-option v-for="item in actionTypes" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
-            </el-form-item>
-            <el-form-item v-if="deviceKindForType(step.type)" label="使用设备" required>
-              <el-select v-model="step.deviceSlotKey" style="width: 100%">
-                <el-option
-                  v-for="slot in matchingSlots(step.type)"
-                  :key="slot.slotKey"
-                  :label="slot.displayName"
-                  :value="slot.slotKey"
-                />
-              </el-select>
-              <div v-if="!matchingSlots(step.type).length" class="queue-editor__warning">当前角色没有对应设备用途。</div>
-            </el-form-item>
-            <div v-if="stepHelperLabel(step.type)" class="queue-step__helper">
-              <el-button type="primary" plain :icon="Location" @click="openStepHelper(step)">
-                {{ stepHelperLabel(step.type) }}
-              </el-button>
-            </div>
-            <el-form-item label="步骤超时（毫秒）">
-              <el-input-number v-model="step.timeoutMs" :min="0" :max="2147483647" style="width: 100%" />
-            </el-form-item>
-            <template v-for="field in fieldsForType(step.type)" :key="field.key">
-              <el-form-item :label="field.label" :required="field.required !== false">
-                <el-select
-                  v-if="field.key === 'stationId' && step.stationOptions?.length"
-                  v-model="step.params[field.key]"
-                  filterable
-                  style="width: 100%"
-                >
-                  <el-option v-for="option in step.stationOptions" :key="option.value" :label="option.label" :value="option.value" />
-                </el-select>
-                <el-select v-else-if="field.options" v-model="step.params[field.key]" style="width: 100%">
-                  <el-option v-for="option in field.options" :key="option.value" :label="option.label" :value="option.value" />
-                </el-select>
-                <el-input-number
-                  v-else-if="field.number"
-                  v-model="step.params[field.key]"
-                  :min="field.min"
-                  :max="field.max ?? Infinity"
-                  :step="field.step || 1"
-                  style="width: 100%"
-                />
-                <el-input v-else v-model="step.params[field.key]" :type="field.multiline ? 'textarea' : 'text'" :rows="3" />
-              </el-form-item>
-            </template>
-          </el-form>
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-    <el-empty v-if="!formData.steps.length" description="请添加至少一个动作步骤" :image-size="72" />
-
-    <el-dialog v-model="helperDialogVisible" :title="stepHelperLabel(helperStep?.type)" width="460" append-to-body>
-      <div class="queue-helper__tip">在线设备仅用于读取参数，不会写入流程定义。</div>
-      <el-form label-position="top">
-        <el-form-item label="机器人" required>
-          <el-select v-model="helperForm.robotId" filterable style="width: 100%" @change="loadHelperDevices">
-            <el-option v-for="item in helperRobotOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="执行设备" required>
-          <el-select v-model="helperForm.deviceId" filterable :loading="helperDeviceLoading" style="width: 100%">
-            <el-option v-for="item in helperDeviceOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="helperDialogVisible = false">取消</el-button>
-        <el-button type="primary" :loading="helperSubmitting" @click="applyStepHelper">确认读取</el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup>
-import { reactive, ref, watch } from 'vue'
-import { ArrowDown, ArrowUp, CopyDocument, Delete, Location, MoreFilled, Plus, VideoPlay } from '@element-plus/icons-vue'
-import { ElMessage } from 'element-plus'
-import { getAgvStations, getAgvStatus, getArmJointState, getArmStatus } from '@/api/flow/flow'
-import { getRobotDevicesByRobotId, getRobotList } from '@/api/resource/robot'
-import {
-  createDeviceSlot,
-  createResourceKey,
-  FLOW_NODE_RESOURCE_OWNER,
-  getResourceRoles,
-  getStartNode,
-  pruneUnusedNodeResources,
-} from '@/utils/flowResources'
-import { DEVICE_KIND, toDeviceOptions } from '@/utils/robotDevice'
-import { copyActionQueueStep, getActionQueueStepName, moveActionQueueStep } from '@/utils/actionQueue'
-
-const props = defineProps({ data: { type: Object, required: true } })
-const emit = defineEmits(['save-success', 'save-error', 'extract-step'])
-
-const actionTypes = [
-  { value: 'DELAY', label: '等待' },
-  { value: 'ARM_MOVE_J', label: '机械臂关节运动' },
-  { value: 'ARM_MOVE_L', label: '机械臂直线运动' },
-  { value: 'AGV_NAVIGATE_TO_POSE', label: '底盘导航到坐标' },
-  { value: 'AGV_NAVIGATE_TO_STATION', label: '底盘导航到站点' },
-  { value: 'AGV_FOLLOW_PATH', label: '底盘按路径导航' },
-]
-
-const commonMotionFields = [
-  { key: 'velocity', label: '速度', number: true, min: 0, step: 0.01, required: false },
-  { key: 'acceleration', label: '加速度', number: true, min: 0, step: 0.01, required: false },
-]
-const fieldsByType = {
-  DELAY: [{ key: 'durationMs', label: '等待时长（毫秒）', number: true, min: 0 }],
-  ARM_MOVE_J: [{ key: 'positions', label: '关节位置（JSON 数组）', multiline: true }, ...commonMotionFields],
-  ARM_MOVE_L: [
-    ...['x', 'y', 'z', 'rx', 'ry', 'rz'].map((key) => ({ key, label: key.toUpperCase(), number: true })),
-    { key: 'frame', label: '坐标系', options: ['BASE', 'TOOL', 'WORLD', 'USER'].map((value) => ({ value, label: value })) },
-    ...commonMotionFields,
-  ],
-  AGV_NAVIGATE_TO_POSE: [
-    ...['x', 'y', 'theta'].map((key) => ({ key, label: key === 'theta' ? '角度' : key.toUpperCase(), number: true })),
-    { key: 'maxSpeed', label: '最大速度', number: true, min: 0, step: 0.01, required: false },
-    { key: 'blockedTimeoutMs', label: '遇障超时（毫秒）', number: true, min: 1, step: 1000 },
-  ],
-  AGV_NAVIGATE_TO_STATION: [
-    { key: 'stationId', label: '站点 ID' },
-    { key: 'maxSpeed', label: '最大速度', number: true, min: 0, step: 0.01, required: false },
-    { key: 'blockedTimeoutMs', label: '遇障超时（毫秒）', number: true, min: 1, step: 1000 },
-  ],
-  AGV_FOLLOW_PATH: [
-    { key: 'path', label: '路径段（JSON 数组）', multiline: true },
-    { key: 'maxSpeed', label: '最大速度', number: true, min: 0, step: 0.01, required: false },
-    { key: 'blockedTimeoutMs', label: '遇障超时（毫秒）', number: true, min: 1, step: 1000 },
-  ],
-}
-const defaultParams = {
-  DELAY: { durationMs: 1000 },
-  ARM_MOVE_J: { positions: '[0, 0, 0, 0, 0, 0]', velocity: 0.1, acceleration: 0.2 },
-  ARM_MOVE_L: { x: 0, y: 0, z: 0, rx: 0, ry: 0, rz: 0, frame: 'BASE', velocity: 2.1, acceleration: 2.2 },
-  AGV_NAVIGATE_TO_POSE: { x: 0, y: 0, theta: 0, maxSpeed: 0.5, blockedTimeoutMs: 60000 },
-  AGV_NAVIGATE_TO_STATION: { stationId: '', maxSpeed: 0.5, blockedTimeoutMs: 60000 },
-  AGV_FOLLOW_PATH: { path: '[]', maxSpeed: 0.5, blockedTimeoutMs: 60000 },
-}
-const defaultTimeoutByType = {
-  DELAY: 5000,
-  ARM_MOVE_J: 10000,
-  ARM_MOVE_L: 3000,
-  AGV_NAVIGATE_TO_POSE: 60000,
-  AGV_NAVIGATE_TO_STATION: 60000,
-  AGV_FOLLOW_PATH: 120000,
-}
-
-const roles = ref([])
-const formData = reactive({ actionId: '', totalTimeoutMs: 60000, steps: [], executionTarget: {} })
-const activeStepKeys = ref([])
-const helperDialogVisible = ref(false)
-const helperStep = ref(null)
-const helperRobotOptions = ref([])
-const helperDeviceOptions = ref([])
-const helperDeviceLoading = ref(false)
-const helperSubmitting = ref(false)
-const helperForm = reactive({ robotId: '', deviceId: '' })
-const fieldsForType = (type) => fieldsByType[type] || []
-const actionLabel = (type) => actionTypes.find((item) => item.value === type)?.label || '未选择动作'
-const deviceKindForType = (type) => type?.startsWith('ARM_') ? DEVICE_KIND.ARM : (type?.startsWith('AGV_') ? DEVICE_KIND.AGV : null)
-const stepHelperLabel = (type) => ({
-  ARM_MOVE_J: '读取当前关节位置',
-  ARM_MOVE_L: '读取当前末端位姿',
-  AGV_NAVIGATE_TO_POSE: '读取底盘当前位置',
-  AGV_NAVIGATE_TO_STATION: '加载底盘站点',
-}[type] || '')
-const selectedRole = () => roles.value.find((role) => role.roleKey === formData.executionTarget.roleKey)
-const matchingSlots = (type) => (selectedRole()?.deviceSlots || []).filter((slot) => Number(slot.deviceKind) === deviceKindForType(type))
-
-const normalizeStep = (source = {}, index = 0) => {
-  const params = { ...(defaultParams[source.type || 'DELAY'] || {}), ...(source.params || {}) }
-  for (const key of ['positions', 'path']) {
-    if (Array.isArray(params[key])) params[key] = JSON.stringify(params[key])
-  }
-  return {
-    localKey: source.localKey || createResourceKey('queue_step'),
-    stepId: source.stepId || `step_${index + 1}`,
-    stepName: String(source.stepName || '').trim() || `步骤 ${index + 1}`,
-    type: source.type || 'DELAY',
-    timeoutMs: source.timeoutMs === undefined || source.timeoutMs === null
-      ? defaultTimeoutByType[source.type || 'DELAY']
-      : Number(source.timeoutMs),
-    deviceBindingKey: source.deviceBindingKey || createResourceKey('queue_device'),
-    deviceSlotKey: source.deviceSlotKey || '',
-    stationOptions: [],
-    ...(source.sourceNode ? { sourceNode: JSON.parse(JSON.stringify(source.sourceNode)) } : {}),
-    params,
-  }
-}
-
-const initData = () => {
-  roles.value = getResourceRoles()
-  const properties = props.data.properties || {}
-  const params = Object.fromEntries((properties.nodeParams || []).map((item) => [item.name, item.input]))
-  formData.actionId = params.actionId || ''
-  formData.totalTimeoutMs = Number(params.totalTimeoutMs || 60000)
-  formData.steps = (Array.isArray(params.steps) ? params.steps : []).map(normalizeStep)
-  formData.executionTarget = JSON.parse(JSON.stringify(properties.executionTarget || {}))
-  formData.executionTarget.roleKey ||= roles.value[0]?.roleKey || ''
-  formData.steps.forEach((step) => ensureStepSlot(step, false))
-  activeStepKeys.value = []
-}
-
-const persistRoles = () => {
-  const graph = lf.getGraphData()
-  const start = getStartNode(graph)
-  if (!start) return
-  lf.setProperties(start.id, { ...start.properties, resourceRoles: JSON.parse(JSON.stringify(roles.value)) })
-}
-
-const ensureStepSlot = (step, createWhenMissing = true) => {
-  const kind = deviceKindForType(step.type)
-  if (!kind) {
-    step.deviceSlotKey = ''
-    return
-  }
-  const role = selectedRole()
-  if (!role) return
-  const options = matchingSlots(step.type)
-  if (options.some((slot) => slot.slotKey === step.deviceSlotKey)) return
-  let slot = options[0]
-  if (!slot && createWhenMissing) {
-    slot = createDeviceSlot(kind, role.deviceSlots || [])
-    slot.managedBy = FLOW_NODE_RESOURCE_OWNER
-    role.deviceSlots ||= []
-    role.deviceSlots.push(slot)
-    persistRoles()
-  }
-  step.deviceSlotKey = slot?.slotKey || ''
-}
-
-const addStep = () => {
-  const step = normalizeStep({}, formData.steps.length)
-  formData.steps.push(step)
-  activeStepKeys.value = [...activeStepKeys.value, step.localKey]
-}
-const removeStep = (index) => {
-  const [removed] = formData.steps.splice(index, 1)
-  activeStepKeys.value = activeStepKeys.value.filter((key) => key !== removed?.localKey)
-}
-const moveStep = (index, offset) => {
-  moveActionQueueStep(formData.steps, index, offset)
-}
-const copyStep = (index) => {
-  const source = formData.steps[index]
-  if (!source) return
-  const copied = copyActionQueueStep(source, {
-    localKey: createResourceKey('queue_step'),
-    stepId: `step_${formData.steps.length + 1}`,
-    deviceBindingKey: createResourceKey('queue_device'),
-    stationOptions: [],
-  })
-  formData.steps.splice(index + 1, 0, copied)
-  activeStepKeys.value = [...new Set([...activeStepKeys.value, copied.localKey])]
-}
-const handleStepTypeChange = (step) => {
-  step.params = { ...(defaultParams[step.type] || {}) }
-  step.timeoutMs = defaultTimeoutByType[step.type] || 0
-  step.stationOptions = []
-  ensureStepSlot(step)
-}
-const handleRoleChange = () => formData.steps.forEach((step) => ensureStepSlot(step))
-
-const loadHelperRobots = async () => {
-  const response = await getRobotList({ pageNum: 1, pageSize: 1000, connectStatus: '1' })
-  helperRobotOptions.value = (response.rows || []).map((robot) => ({
-    value: robot.robotId,
-    label: `${robot.robotName || robot.robotId} (${robot.robotId})`,
-  }))
-}
-
-const loadHelperDevices = async (robotId) => {
-  helperForm.deviceId = ''
-  helperDeviceOptions.value = []
-  if (!robotId || !helperStep.value) return
-  helperDeviceLoading.value = true
-  try {
-    const response = await getRobotDevicesByRobotId(robotId, {
-      deviceKind: deviceKindForType(helperStep.value.type),
-    })
-    const devices = Array.isArray(response.data) ? response.data : []
-    helperDeviceOptions.value = toDeviceOptions(devices)
-    if (devices.length) helperForm.deviceId = devices[0].deviceId
-    else ElMessage.warning('当前机器人没有匹配的在线设备')
-  } finally {
-    helperDeviceLoading.value = false
-  }
-}
-
-const openStepHelper = async (step) => {
-  helperStep.value = step
-  helperForm.deviceId = ''
-  helperDialogVisible.value = true
-  try {
-    await loadHelperRobots()
-    if (helperForm.robotId && helperRobotOptions.value.some((item) => item.value === helperForm.robotId)) {
-      await loadHelperDevices(helperForm.robotId)
-    }
-  } catch (error) {
-    console.error('加载机器人设备失败:', error)
-    ElMessage.error('加载机器人设备失败')
-  }
-}
-
-const stationOptions = (stations) => (Array.isArray(stations) ? stations : [])
-  .filter((station) => station?.id !== undefined && station?.id !== null && String(station.id).trim())
-  .map((station) => {
-    const value = String(station.id).trim()
-    const description = String(station.description || '').trim()
-    return { value, label: description ? `${value} - ${description}` : value }
-  })
-
-const applyStepHelper = async () => {
-  const step = helperStep.value
-  if (!helperForm.robotId || !helperForm.deviceId) {
-    ElMessage.warning('请选择机器人和执行设备')
-    return
-  }
-  helperSubmitting.value = true
-  try {
-    const target = { robotId: helperForm.robotId, deviceId: helperForm.deviceId }
-    if (step.type === 'ARM_MOVE_J') {
-      const response = await getArmJointState(target)
-      const positions = response?.data?.position || response?.data?.positions
-      if (!Array.isArray(positions) || !positions.length) throw new Error('机械臂未返回有效的关节位置')
-      step.params.positions = JSON.stringify(positions)
-    } else if (step.type === 'ARM_MOVE_L') {
-      const response = await getArmStatus(target)
-      const pose = response?.data
-      if (!pose) throw new Error('机械臂未返回当前末端位姿')
-      ;['x', 'y', 'z', 'rx', 'ry', 'rz'].forEach((key) => {
-        if (pose[key] !== undefined && pose[key] !== null) step.params[key] = Number(pose[key])
-      })
-    } else if (step.type === 'AGV_NAVIGATE_TO_POSE') {
-      const response = await getAgvStatus(target)
-      const pose = response?.data?.pose
-      if (!pose) throw new Error('底盘未返回当前位置')
-      ;['x', 'y', 'theta'].forEach((key) => {
-        if (pose[key] !== undefined && pose[key] !== null) step.params[key] = Number(pose[key])
-      })
-    } else if (step.type === 'AGV_NAVIGATE_TO_STATION') {
-      const response = await getAgvStations(target)
-      const options = stationOptions(response?.data)
-      if (!options.length) throw new Error('底盘未返回可用站点')
-      step.stationOptions = options
-      if (!options.some((option) => option.value === step.params.stationId)) step.params.stationId = ''
-      ElMessage.success(`已加载${options.length}个站点`)
-    }
-    helperDialogVisible.value = false
-  } catch (error) {
-    console.error('读取动作参数失败:', error)
-    ElMessage.error(error?.message || '读取动作参数失败')
-  } finally {
-    helperSubmitting.value = false
-  }
-}
-
-const parseJsonFields = (step) => {
-  const params = { ...step.params }
-  for (const key of ['positions', 'path']) {
-    if (typeof params[key] !== 'string') continue
-    try {
-      const parsed = JSON.parse(params[key])
-      if (!Array.isArray(parsed)) throw new Error()
-      params[key] = parsed
-    } catch {
-      throw new Error(`${fieldsForType(step.type).find((field) => field.key === key)?.label || key}格式不正确`)
-    }
-  }
-  return params
-}
-
-const buildStandaloneStep = (step, index) => {
-  if (!step?.type) throw new Error(`步骤 ${index + 1} 未选择动作`)
-  const params = parseJsonFields(step)
-  fieldsForType(step.type).filter((field) => field.required !== false).forEach((field) => {
-    if (params[field.key] === '' || params[field.key] == null) {
-      throw new Error(`步骤 ${index + 1} 的${field.label}不能为空`)
-    }
-  })
-  return {
-    stepId: 'step_1',
-    stepName: getActionQueueStepName(step, index),
-    type: step.type,
-    timeoutMs: Number(step.timeoutMs || 0),
-    params,
-  }
-}
-
-const runStep = (index) => {
-  try {
-    const step = formData.steps[index]
-    const executionStep = buildStandaloneStep(step, index)
-    const stepTimeoutMs = Math.max(0, Number(executionStep.timeoutMs || 0))
-    document.dispatchEvent(new CustomEvent('singleNodeExecution', {
-      bubbles: false,
-      cancelable: false,
-      detail: {
-        name: getActionQueueStepName(step, index),
-        nodeType: 'EDGE',
-        action: 'SYSTEM_EXECUTE_ACTION_QUEUE',
-        nodeId: `${props.data.id}:queue-step:${step.localKey || index}`,
-        nodeParams: [
-          { name: 'actionId', type: 'input', input: '', required: false },
-          { name: 'totalTimeoutMs', type: 'input', componentType: 'number', input: Math.max(1000, stepTimeoutMs + 5000), required: true },
-          { name: 'steps', type: 'input', input: [executionStep], required: true },
-        ],
-      },
-    }))
-  } catch (error) {
-    ElMessage.warning(error.message)
-  }
-}
-
-const buildQueueDefinition = () => {
-  if (!formData.executionTarget.roleKey) throw new Error('请选择执行机器人角色')
-  if (!formData.steps.length) throw new Error('请添加至少一个动作步骤')
-  const steps = formData.steps.map((step, index) => {
-    if (!step.type) throw new Error(`步骤 ${index + 1} 未选择动作`)
-    if (deviceKindForType(step.type) && !step.deviceSlotKey) throw new Error(`步骤 ${index + 1} 未选择设备用途`)
-    const params = parseJsonFields(step)
-    fieldsForType(step.type).filter((field) => field.required !== false).forEach((field) => {
-      if (params[field.key] === '' || params[field.key] == null) throw new Error(`步骤 ${index + 1} 的${field.label}不能为空`)
-    })
-    return {
-      stepId: `step_${index + 1}`,
-      stepName: String(step.stepName || '').trim() || `步骤 ${index + 1}`,
-      type: step.type,
-      timeoutMs: Number(step.timeoutMs || 0),
-      ...(deviceKindForType(step.type) ? {
-        deviceBindingKey: step.deviceBindingKey,
-        deviceSlotKey: step.deviceSlotKey,
-      } : {}),
-      ...(step.sourceNode ? { sourceNode: JSON.parse(JSON.stringify(step.sourceNode)) } : {}),
-      params,
-    }
-  })
-  return {
-    steps,
-    executionTarget: {
-      roleKey: formData.executionTarget.roleKey,
-      dispatchPolicy: 'ONE',
-      deviceBindings: steps.filter((step) => step.deviceBindingKey).map((step) => ({
-        parameterName: step.deviceBindingKey,
-        slotKey: step.deviceSlotKey,
-      })),
-    },
-  }
-}
-
-const persistQueueDefinition = ({ steps, executionTarget }) => {
-  lf.setProperties(props.data.id, {
-    ...props.data.properties,
-    executionTarget,
-    nodeParams: [
-      { name: 'actionId', type: 'input', input: formData.actionId, required: false },
-      { name: 'totalTimeoutMs', type: 'input', componentType: 'number', input: formData.totalTimeoutMs, required: true },
-      { name: 'steps', type: 'input', input: steps, required: true },
-    ],
-  })
-}
-
-const requestExtractStep = (index, placement) => {
-  try {
-    persistQueueDefinition(buildQueueDefinition())
-    emit('extract-step', { queueId: props.data.id, index, placement })
-  } catch (error) {
-    ElMessage.warning(error.message)
-  }
-}
-
-const validateAndSave = async () => {
-  try {
-    persistQueueDefinition(buildQueueDefinition())
-    const cleanup = pruneUnusedNodeResources(lf.getGraphData())
-    if (cleanup.start) {
-      lf.setProperties(cleanup.start.id, {
-        ...cleanup.start.properties,
-        resourceRoles: cleanup.start.properties.resourceRoles,
-      })
-    }
-    emit('save-success')
-  } catch (error) {
-    ElMessage.warning(error.message)
-    emit('save-error')
-  }
-}
-
-watch(() => props.data, initData, { immediate: true, deep: true })
-defineExpose({ validateAndSave })
-</script>
-
-<style scoped lang="scss">
-.queue-editor { padding-top: 16px; }
-.queue-editor__heading { color: #344054; font-size: 14px; font-weight: 650; }
-.queue-editor__hint { margin-top: 3px; color: #7a8494; font-size: 12px; }
-.queue-editor__toolbar { display: flex; margin: 14px 0 12px; align-items: center; justify-content: space-between; }
-.queue-steps { border-top: 0; }
-.queue-steps :deep(.el-collapse-item) { margin-bottom: 10px; border: 1px solid #dfe4ec; border-radius: 8px; overflow: hidden; }
-.queue-steps :deep(.el-collapse-item__header) { min-height: 54px; height: auto; padding: 8px 12px; border-bottom: 0; }
-.queue-steps :deep(.el-collapse-item__wrap) { border-top: 1px solid #edf0f4; border-bottom: 0; }
-.queue-steps :deep(.el-collapse-item__content) { padding-bottom: 0; }
-.queue-step { padding: 14px; background: #fff; }
-.queue-step__header { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: space-between; color: #1f2937; font-weight: 650; }
-.queue-step__title { display: flex; min-width: 0; align-items: center; gap: 10px; }
-.queue-step__index { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; border-radius: 50%; background: #eef4ff; color: var(--el-color-primary); font-size: 12px; }
-.queue-step__name { overflow: hidden; max-width: 150px; text-overflow: ellipsis; white-space: nowrap; }
-.queue-step__action { overflow: hidden; color: #667085; font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
-.queue-step__actions { display: flex; flex: 0 0 auto; margin-right: 8px; align-items: center; }
-.queue-step__actions .el-button + .el-button { margin-left: 6px; }
-.queue-step__helper { margin: -2px 0 16px; }
-.queue-editor__warning { color: var(--el-color-warning); font-size: 12px; }
-.queue-helper__tip { margin: -4px 0 16px; padding: 9px 12px; border-left: 3px solid var(--el-color-primary); background: var(--el-fill-color-light); color: #667085; font-size: 12px; line-height: 18px; }
-</style>
diff --git a/src/views/flow/components/params/BasicNodeParams.vue b/src/views/flow/components/params/BasicNodeParams.vue
deleted file mode 100644
index dfb1413..0000000
--- a/src/views/flow/components/params/BasicNodeParams.vue
+++ /dev/null
@@ -1,598 +0,0 @@
-<!--
- * 文件说明：通用节点参数面板，配置输入输出及机器人动作调试。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-    <RobotExecutionTarget
-        v-if="isRobotNode"
-        :data="props.data"
-        v-model="formData.executionTarget"
-    />
-    <el-collapse v-model="activeNames">
-        <!-- 输入参数 -->
-        <el-collapse-item name="1" icon-position="left">
-            <template #title>
-                输入参数
-                <el-button :circle="true" size="small" @click="(e) => addFormItem(e, 'nodeParams')" class="addFormItem">
-                    <el-icon :size="14">
-                        <Plus />
-                    </el-icon>
-                </el-button>
-            </template>
-            <div class="form__container">
-                <el-button type="primary" v-if="hasDeviceDebugAction" size="small" @click="openRobotForm(props.data.properties.action)">{{ robotActionButtonText }}</el-button>
-                <el-form :inline="true" :model="formData" :rules="rules" ref="dynamicFormRef" label-position="top"
-                    label-width="auto">
-                    <div v-for="(property, index) in formData.nodeParams" :key="index">
-                        <el-row>
-                            <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`nodeParams.${index}.name`"
-                                :rules="[{ required: true, message: '请输入参数名', trigger: 'blur' }]">
-                                <el-input :disabled="property?.disabled || false" class="param-name"
-                                    v-model="property.name" placeholder="请输入" clearable />
-                            </el-form-item>
-                            <el-form-item :label="index === 0 ? '参数值' : ''" :prop="`nodeParams.${index}.type`">
-                                <el-select v-model="property.type" class="param-type" :disabled="property?.forceSelect || false" @change="handleTypeChange(property)">
-                                    <el-option label="引用" value="quote" />
-                                    <el-option label="输入" value="input" />
-                                </el-select>
-                                <el-form-item v-if="property.type === 'input'"
-                                    :rules="testRule(property)"
-                                    :prop="`nodeParams.${index}.input`">
-                                    <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                                        v-model="property.input" :min="property.min ?? 0" :max="property.max || Infinity"
-                                        :controls="property?.controls || true" :step-strictly="true" :step="property.step || 1" placeholder="请输入" clearable />
-                                    <el-select v-model="property.input" class="param-value"
-                                        v-else-if="property.componentType === 'select'">
-                                        <el-option v-for="item in property.selectOptions" :key="item.value"
-                                            :label="item.label" :value="item.value" />
-                                    </el-select>
-                                    <el-input class="param-value" v-else v-model="property.input" placeholder="请输入"
-                                        clearable />
-                                </el-form-item>
-                                <el-form-item v-if="property.type === 'quote'"
-                                    :rules="[{ required: true, message: '请选择参数值', trigger: 'blur' }]"
-                                    :prop="`nodeParams.${index}.quote`">
-                                    <el-cascader :ref="(el) => { if (el) cascaderRefs[index] = el }"
-                                        v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions"
-                                        placeholder="请选择"
-                                        @visible-change="(visible) => visibleChange(visible, index, property.quote)"
-                                        @change="(value) => cascaderChange(value, property)" />
-                                </el-form-item>
-                            </el-form-item>
-                            <el-button :icon="Minus" circle size="small" :disabled="property?.disabled || false"
-                                @click="handleDelete(index)" class="deleteBtn" />
-                        </el-row>
-                    </div>
-                </el-form>
-            </div>
-        </el-collapse-item>
-
-        <!-- 输出参数 -->
-        <el-collapse-item name="2" icon-position="left">
-            <template #title>
-                输出参数
-                <el-button :circle="true" size="small" @click="(e) => addFormItem(e, 'outputParams')"
-                    class="addFormItem">
-                    <el-icon :size="14">
-                        <Plus />
-                    </el-icon>
-                </el-button>
-            </template>
-            <div class="form__container">
-                <el-form :inline="true" :model="formData" label-position="top" label-width="auto" :rules="outputRules"
-                    ref="outputFormRef">
-                    <FormItemRecursive formType="output" :current-list="formData.outputParams" prop-path="outputParams"
-                        :depth="0" :is-first-level="true" :endDepth="2" :parent-path="[]"
-                        @delete-item="(path) => deleteTopLevelItem(path, 'outputParams')" />
-                </el-form>
-            </div>
-        </el-collapse-item>
-    </el-collapse>
-
-     <el-dialog
-        v-model="dialogVisible"
-        :title="robotDialogTitle"
-        width="460"
-    >
-        <div class="robot-device-tip">设备来自机器人最近一次在线上报，单个匹配设备会自动锁定。</div>
-        <el-form ref="robotFormRef" :model="robotForm" :rules="robotFormRules" label-width="90px">
-            <el-form-item label="机器人" prop="robotId">
-                <el-select v-model="robotForm.robotId" filterable placeholder="请选择在线机器人"
-                    style="width: 100%" @change="loadRobotDevices">
-                    <el-option v-for="item in robotOptions" :key="item.value"
-                        :label="item.label" :value="item.value" />
-                </el-select>
-            </el-form-item>
-            <el-form-item label="执行设备" prop="deviceId">
-                <el-select v-model="robotForm.deviceId" filterable :loading="deviceLoading"
-                    :disabled="deviceOptions.length === 1" placeholder="请先选择机器人" style="width: 100%">
-                    <el-option v-for="item in deviceOptions" :key="item.value"
-                        :label="item.label" :value="item.value" />
-                </el-select>
-                <div v-if="deviceOptions.length === 1" class="device-auto-hint">已自动匹配并锁定</div>
-            </el-form-item>
-        </el-form>
-        <template #footer>
-            <el-button @click="dialogVisible = false">取消</el-button>
-            <el-button type="primary" :loading="stationListLoading" @click="submitRobotForm">确认</el-button>
-        </template>
-    </el-dialog>
-</template>
-
-<script setup>
-import { computed, ref, reactive, watch, nextTick } from 'vue'
-import { Plus, Minus } from '@element-plus/icons-vue'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import RobotExecutionTarget from './RobotExecutionTarget.vue'
-import { getInput } from '@/utils/flow'
-import { useQuote } from './useQuote.js'
-import { getArmStatus, getArmJointState, getAgvStatus, getAgvStations } from '@/api/flow/flow'
-import { getRobotList, getRobotDevicesByRobotId } from '@/api/resource/robot'
-import { ElMessage } from 'element-plus'
-import { getDeviceKindForAction, toDeviceOptions } from '@/utils/robotDevice'
-import { actionRequiresDevice } from '@/utils/flowResources'
-
-const props = defineProps({
-    data: Object
-})
-
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formData = reactive({
-    nodeParams: [],
-    outputParams: [],
-    executionTarget: {}
-})
-
-const rules = reactive({})
-const outputRules = reactive({})
-const dynamicFormRef = ref()
-const outputFormRef = ref()
-const activeNames = ref(['1', '2'])
-
-// 使用共享的 quote 逻辑
-const { quoteOptions, cascaderRefs, handleTypeChange, cascaderChange, visibleChange } = useQuote(props.data.id)
-
-// 添加表单项
-/**
- * 新增 addFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addFormItem = (e, type) => {
-    e.stopPropagation()
-    const obj = {
-        name: '',
-        type: type === 'nodeParams' ? 'input' : 'string',
-        required: false,
-        children: [],
-        input: ''
-    }
-    if (!formData[type]) formData[type] = []
-    formData[type].push(obj)
-}
-
-// 删除输入参数（非递归）
-/**
- * 处理 handleDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} index 目标项索引
- */
-const handleDelete = (index) => {
-    formData.nodeParams.splice(index, 1)
-}
-
-// 删除顶层输出参数（递归删除通过 FormItemRecursive 的 emit 处理）
-/**
- * 删除 deleteTopLevelItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} fullPath 字段完整路径
- * @param {*} propPath 字段校验路径
- */
-const deleteTopLevelItem = (fullPath, propPath) => {
-    let currentLevel = formData[propPath]
-    for (let i = 0; i < fullPath.length - 1; i++) {
-        currentLevel = currentLevel[fullPath[i]].children
-    }
-    const lastIndex = fullPath[fullPath.length - 1]
-    currentLevel.splice(lastIndex, 1)
-}
-
-// 初始化数据
-/**
- * 初始化 initData 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const initData = () => {
-    const nodeParams = JSON.parse(JSON.stringify(props.data.properties.nodeParams || []))
-    const outputParams = JSON.parse(JSON.stringify(props.data.properties.outputParams || []))
-    formData.nodeParams = nodeParams;
-    formData.outputParams = outputParams;
-    formData.executionTarget = JSON.parse(JSON.stringify(props.data.properties.executionTarget || {}));
-}
-
-watch(
-    () => props.data,
-    () => {
-        initData()
-    },
-    { immediate: true, deep: true }
-)
-
-// 保存验证
-/**
- * 校验 validateAndSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const validateAndSave = async () => {
-    let inputValid = true
-    let outputValid = true
-    if (dynamicFormRef.value) {
-        await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-    }
-    if (outputFormRef.value) {
-        await outputFormRef.value.validate((valid) => { if (!valid) outputValid = false })
-    }
-    if (isRobotNode.value && !formData.executionTarget.roleKey) inputValid = false
-    if (isRobotNode.value
-        && actionRequiresDevice(props.data.properties.action)
-        && !formData.executionTarget.deviceSlotKey) {
-        inputValid = false
-        ElMessage.warning('请选择该节点使用的设备用途')
-    }
-
-    // 非机器人节点不应携带机器人执行目标，避免后端将空对象误判为无效角色引用。
-    const properties = {
-        ...props.data.properties,
-        ...formData
-    }
-    if (!isRobotNode.value) delete properties.executionTarget
-    lf.setProperties(props.data.id, properties)
-
-    if (inputValid && outputValid) {
-        emit('save-success')
-    } else {
-        emit('save-error')
-    }
-}
-
-const dialogVisible = ref(false)
-const robotFormRef = ref(null)
-const robotFormRules = reactive({
-    robotId: [{ required: true, message: '请选择机器人', trigger: 'change' }],
-    deviceId: [{ required: true, message: '设备ID不能为空', trigger: 'blur' }]
-})
-const robotForm = reactive({
-    deviceId: '',
-    robotId: ''
-})
-const robotOptions = ref([])
-const deviceOptions = ref([])
-const deviceLoading = ref(false)
-
-/**
- * 加载 loadRobotOptions 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const loadRobotOptions = async () => {
-    const response = await getRobotList({ pageNum: 1, pageSize: 1000, connectStatus: '1' })
-    robotOptions.value = (response.rows || []).map(robot => ({
-        value: robot.robotId,
-        label: `${robot.robotName || robot.robotId} (${robot.robotId})`
-    }))
-}
-
-/**
- * 加载 loadRobotDevices 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} robotId 机器人 ID
- */
-const loadRobotDevices = async (robotId) => {
-    robotForm.deviceId = ''
-    deviceOptions.value = []
-    if (!robotId) return
-    deviceLoading.value = true
-    try {
-        const response = await getRobotDevicesByRobotId(robotId, {
-            deviceKind: getDeviceKindForAction(robotFormAction.value)
-        })
-        const devices = Array.isArray(response.data) ? response.data : []
-        deviceOptions.value = toDeviceOptions(devices)
-        if (devices.length > 0) robotForm.deviceId = devices[0].deviceId
-        if (devices.length === 0) ElMessage.warning('当前机器人没有匹配的在线设备')
-    } finally {
-        deviceLoading.value = false
-    }
-}
-
-/**
- * 测试 testRule 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} property 参数属性
- */
-const testRule = (property) => {
-    if (property?.name === 'stationId' && props.data.properties.action === 'AGV_MOVE_TO_STATION') {
-        return [
-            { required: true, message: '请从站点列表中选择站点', trigger: 'change' },
-            { validator: () => {
-                const selectedFromList = property.selectOptions?.some(option => option.value === property.input)
-                if (selectedFromList) return Promise.resolve()
-                return Promise.reject(new Error('请重新加载并选择站点'))
-            }, trigger: 'change' }
-        ]
-    }
-
-    if (property?.name === 'acceleration') {
-        return [
-            { required: true, message: '请输入参数值', trigger: 'blur' },
-            { validator: () => {
-                if (formData.nodeParams.find(param => param.name === 'acceleration')?.input > formData.nodeParams.find(param => param.name === 'velocity')?.input) {
-                    return Promise.resolve()
-                } else {
-                    return Promise.reject(new Error('加速度必须大于速度'))
-                }
-            }, trigger: 'change' }
-        ]
-
-    }
-
-    if (property?.name === 'velocity') {
-        return [
-            { required: true, message: '请输入参数值', trigger: 'blur' },
-            { validator: () => {
-                if (formData.nodeParams.find(param => param.name === 'acceleration')?.input > formData.nodeParams.find(param => param.name === 'velocity')?.input) {
-                    return Promise.resolve()
-                } else {
-                    return Promise.reject(new Error('加速度必须大于速度'))
-                }
-            }, trigger: 'change' }
-        ]
-
-    }
-    return [{ required: property?.required ?? true, message: '请输入参数值', trigger: 'blur' }]
-}
-
-const robotFormAction = ref()
-const stationListLoading = ref(false)
-const POSITION_ACTIONS = ['AGV_MOVE_TO_POINT', 'ARM_MOVE_TO_POINT', 'ARM_MOVE_TO_J']
-const isRobotNode = computed(() => props.data.properties?.nodeType === 'EDGE')
-const hasDeviceDebugAction = computed(() => (
-    POSITION_ACTIONS.includes(props.data.properties.action)
-    || props.data.properties.action === 'AGV_MOVE_TO_STATION'
-))
-const robotActionButtonText = computed(() => {
-    if (props.data.properties.action === 'AGV_MOVE_TO_STATION') return '选择机器人并加载站点'
-    if (POSITION_ACTIONS.includes(props.data.properties.action)) return '选择机器人并获取位置'
-    return '选择机器人设备'
-})
-const robotDialogTitle = computed(() => {
-    if (robotFormAction.value === 'AGV_MOVE_TO_STATION') return '选择AGV并加载站点'
-    if (POSITION_ACTIONS.includes(robotFormAction.value)) return '选择机器人并读取当前位置'
-    return '选择机器人设备'
-})
-
-/**
- * 处理 submitRobotForm 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const submitRobotForm = () => {
-    if (robotFormAction.value === 'AGV_MOVE_TO_POINT') {
-        robotFormRef.value.validate(async (valid) => {
-            if (valid) {
-                try {
-                    const response = await getAgvStatus({ deviceId: robotForm.deviceId, robotId: robotForm.robotId })
-                    if (response && response.data) {
-                        dialogVisible.value = false
-                        const { x, y, theta } = response.data.pose
-                        const testMap = {
-                            x: x,
-                            y: y,
-                            theta: theta
-                        }
-                        // 将获取到的位置信息设置到 formData 中
-                        formData.nodeParams.forEach(param => {
-                            if (testMap.hasOwnProperty(param.name)) {
-                                param.input = testMap[param.name]
-                            }
-                        })
-                    }
-                } catch (error) {
-                    console.error('获取位置信息失败:', error)
-                }
-            }
-        })
-    } else if (robotFormAction.value === 'AGV_MOVE_TO_STATION') {
-        robotFormRef.value.validate(async (valid) => {
-            if (valid) {
-                stationListLoading.value = true
-                try {
-                    const response = await getAgvStations({
-                        deviceId: robotForm.deviceId,
-                        robotId: robotForm.robotId
-                    })
-                    const stationOptions = toStationOptions(response?.data)
-                    if (stationOptions.length === 0) {
-                        throw new Error('AGV未返回可用站点')
-                    }
-                    const stationParam = formData.nodeParams.find(param => param.name === 'stationId')
-                    if (stationParam) {
-                        stationParam.selectOptions = stationOptions
-                        if (!stationOptions.some(item => item.value === stationParam.input)) {
-                            stationParam.input = ''
-                        }
-                    }
-                    dialogVisible.value = false
-                    ElMessage.success(`已加载${stationOptions.length}个AGV站点`)
-                } catch (error) {
-                    console.error('加载AGV站点列表失败:', error)
-                    ElMessage.error(error?.message || '加载AGV站点列表失败')
-                } finally {
-                    stationListLoading.value = false
-                }
-            }
-        })
-    } else if (robotFormAction.value === 'ARM_MOVE_TO_POINT') {
-        robotFormRef.value.validate(async (valid) => {
-            if (valid) {
-                try {
-                    const response = await getArmStatus({ deviceId: robotForm.deviceId, robotId: robotForm.robotId })
-                    if (response && response.data) {
-                        dialogVisible.value = false
-                        const { x, y, z, rx, ry, rz } = response.data
-                        const testMap = {
-                            x: x,
-                            y: y,
-                            z: z,
-                            rx: rx,
-                            ry: ry,
-                            rz: rz,
-                        }
-                        // 将获取到的位置信息设置到 formData 中
-                        formData.nodeParams.forEach(param => {
-                            if (testMap.hasOwnProperty(param.name)) {
-                                param.input = testMap[param.name]
-                            }
-                        })
-                    }
-                } catch (error) {
-                    console.error('获取位置信息失败:', error)
-                }
-            }
-        })
-    } else if (robotFormAction.value === 'ARM_MOVE_TO_J') {
-        robotFormRef.value.validate(async (valid) => {
-            if (valid) {
-                try {
-                    const response = await getArmJointState({
-                        deviceId: robotForm.deviceId,
-                        robotId: robotForm.robotId
-                    })
-                    if (response && response.data) {
-                        const target = response.data.position || response.data.positions
-                        if (!Array.isArray(target) || target.length === 0) {
-                            throw new Error('机械臂未返回有效的关节位置')
-                        }
-                        dialogVisible.value = false
-                        const targetParam = formData.nodeParams.find(param => param.name === 'target')
-                        if (targetParam) targetParam.input = JSON.stringify(target)
-                    }
-                } catch (error) {
-                    console.error('获取机械臂关节位置失败:', error)
-                }
-            }
-        })
-    }
-}
-
-/**
- * 处理 toStationOptions 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} stations 站点集合
- */
-const toStationOptions = (stations) => (Array.isArray(stations) ? stations : [])
-    .filter(station => station?.id !== undefined && station?.id !== null && String(station.id).trim())
-    .map(station => {
-        const id = String(station.id).trim()
-        const description = station.description ? String(station.description).trim() : ''
-        return {
-            value: id,
-            label: description ? `${id} - ${description}` : id
-        }
-    })
-
-/**
- * 打开 openRobotForm 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} action 节点动作类型
- */
-const openRobotForm = async (action) => {
-    dialogVisible.value = true
-    robotFormAction.value = action
-    robotForm.deviceId = ''
-    await loadRobotOptions()
-    if (robotForm.robotId) await loadRobotDevices(robotForm.robotId)
-}
-
-defineExpose({ validateAndSave })
-</script>
-
-<style lang="scss" scoped>
-.form__container {
-    margin: 12px 0;
-
-    :deep(.el-row) {
-        align-items: end;
-
-        .el-form-item {
-            margin-right: 12px;
-        }
-
-        .param-name {
-            width: 160px;
-        }
-
-        .param-type {
-            width: 80px;
-        }
-
-        .param-value {
-            width: 160px;
-        }
-
-    }
-
-
-
-    .sub-properties {
-        margin-left: 10px;
-
-        .zw {
-            margin-left: 15px;
-
-            &::before {
-                content: "";
-                position: absolute;
-                left: 0;
-                top: -4px;
-                width: 10px;
-                border-left: 1px solid gray;
-                border-bottom: 1px solid gray;
-                border-bottom-left-radius: 4px;
-                background-color: transparent;
-                height: 24px;
-            }
-        }
-    }
-
-    .gSon-properties {
-        margin-left: 10px;
-
-        .zw {
-            margin-left: 15px;
-
-            &::before {
-                content: "";
-                position: absolute;
-                left: 0;
-                top: -4px;
-                width: 10px;
-                border-left: 1px solid gray;
-                border-bottom: 1px solid gray;
-                border-bottom-left-radius: 4px;
-                background-color: transparent;
-                height: 24px;
-            }
-        }
-    }
-
-    .deleteBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-    }
-}
-
-.robot-device-tip {
-    margin: -4px 0 18px;
-    padding: 10px 12px;
-    border-left: 3px solid var(--el-color-primary);
-    background: var(--el-fill-color-light);
-    color: var(--el-text-color-regular);
-    font-size: 13px;
-    line-height: 20px;
-}
-
-.device-auto-hint {
-    color: var(--el-color-success);
-    font-size: 12px;
-}
-</style>
diff --git a/src/views/flow/components/params/CodeNodeParams.vue b/src/views/flow/components/params/CodeNodeParams.vue
deleted file mode 100644
index bdac619..0000000
--- a/src/views/flow/components/params/CodeNodeParams.vue
+++ /dev/null
@@ -1,501 +0,0 @@
-<!--
- * 文件说明：代码节点参数面板，编辑并校验脚本和输入输出字段。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <el-collapse v-model="activeNames">
-    <el-collapse v-model="activeNames">
-        <el-collapse-item name="1" icon-position="left">
-          <template #title>
-            输入参数
-            <el-tooltip
-              class="box-item"
-              effect="dark"
-              content="这里输入的变量可以被下方的代码引用。"
-              placement="top"
-            >
-              <el-icon class="header-icon" style="margin-left: 6px">
-                <info-filled />
-              </el-icon>
-            </el-tooltip>
-          </template>
-          <div class="form__container">
-            <el-form
-              :inline="true"
-              :model="formData"
-              :rules="rules"
-              ref="dynamicFormRef"
-              label-position="top"
-              label-width="auto"
-            >
-              <div v-for="(property, index) in formData.nodeParams" :key="index">
-                <el-row v-if="property.name !== 'code'">
-                  <el-form-item
-                    :label="index === 0 ? '参数名' : ''"
-                    :prop="`nodeParams.${index}.name`"
-                    :rules="[
-                      { required: true, message: '请输入参数名', trigger: 'blur' },
-                    ]"
-                  >
-                    <el-input
-                      :disabled="property?.disabled || false"
-                      class="param-name"
-                      v-model="property.name"
-                      placeholder="请输入"
-                      clearable
-                    />
-                  </el-form-item>
-                  <el-form-item
-                    :label="index === 0 ? '参数值' : ''"
-                    :prop="`nodeParams.${index}.type`"
-                  >
-                    <el-select
-                      v-model="property.type"
-                      class="param-type"
-                      @change="handleTypeChange(property)"
-                    >
-                      <el-option label="引用" value="quote" />
-                      <el-option label="输入" value="input" />
-                    </el-select>
-                    <el-form-item
-                      v-if="property.type === 'input'"
-                      :rules="[
-                        {
-                          required: property?.required ?? true,
-                          message: '请输入参数值',
-                          trigger: 'blur',
-                        },
-                      ]"
-                      :prop="`nodeParams.${index}.input`"
-                    >
-                      <el-input-number
-                        class="param-value"
-                        v-if="property.componentType === 'number'"
-                        v-model="property.input"
-                        :min="0"
-                        :max="property.max || Infinity"
-                        :controls="false"
-                        :step-strictly="true"
-                        placeholder="请输入"
-                        clearable
-                      />
-                      <el-select
-                        v-model="property.input"
-                        class="param-value"
-                        v-else-if="property.componentType === 'select'"
-                      >
-                        <el-option
-                          v-for="item in property.selectOptions"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        />
-                      </el-select>
-                      <el-input
-                        class="param-value"
-                        v-else
-                        v-model="property.input"
-                        placeholder="请输入"
-                        clearable
-                      />
-                    </el-form-item>
-                    <el-form-item
-                      v-if="property.type === 'quote'"
-                      :rules="[
-                        {
-                          required: true,
-                          message: '请选择参数值',
-                          trigger: 'blur',
-                        },
-                      ]"
-                      :prop="`nodeParams.${index}.quote`"
-                    >
-                      <el-cascader
-                        :ref="
-                          (el) => {
-                            if (el) cascaderRefs[index] = el;
-                          }
-                        "
-                        v-model="property.quote"
-                        :props="{ checkStrictly: true }"
-                        :options="quoteOptions"
-                        placeholder="请选择"
-                        @visible-change="
-                          (visible) => visibleChange(visible, index, property.quote)
-                        "
-                        @change="(value) => cascaderChange(value, property)"
-                      />
-                    </el-form-item>
-                  </el-form-item>
-                  <el-button
-                    :icon="Minus"
-                    circle
-                    size="small"
-                    @click="handleDelete(index)"
-                    :disabled="property?.disabled || false"
-                    class="deleteBtn"
-                  />
-                </el-row>
-              </div>
-            </el-form>
-          </div>
-        </el-collapse-item>
-        <el-collapse-item title="代码" name="2" icon-position="left">
-          <div class="code__container">
-            <div ref="codeRef" style="width: 100%; height: 100%"></div>
-          </div>
-        </el-collapse-item>
-        <el-collapse-item name="3" icon-position="left">
-          <template #title>
-            输出参数
-            <el-tooltip
-              class="box-item"
-              effect="dark"
-              content="这里定义的输出变量可以被后续节点引用。"
-              placement="top"
-            >
-              <el-icon class="header-icon" style="margin-left: 6px">
-                <info-filled />
-              </el-icon>
-            </el-tooltip>
-            <el-button
-              :circle="true"
-              size="small"
-              @click="(e) => addFormItem(e, 'outputParams')"
-              class="addFormItem"
-            >
-              <el-icon :size="14"><Plus /></el-icon>
-            </el-button>
-          </template>
-          <div class="form__container">
-            <el-form
-              :inline="true"
-              :model="formData"
-              label-position="top"
-              label-width="auto"
-              :rules="outputRules"
-              ref="outputFormRef"
-            >
-              <FormItemRecursive
-                formType="output"
-                :current-list="formData.outputParams"
-                prop-path="outputParams"
-                :depth="0"
-                :is-first-level="true"
-                :endDepth="2"
-                :parent-path="[]"
-                @delete-item="(path) => deleteTopLevelItem(path, 'outputParams')"
-              />
-            </el-form>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-  </el-collapse>
-</template>
-
-<script setup>
-import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue'
-import { Plus, Minus } from '@element-plus/icons-vue'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import * as monaco from 'monaco-editor';
-import { getInput } from '@/utils/flow'
-import { useQuote } from './useQuote.js'
-
-const props = defineProps({
-  data: Object
-})
-
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formData = reactive({
-  nodeParams: [],
-  outputParams: []
-})
-
-const codeRef = ref()
-let editorInstance
-
-/**
- * 判断 hasErrors 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-function hasErrors() {
-  const model = editorInstance.getModel();
-  if (!model) return false;
-  
-  // 获取当前模型的所有标记
-  const markers = monaco.editor.getModelMarkers({ resource: model.uri });
-  // 检查是否存在错误级别标记
-  return markers.some(marker => marker.severity === monaco.MarkerSeverity.Error);
-}
-/**
- * 初始化 initEditor 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} type 目标类型
- */
-const initEditor = (type) => {
-  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
-    target: monaco.languages.typescript.ScriptTarget.ES2020,
-    allowNonTsExtensions: true,          // 允许非 ts 扩展名（.js）
-    checkJs: true,                       // 对 .js 文件进行类型检查
-    strict: true,                        // 启用所有严格检查
-    noImplicitAny: false,                  // 禁止隐式 any
-    noUnusedLocals: true,                 // 未使用的局部变量报错（可选）
-    noUnusedParameters: true,              // 未使用的参数报错（可选）
-  });
-
-  // 确保语义验证开启（默认就是开启的，但可以显式设置）
-  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,          // 开启语义检查
-      noSyntaxValidation: false,             // 开启语法检查
-  });
-
-  editorInstance = monaco.editor.create(codeRef.value, {
-    value: ['{}'].join('\n'),
-    language: type === 'code' ? 'javascript' : 'json',
-    fontSize: 14,
-    lineNumbers: 'on',
-    roundedSelection: true,
-    scrollBeyondLastLine: false,
-    formatOnPaste: true,
-    formatOnType: true,
-    quickSuggestions: true,
-        suggestOnTriggerCharacters: true,
-        // 自动完成
-        suggest: {
-            showWords: true,
-            showFunctions: true,
-            showVariables: true,
-            showClasses: true,
-            showModules: true,
-        },
-  });
-}
-
-// 设置代码值
-/**
- * 设置 setValue 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} value 待处理的新值
- */
-const setValue = (value) => {
-  if (editorInstance) {
-    editorInstance.setValue(value)
-  }
-}
-
-// 销毁编辑器
-/**
- * 销毁 disposeEditor 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const disposeEditor = () => {
-  if (editorInstance) {
-    editorInstance.dispose()
-    editorInstance = null
-  }
-}
-
-const rules = reactive({})
-const outputRules = reactive({})
-const dynamicFormRef = ref()
-const outputFormRef = ref()
-const activeNames = ref(['1', '2'])
-
-// 使用共享的 quote 逻辑
-const { quoteOptions, cascaderRefs, handleTypeChange, cascaderChange, visibleChange } = useQuote(props.data.id)
-
-// 添加表单项
-/**
- * 新增 addFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addFormItem = (e, type) => {
-  e.stopPropagation()
-  const obj = {
-    name: '',
-    type: type === 'nodeParams' ? 'input' : 'string',
-    required: false,
-    children: [],
-    input: ''
-  }
-  if (!formData[type]) formData[type] = []
-  formData[type].push(obj)
-}
-
-// 删除输入参数（非递归）
-/**
- * 处理 handleDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} index 目标项索引
- */
-const handleDelete = (index) => {
-  formData.nodeParams.splice(index, 1)
-}
-
-// 删除顶层输出参数（递归删除通过 FormItemRecursive 的 emit 处理）
-/**
- * 删除 deleteTopLevelItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} fullPath 字段完整路径
- * @param {*} propPath 字段校验路径
- */
-const deleteTopLevelItem = (fullPath, propPath) => {
-  let currentLevel = formData[propPath]
-  for (let i = 0; i < fullPath.length - 1; i++) {
-    currentLevel = currentLevel[fullPath[i]].children
-  }
-  const lastIndex = fullPath[fullPath.length - 1]
-  currentLevel.splice(lastIndex, 1)
-}
-
-// 初始化数据
-/**
- * 初始化 initData 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const initData = () => {
-    const nodeParams = JSON.parse(JSON.stringify(props.data.properties.nodeParams || []))
-    const outputParams = JSON.parse(JSON.stringify(props.data.properties.outputParams || []))
-    formData.nodeParams = nodeParams;
-    formData.outputParams = outputParams;
-    const codeParams = props.data.properties.nodeParams.find(item => item.name === 'code')
-    if (codeParams) {
-    setTimeout(() => {
-        if (editorInstance) {
-            setValue(codeParams.input)
-        }
-    }, 100)
-    }
-}
-
-// 保存验证
-/**
- * 校验 validateAndSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const validateAndSave = async () => {
-    const targetObj = formData.nodeParams.find(item => item.name === 'code');
-    if (targetObj) {
-        // 存在：修改该对象的 input 属性
-        targetObj.input = editorInstance.getValue();
-    } else {
-        formData.nodeParams.push(
-            { name: "code", type: "input", input: editorInstance.getValue() }
-        )
-    }
-
-    let inputValid = true
-    let outputValid = true
-    if (dynamicFormRef.value) {
-        await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-    }
-    if (outputFormRef.value) {
-        await outputFormRef.value.validate((valid) => { if (!valid) outputValid = false })
-    }
-
-    // 保存到 lf
-    lf.setProperties(props.data.id, {
-        ...props.data.properties,
-        ...formData
-    })
-
-    if (hasErrors()) {
-        emit('save-error')
-        return
-    }
-
-    if (inputValid && outputValid) {
-        emit('save-success')
-    } else {
-        emit('save-error')
-    }
-}
-
-onMounted(() => {
-  nextTick(() => {
-    initEditor('code')
-    initData()
-  })
-})
-
-defineExpose({ validateAndSave })
-
-onBeforeUnmount(() => {
-  disposeEditor()
-})
-</script>
-
-<style lang="scss" scoped>
-.form__container {
-  margin: 12px 0;
-
-  :deep(.el-row) {
-    align-items: end;
-
-    .el-form-item {
-      margin-right: 12px;
-    }
-    
-    .param-name {
-      width: 160px;
-    }
-
-    .param-type {
-      width: 80px;
-    }
-
-    .param-value {
-      width: 160px;
-    }
-
-  }
-
-
-
-  .sub-properties {
-    margin-left: 10px;
-    .zw {
-      margin-left: 15px;
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: -4px;
-        width: 10px;
-        border-left: 1px solid gray;
-        border-bottom: 1px solid gray;
-        border-bottom-left-radius: 4px;
-        background-color: transparent;
-        height: 24px;
-      }
-    }
-  }
-
-  .gSon-properties {
-    margin-left: 10px;
-    .zw {
-      margin-left: 15px;
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: -4px;
-        width: 10px;
-        border-left: 1px solid gray;
-        border-bottom: 1px solid gray;
-        border-bottom-left-radius: 4px;
-        background-color: transparent;
-        height: 24px;
-      }
-    }
-  }
-
-  .deleteBtn {
-    margin-bottom: 22px;
-    cursor: pointer;
-  }
-}
-
-.code__container {
-  display: flex;
-  position: relative;
-  text-align: initial;
-  width: 100%;
-  height: 300px;
-  margin: 12px 0;
-}
-</style>
diff --git a/src/views/flow/components/params/DeviceUniversal.vue b/src/views/flow/components/params/DeviceUniversal.vue
deleted file mode 100644
index b3f1b95..0000000
--- a/src/views/flow/components/params/DeviceUniversal.vue
+++ /dev/null
@@ -1,521 +0,0 @@
-<!--
- * 文件说明：通用设备参数面板，选择设备并配置脚本和参数。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <RobotExecutionTarget :data="props.data" v-model="formData.executionTarget" />
-  <el-collapse v-model="activeNames">
-    <el-collapse v-model="activeNames">
-        <el-collapse-item name="1" icon-position="left">
-          <template #title>
-            输入参数
-            <el-tooltip
-              class="box-item"
-              effect="dark"
-              content="这里输入的变量可以被下方的代码引用。"
-              placement="top"
-            >
-              <el-icon class="header-icon" style="margin-left: 6px">
-                <info-filled />
-              </el-icon>
-            </el-tooltip>
-          </template>
-          <div class="form__container">
-            <el-form
-              :inline="true"
-              :model="formData"
-              :rules="rules"
-              ref="dynamicFormRef"
-              label-position="top"
-              label-width="auto"
-            >
-              <div v-for="(property, index) in formData.nodeParams" :key="index">
-                <el-row v-if="property.name !== 'requestJson'">
-                  <el-form-item
-                    :label="index === 0 ? '参数名' : ''"
-                    :prop="`nodeParams.${index}.name`"
-                    :rules="[
-                      { required: true, message: '请输入参数名', trigger: 'blur' },
-                    ]"
-                  >
-                    <el-input
-                      :disabled="property?.disabled || false"
-                      class="param-name"
-                      v-model="property.name"
-                      placeholder="请输入"
-                      clearable
-                    />
-                  </el-form-item>
-                  <el-form-item
-                    :label="index === 0 ? '参数值' : ''"
-                    :prop="`nodeParams.${index}.type`"
-                  >
-                    <el-select
-                      v-model="property.type"
-                      class="param-type"
-                      @change="handleTypeChange(property)"
-                    >
-                      <el-option label="引用" value="quote" />
-                      <el-option label="输入" value="input" />
-                    </el-select>
-                    <el-form-item
-                      v-if="property.type === 'input'"
-                      :rules="[
-                        {
-                          required: property?.required ?? true,
-                          message: '请输入参数值',
-                          trigger: 'blur',
-                        },
-                      ]"
-                      :prop="`nodeParams.${index}.input`"
-                    >
-                      <el-input-number
-                        class="param-value"
-                        v-if="property.componentType === 'number'"
-                        v-model="property.input"
-                        :min="0"
-                        :max="property.max || Infinity"
-                        :controls="false"
-                        :step-strictly="true"
-                        placeholder="请输入"
-                        clearable
-                      />
-                      <el-select
-                        v-model="property.input"
-                        class="param-value"
-                        v-else-if="property.componentType === 'select'"
-                        :disabled="property.deviceLocked"
-                        no-data-text="请先选择机器人设备"
-                      >
-                        <el-option
-                          v-for="item in property.selectOptions"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                        />
-                      </el-select>
-                      <el-input
-                        class="param-value"
-                        v-else
-                        v-model="property.input"
-                        placeholder="请输入"
-                        clearable
-                      />
-                    </el-form-item>
-                    <el-form-item
-                      v-if="property.type === 'quote'"
-                      :rules="[
-                        {
-                          required: true,
-                          message: '请选择参数值',
-                          trigger: 'blur',
-                        },
-                      ]"
-                      :prop="`nodeParams.${index}.quote`"
-                    >
-                      <el-cascader
-                        :ref="
-                          (el) => {
-                            if (el) cascaderRefs[index] = el;
-                          }
-                        "
-                        v-model="property.quote"
-                        :props="{ checkStrictly: true }"
-                        :options="quoteOptions"
-                        placeholder="请选择"
-                        @visible-change="
-                          (visible) => visibleChange(visible, index, property.quote)
-                        "
-                        @change="(value) => cascaderChange(value, property)"
-                      />
-                    </el-form-item>
-                  </el-form-item>
-                  <el-button
-                    :icon="Minus"
-                    circle
-                    size="small"
-                    @click="handleDelete(index)"
-                    :disabled="property?.disabled || false"
-                    class="deleteBtn"
-                  />
-                </el-row>
-              </div>
-            </el-form>
-          </div>
-        </el-collapse-item>
-        <el-collapse-item title="JSON" name="2" icon-position="left">
-          <div class="code__container">
-            <div ref="codeRef" style="width: 100%; height: 100%"></div>
-          </div>
-        </el-collapse-item>
-        <el-collapse-item name="3" icon-position="left">
-          <template #title>
-            输出参数
-            <el-tooltip
-              class="box-item"
-              effect="dark"
-              content="这里定义的输出变量可以被后续节点引用。"
-              placement="top"
-            >
-              <el-icon class="header-icon" style="margin-left: 6px">
-                <info-filled />
-              </el-icon>
-            </el-tooltip>
-            <el-button
-              :circle="true"
-              size="small"
-              @click="(e) => addFormItem(e, 'outputParams')"
-              class="addFormItem"
-            >
-              <el-icon :size="14"><Plus /></el-icon>
-            </el-button>
-          </template>
-          <div class="form__container">
-            <el-form
-              :inline="true"
-              :model="formData"
-              label-position="top"
-              label-width="auto"
-              :rules="outputRules"
-              ref="outputFormRef"
-            >
-              <FormItemRecursive
-                formType="output"
-                :current-list="formData.outputParams"
-                prop-path="outputParams"
-                :depth="0"
-                :is-first-level="true"
-                :endDepth="2"
-                :parent-path="[]"
-                @delete-item="(path) => deleteTopLevelItem(path, 'outputParams')"
-              />
-            </el-form>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-  </el-collapse>
-
-</template>
-
-<script setup>
-import { ref, reactive, watch, nextTick, onBeforeUnmount, onMounted } from 'vue'
-import { Plus, Minus } from '@element-plus/icons-vue'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import RobotExecutionTarget from './RobotExecutionTarget.vue'
-import * as monaco from 'monaco-editor';
-import { getInput } from '@/utils/flow'
-import { useQuote } from './useQuote.js'
-import { ElMessage } from 'element-plus'
-
-const props = defineProps({
-  data: Object
-})
-
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formData = reactive({
-  nodeParams: [],
-  outputParams: [],
-  executionTarget: {}
-})
-
-const codeRef = ref()
-let editorInstance
-
-/**
- * 判断 hasErrors 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-function hasErrors() {
-  const model = editorInstance.getModel();
-  if (!model) return false;
-  
-  // 获取当前模型的所有标记
-  const markers = monaco.editor.getModelMarkers({ resource: model.uri });
-  // 检查是否存在错误级别标记
-  return markers.some(marker => marker.severity === monaco.MarkerSeverity.Error);
-}
-/**
- * 初始化 initEditor 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} type 目标类型
- */
-const initEditor = (type) => {
-  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
-    target: monaco.languages.typescript.ScriptTarget.ES2020,
-    allowNonTsExtensions: true,          // 允许非 ts 扩展名（.js）
-    checkJs: true,                       // 对 .js 文件进行类型检查
-    strict: true,                        // 启用所有严格检查
-    noImplicitAny: false,                  // 禁止隐式 any
-    noUnusedLocals: true,                 // 未使用的局部变量报错（可选）
-    noUnusedParameters: true,              // 未使用的参数报错（可选）
-  });
-
-  // 确保语义验证开启（默认就是开启的，但可以显式设置）
-  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,          // 开启语义检查
-      noSyntaxValidation: false,             // 开启语法检查
-  });
-
-  editorInstance = monaco.editor.create(codeRef.value, {
-    value: ['{}'].join('\n'),
-    language: type === 'code' ? 'javascript' : 'json',
-    fontSize: 14,
-    lineNumbers: 'on',
-    roundedSelection: true,
-    scrollBeyondLastLine: false,
-    formatOnPaste: true,
-    formatOnType: true,
-    quickSuggestions: true,
-        suggestOnTriggerCharacters: true,
-        // 自动完成
-        suggest: {
-            showWords: true,
-            showFunctions: true,
-            showVariables: true,
-            showClasses: true,
-            showModules: true,
-        },
-  });
-}
-
-// 设置代码值
-/**
- * 设置 setValue 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} value 待处理的新值
- */
-const setValue = (value) => {
-  if (editorInstance) {
-    editorInstance.setValue(value)
-  }
-}
-
-// 销毁编辑器
-/**
- * 销毁 disposeEditor 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const disposeEditor = () => {
-  if (editorInstance) {
-    editorInstance.dispose()
-    editorInstance = null
-  }
-}
-
-const rules = reactive({})
-const outputRules = reactive({})
-const dynamicFormRef = ref()
-const outputFormRef = ref()
-const activeNames = ref(['1', '2'])
-
-// 使用共享的 quote 逻辑
-const { quoteOptions, cascaderRefs, handleTypeChange, cascaderChange, visibleChange } = useQuote(props.data.id)
-
-// 添加表单项
-/**
- * 新增 addFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addFormItem = (e, type) => {
-  e.stopPropagation()
-  const obj = {
-    name: '',
-    type: type === 'nodeParams' ? 'input' : 'string',
-    required: false,
-    children: [],
-    input: ''
-  }
-  if (!formData[type]) formData[type] = []
-  formData[type].push(obj)
-}
-
-// 删除输入参数（非递归）
-/**
- * 处理 handleDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} index 目标项索引
- */
-const handleDelete = (index) => {
-  formData.nodeParams.splice(index, 1)
-}
-
-// 删除顶层输出参数（递归删除通过 FormItemRecursive 的 emit 处理）
-/**
- * 删除 deleteTopLevelItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} fullPath 字段完整路径
- * @param {*} propPath 字段校验路径
- */
-const deleteTopLevelItem = (fullPath, propPath) => {
-  let currentLevel = formData[propPath]
-  for (let i = 0; i < fullPath.length - 1; i++) {
-    currentLevel = currentLevel[fullPath[i]].children
-  }
-  const lastIndex = fullPath[fullPath.length - 1]
-  currentLevel.splice(lastIndex, 1)
-}
-
-// 初始化数据
-/**
- * 初始化 initData 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const initData = () => {
-    const properties = props.data?.properties || {}
-    const nodeParams = JSON.parse(JSON.stringify(properties.nodeParams || []))
-    const outputParams = JSON.parse(JSON.stringify(properties.outputParams || []))
-    formData.nodeParams = nodeParams;
-    formData.outputParams = outputParams;
-    formData.executionTarget = JSON.parse(JSON.stringify(properties.executionTarget || {}));
-    const codeParams = nodeParams.find(item => item.name === 'requestJson')
-    if (codeParams) {
-      nextTick(() => {
-        if (editorInstance) {
-          setValue(codeParams.input)
-        }
-      })
-    }
-}
-
-watch(
-  () => props.data,
-  initData,
-  { immediate: true, deep: true }
-)
-
-// 保存验证
-/**
- * 校验 validateAndSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const validateAndSave = async () => {
-    const targetObj = formData.nodeParams.find(item => item.name === 'requestJson');
-    if (targetObj) {
-        // 存在：修改该对象的 input 属性
-        targetObj.input = editorInstance.getValue();
-    } else {
-        formData.nodeParams.push(
-            { name: "requestJson", type: "input", input: editorInstance.getValue() }
-        )
-    }
-
-    let inputValid = true
-    let outputValid = true
-    if (dynamicFormRef.value) {
-        await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-    }
-    if (outputFormRef.value) {
-        await outputFormRef.value.validate((valid) => { if (!valid) outputValid = false })
-    }
-    if (!formData.executionTarget.roleKey || !formData.executionTarget.deviceSlotKey) {
-        inputValid = false
-        ElMessage.warning('请选择执行角色和设备用途')
-    }
-
-    // 保存到 lf
-    lf.setProperties(props.data.id, {
-        ...props.data.properties,
-        ...formData
-    })
-
-    if (hasErrors()) {
-        emit('save-error')
-        return
-    }
-
-    if (inputValid && outputValid) {
-        emit('save-success')
-    } else {
-        emit('save-error')
-    }
-}
-
-onMounted(() => {
-  nextTick(() => {
-    initEditor('requestJson')
-    const codeParams = formData.nodeParams.find(item => item.name === 'requestJson')
-    if (codeParams) setValue(codeParams.input)
-  })
-})
-
-defineExpose({ validateAndSave })
-
-onBeforeUnmount(() => {
-  disposeEditor()
-})
-</script>
-
-<style lang="scss" scoped>
-.form__container {
-  margin: 12px 0;
-
-  :deep(.el-row) {
-    align-items: end;
-
-    .el-form-item {
-      margin-right: 12px;
-    }
-    
-    .param-name {
-      width: 160px;
-    }
-
-    .param-type {
-      width: 80px;
-    }
-
-    .param-value {
-      width: 160px;
-    }
-
-  }
-
-
-
-  .sub-properties {
-    margin-left: 10px;
-    .zw {
-      margin-left: 15px;
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: -4px;
-        width: 10px;
-        border-left: 1px solid gray;
-        border-bottom: 1px solid gray;
-        border-bottom-left-radius: 4px;
-        background-color: transparent;
-        height: 24px;
-      }
-    }
-  }
-
-  .gSon-properties {
-    margin-left: 10px;
-    .zw {
-      margin-left: 15px;
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: -4px;
-        width: 10px;
-        border-left: 1px solid gray;
-        border-bottom: 1px solid gray;
-        border-bottom-left-radius: 4px;
-        background-color: transparent;
-        height: 24px;
-      }
-    }
-  }
-
-  .deleteBtn {
-    margin-bottom: 22px;
-    cursor: pointer;
-  }
-}
-
-.code__container {
-  display: flex;
-  position: relative;
-  text-align: initial;
-  width: 100%;
-  height: 300px;
-  margin: 12px 0;
-}
-</style>
diff --git a/src/views/flow/components/params/EndParams.vue b/src/views/flow/components/params/EndParams.vue
deleted file mode 100644
index a80fdf7..0000000
--- a/src/views/flow/components/params/EndParams.vue
+++ /dev/null
@@ -1,158 +0,0 @@
-<!-- End node output contract and value references. -->
-<template>
-  <div class="end-params">
-    <div class="section-heading">
-      <div>
-        <div class="section-title">流程输出</div>
-        <div class="section-note">输出值来自开始参数或前面节点的输出。</div>
-      </div>
-      <el-button type="primary" plain :icon="Plus" @click="addOutput">添加输出</el-button>
-    </div>
-
-    <el-empty v-if="!outputs.length" description="当前流程没有输出" :image-size="72" />
-    <div v-for="(item, index) in outputs" :key="item.key" class="output-row">
-      <el-form-item label="输出名称" required>
-        <el-input v-model="item.name" maxlength="40" placeholder="例如：result" />
-      </el-form-item>
-      <el-form-item label="引用来源" required>
-        <el-cascader
-          v-model="item.quote"
-          :options="quoteOptions"
-          :props="{ checkStrictly: true }"
-          placeholder="选择开始参数或节点输出"
-          style="width: 100%"
-          @visible-change="refreshQuoteOptions"
-          @change="(value) => changeQuote(item, value)"
-        />
-      </el-form-item>
-      <div class="output-row__meta">
-        <el-tag effect="plain" type="info">{{ item.valueType || '自动识别' }}</el-tag>
-        <el-input v-model="item.desc" placeholder="输出说明（可选）" />
-        <el-button circle :icon="Delete" aria-label="删除输出" @click="outputs.splice(index, 1)" />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { onMounted, ref } from 'vue'
-import { Delete, Plus } from '@element-plus/icons-vue'
-import { ElMessage } from 'element-plus'
-import { getUpstreamInput } from '@/utils/flow'
-
-const props = defineProps({ data: Object })
-const emit = defineEmits(['save-success', 'save-error'])
-const outputs = ref([])
-const quoteOptions = ref([])
-
-const clone = (value) => JSON.parse(JSON.stringify(value ?? null))
-const key = () => `output_${Date.now()}_${Math.random().toString(16).slice(2)}`
-
-const refreshQuoteOptions = (visible = true) => {
-  if (visible) quoteOptions.value = getUpstreamInput(props.data.id) || []
-}
-
-const findDefinition = (quote) => {
-  if (!Array.isArray(quote) || quote.length < 3) return null
-  const graph = globalThis.lf.getGraphData()
-  const source = graph.nodes.find((node) => node.id === quote[0])
-  let definitions = quote[1] === 'input'
-    ? [...(source?.properties?.inputParams || []), ...(source?.properties?.nodeParams || [])]
-    : source?.properties?.outputParams || []
-  let definition = null
-  quote.slice(2).forEach((name) => {
-    definition = definitions.find((item) => item.name === name)
-    definitions = definition?.children || []
-  })
-  return definition
-}
-
-const changeQuote = (item, value) => {
-  item.quoteType = value?.[1] || ''
-  const definition = findDefinition(value)
-  if (!definition) return
-  item.valueType = definition.type || 'string'
-  item.children = clone(definition.children || [])
-  if (!item.name) item.name = definition.name
-  if (!item.desc) item.desc = definition.desc || ''
-}
-
-const addOutput = () => outputs.value.push({
-  key: key(),
-  name: '',
-  valueType: 'string',
-  quote: [],
-  quoteType: '',
-  desc: '',
-  children: [],
-})
-
-const init = () => {
-  const paramsByName = new Map((props.data.properties?.nodeParams || []).map((item) => [item.name, item]))
-  outputs.value = (props.data.properties?.outputParams || []).map((output) => {
-    const param = paramsByName.get(output.name) || {}
-    return {
-      key: key(),
-      name: output.name || '',
-      valueType: output.type || 'string',
-      quote: Array.isArray(param.quote) ? [...param.quote] : [],
-      quoteType: param.quoteType || param.quote?.[1] || '',
-      desc: output.desc || '',
-      children: clone(output.children || []),
-    }
-  })
-  refreshQuoteOptions()
-}
-
-const validateAndSave = () => {
-  const names = outputs.value.map((item) => item.name.trim())
-  if (names.some((name) => !name)) {
-    ElMessage.warning('请填写流程输出名称')
-    emit('save-error')
-    return
-  }
-  if (new Set(names).size !== names.length) {
-    ElMessage.warning('流程输出名称不能重复')
-    emit('save-error')
-    return
-  }
-  if (outputs.value.some((item) => !Array.isArray(item.quote) || item.quote.length < 3)) {
-    ElMessage.warning('每个流程输出都必须选择引用来源')
-    emit('save-error')
-    return
-  }
-  const nodeParams = outputs.value.map((item) => ({
-    name: item.name.trim(),
-    type: 'quote',
-    input: '',
-    quote: [...item.quote],
-    quoteType: item.quoteType || item.quote[1],
-    required: true,
-  }))
-  const outputParams = outputs.value.map((item) => ({
-    name: item.name.trim(),
-    type: item.valueType || 'string',
-    desc: item.desc || '',
-    children: clone(item.children || []),
-  }))
-  globalThis.lf.setProperties(props.data.id, {
-    ...props.data.properties,
-    nodeParams,
-    outputParams,
-    outputType: 'json',
-  })
-  emit('save-success')
-}
-
-onMounted(init)
-defineExpose({ validateAndSave })
-</script>
-
-<style scoped lang="scss">
-.end-params { padding-top: 14px; }
-.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
-.section-title { color: #1f2937; font-size: 14px; font-weight: 650; }
-.section-note { margin-top: 4px; color: #7a8494; font-size: 12px; }
-.output-row { margin-bottom: 12px; padding: 14px; border: 1px solid #e4e8ef; border-radius: 6px; background: #fff; }
-.output-row__meta { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; }
-</style>
diff --git a/src/views/flow/components/params/HttpNodeParams.vue b/src/views/flow/components/params/HttpNodeParams.vue
deleted file mode 100644
index b3417fb..0000000
--- a/src/views/flow/components/params/HttpNodeParams.vue
+++ /dev/null
@@ -1,704 +0,0 @@
-<!--
- * 文件说明：HTTP 节点参数面板，配置请求及输出字段。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-    <el-form :inline="true" :model="httpNodeData" :rules="rules" class="http-form" ref="dynamicFormRef"
-        label-position="top" label-width="auto">
-        <el-collapse v-model="activeNames">
-            <el-collapse-item name="1" icon-position="left">
-                <template #title>
-                    请求配置
-                    <el-tooltip class="box-item" effect="dark" content="支持HTTP/HTTPS协议" placement="top">
-                        <el-icon class="header-icon" style="margin-left: 6px">
-                            <info-filled />
-                        </el-icon>
-                    </el-tooltip>
-                </template>
-                <div class="form__container">
-                    <div v-for="(property, index) in httpNodeData.config" :key="index">
-                        <el-row>
-                            <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`config.${index}.name`" :rules="[
-                                { required: true, message: '请输入参数名', trigger: 'blur' },
-                            ]">
-                                <el-input :disabled="true" class="param-name" v-model="property.name" placeholder="请输入"
-                                    clearable />
-                            </el-form-item>
-                            <el-form-item :label="index === 0 ? '参数值' : ''" :prop="`config.${index}.input`">
-                                <el-select v-model="property.type" class="param-type" @change="handleTypeChange(property)">
-                                    <el-option label="引用" value="quote" />
-                                    <el-option label="输入" value="input" />
-                                </el-select>
-                                <el-form-item v-if="property.type === 'input'" :rules="[
-                                    {
-                                        required: property?.required ?? true,
-                                        message: '请输入参数值',
-                                        trigger: 'blur',
-                                    },
-                                ]" :prop="`config.${index}.input`">
-                                    <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                                        v-model="property.input" :min="0" :max="property.max || Infinity"
-                                        :controls="false" :step-strictly="true" placeholder="请输入" clearable />
-                                    <el-select v-model="property.input" class="param-value"
-                                        v-else-if="property.componentType === 'select'">
-                                        <el-option v-for="item in property.selectOptions" :key="item.value"
-                                            :label="item.label" :value="item.value" />
-                                    </el-select>
-                                    <el-input class="param-value" v-else v-model="property.input" placeholder="请输入"
-                                        clearable />
-                                </el-form-item>
-                                <el-form-item v-if="property.type === 'quote'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '请选择参数值',
-                                        trigger: 'blur',
-                                    },
-                                ]" :prop="`config.${index}.quote`">
-                                    <el-cascader :ref="(el) => {
-                                            if (el) cascaderRefs[index] = el;
-                                        }
-                                        " v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions" placeholder="请选择"
-                                        @visible-change="
-                                            (visible) => visibleChange(visible, index, property.quote)
-                                        " @change="(value) => cascaderChange(value, property)" />
-                                </el-form-item>
-                            </el-form-item>
-                        </el-row>
-                    </div>
-                </div>
-            </el-collapse-item>
-            <el-collapse-item name="2" icon-position="left">
-                <template #title>
-                    Header配置
-                    <el-button :circle="true" size="small" @click="(e) => addHttpNodeFormItem(e, 'headers')"
-                        class="addFormItem">
-                        <el-icon :size="14">
-                            <Plus />
-                        </el-icon>
-                    </el-button>
-                </template>
-                <div class="form__container">
-                    <div v-for="(property, index) in httpNodeData.headers" :key="index">
-                        <el-row>
-                            <el-form-item :label="index === 0 ? '参数名' : ''"
-                                :prop="httpNodeData.headers.length > index ? `headers.${index}.name` : undefined"
-                                :rules="[
-                                    { required: true, message: '请输入参数名', trigger: 'blur' },
-                                ]">
-                                <el-input class="param-name" v-model="property.name" placeholder="请输入" clearable />
-                            </el-form-item>
-                            <el-form-item :label="index === 0 ? '参数值' : ''"
-                                :prop="httpNodeData.headers.length > index ? `headers.${index}.input` : undefined">
-                                <el-select v-model="property.type" class="param-type" @change="handleTypeChange(property)">
-                                    <el-option label="引用" value="quote" />
-                                    <el-option label="输入" value="input" />
-                                </el-select>
-                                <el-form-item v-if="property.type === 'input'" :rules="[
-                                    {
-                                        required: property?.required ?? true,
-                                        message: '请输入参数值',
-                                        trigger: 'blur',
-                                    },
-                                ]" :prop="`headers.${index}.input`">
-                                    <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                                        v-model="property.input" :min="0" :max="property.max || Infinity"
-                                        :controls="false" :step-strictly="true" placeholder="请输入" clearable />
-                                    <el-select v-model="property.input" class="param-value"
-                                        v-else-if="property.componentType === 'select'">
-                                        <el-option v-for="item in property.selectOptions" :key="item.value"
-                                            :label="item.label" :value="item.value" />
-                                    </el-select>
-                                    <el-input class="param-value" v-else v-model="property.input" placeholder="请输入"
-                                        clearable />
-                                </el-form-item>
-                                <el-form-item v-if="property.type === 'quote'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '请选择参数值',
-                                        trigger: 'blur',
-                                    },
-                                ]" :prop="`headers.${index}.quote`">
-                                    <el-cascader :ref="(el) => {
-                                            if (el) cascaderRefs[index] = el;
-                                        }
-                                        " v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions" placeholder="请选择"
-                                        @visible-change="
-                                            (visible) => visibleChange(visible, index, property.quote)
-                                        " @change="(value) => cascaderChange(value, property)" />
-                                </el-form-item>
-                            </el-form-item>
-                            <el-button :icon="Minus" circle size="small" @click="handleHttpNodeDelete('headers', index)"
-                                class="deleteBtn" />
-                        </el-row>
-                    </div>
-                </div>
-            </el-collapse-item>
-            <el-collapse-item name="3" icon-position="left">
-                <template #title>
-                    Param配置
-                    <el-button :circle="true" size="small" @click="(e) => addHttpNodeFormItem(e, 'params')"
-                        class="addFormItem">
-                        <el-icon :size="14">
-                            <Plus />
-                        </el-icon>
-                    </el-button>
-                </template>
-                <div class="form__container">
-                    <div v-for="(property, index) in httpNodeData.params" :key="index">
-                        <el-row>
-                            <el-form-item :label="index === 0 ? '参数名' : ''"
-                                :prop="httpNodeData.params.length > index ? `params.${index}.name` : undefined" :rules="[
-                                    { required: true, message: '请输入参数名123', trigger: 'blur' },
-                                ]">
-                                <el-input class="param-name" v-model="property.name" placeholder="请输入" clearable />
-                            </el-form-item>
-                            <el-form-item :label="index === 0 ? '参数值' : ''"
-                                :prop="httpNodeData.params.length > index ? `params.${index}.input` : undefined">
-                                <el-select v-model="property.type" class="param-type" @change="handleTypeChange(property)">
-                                    <el-option label="引用" value="quote" />
-                                    <el-option label="输入" value="input" />
-                                </el-select>
-                                <el-form-item v-if="property.type === 'input'" :rules="[
-                                    {
-                                        required: property?.required ?? true,
-                                        message: '请输入参数值',
-                                        trigger: 'blur',
-                                    },
-                                ]" :prop="httpNodeData.params.length > index ? `params.${index}.input` : undefined">
-                                    <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                                        v-model="property.input" :min="0" :max="property.max || Infinity"
-                                        :controls="false" :step-strictly="true" placeholder="请输入" clearable />
-                                    <el-select v-model="property.input" class="param-value"
-                                        v-else-if="property.componentType === 'select'">
-                                        <el-option v-for="item in property.selectOptions" :key="item.value"
-                                            :label="item.label" :value="item.value" />
-                                    </el-select>
-                                    <el-input class="param-value" v-else v-model="property.input" placeholder="请输入"
-                                        clearable />
-                                </el-form-item>
-                                <el-form-item v-if="property.type === 'quote'" :rules="[
-                                    {
-                                        required: true,
-                                        message: '请选择参数值',
-                                        trigger: 'blur',
-                                    },
-                                ]" :prop="`params.${index}.quote`">
-                                    <el-cascader :ref="(el) => {
-                                            if (el) cascaderRefs[index] = el;
-                                        }
-                                        " v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions" placeholder="请选择"
-                                        @visible-change="
-                                            (visible) => visibleChange(visible, index, property.quote)
-                                        " @change="(value) => cascaderChange(value, property)" />
-                                </el-form-item>
-                            </el-form-item>
-                            <el-button :icon="Minus" circle size="small" @click="handleHttpNodeDelete('params', index)"
-                                class="deleteBtn" />
-                        </el-row>
-                    </div>
-                </div>
-            </el-collapse-item>
-            <el-collapse-item name="4" title="Body配置" icon-position="left">
-                <template #title>
-                Body配置
-                <el-button
-                    :circle="true"
-                    size="small"
-                    @click="(e) => addHttpNodeFormItem(e, 'body')"
-                    class="addFormItem"
-                    v-if="httpNodeData?.body?.type === 'form-data'"
-                >
-                    <el-icon :size="14"><Plus /></el-icon>
-                </el-button>
-                </template>
-                <div class="form__container">
-                <el-select v-model="httpNodeData.body.type">
-                    <el-option label="JSON" value="json" />
-                    <el-option label="form-data" value="form-data" />
-                </el-select>
-                <div class="code__container" v-show="httpNodeData?.body?.type === 'json'">
-                    <div ref="codeRef" style="width: 100%; height: 100%"></div>
-                </div>
-                <div class="test" v-if="httpNodeData?.body?.type === 'form-data'">
-                    <div v-for="(property, index) in httpNodeData.body.formData" :key="index">
-                    <el-row>
-                        <el-form-item
-                        :label="index === 0 ? '参数名' : ''"
-                        :prop="`body.formData.${index}.name`"
-                        :rules="[
-                            { required: true, message: '请输入参数名', trigger: 'blur' },
-                        ]"
-                        >
-                        <el-input
-                            class="param-name"
-                            v-model="property.name"
-                            placeholder="请输入"
-                            clearable
-                        />
-                        </el-form-item>
-                        <el-form-item
-                        :label="index === 0 ? '参数值' : ''"
-                        :prop="`body.formData.${index}.input`"
-                        >
-                        <el-select
-                            v-model="property.type"
-                            class="param-type"
-                            @change="handleTypeChange(property)"
-                        >
-                            <el-option label="引用" value="quote" />
-                            <el-option label="输入" value="input" />
-                        </el-select>
-                        <el-form-item
-                            v-if="property.type === 'input'"
-                            :rules="[
-                            {
-                                required: property?.required ?? true,
-                                message: '请输入参数值',
-                                trigger: 'blur',
-                            },
-                            ]"
-                            :prop="`body.formData.${index}.input`"
-                        >
-                            <el-input-number
-                            class="param-value"
-                            v-if="property.componentType === 'number'"
-                            v-model="property.input"
-                            :min="0"
-                            :max="property.max || Infinity"
-                            :controls="false"
-                            :step-strictly="true"
-                            placeholder="请输入"
-                            clearable
-                            />
-                            <el-select
-                            v-model="property.input"
-                            class="param-value"
-                            v-else-if="property.componentType === 'select'"
-                            >
-                            <el-option
-                                v-for="item in property.selectOptions"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                            />
-                            </el-select>
-                            <el-input
-                            class="param-value"
-                            v-else
-                            v-model="property.input"
-                            placeholder="请输入"
-                            clearable
-                            />
-                        </el-form-item>
-                        <el-form-item
-                            v-if="property.type === 'quote'"
-                            :rules="[
-                            {
-                                required: true,
-                                message: '请选择参数值',
-                                trigger: 'blur',
-                            },
-                            ]"
-                            :prop="`body.formData.${index}.quote`"
-                        >
-                            <el-cascader
-                            :ref="
-                                (el) => {
-                                if (el) cascaderRefs[index] = el;
-                                }
-                            "
-                            v-model="property.quote"
-                            :props="{ checkStrictly: true }"
-                            :options="quoteOptions"
-                            placeholder="请选择"
-                            @visible-change="
-                                (visible) => visibleChange(visible, index, property.quote, 'httpBody')
-                            "
-                            @change="(value) => cascaderChange(value, property)"
-                            />
-                        </el-form-item>
-                        </el-form-item>
-                        <el-button
-                        :icon="Minus"
-                        circle
-                        size="small"
-                        @click="handleHttpNodeDelete('body', index)"
-                        class="deleteBtn"
-                    />
-                    </el-row>
-                    </div>
-                </div>
-                </div>
-          </el-collapse-item>
-        </el-collapse>
-    </el-form>
-</template>
-
-<script setup>
-import { ref, reactive, watch, nextTick, onMounted, onBeforeUnmount } from 'vue'
-import { Plus, Minus } from '@element-plus/icons-vue'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import * as monaco from 'monaco-editor';
-import { getInput, transformHttpNodeData } from '@/utils/flow'
-import { useQuote } from './useQuote.js'
-
-const props = defineProps({
-    data: Object
-})
-
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formData = reactive({
-    nodeParams: [],
-    outputParams: []
-})
-
-const codeRef = ref()
-let editorInstance
-
-/**
- * 判断 hasErrors 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-function hasErrors() {
-  const model = editorInstance.getModel();
-  if (!model) return false;
-  
-  // 获取当前模型的所有标记
-  const markers = monaco.editor.getModelMarkers({ resource: model.uri });
-  // 检查是否存在错误级别标记
-  return markers.some(marker => marker.severity === monaco.MarkerSeverity.Error);
-}
-
-/**
- * 初始化 initEditor 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} type 目标类型
- */
-const initEditor = (type) => {
-  monaco.languages.typescript.javascriptDefaults.setCompilerOptions({
-    target: monaco.languages.typescript.ScriptTarget.ES2020,
-    allowNonTsExtensions: true,          // 允许非 ts 扩展名（.js）
-    checkJs: true,                       // 对 .js 文件进行类型检查
-    strict: true,                        // 启用所有严格检查
-    noImplicitAny: false,                  // 禁止隐式 any
-    noUnusedLocals: true,                 // 未使用的局部变量报错（可选）
-    noUnusedParameters: true,              // 未使用的参数报错（可选）
-  });
-
-  // 确保语义验证开启（默认就是开启的，但可以显式设置）
-  monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({
-      noSemanticValidation: false,          // 开启语义检查
-      noSyntaxValidation: false,             // 开启语法检查
-  });
-
-  editorInstance = monaco.editor.create(codeRef.value, {
-    value: ['{}'].join('\n'),
-    language: 'json',
-    fontSize: 14,
-    lineNumbers: 'on',
-    roundedSelection: true,
-    scrollBeyondLastLine: false,
-    formatOnPaste: true,
-    formatOnType: true,
-    quickSuggestions: true,
-        suggestOnTriggerCharacters: true,
-        // 自动完成
-        suggest: {
-            showWords: true,
-            showFunctions: true,
-            showVariables: true,
-            showClasses: true,
-            showModules: true,
-        },
-  });
-}
-
-// 设置代码值
-/**
- * 设置 setValue 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} value 待处理的新值
- */
-const setValue = (value) => {
-  if (editorInstance) {
-    editorInstance.setValue(value)
-  }
-}
-
-// 销毁编辑器
-/**
- * 销毁 disposeEditor 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const disposeEditor = () => {
-  if (editorInstance) {
-    editorInstance.dispose()
-    editorInstance = null
-  }
-}
-
-const rules = reactive({})
-const dynamicFormRef = ref()
-const activeNames = ref(['1', '2', '3', '4'])
-
-// 使用共享的 quote 逻辑
-const { quoteOptions, cascaderRefs, handleTypeChange, cascaderChange, visibleChange } = useQuote(props.data.id)
-
-// 添加表单项
-/**
- * 新增 addFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addFormItem = (e, type) => {
-    e.stopPropagation()
-    const obj = {
-        name: '',
-        type: type === 'nodeParams' ? 'input' : 'string',
-        required: false,
-        children: [],
-        input: ''
-    }
-    if (!formData[type]) formData[type] = []
-    formData[type].push(obj)
-}
-
-// 删除输入参数（非递归）
-/**
- * 处理 handleDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} index 目标项索引
- */
-const handleDelete = (index) => {
-    formData.nodeParams.splice(index, 1)
-}
-
-// 删除顶层输出参数（递归删除通过 FormItemRecursive 的 emit 处理）
-/**
- * 删除 deleteTopLevelItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} fullPath 字段完整路径
- * @param {*} propPath 字段校验路径
- */
-const deleteTopLevelItem = (fullPath, propPath) => {
-    let currentLevel = formData[propPath]
-    for (let i = 0; i < fullPath.length - 1; i++) {
-        currentLevel = currentLevel[fullPath[i]].children
-    }
-    const lastIndex = fullPath[fullPath.length - 1]
-    currentLevel.splice(lastIndex, 1)
-}
-
-// HTTP 节点数据
-const httpNodeData = ref({
-    body: {
-        bodyType: 'json',
-        json: '{}',
-        formData: []
-    }
-});
-
-/**
- * 新增 addHttpNodeFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addHttpNodeFormItem = (e, type) => {
-  e.stopPropagation();
-  if (type === 'body') {
-    if (!httpNodeData.value.body.formData) {
-      httpNodeData.value.body.formData = [];
-    }
-    httpNodeData.value.body.formData.push({ name: "", type: "input", input: ""});
-  } else {
-    if (!httpNodeData.value[type]) {
-      httpNodeData.value[type] = [];
-    }
-    httpNodeData.value[type].push({ name: "", type: "input", input: ""});
-  }
-};
-
-/**
- * 处理 handleHttpNodeDelete 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} type 目标类型
- * @param {*} index 目标项索引
- */
-const handleHttpNodeDelete = (type, index) => {
-  if (type === 'body') {
-    httpNodeData.value.body.formData.splice(index, 1);
-  } else {
-    httpNodeData.value[type].splice(index, 1);
-  }
-};
-
-// 初始化数据
-/**
- * 初始化 initData 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const initData = () => {
-    const nodeParams = JSON.parse(JSON.stringify(props.data.properties.nodeParams || []))
-    const transformedData = transformHttpNodeData(nodeParams);
-
-    httpNodeData.value = transformedData;
-    if (httpNodeData.value.body.type === 'json') {
-        nextTick(() => {
-        initEditor('http');
-      });
-        setTimeout(() => {
-            if (editorInstance) {
-                setValue(httpNodeData.value.body.json || '{}')
-            }
-        }, 200)
-    }
-}
-
-// 保存验证
-/**
- * 校验 validateAndSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const validateAndSave = async () => {
-    // 分区校验动态输入、请求头、查询参数和请求体；JSON 请求体还需通过编辑器语法检查。
-    // 全部分区有效后才一次性写回节点属性，防止半成品配置覆盖画布中的可用数据。
-    let inputValid = true
-    if (dynamicFormRef.value) {
-        await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-    }
-
-
-    const nodeParams = []
-    nodeParams.push({ name: "config", type: "input", input: "", children: httpNodeData.value.config, disabled: true, required: true })
-    if (httpNodeData.value?.headers?.length > 0) {
-    nodeParams.push({ name: "headers", type: "input", input: "", children: httpNodeData.value.headers, disabled: true, required: true })
-    }
-    if (httpNodeData.value?.params?.length > 0) {
-    nodeParams.push({ name: "params", type: "input", input: "", children: httpNodeData.value.params, disabled: true, required: true })
-    }
-    
-    const bodyObj = { 
-    name: "body", type: "input", input: "", children: [
-        { name: 'bodyType', type: "input", input: httpNodeData.value.body.type, disabled: true },
-        { name: 'json', type: "input", input: httpNodeData.value.body.type === 'json' ? editorInstance.getValue() : '' },
-        { name: 'formData', type: "input", input: "", children: httpNodeData.value.body.formData }
-    ]
-    }
-    nodeParams.push(bodyObj)
-
-    // 保存到 lf
-    lf.setProperties(props.data.id, {
-        ...props.data.properties,
-        nodeParams
-    })
-
-    if (httpNodeData.value.body.type === 'json') {
-        if (hasErrors()) {
-            emit('save-error')
-            return
-        }
-    }
-
-    if (inputValid) {
-        emit('save-success')
-    } else {
-        emit('save-error')
-    }
-}
-
-
-onMounted(() => {
-  nextTick(() => {
-    initData()
-  })
-})
-
-defineExpose({ validateAndSave })
-
-onBeforeUnmount(() => {
-  disposeEditor()
-})
-</script>
-
-<style lang="scss" scoped>
-.http-form {
-  width: 100%;
-
-  .el-collapse {
-    width: 100%;
-  }
-}
-
-.form__container {
-    margin: 12px 0;
-
-    :deep(.el-row) {
-        align-items: end;
-
-        .el-form-item {
-            margin-right: 12px;
-        }
-
-        .param-name {
-            width: 160px;
-        }
-
-        .param-type {
-            width: 80px;
-        }
-
-        .param-value {
-            width: 160px;
-        }
-
-    }
-
-    .sub-properties {
-        margin-left: 10px;
-
-        .zw {
-            margin-left: 15px;
-
-            &::before {
-                content: "";
-                position: absolute;
-                left: 0;
-                top: -4px;
-                width: 10px;
-                border-left: 1px solid gray;
-                border-bottom: 1px solid gray;
-                border-bottom-left-radius: 4px;
-                background-color: transparent;
-                height: 24px;
-            }
-        }
-    }
-
-    .gSon-properties {
-        margin-left: 10px;
-
-        .zw {
-            margin-left: 15px;
-
-            &::before {
-                content: "";
-                position: absolute;
-                left: 0;
-                top: -4px;
-                width: 10px;
-                border-left: 1px solid gray;
-                border-bottom: 1px solid gray;
-                border-bottom-left-radius: 4px;
-                background-color: transparent;
-                height: 24px;
-            }
-        }
-    }
-
-    .deleteBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-    }
-}
-
-.code__container {
-  display: flex;
-  position: relative;
-  text-align: initial;
-  width: 100%;
-  height: 300px;
-  margin: 12px 0;
-}
-</style>
diff --git a/src/views/flow/components/params/ImageAnalysisParams.vue b/src/views/flow/components/params/ImageAnalysisParams.vue
deleted file mode 100644
index 779cfad..0000000
--- a/src/views/flow/components/params/ImageAnalysisParams.vue
+++ /dev/null
@@ -1,431 +0,0 @@
-<!--
- * 文件说明：通用图片分析节点参数编辑器，支持引用上游图片或直接填写 HTTP/HTTPS 图片地址。
- * 数据流向：从 nodeParams 回填表单，保存时写回 IMAGE_ANALYZE 执行协议和统一输出字段。
- -->
-<template>
-  <div class="image-analysis-params">
-    <div class="intro">
-      <div class="intro__title">通用图片分析</div>
-      <div class="intro__desc">根据提示词分析一张或多张图片，模型结果保持提示词要求的内容和格式。</div>
-    </div>
-
-    <el-form ref="formRef" :model="formData" :rules="rules" label-position="top">
-      <el-form-item label="分析方式">
-        <el-segmented v-model="formData.analysisMethod" :options="methodOptions" block />
-      </el-form-item>
-
-      <el-form-item :label="isReferenceMatch ? '大图来源' : (isTextLocate ? '目标图片来源' : '图片来源')" prop="imageMode">
-        <el-segmented v-model="formData.imageMode" :options="sourceOptions" />
-      </el-form-item>
-
-      <el-form-item v-if="formData.imageMode === 'quote'" label="引用上游图片" prop="imageQuote">
-        <el-cascader
-          ref="imageCascaderRef"
-          v-model="formData.imageQuote"
-          :options="quoteOptions"
-          :props="{ checkStrictly: true }"
-          placeholder="选择图片节点的 imageUrl 输出"
-          style="width: 100%"
-          @visible-change="loadQuoteOptions"
-          @change="handleQuoteChange"
-        />
-        <div class="field-hint" v-if="isVisionAnalysis">上游输出为图片数组时，将按原顺序全部分析，最多 12 张。</div>
-      </el-form-item>
-
-      <el-form-item v-else label="图片地址" prop="imageUrlsText">
-        <el-input
-          v-model="formData.imageUrlsText"
-          type="textarea"
-          :rows="4"
-          :placeholder="isLocationMethod ? '输入一张目标图片的 HTTP/HTTPS 地址' : '每行一个 HTTP/HTTPS 图片地址，最多 12 张'"
-        />
-      </el-form-item>
-
-      <el-form-item v-if="!isReferenceMatch" :label="isTextLocate ? '目标描述' : '分析提示词'" prop="prompt">
-        <el-input
-          v-model="formData.prompt"
-          type="textarea"
-          :rows="5"
-          maxlength="4000"
-          show-word-limit
-          :placeholder="isTextLocate ? '例如：底部应用栏中的设置按钮' : '例如：读取图片中的仪表盘数值，只输出数字。或：识别所有仪表，按 JSON 输出名称、数值和单位。'"
-        />
-      </el-form-item>
-
-      <el-form-item v-if="!isReferenceMatch" label="分析模式">
-        <el-segmented v-model="formData.analysisMode" :options="modeOptions" block />
-      </el-form-item>
-
-      <el-form-item label="异步执行">
-        <el-switch v-model="formData.asynchronous" />
-        <div class="field-hint">开启后分析在后台并行执行，流程结束前统一等待分析结果。</div>
-      </el-form-item>
-
-      <el-form-item v-if="isTextLocate" label="最低定位置信度">
-        <el-slider v-model="formData.analysisTuning.locateConfidenceThreshold" :min="0.2" :max="0.95" :step="0.01" show-input />
-      </el-form-item>
-
-      <template v-if="isReferenceMatch">
-        <el-form-item label="小图来源">
-          <el-segmented v-model="formData.referenceMode" :options="sourceOptions" />
-        </el-form-item>
-        <el-form-item v-if="formData.referenceMode === 'quote'" label="引用待查小图" prop="referenceQuote">
-          <el-cascader
-            ref="referenceCascaderRef"
-            v-model="formData.referenceQuote"
-            :options="quoteOptions"
-            :props="{ checkStrictly: true }"
-            placeholder="选择待查小图输出"
-            style="width: 100%"
-            @visible-change="loadQuoteOptions"
-            @change="handleReferenceQuoteChange"
-          />
-        </el-form-item>
-        <el-form-item v-else label="小图地址" prop="referenceImageUrl">
-          <el-input v-model="formData.referenceImageUrl" clearable placeholder="输入待查小图的 HTTP/HTTPS 地址" />
-        </el-form-item>
-        <el-form-item label="最低匹配分数">
-          <el-slider v-model="formData.analysisTuning.matchThreshold" :min="0.2" :max="0.95" :step="0.01" show-input />
-        </el-form-item>
-        <el-form-item label="选择匹配结果">
-          <el-select v-model="formData.analysisTuning.matchSelector" style="width: 100%">
-            <el-option v-for="item in matchSelectorOptions" :key="item.value" :label="item.label" :value="item.value" />
-          </el-select>
-        </el-form-item>
-        <template v-if="formData.analysisTuning.matchSelector === 'INDEX'">
-          <el-form-item label="排序方式">
-            <el-segmented v-model="formData.analysisTuning.matchSort" :options="matchSortOptions" block />
-          </el-form-item>
-          <el-form-item label="选择第几个">
-            <el-input-number v-model="formData.analysisTuning.matchIndex" :min="1" :max="20" />
-          </el-form-item>
-        </template>
-      </template>
-
-      <el-collapse v-if="!isReferenceMatch" v-model="advancedSections" class="advanced-settings">
-        <el-collapse-item v-if="isVisionAnalysis" title="参考图片（可选）" name="reference">
-          <el-form-item label="参考图片来源">
-            <el-segmented v-model="formData.referenceMode" :options="sourceOptions" />
-          </el-form-item>
-          <el-form-item v-if="formData.referenceMode === 'quote'" label="引用参考图片" prop="referenceQuote">
-            <el-cascader
-              ref="referenceCascaderRef"
-              v-model="formData.referenceQuote"
-              :options="quoteOptions"
-              :props="{ checkStrictly: true }"
-              placeholder="选择参考图片输出"
-              style="width: 100%"
-              clearable
-              @visible-change="loadQuoteOptions"
-              @change="handleReferenceQuoteChange"
-            />
-          </el-form-item>
-          <el-form-item v-else label="参考图片地址" prop="referenceImageUrl">
-            <el-input v-model="formData.referenceImageUrl" clearable placeholder="HTTP/HTTPS 图片地址" />
-          </el-form-item>
-          <div class="field-hint">参考图片会作为最后一张图片传入；请在提示词中说明它的用途。</div>
-        </el-collapse-item>
-
-        <el-collapse-item title="高级设置" name="advanced">
-          <el-form-item label="图片最大宽度">
-            <el-slider v-model="formData.analysisTuning.maxWidth" :min="640" :max="1600" :step="64" show-input />
-          </el-form-item>
-          <el-form-item v-if="isVisionAnalysis" label="最多分析图片">
-            <el-input-number v-model="formData.analysisTuning.maxImages" :min="1" :max="12" />
-          </el-form-item>
-          <el-form-item label="最大输出长度">
-            <el-input-number v-model="formData.analysisTuning.maxOutputTokens" :min="32" :max="4096" :step="32" />
-          </el-form-item>
-        </el-collapse-item>
-      </el-collapse>
-    </el-form>
-
-    <el-divider content-position="left">节点输出</el-divider>
-    <div class="output-list">
-      <div v-for="item in outputSummary" :key="item.name" class="output-item">
-        <code>{{ item.name }}</code><span>{{ item.desc }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, reactive, ref, watch } from 'vue'
-import { getUpstreamInput } from '@/utils/flow'
-import { IMAGE_ANALYSIS_OUTPUT_PARAMS } from '@/utils/flowResources'
-
-const props = defineProps({ data: Object })
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formRef = ref()
-const imageCascaderRef = ref()
-const referenceCascaderRef = ref()
-const quoteOptions = ref([])
-const advancedSections = ref([])
-
-// 这里的 value 会直接写入 nodeParams.type，需与流程参数协议中的 quote/input 保持一致。
-const sourceOptions = [
-  { label: '引用节点输出', value: 'quote' },
-  { label: '输入图片地址', value: 'input' },
-]
-const modeOptions = [
-  { label: '快速', value: 'FAST' },
-  { label: '精准', value: 'ACCURATE' },
-]
-const methodOptions = [
-  { label: '智能分析', value: 'VISION_MODEL' },
-  { label: '描述找图', value: 'TEXT_LOCATE' },
-  { label: '精确找图', value: 'REFERENCE_MATCH' },
-]
-const matchSelectorOptions = [
-  { label: '最佳匹配', value: 'BEST' },
-  { label: '按序号选择', value: 'INDEX' },
-  { label: '左上', value: 'TOP_LEFT' },
-  { label: '右上', value: 'TOP_RIGHT' },
-  { label: '左下', value: 'BOTTOM_LEFT' },
-  { label: '右下', value: 'BOTTOM_RIGHT' },
-]
-const matchSortOptions = [
-  { label: '先行后列', value: 'ROW_MAJOR' },
-  { label: '先列后行', value: 'COLUMN_MAJOR' },
-]
-
-/**
- * 使用稳定的 reactive 对象承载表单状态；initData 只覆盖字段，避免 Element Plus 校验引用失效。
- */
-const formData = reactive({
-  analysisMethod: 'VISION_MODEL',
-  imageMode: 'quote',
-  imageQuote: [],
-  imageQuoteType: 'output',
-  imageUrlsText: '',
-  referenceMode: 'input',
-  referenceQuote: [],
-  referenceQuoteType: 'output',
-  referenceImageUrl: '',
-  prompt: '',
-  analysisMode: 'FAST',
-  asynchronous: false,
-  analysisTuning: {
-    maxWidth: 896,
-    maxImages: 12,
-    maxOutputTokens: 384,
-    matchThreshold: 0.48,
-    matchSelector: 'BEST',
-    matchIndex: 1,
-    matchSort: 'ROW_MAJOR',
-    locateConfidenceThreshold: 0.45,
-  },
-})
-
-const isReferenceMatch = computed(() => formData.analysisMethod === 'REFERENCE_MATCH')
-const isTextLocate = computed(() => formData.analysisMethod === 'TEXT_LOCATE')
-const isVisionAnalysis = computed(() => formData.analysisMethod === 'VISION_MODEL')
-const isLocationMethod = computed(() => isReferenceMatch.value || isTextLocate.value)
-
-const outputSummary = [
-  { name: 'result', desc: '按提示词返回的结果；JSON、数组和数字会自动解析' },
-  { name: 'resultText', desc: '模型返回的原始文本' },
-  { name: 'matched', desc: '找图结果是否达到最低分数' },
-  { name: 'matchScore', desc: '找图的匹配分数或定位置信度' },
-  { name: 'coordinates', desc: '大图原始尺寸坐标 [x1,y1,x2,y2]' },
-  { name: 'center', desc: '目标中心点坐标 [x,y]' },
-  { name: 'matchedDescription', desc: '模型实际定位的目标描述' },
-  { name: 'refinementMethod', desc: '坐标精修方式' },
-  { name: 'matchCount', desc: '找到的匹配项数量' },
-  { name: 'matches', desc: '全部匹配项及其序号、坐标和分数' },
-  { name: 'selectedMatchIndex', desc: '当前选择的匹配序号' },
-]
-
-// 文本输入允许换行或逗号分隔，保存前统一转成执行端需要的 URL 数组。
-const parseUrls = value => String(value || '').split(/\r?\n|,/).map(item => item.trim()).filter(Boolean)
-const validUrl = value => /^https?:\/\//i.test(value)
-const hasReference = () => formData.referenceMode === 'quote'
-  ? formData.referenceQuote.length > 0
-  : Boolean(formData.referenceImageUrl.trim())
-
-/**
- * 条件校验只约束当前可见的图片来源，隐藏模式不阻塞保存；直接输入仅接受 HTTP/HTTPS。
- */
-const rules = {
-  imageQuote: [{
-    validator: (_, value) => formData.imageMode !== 'quote' || value?.length
-      ? Promise.resolve()
-      : Promise.reject(new Error('请选择图片输出')),
-    trigger: 'change',
-  }],
-  imageUrlsText: [{
-    validator: (_, value) => {
-      if (formData.imageMode !== 'input') return Promise.resolve()
-      const urls = parseUrls(value)
-      if (!urls.length) return Promise.reject(new Error('请至少输入一个图片地址'))
-      const maximum = isLocationMethod.value ? 1 : 12
-      if (urls.length > maximum) return Promise.reject(new Error(isLocationMethod.value ? '找图只能输入一张目标图片' : '最多输入 12 张图片'))
-      return urls.every(validUrl)
-        ? Promise.resolve()
-        : Promise.reject(new Error('图片地址必须是 HTTP/HTTPS 地址'))
-    },
-    trigger: 'blur',
-  }],
-  referenceImageUrl: [{
-    validator: (_, value) => {
-      if (formData.referenceMode !== 'input') return Promise.resolve()
-      if (isReferenceMatch.value && !String(value || '').trim()) return Promise.reject(new Error('请输入待查小图地址'))
-      return !value || validUrl(String(value).trim())
-        ? Promise.resolve()
-        : Promise.reject(new Error('请输入有效的参考图片地址'))
-    },
-    trigger: 'blur',
-  }],
-  referenceQuote: [{
-    validator: (_, value) => !isReferenceMatch.value || formData.referenceMode !== 'quote' || value?.length
-      ? Promise.resolve()
-      : Promise.reject(new Error('请选择待查小图输出')),
-    trigger: 'change',
-  }],
-  prompt: [{
-    validator: (_, value) => isReferenceMatch.value || String(value || '').trim()
-      ? Promise.resolve()
-      : Promise.reject(new Error('请输入分析提示词')),
-    trigger: 'blur',
-  }],
-}
-
-// 引用选项按需加载，上游流程较大时避免每次渲染都遍历画布。
-const loadQuoteOptions = visible => { if (visible) quoteOptions.value = getUpstreamInput(props.data.id) || [] }
-const handleQuoteChange = () => {
-  formData.imageQuoteType = imageCascaderRef.value?.getCheckedNodes?.(true)?.[0]?.data?.type || 'output'
-}
-const handleReferenceQuoteChange = () => {
-  formData.referenceQuoteType = referenceCascaderRef.value?.getCheckedNodes?.(true)?.[0]?.data?.type || 'output'
-}
-const getParam = (params, name) => params.find(item => item.name === name)
-
-/**
- * 兼容旧版图片识别节点：把 taskType、targetDescription、instruction 合成新的自由提示词。
- */
-const legacyPrompt = (params) => {
-  const target = String(getParam(params, 'targetDescription')?.input || '').trim()
-  const instruction = String(getParam(params, 'instruction')?.input || '').trim()
-  const taskType = String(getParam(params, 'taskType')?.input || '').toUpperCase()
-  const parts = [target || instruction]
-  if (taskType === 'ICON_TEMPLATE_LOCATE') {
-    parts.push('最后一张图片是参考图片，请在其他图片中查找对应目标并返回坐标。')
-  }
-  parts.push('只返回分析结果，不输出通过、未通过或置信度。')
-  return parts.filter(Boolean).join('\n')
-}
-
-/**
- * 将持久化 nodeParams 回填到表单，并为缺少新字段的旧节点补默认值。
- */
-const initData = () => {
-  loadQuoteOptions(true)
-  const params = props.data?.properties?.nodeParams || []
-  const images = getParam(params, 'imageUrl')
-  const reference = getParam(params, 'referenceImageUrl')
-  const tuning = getParam(params, 'analysisTuning')?.input || {}
-  const asynchronous = getParam(params, 'asynchronous')
-  formData.imageMode = images?.type === 'input' ? 'input' : 'quote'
-  formData.imageQuote = Array.isArray(images?.quote) ? [...images.quote] : []
-  formData.imageQuoteType = images?.quoteType || 'output'
-  const staticImages = Array.isArray(images?.input) ? [...images.input] : parseUrls(images?.input || '')
-  const savedMethod = String(getParam(params, 'analysisMethod')?.input || '').toUpperCase()
-  const savedPrompt = getParam(params, 'prompt')?.input || legacyPrompt(params)
-  const coordinatePrompt = /(坐标|位置|小图|参考图|图标|coordinate|position|bbox|template)/i.test(savedPrompt)
-  const legacyReferenceMatch = !savedMethod && coordinatePrompt
-    && ((reference && staticImages.length === 1) || (!reference && staticImages.length === 2))
-  const legacyTextLocate = !savedMethod && coordinatePrompt && !reference && staticImages.length === 1
-  formData.analysisMethod = savedMethod === 'REFERENCE_MATCH' || legacyReferenceMatch
-    ? 'REFERENCE_MATCH'
-    : (savedMethod === 'TEXT_LOCATE' || legacyTextLocate ? 'TEXT_LOCATE' : 'VISION_MODEL')
-  formData.imageUrlsText = (legacyReferenceMatch ? staticImages.slice(0, 1) : staticImages).join('\n')
-  formData.referenceMode = reference?.type === 'quote' ? 'quote' : 'input'
-  formData.referenceQuote = Array.isArray(reference?.quote) ? [...reference.quote] : []
-  formData.referenceQuoteType = reference?.quoteType || 'output'
-  formData.referenceImageUrl = reference?.input || (legacyReferenceMatch ? staticImages[1] : '')
-  formData.prompt = savedPrompt
-  const savedMode = String(getParam(params, 'analysisMode')?.input || '').toUpperCase()
-  formData.analysisMode = savedMode === 'ACCURATE' ? 'ACCURATE' : 'FAST'
-  formData.asynchronous = asynchronous?.input === true || asynchronous?.input === 'true'
-  formData.analysisTuning.maxWidth = Number(tuning.maxWidth) || (formData.analysisMode === 'FAST' ? 896 : 1280)
-  formData.analysisTuning.maxImages = Number(tuning.maxImages) || 12
-  formData.analysisTuning.maxOutputTokens = Number(tuning.maxOutputTokens)
-    || (formData.analysisMode === 'FAST' ? 384 : 512)
-  formData.analysisTuning.matchThreshold = Number(tuning.matchThreshold) || 0.48
-  formData.analysisTuning.matchSelector = matchSelectorOptions.some(item => item.value === tuning.matchSelector)
-    ? tuning.matchSelector
-    : 'BEST'
-  formData.analysisTuning.matchIndex = Math.max(1, Math.min(20, Number(tuning.matchIndex) || 1))
-  formData.analysisTuning.matchSort = tuning.matchSort === 'COLUMN_MAJOR' ? 'COLUMN_MAJOR' : 'ROW_MAJOR'
-  formData.analysisTuning.locateConfidenceThreshold = Number(tuning.locateConfidenceThreshold) || 0.45
-  advancedSections.value = isVisionAnalysis.value && hasReference() ? ['reference'] : []
-}
-watch(() => props.data, initData, { immediate: true, deep: true })
-
-/**
- * 媒体参数统一保存为 quote/input 二选一结构；未使用的一侧清空，避免执行端误读。
- */
-const buildMediaParam = (name, mode, input, quote, quoteType, required = true) => ({
-  name,
-  type: mode,
-  input: mode === 'input' ? input : '',
-  quote: mode === 'quote' ? [...quote] : '',
-  quoteType,
-  required,
-  disabled: true,
-})
-
-/**
- * 校验通过后重建 IMAGE_ANALYZE 节点属性，确保 action、类型和输出契约同步升级。
- */
-const validateAndSave = async () => {
-  try {
-    await formRef.value.validate()
-    const nodeParams = [
-      { name: 'profileCode', type: 'input', input: 'common.image_analysis.v1', required: true, disabled: true },
-      buildMediaParam('imageUrl', formData.imageMode, parseUrls(formData.imageUrlsText), formData.imageQuote, formData.imageQuoteType),
-      { name: 'analysisMethod', type: 'input', input: formData.analysisMethod, required: false, disabled: true },
-      { name: 'prompt', type: 'input', input: isReferenceMatch.value ? '在大图中查找小图，返回原图像素坐标 [x1,y1,x2,y2]' : formData.prompt.trim(), required: true, disabled: true, componentType: 'textarea' },
-      { name: 'analysisMode', type: 'input', input: formData.analysisMode, required: false, disabled: true, componentType: 'select', selectOptions: modeOptions },
-      { name: 'analysisTuning', type: 'input', input: { ...formData.analysisTuning }, required: false, disabled: true },
-      { name: 'asynchronous', type: 'input', input: formData.asynchronous, required: false, disabled: true, componentType: 'switch' },
-    ]
-    if (!isTextLocate.value && hasReference()) {
-      // 参考图存在时插入到图片来源和提示词之间，保持执行端按固定顺序读取。
-      nodeParams.splice(3, 0, buildMediaParam(
-        'referenceImageUrl', formData.referenceMode, formData.referenceImageUrl.trim(),
-        formData.referenceQuote, formData.referenceQuoteType, false,
-      ))
-    }
-    const properties = {
-      ...props.data.properties,
-      name: '通用图片分析',
-      action: 'IMAGE_ANALYZE',
-      nodeType: 'LLM',
-      nodeParams,
-      outputType: 'json',
-      outputParams: JSON.parse(JSON.stringify(IMAGE_ANALYSIS_OUTPUT_PARAMS)),
-    }
-    // 图片分析由 LLM 服务执行，不绑定机器人或设备资源。
-    delete properties.executionTarget
-    lf.setProperties(props.data.id, properties)
-    emit('save-success')
-  } catch {
-    emit('save-error')
-  }
-}
-
-defineExpose({ validateAndSave })
-</script>
-
-<style scoped lang="scss">
-.image-analysis-params { padding-top: 16px; }
-.intro { margin-bottom: 22px; padding: 14px 16px; border-left: 3px solid var(--el-color-primary); background: var(--el-fill-color-light); }
-.intro__title { color: var(--el-text-color-primary); font-weight: 650; }
-.intro__desc, .field-hint { margin-top: 5px; color: var(--el-text-color-secondary); font-size: 12px; line-height: 18px; }
-.advanced-settings { margin-bottom: 18px; }
-.output-list { display: grid; gap: 8px; }
-.output-item { display: flex; align-items: baseline; gap: 12px; color: var(--el-text-color-regular); font-size: 13px; }
-.output-item code { min-width: 92px; color: var(--el-color-primary); }
-</style>
diff --git a/src/views/flow/components/params/MediaAnalysisParams.vue b/src/views/flow/components/params/MediaAnalysisParams.vue
deleted file mode 100644
index b53d4af..0000000
--- a/src/views/flow/components/params/MediaAnalysisParams.vue
+++ /dev/null
@@ -1,567 +0,0 @@
-<!--
- * 文件说明：媒体分析节点的参数编辑器，同时服务于“声音类型检测”和“视频智能分析”节点。
- * 数据流向：从 props.data.properties.nodeParams 回填表单，校验通过后再组装为标准 nodeParams
- *          并写回 LogicFlow 节点属性；本组件不直接调用媒体分析接口。
- * 作用范围：仅服务于流程设计器参数抽屉，由 ParamsDrawer 调用 validateAndSave 完成保存。
- -->
-<template>
-  <div class="media-analysis-params">
-    <!-- 标题和说明由节点 action 决定，同一组件在音频、视频节点下呈现不同业务语义。 -->
-    <div class="media-analysis-intro">
-      <div class="media-analysis-intro__title">{{ title }}</div>
-      <div class="media-analysis-intro__desc">{{ description }}</div>
-    </div>
-
-    <el-form ref="formRef" :model="formData" :rules="rules" label-position="top">
-      <!--
-        profileCode 是后端选择分析配置和模型策略的场景编码。
-        allow-create 用于兼容后端临时新增、前端尚未内置的场景，不把可用值限制在下拉选项内。
-      -->
-      <el-form-item label="分析场景" prop="profileCode">
-        <el-select
-          v-model="formData.profileCode"
-          filterable
-          allow-create
-          default-first-option
-          placeholder="选择或输入场景编码"
-          style="width: 100%"
-        >
-          <el-option
-            v-for="item in profileOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-        <div class="field-hint">场景决定识别标签、判断阈值和分析要求。</div>
-      </el-form-item>
-
-      <!-- 音频检测需要一个期望声音；视频分析改由 instruction 描述通过标准，因此不显示该字段。 -->
-      <el-form-item v-if="!isVideo" label="目标声音类型" prop="expectedLabel">
-        <el-select
-          v-model="formData.expectedLabel"
-          filterable
-          allow-create
-          default-first-option
-          placeholder="请选择目标声音类型"
-          style="width: 100%"
-          @change="handleExpectedLabelChange"
-        >
-          <el-option
-            v-for="item in soundTypeOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-        <div class="field-hint">只有实际声音与目标类型一致时才通过；新增类型可直接输入编码或名称。</div>
-      </el-form-item>
-
-      <!-- 媒体既可以引用上游录音/录像节点的输出，也可以直接填写一个可访问的网络地址。 -->
-      <el-form-item :label="mediaLabel" prop="mediaMode">
-        <el-segmented v-model="formData.mediaMode" :options="mediaModes" />
-      </el-form-item>
-
-      <!-- 引用模式保存级联路径和输出类型；打开下拉时才查询上游节点，避免每次渲染都遍历流程图。 -->
-      <el-form-item v-if="formData.mediaMode === 'quote'" label="引用节点输出" prop="mediaQuote">
-        <el-cascader
-          ref="mediaCascaderRef"
-          v-model="formData.mediaQuote"
-          :options="quoteOptions"
-          :props="{ checkStrictly: true }"
-          placeholder="选择上游录音或录像输出"
-          style="width: 100%"
-          @visible-change="loadQuoteOptions"
-          @change="handleQuoteChange"
-        />
-      </el-form-item>
-
-      <!-- 直接输入模式只接受 HTTP/HTTPS 地址，具体格式在 rules.mediaUrl 中按当前模式条件校验。 -->
-      <el-form-item v-else :label="`${mediaLabel}地址`" prop="mediaUrl">
-        <el-input v-model="formData.mediaUrl" type="textarea" :rows="3" placeholder="请输入 HTTP/HTTPS 媒体地址" />
-      </el-form-item>
-
-      <el-form-item label="异步执行">
-        <el-switch v-model="formData.asynchronous" />
-        <div class="field-hint">开启后分析在后台并行执行，流程结束前统一等待分析结果。</div>
-      </el-form-item>
-
-      <!-- 视频模型依赖自然语言标准判断是否通过；音频节点使用 expectedLabel，不需要 instruction。 -->
-      <el-form-item v-if="isVideo" label="通过标准" prop="instruction" required>
-        <el-input
-          v-model="formData.instruction"
-          type="textarea"
-          :rows="4"
-          maxlength="2000"
-          show-word-limit
-          placeholder="例如：车辆启动后，仪表必须在3秒内点亮"
-        />
-        <div class="field-hint">未观察到完整证据或置信度不足时，结果按未通过处理。</div>
-      </el-form-item>
-
-      <!-- 切换分析模式时同步恢复该模式预设，避免旧模式的微调参数意外带入新模式。 -->
-      <el-form-item v-if="isVideo" label="分析模式">
-        <el-segmented v-model="formData.analysisMode" :options="analysisModes" block @change="handleAnalysisModeChange" />
-        <div class="field-hint">{{ modeDescription }}</div>
-      </el-form-item>
-
-      <el-form-item v-if="isVideo" label="输出内容">
-        <!-- detailedOutput 只影响视频节点：默认精简，需要事件证据和时间范围时再让后端返回完整结果。 -->
-        <el-switch
-          v-model="formData.detailedOutput"
-          inline-prompt
-          active-text="详细"
-          inactive-text="精简"
-        />
-        <div class="field-hint">精简结果响应更快；需要逐步事件和时间范围时再启用详细输出。</div>
-      </el-form-item>
-
-      <!--
-        高级参数只对视频抽帧分析生效。默认折叠以降低普通用户的配置负担，isTuned 用于提示
-        当前值已经偏离模式预设；“恢复默认”只重置当前模式的参数，不切换分析模式。
-      -->
-      <el-collapse v-if="isVideo" v-model="advancedSections" class="analysis-tuning">
-        <el-collapse-item name="tuning">
-          <template #title>
-            <div class="analysis-tuning__title">
-              <span>高级设置</span>
-              <el-tag v-if="isTuned" size="small" type="warning" effect="plain">已微调</el-tag>
-            </div>
-          </template>
-          <div class="analysis-tuning__body">
-            <div class="analysis-tuning__toolbar">
-              <span>当前模式参数</span>
-              <el-button :icon="Refresh" text type="primary" @click.stop="restorePreset">恢复默认</el-button>
-            </div>
-            <el-form-item label="采样帧率（帧/秒）">
-              <el-slider v-model="formData.analysisTuning.sampleFps" :min="0.25" :max="6" :step="0.25" show-input />
-            </el-form-item>
-            <el-form-item label="图片最大宽度">
-              <el-slider v-model="formData.analysisTuning.maxWidth" :min="640" :max="1280" :step="64" show-input />
-            </el-form-item>
-            <el-form-item label="通过置信度">
-              <el-slider v-model="formData.analysisTuning.confidenceThreshold" :min="0.5" :max="0.95" :step="0.05" show-input />
-            </el-form-item>
-            <el-form-item v-if="formData.analysisMode === 'AUTO'" label="低置信度转精确分析">
-              <el-switch v-model="formData.analysisTuning.fallbackToAccurate" />
-            </el-form-item>
-          </div>
-        </el-collapse-item>
-      </el-collapse>
-    </el-form>
-
-    <!-- 输出字段只作契约说明，实际 outputParams 由节点配置定义，不能在这里编辑。 -->
-    <el-divider content-position="left">节点输出</el-divider>
-    <div class="output-list">
-      <div v-for="item in outputSummary" :key="item.name" class="output-item">
-        <code>{{ item.name }}</code>
-        <span>{{ item.desc }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, reactive, ref, watch } from 'vue'
-import { Refresh } from '@element-plus/icons-vue'
-import { getUpstreamInput } from '@/utils/flow'
-
-/**
- * data 是流程画布当前节点模型，核心字段包括 id、properties.action 和 properties.nodeParams。
- * 保存成功/失败事件由 ParamsDrawer 接收，用于更新节点错误状态并关闭参数抽屉。
- */
-const props = defineProps({ data: Object })
-const emit = defineEmits(['save-success', 'save-error'])
-
-// formRef 触发表单校验；mediaCascaderRef 用于读取级联选择器最终选中节点的元数据。
-const formRef = ref()
-const mediaCascaderRef = ref()
-
-// 上游节点输出在级联选择器展开时按需加载；高级设置默认保持折叠。
-const quoteOptions = ref([])
-const advancedSections = ref([])
-
-/**
- * 三种视频分析模式的推荐参数：
- * maxFrames 控制抽取帧数，maxWidth 控制送入模型前的缩放宽度，confidenceThreshold 是通过阈值；
- * fallbackToAccurate 仅 AUTO 模式有意义，表示快速分析置信度不足时是否升级为精确分析。
- */
-const analysisPresets = {
-  FAST: { sampleFps: 1, maxWidth: 896, confidenceThreshold: 0.7, fallbackToAccurate: false },
-  AUTO: { sampleFps: 2, maxWidth: 960, confidenceThreshold: 0.75, fallbackToAccurate: true },
-  ACCURATE: { sampleFps: 3, maxWidth: 1120, confidenceThreshold: 0.8, fallbackToAccurate: false },
-}
-/**
- * 表单使用一个稳定的 reactive 对象，initData 只更新字段而不替换对象，保证 Element Plus
- * 的表单项、校验状态和 v-model 引用始终指向同一个实例。
- */
-const formData = reactive({
-  profileCode: '',
-  expectedLabel: '',
-  expectedLabelName: '',
-  mediaMode: 'quote',
-  mediaQuote: [],
-  mediaQuoteType: 'output',
-  mediaUrl: '',
-  instruction: '',
-  analysisMode: 'AUTO',
-  detailedOutput: false,
-  asynchronous: false,
-  analysisTuning: { ...analysisPresets.AUTO },
-})
-
-// action 是区分音频节点和视频节点的唯一业务判别字段，后续文案、参数名和校验都由它派生。
-const isVideo = computed(() => props.data?.properties?.action === 'VIDEO_ANALYZE')
-
-// 以下计算属性统一收敛音频/视频差异，模板不需要重复判断具体 action 字符串。
-const title = computed(() => isVideo.value ? '视频智能分析' : '声音类型检测')
-const description = computed(() => isVideo.value
-  ? '对录像抽帧并按所选场景生成结构化分析结果。'
-  : '判断录音是否属于指定的目标声音类型，并输出通过或不通过。')
-const mediaLabel = computed(() => isVideo.value ? '视频来源' : '音频来源')
-
-// nodeParams 中的媒体参数名属于执行协议：视频使用 videoUrl，音频使用 audioUrl。
-const mediaName = computed(() => isVideo.value ? 'videoUrl' : 'audioUrl')
-
-// mediaMode 的值会直接写入媒体参数 type，因此必须与流程参数协议中的 quote/input 保持一致。
-const mediaModes = [
-  { label: '引用节点输出', value: 'quote' },
-  { label: '直接输入地址', value: 'input' },
-]
-const analysisModes = [
-  { label: '快速', value: 'FAST' },
-  { label: '均衡', value: 'AUTO' },
-  { label: '精确', value: 'ACCURATE' },
-]
-// 声音类型同时保存机器可读编码和中文名称；allow-create 允许现场扩展未预置类型。
-const soundTypeOptions = [
-  { label: '开机', value: 'POWER_ON' },
-  { label: '关机', value: 'POWER_OFF' },
-  { label: '设防', value: 'ARMED' },
-  { label: '解防', value: 'DISARMED' },
-  { label: '鸣笛寻车', value: 'FIND_VEHICLE_HORN' },
-]
-const modeDescriptions = {
-  FAST: '使用轻量模型直接判断，适合动作明显、批量执行的场景。',
-  AUTO: '先快速判断，低置信度时自动切换精确分析。',
-  ACCURATE: '使用高精度模型分析更多画面细节，耗时较长。',
-}
-const modeDescription = computed(() => modeDescriptions[formData.analysisMode] || '')
-
-// 任意高级参数偏离当前模式预设即视为“已微调”，用于控制折叠标题中的提示标签。
-const isTuned = computed(() => {
-  const preset = analysisPresets[formData.analysisMode] || analysisPresets.AUTO
-  return Object.keys(preset).some((key) => formData.analysisTuning[key] !== preset[key])
-})
-// 不同媒体类型使用不同场景编码，默认值也从这里取得，避免音视频节点互相沿用 profileCode。
-const profileOptions = computed(() => isVideo.value
-  ? [{ label: '爱玛测试视频分析', value: 'aima.power_video.v1' }]
-  : [{ label: '爱玛车辆声音类型检测', value: 'aima.power_state.v1' }])
-/**
- * 输出摘要与运行时返回对象保持一致，仅负责向流程设计用户解释后续节点可引用的字段。
- * 音频结果强调目标声音与实际声音的比较；视频结果强调证据、结论和实际分析模式。
- */
-const outputSummary = computed(() => isVideo.value
-  ? [
-      { name: 'result', desc: '分析结果' },
-      { name: 'passed', desc: '是否通过' },
-      { name: 'confidence', desc: '判定置信度' },
-      { name: 'evidenceSufficient', desc: '证据是否充分' },
-      { name: 'conclusion', desc: '分析结论' },
-      { name: 'summary', desc: '分析摘要' },
-      { name: 'events', desc: '关键事件列表' },
-      { name: 'analysisMode', desc: '实际使用的分析模式' },
-      { name: 'fallback', desc: '是否切换到精确分析' },
-      { name: 'detailedOutput', desc: '是否返回详细事件证据' },
-    ]
-  : [
-      { name: 'passed', desc: '是否检测到目标声音' },
-      { name: 'expectedLabelName', desc: '目标声音类型' },
-      { name: 'labelName', desc: '实际声音类型' },
-      { name: 'matched', desc: '是否识别到已知声音' },
-      { name: 'confidence', desc: '最高匹配度' },
-      { name: 'decisionReason', desc: '检测结论' },
-      { name: 'scores', desc: '各分类匹配度' },
-    ])
-
-/**
- * 校验规则包含多个条件字段：
- * - expectedLabel 只在音频节点必填；instruction 只在视频节点必填；
- * - mediaQuote/mediaUrl 根据 mediaMode 二选一校验，隐藏字段不会阻塞保存；
- * - 直接地址限制为 HTTP/HTTPS，避免执行端收到本地路径或无法识别的协议。
- */
-const rules = {
-  profileCode: [{ required: true, message: '请选择或输入分析场景', trigger: 'change' }],
-  expectedLabel: [{
-    validator: (_, value) => isVideo.value || String(value || '').trim()
-      ? Promise.resolve()
-      : Promise.reject(new Error('请选择目标声音类型')),
-    trigger: 'change',
-  }],
-  mediaQuote: [{
-    validator: (_, value) => formData.mediaMode !== 'quote' || (Array.isArray(value) && value.length)
-      ? Promise.resolve()
-      : Promise.reject(new Error('请选择媒体输出')),
-    trigger: 'change',
-  }],
-  mediaUrl: [{
-    validator: (_, value) => formData.mediaMode !== 'input' || /^https?:\/\//i.test(String(value || '').trim())
-      ? Promise.resolve()
-      : Promise.reject(new Error('请输入有效的 HTTP/HTTPS 地址')),
-    trigger: 'blur',
-  }],
-  instruction: [{
-    validator: (_, value) => !isVideo.value || String(value || '').trim()
-      ? Promise.resolve()
-      : Promise.reject(new Error('请输入明确的通过标准')),
-    trigger: 'blur',
-  }],
-}
-
-// 使用 Object.assign 保留 analysisTuning 的响应式引用，只覆盖当前模式定义的预设字段。
-const restorePreset = () => {
-  Object.assign(formData.analysisTuning, analysisPresets[formData.analysisMode] || analysisPresets.AUTO)
-}
-
-// 模式切换后直接采用新模式预设，用户仍可在高级设置中继续微调。
-const handleAnalysisModeChange = () => restorePreset()
-
-// 同时维护编码和展示名称；用户创建自定义类型时，输入值本身作为可读名称兜底。
-const handleExpectedLabelChange = (value) => {
-  const option = soundTypeOptions.find(item => item.value === value)
-  formData.expectedLabelName = option?.label || String(value || '').trim()
-}
-
-/**
- * analysisTuning 的历史数据可能是对象或 JSON 字符串。这里统一解析为普通对象；
- * 非法 JSON 返回空对象，后续 normalizeStoredTuning 会用模式预设补齐全部字段。
- */
-const parseStoredTuning = (value) => {
-  if (value && typeof value === 'object' && !Array.isArray(value)) return value
-  if (typeof value !== 'string' || !value.trim()) return {}
-  try {
-    const parsed = JSON.parse(value)
-    return parsed && typeof parsed === 'object' && !Array.isArray(parsed) ? parsed : {}
-  } catch {
-    return {}
-  }
-}
-
-// 将旧配置或外部写入值限制在当前 UI 支持范围内，NaN 等非法值回退到模式默认值。
-const clamp = (value, minimum, maximum, fallback) => {
-  const number = Number(value)
-  return Number.isFinite(number) ? Math.min(maximum, Math.max(minimum, number)) : fallback
-}
-
-/**
- * 标准化持久化的高级参数，保证滑块始终接收到合法数字，并兼容缺少新字段的旧流程数据。
- * 帧数和宽度必须为整数；fallbackToAccurate 只接受真正的布尔值，不把字符串误判为 true。
- */
-const normalizeStoredTuning = (value, preset) => {
-  const stored = parseStoredTuning(value)
-  return {
-    sampleFps: Math.round(clamp(stored.sampleFps, 0.25, 6, preset.sampleFps) * 100) / 100,
-    maxWidth: Math.round(clamp(stored.maxWidth, 640, 1280, preset.maxWidth)),
-    confidenceThreshold: clamp(stored.confidenceThreshold, 0.5, 0.95, preset.confidenceThreshold),
-    fallbackToAccurate: typeof stored.fallbackToAccurate === 'boolean'
-      ? stored.fallbackToAccurate
-      : preset.fallbackToAccurate,
-  }
-}
-
-// getInput 根据当前节点 ID 返回可引用的上游输出，只在级联面板打开时刷新以减少无效计算。
-const loadQuoteOptions = (visible) => {
-  if (visible) quoteOptions.value = getUpstreamInput(props.data.id) || []
-}
-
-/**
- * 级联路径只记录选中位置，quoteType 需要从叶子节点元数据单独取得；
- * 读取不到元数据时回退为 output，兼容旧版上游输出选项。
- */
-const handleQuoteChange = () => {
-  const checked = mediaCascaderRef.value?.getCheckedNodes?.(true)?.[0]
-  formData.mediaQuoteType = checked?.data?.type || 'output'
-}
-
-/**
- * 将节点已保存的 nodeParams 回填到表单。
- *
- * nodeParams 是按 name 存储的数组而不是对象，因此先逐项定位；缺失字段使用当前节点类型的默认值。
- * 媒体参数的 type 决定“引用/输入”模式，quote、quoteType 和 input 分别恢复对应控件。
- * 旧版音频节点可能只有 expectedLabel 没有 expectedLabelName，此时通过选项表补齐中文名称。
- * 视频高级配置经过 normalizeStoredTuning 清洗，非 AUTO 模式强制关闭仅 AUTO 支持的精确分析回退。
- */
-const initData = () => {
-  loadQuoteOptions(true)
-  const params = props.data?.properties?.nodeParams || []
-  const profile = params.find(item => item.name === 'profileCode')
-  const expectedLabel = params.find(item => item.name === 'expectedLabel')
-  const expectedLabelName = params.find(item => item.name === 'expectedLabelName')
-  const media = params.find(item => item.name === mediaName.value)
-  const instruction = params.find(item => item.name === 'instruction')
-  const analysisMode = params.find(item => item.name === 'analysisMode')
-  const detailedOutput = params.find(item => item.name === 'detailedOutput')
-  const analysisTuning = params.find(item => item.name === 'analysisTuning')
-  const asynchronous = params.find(item => item.name === 'asynchronous')
-  formData.profileCode = profile?.input || profileOptions.value[0]?.value || ''
-  formData.expectedLabel = expectedLabel?.input || ''
-  formData.expectedLabelName = expectedLabelName?.input || ''
-  if (formData.expectedLabel && !formData.expectedLabelName) {
-    handleExpectedLabelChange(formData.expectedLabel)
-  }
-  formData.mediaMode = media?.type === 'input' ? 'input' : 'quote'
-  formData.mediaQuote = Array.isArray(media?.quote) ? [...media.quote] : []
-  formData.mediaQuoteType = media?.quoteType || 'output'
-  formData.mediaUrl = media?.input || ''
-  formData.instruction = instruction?.input || ''
-  formData.analysisMode = analysisPresets[analysisMode?.input] ? analysisMode.input : 'AUTO'
-  // 兼容旧流程或外部写入的字符串值，表单内部统一使用布尔值驱动开关。
-  formData.detailedOutput = detailedOutput?.input === true || detailedOutput?.input === 'true'
-  formData.asynchronous = asynchronous?.input === true || asynchronous?.input === 'true'
-  const preset = analysisPresets[formData.analysisMode] || analysisPresets.AUTO
-  Object.assign(formData.analysisTuning, normalizeStoredTuning(analysisTuning?.input, preset))
-  if (formData.analysisMode !== 'AUTO') formData.analysisTuning.fallbackToAccurate = false
-}
-
-// 抽屉可能在不销毁组件的情况下切换节点；深度监听保证节点属性更新后表单立即重新回填。
-watch(() => props.data, initData, { immediate: true, deep: true })
-
-/**
- * 校验并保存当前媒体分析节点。
- *
- * 保存过程重新构造 nodeParams，而不是修改原数组，避免残留另一种媒体类型的专属字段：
- * 1. 所有节点保存 profileCode 和当前媒体参数；
- * 2. 音频节点额外保存 expectedLabel/expectedLabelName；
- * 3. 视频节点额外保存 instruction、analysisMode 和 analysisTuning；
- * 4. 删除旧的 executionTarget 后，通过 LogicFlow 全局实例 lf 一次性写回 properties。
- *
- * ParamsDrawer 只依赖 save-success/save-error，不需要了解 Element Plus 的校验异常细节。
- */
-const validateAndSave = async () => {
-  try {
-    await formRef.value.validate()
-    // 公共参数始终位于数组前部，保持与 config.js 中节点初始定义一致，便于调试和序列化比较。
-    const nodeParams = [
-      {
-        name: 'profileCode',
-        type: 'input',
-        input: formData.profileCode.trim(),
-        required: true,
-        disabled: true,
-        componentType: 'select',
-        selectOptions: profileOptions.value,
-      },
-      {
-        name: mediaName.value,
-        type: formData.mediaMode,
-        input: formData.mediaMode === 'input' ? formData.mediaUrl.trim() : '',
-        quote: formData.mediaMode === 'quote' ? [...formData.mediaQuote] : '',
-        quoteType: formData.mediaQuoteType,
-        required: true,
-        disabled: true,
-      },
-    ]
-    nodeParams.push({
-      name: 'asynchronous',
-      type: 'input',
-      input: formData.asynchronous,
-      required: false,
-      disabled: true,
-      componentType: 'switch',
-    })
-    // 音频节点把目标类型插入 profileCode 与媒体参数之间，不保存任何视频专属参数。
-    if (!isVideo.value) {
-      nodeParams.splice(1, 0,
-        {
-          name: 'expectedLabel',
-          type: 'input',
-          input: formData.expectedLabel.trim(),
-          required: true,
-          disabled: true,
-          componentType: 'select',
-          selectOptions: soundTypeOptions,
-        },
-        {
-          name: 'expectedLabelName',
-          type: 'input',
-          input: formData.expectedLabelName.trim() || formData.expectedLabel.trim(),
-          required: false,
-          disabled: true,
-        },
-      )
-    }
-    // 视频节点保留自然语言标准和分析策略；高级参数复制为普通对象，避免泄漏 Vue 响应式代理。
-    if (isVideo.value) {
-      nodeParams.push({
-        name: 'instruction',
-        type: 'input',
-        input: formData.instruction.trim(),
-        required: true,
-        disabled: true,
-      })
-      nodeParams.push({
-        name: 'analysisMode',
-        type: 'input',
-        input: formData.analysisMode,
-        required: false,
-        disabled: true,
-        componentType: 'select',
-        selectOptions: analysisModes,
-      })
-      // 该开关控制后端是否返回 events 等较重字段，默认 false 可降低单节点执行响应成本。
-      nodeParams.push({
-        name: 'detailedOutput',
-        type: 'input',
-        input: formData.detailedOutput,
-        required: false,
-        disabled: true,
-        componentType: 'switch',
-      })
-      nodeParams.push({
-        name: 'analysisTuning',
-        type: 'input',
-        input: { ...formData.analysisTuning },
-        required: false,
-        disabled: true,
-      })
-    }
-    // 保留节点名称、action 等其他属性，仅替换本组件负责的 nodeParams。
-    const properties = { ...props.data.properties, nodeParams }
-
-    // executionTarget 属于旧执行模型字段，媒体分析节点统一由流程运行时调度，保存时主动移除。
-    delete properties.executionTarget
-
-    // lf 由流程设计器页面提供为全局 LogicFlow 实例；setProperties 会触发画布节点属性更新。
-    lf.setProperties(props.data.id, properties)
-    emit('save-success')
-  } catch (error) {
-    emit('save-error')
-  }
-}
-
-// ParamsDrawer 在关闭前通过组件 ref 调用该方法，因此必须显式暴露。
-defineExpose({ validateAndSave })
-</script>
-
-<style scoped lang="scss">
-.media-analysis-params { padding-top: 16px; }
-.media-analysis-intro {
-  margin-bottom: 22px;
-  padding: 14px 16px;
-  border-left: 3px solid var(--el-color-primary);
-  background: var(--el-fill-color-light);
-}
-.media-analysis-intro__title { color: var(--el-text-color-primary); font-weight: 650; }
-.media-analysis-intro__desc, .field-hint { margin-top: 5px; color: var(--el-text-color-secondary); font-size: 12px; line-height: 18px; }
-.output-list { display: grid; gap: 8px; }
-.output-item { display: flex; gap: 12px; align-items: baseline; color: var(--el-text-color-regular); font-size: 13px; }
-.output-item code { min-width: 92px; color: var(--el-color-primary); }
-.analysis-tuning { margin-bottom: 18px; border-top: 1px solid var(--el-border-color-lighter); }
-.analysis-tuning :deep(.el-collapse-item__header) { min-height: 48px; height: auto; }
-.analysis-tuning :deep(.el-collapse-item__content) { padding-bottom: 4px; }
-.analysis-tuning__title { display: flex; min-width: 0; align-items: center; gap: 8px; font-weight: 650; }
-.analysis-tuning__body { padding: 4px 2px 0; }
-.analysis-tuning__toolbar { display: flex; min-height: 32px; margin-bottom: 10px; align-items: center; justify-content: space-between; color: var(--el-text-color-secondary); font-size: 12px; }
-.analysis-tuning :deep(.el-slider) { --el-slider-button-size: 16px; }
-.analysis-tuning :deep(.el-slider__runway.show-input) { margin-right: 18px; }
-</style>
diff --git a/src/views/flow/components/params/RecognizeNodeParams.vue b/src/views/flow/components/params/RecognizeNodeParams.vue
deleted file mode 100644
index b339d05..0000000
--- a/src/views/flow/components/params/RecognizeNodeParams.vue
+++ /dev/null
@@ -1,387 +0,0 @@
-<!--
- * 文件说明：识别节点参数面板，配置识别条件和告警规则。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-    <el-form :inline="true" :model="RecognizeNodeData" :rules="rules" ref="dynamicFormRef" class="http-form"
-        label-position="top" label-width="auto">
-        <el-collapse v-model="activeNames">
-            <el-collapse-item name="1" title="识别配置" icon-position="left">
-                <div v-for="(property, index) in RecognizeNodeData.nodeParams" class="form__container" :key="index">
-                    <el-row>
-                        <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`nodeParams.${index}.name`"
-                            :rules="[{ required: true, message: '请输入参数名', trigger: 'blur' }]">
-                            <el-input :disabled="property?.disabled || false" class="param-name" v-model="property.name"
-                                placeholder="请输入" clearable />
-                        </el-form-item>
-                        <el-form-item :label="index === 0 ? '参数值' : ''" :prop="`nodeParams.${index}.type`">
-                            <el-select v-model="property.type" class="param-type"
-                                @change="handleTypeChange(property)">
-                                <el-option label="引用" value="quote" />
-                                <el-option label="输入" value="input" />
-                            </el-select>
-                            <el-form-item v-if="property.type === 'input'" :rules="{ required: true, message: '请输入参数值', trigger: 'blur' }"
-                                :prop="`nodeParams.${index}.input`">
-                                <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                                    v-model="property.input" :min="0" :max="property.max || Infinity"
-                                    :controls="property?.controls || true" :step-strictly="true"
-                                    :step="property.step || 1" placeholder="请输入" clearable />
-                                <el-select v-model="property.input" class="param-value"
-                                    v-else-if="property.componentType === 'select'">
-                                    <el-option v-for="item in property.selectOptions" :key="item.value"
-                                        :label="item.label" :value="item.value" />
-                                </el-select>
-                                <el-input class="param-value" v-else v-model="property.input" placeholder="请输入"
-                                    clearable />
-                            </el-form-item>
-                            <el-form-item v-if="property.type === 'quote'"
-                                :rules="[{ required: true, message: '请选择参数值', trigger: 'blur' }]"
-                                :prop="`nodeParams.${index}.quote`">
-                                <el-cascader :ref="(el) => { if (el) cascaderRefs[index] = el }"
-                                    v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions"
-                                    placeholder="请选择"
-                                    @visible-change="(visible) => visibleChange(visible, index, property.quote)"
-                                    @change="(value) => cascaderChange(value, property)" />
-                            </el-form-item>
-                        </el-form-item>
-                    </el-row>
-                </div>
-            </el-collapse-item>
-            <el-collapse-item name="2" title="告警级别" icon-position="left">
-                <template #title>
-                    告警级别
-                    <el-button :circle="true" size="small" @click="addAlarmRule" class="addFormItem">
-                        <el-icon :size="14"><Plus /></el-icon>
-                    </el-button>
-                </template>
-                <div class="form__container alarm-rules">
-                    <el-row v-for="(rule, index) in RecognizeNodeData.alarmRules" :key="index">
-                        <el-form-item label="告警级别" :prop="`alarmRules.${index}.level`"
-                            :rules="[{ required: true, message: '请输入告警级别', trigger: 'change' }]">
-                            <el-input-number v-model="rule.level" :min="1" :max="3" :step="1"
-                                :step-strictly="true" />
-                        </el-form-item>
-                        <el-form-item label="比较符" :prop="`alarmRules.${index}.operator`"
-                            :rules="[{ required: true, message: '请选择比较符', trigger: 'change' }]">
-                            <el-select v-model="rule.operator" placeholder="请选择">
-                                <el-option v-for="operator in alarmOperators" :key="operator.value"
-                                    :label="operator.label" :value="operator.value" />
-                            </el-select>
-                        </el-form-item>
-                        <el-form-item label="阈值" :prop="`alarmRules.${index}.threshold`"
-                            :rules="[{ required: true, message: '请输入阈值', trigger: 'change' }]">
-                            <el-input-number v-model="rule.threshold" :controls="false" />
-                        </el-form-item>
-                        <el-form-item label="告警信息" :prop="`alarmRules.${index}.message`"
-                            :rules="[{ required: true, message: '请输入告警信息', trigger: 'blur' }]">
-                            <el-input v-model="rule.message" placeholder="请输入告警信息" clearable />
-                        </el-form-item>
-                        <el-button type="danger" link class="deleteBtn" @click="deleteAlarmRule(index)">
-                            <el-icon><Minus /></el-icon>
-                        </el-button>
-                    </el-row>
-                    <el-empty v-if="!RecognizeNodeData.alarmRules.length" description="暂无告警规则" :image-size="60" />
-                </div>
-            </el-collapse-item>
-            <el-collapse-item name="3" icon-position="left">
-                <template #title>
-                    输出参数
-                    <el-tooltip class="box-item" effect="dark" content="这里定义的输出变量可以被后续节点引用。" placement="top">
-                        <el-icon class="header-icon" style="margin-left: 6px">
-                            <info-filled />
-                        </el-icon>
-                    </el-tooltip>
-                    <el-button :circle="true" size="small" @click="(e) => addRecognizeItem(e)" class="addFormItem">
-                        <el-icon :size="14">
-                            <Plus />
-                        </el-icon>
-                    </el-button>
-                </template>
-                <div class="form__container">
-                    <el-form :inline="true" :model="RecognizeNodeData" label-position="top" label-width="auto"
-                        :rules="outputRules" ref="outputFormRef">
-                        <FormItemRecursive formType="output" :current-list="RecognizeNodeData.outputParams"
-                            prop-path="outputParams" :depth="0" :is-first-level="true" :endDepth="2" :parent-path="[]"
-                            @delete-item="(path) => deleteRecognizeItem(path, 'outputParams')" />
-                    </el-form>
-                </div>
-            </el-collapse-item>
-        </el-collapse>
-    </el-form>
-</template>
-
-<script setup>
-import { ref, reactive, watch, nextTick } from 'vue'
-import { Plus, Minus } from '@element-plus/icons-vue'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import { transformRecognizeNodeData } from '@/utils/flow'
-import { useQuote } from './useQuote.js'
-
-const props = defineProps({
-    data: Object
-})
-
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formData = reactive({
-    nodeParams: [],
-    outputParams: []
-})
-
-const rules = reactive({})
-const outputRules = reactive({})
-const dynamicFormRef = ref()
-const outputFormRef = ref()
-const activeNames = ref(['1', '2'])
-
-// 使用共享的 quote 逻辑
-const { quoteOptions, cascaderRefs, handleTypeChange, cascaderChange, visibleChange } = useQuote(props.data.id)
-
-// 添加表单项
-/**
- * 新增 addFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addFormItem = (e, type) => {
-    e.stopPropagation()
-    const obj = {
-        name: '',
-        type: type === 'nodeParams' ? 'input' : 'string',
-        required: false,
-        children: [],
-        input: ''
-    }
-    if (!formData[type]) formData[type] = []
-    formData[type].push(obj)
-}
-
-// 商道智能体
-const RecognizeNodeData = ref({})
-
-const alarmOperators = [
-    { label: '大于（GT）', value: 'GT' },
-    { label: '大于等于（GTE）', value: 'GTE' },
-    { label: '小于（LT）', value: 'LT' },
-    { label: '小于等于（LTE）', value: 'LTE' },
-    { label: '等于（EQ）', value: 'EQ' },
-    { label: '不等于（NE）', value: 'NE' }
-]
-
-/**
- * 新增 addAlarmRule 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const addAlarmRule = (e) => {
-    e.stopPropagation()
-    RecognizeNodeData.value.alarmRules.push({
-        level: 1,
-        operator: 'GTE',
-        threshold: 0,
-        message: ''
-    })
-}
-
-/**
- * 删除 deleteAlarmRule 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} index 目标项索引
- */
-const deleteAlarmRule = (index) => {
-    RecognizeNodeData.value.alarmRules.splice(index, 1)
-}
-
-/**
- * 新增 addRecognizeItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const addRecognizeItem = (e) => {
-    e.stopPropagation();
-    RecognizeNodeData.value.outputParams.push({ name: "", type: "string", input: "" });
-}
-
-/**
- * 删除 deleteRecognizeItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} fullPath 字段完整路径
- * @param {*} propPath 字段校验路径
- */
-const deleteRecognizeItem = (fullPath, propPath) => {
-    // 从顶层数据开始查找
-    let currentLevel = RecognizeNodeData.value[propPath];
-
-    // 遍历路径（除最后一个索引，因为最后一个是要删除的项）
-    for (let i = 0; i < fullPath.length - 1; i++) {
-        const index = fullPath[i];
-        // 进入下一层级
-        currentLevel = currentLevel[index].children;
-    }
-
-    // 最后一个索引是当前层级要删除的项
-    const lastIndex = fullPath[fullPath.length - 1];
-    currentLevel.splice(lastIndex, 1);
-}
-
-// 初始化数据
-/**
- * 初始化 initData 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const initData = () => {
-    const nodeParams = JSON.parse(JSON.stringify(props.data.properties.nodeParams || []))
-    const outputParams = JSON.parse(JSON.stringify(props.data.properties.outputParams || []))
-    const transformedData = transformRecognizeNodeData(nodeParams);
-    RecognizeNodeData.value = {
-        ...transformedData,
-        outputParams
-    };
-}
-
-watch(
-    () => props.data,
-    () => {
-        initData()
-    },
-    { immediate: true, deep: true }
-)
-
-// 保存验证
-/**
- * 校验 validateAndSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const validateAndSave = async () => {
-    let inputValid = true
-    let outputValid = true
-    if (dynamicFormRef.value) {
-        await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-    }
-    if (outputFormRef.value) {
-        await outputFormRef.value.validate((valid) => { if (!valid) outputValid = false })
-    }
-
-    const nodeParams = []
-    nodeParams.push(...RecognizeNodeData.value.nodeParams)
-    nodeParams.push({
-        name: "alarmRules",
-        type: "input",
-        input: RecognizeNodeData.value.alarmRules.map(({ level, operator, threshold, message }) => ({
-            level,
-            operator,
-            threshold,
-            message
-        })),
-        disabled: true
-    })
-    lf.setProperties(props.data.id, {
-        ...props.data.properties,
-        nodeParams,
-        outputParams: RecognizeNodeData.value.outputParams
-    });
-
-
-    if (inputValid && outputValid) {
-        emit('save-success')
-    } else {
-        emit('save-error')
-    }
-}
-
-defineExpose({ validateAndSave })
-</script>
-
-<style lang="scss" scoped>
-.http-form {
-    width: 100%;
-
-    .el-collapse {
-        width: 100%;
-    }
-}
-
-.form__container {
-    margin: 12px 0;
-
-    :deep(.el-row) {
-        align-items: end;
-
-        .el-form-item {
-            margin-right: 12px;
-        }
-
-        .param-name {
-            width: 160px;
-        }
-
-        .param-type {
-            width: 80px;
-        }
-
-        .param-value {
-            width: 160px;
-        }
-
-    }
-
-
-
-    .sub-properties {
-        margin-left: 10px;
-
-        .zw {
-            margin-left: 15px;
-
-            &::before {
-                content: "";
-                position: absolute;
-                left: 0;
-                top: -4px;
-                width: 10px;
-                border-left: 1px solid gray;
-                border-bottom: 1px solid gray;
-                border-bottom-left-radius: 4px;
-                background-color: transparent;
-                height: 24px;
-            }
-        }
-    }
-
-    .gSon-properties {
-        margin-left: 10px;
-
-        .zw {
-            margin-left: 15px;
-
-            &::before {
-                content: "";
-                position: absolute;
-                left: 0;
-                top: -4px;
-                width: 10px;
-                border-left: 1px solid gray;
-                border-bottom: 1px solid gray;
-                border-bottom-left-radius: 4px;
-                background-color: transparent;
-                height: 24px;
-            }
-        }
-    }
-
-    .deleteBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-    }
-}
-
-.alarm-rules {
-    :deep(.el-row) {
-        flex-wrap: nowrap;
-
-        .el-form-item {
-            flex: 1;
-        }
-
-        .el-select,
-        .el-input,
-        .el-input-number {
-            width: 100%;
-        }
-    }
-}
-</style>
diff --git a/src/views/flow/components/params/RobotExecutionTarget.vue b/src/views/flow/components/params/RobotExecutionTarget.vue
deleted file mode 100644
index b87c223..0000000
--- a/src/views/flow/components/params/RobotExecutionTarget.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-<template>
-  <div class="execution-target">
-    <div class="execution-target__heading">执行设置</div>
-    <el-form label-position="top">
-      <el-form-item label="由谁执行" required>
-        <el-select v-model="localTarget.roleKey" style="width: 100%" @change="handleRoleChange">
-          <el-option
-            v-for="role in roles"
-            :key="role.roleKey"
-            :label="role.displayName"
-            :value="role.roleKey"
-          />
-        </el-select>
-      </el-form-item>
-      <el-form-item v-if="hasDeviceParameter" label="使用设备" required>
-        <el-select
-          v-model="deviceSlotKey"
-          style="width: 100%"
-          :placeholder="matchingSlots.length ? '请选择设备用途' : '请先在开始节点配置设备用途'"
-          @change="emitTarget"
-        >
-          <el-option
-            v-for="slot in matchingSlots"
-            :key="slot.slotKey"
-            :label="`${slot.displayName} · ${getDeviceKindName(slot.deviceKind)}`"
-            :value="slot.slotKey"
-          />
-        </el-select>
-        <div v-if="!matchingSlots.length" class="execution-target__warning">
-          当前角色没有匹配的设备用途，请先打开开始节点添加。
-        </div>
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-
-<script setup>
-import { computed, reactive, ref, watch } from 'vue'
-import { getDeviceKindForAction } from '@/utils/robotDevice'
-import { actionRequiresDevice, getDeviceKindName, getResourceRoles } from '@/utils/flowResources'
-
-const props = defineProps({
-  data: { type: Object, required: true },
-  modelValue: { type: Object, default: () => ({}) },
-})
-
-const emit = defineEmits(['update:modelValue'])
-const roles = ref([])
-const localTarget = reactive({ roleKey: '', dispatchPolicy: 'ONE', deviceSlotKey: '' })
-const deviceSlotKey = ref('')
-
-const hasDeviceParameter = computed(() => (
-  actionRequiresDevice(props.data.properties?.action)
-))
-const requiredDeviceKind = computed(() => getDeviceKindForAction(props.data.properties?.action))
-const selectedRole = computed(() => roles.value.find((role) => role.roleKey === localTarget.roleKey))
-const matchingSlots = computed(() => (selectedRole.value?.deviceSlots || []).filter((slot) => (
-  requiredDeviceKind.value == null
-  || slot.deviceKind == null
-  || Number(slot.deviceKind) === Number(requiredDeviceKind.value)
-)))
-
-const emitTarget = () => {
-  emit('update:modelValue', {
-    roleKey: localTarget.roleKey,
-    dispatchPolicy: 'ONE',
-    deviceSlotKey: hasDeviceParameter.value ? deviceSlotKey.value : '',
-  })
-}
-
-const selectDefaultSlot = () => {
-  const currentValid = matchingSlots.value.some((slot) => slot.slotKey === deviceSlotKey.value)
-  if (!currentValid) deviceSlotKey.value = matchingSlots.value.length === 1 ? matchingSlots.value[0].slotKey : ''
-}
-
-const handleRoleChange = () => {
-  deviceSlotKey.value = ''
-  selectDefaultSlot()
-  emitTarget()
-}
-
-const syncFromModel = () => {
-  roles.value = getResourceRoles()
-  const value = props.modelValue || {}
-  localTarget.roleKey = roles.value.some((role) => role.roleKey === value.roleKey)
-    ? value.roleKey
-    : roles.value[0]?.roleKey || ''
-  localTarget.dispatchPolicy = value.dispatchPolicy || 'ONE'
-  deviceSlotKey.value = value.deviceSlotKey || value.deviceBindings?.[0]?.slotKey || ''
-  selectDefaultSlot()
-}
-
-watch(
-  [() => props.data.id, () => props.modelValue],
-  syncFromModel,
-  { immediate: true, deep: true }
-)
-</script>
-
-<style scoped lang="scss">
-.execution-target {
-  margin: 12px 0 2px;
-  padding: 14px 0 2px;
-  border-bottom: 1px solid var(--el-border-color-lighter);
-}
-
-.execution-target__heading {
-  margin-bottom: 12px;
-  color: var(--el-text-color-primary);
-  font-size: 14px;
-  font-weight: 650;
-}
-
-.execution-target__warning {
-  margin-top: 6px;
-  color: var(--el-color-warning-dark-2);
-  font-size: 12px;
-  line-height: 18px;
-}
-</style>
diff --git a/src/views/flow/components/params/SdAgentNodeParams.vue b/src/views/flow/components/params/SdAgentNodeParams.vue
deleted file mode 100644
index 64a580d..0000000
--- a/src/views/flow/components/params/SdAgentNodeParams.vue
+++ /dev/null
@@ -1,390 +0,0 @@
-<!--
- * 文件说明：智能体参数面板，配置智能体调用和语音合成。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <el-form :inline="true" :model="sdAgentNodeData" :rules="rules" ref="dynamicFormRef" class="http-form"
-    label-position="top" label-width="auto">
-    <el-collapse v-model="activeNames">
-      <el-collapse-item name="1" title="请求配置" icon-position="left">
-        <div class="form__container">
-          <div v-for="(property, index) in sdAgentNodeData.config" :key="index">
-            <el-row>
-              <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`config.${index}.name`" :rules="[
-                { required: true, message: '请输入参数名', trigger: 'blur' },
-              ]">
-                <el-input :disabled="true" class="param-name" v-model="property.name" placeholder="请输入" clearable />
-              </el-form-item>
-              <el-form-item :label="index === 0 ? '参数值' : ''" :prop="`config.${index}.input`">
-                <el-select v-model="property.type" class="param-type" @change="handleTypeChange(property)">
-                  <el-option label="引用" value="quote" />
-                  <el-option label="输入" value="input" />
-                </el-select>
-                <el-form-item v-if="property.type === 'input'" :rules="[
-                  {
-                    required: property?.required ?? true,
-                    message: '请输入参数值',
-                    trigger: 'blur',
-                  },
-                ]" :prop="`config.${index}.input`">
-                  <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                    v-model="property.input" :min="0" :max="property.max || Infinity" :controls="false"
-                    :step-strictly="true" placeholder="请输入" clearable />
-                  <el-select v-model="property.input" class="param-value"
-                    v-else-if="property.componentType === 'select'">
-                    <el-option v-for="item in property.selectOptions" :key="item.value" :label="item.label"
-                      :value="item.value" />
-                  </el-select>
-                  <el-input class="param-value" v-else v-model="property.input" placeholder="请输入" clearable />
-                </el-form-item>
-                <el-form-item v-if="property.type === 'quote'" :rules="[
-                  {
-                    required: true,
-                    message: '请选择参数值',
-                    trigger: 'blur',
-                  },
-                ]" :prop="`config.${index}.quote`">
-                  <el-cascader :ref="(el) => {
-                    if (el) cascaderRefs[index] = el;
-                  }
-                    " v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions" placeholder="请选择"
-                    @visible-change="
-                      (visible) => visibleChange(visible, index, property.quote)
-                    " @change="(value) => cascaderChange(value, property)" />
-                </el-form-item>
-              </el-form-item>
-            </el-row>
-          </div>
-          <el-row>
-            <span style="margin-right: 24px">是否调用TTS接口</span>
-            <el-switch size="small" v-model="sdAgentNodeData.invokeTts" @change="handleTtsChange" />
-          </el-row>
-          <div v-if="sdAgentNodeData.invokeTts">
-            <div style="margin: 10px 0">TTS参数设置</div>
-            <div v-for="(property, index) in sdAgentNodeData.tts" :key="index">
-              <el-row>
-                <el-form-item :label="index === 0 ? '参数名' : ''" :prop="`tts.${index}.name`" :rules="[
-                  { required: true, message: '请输入参数名', trigger: 'blur' },
-                ]">
-                  <el-input :disabled="true" class="param-name" v-model="property.name" placeholder="请输入" clearable />
-                </el-form-item>
-                <el-form-item :label="index === 0 ? '参数值' : ''" :prop="`tts.${index}.input`">
-                  <el-select v-model="property.type" class="param-type" @change="handleTypeChange(property)">
-                    <el-option label="引用" value="quote" />
-                    <el-option label="输入" value="input" />
-                  </el-select>
-                  <el-form-item v-if="property.type === 'input'" :rules="[
-                    {
-                      required: property?.required ?? true,
-                      message: '请输入参数值',
-                      trigger: 'blur',
-                    },
-                  ]" :prop="`tts.${index}.input`">
-                    <el-input-number class="param-value" v-if="property.componentType === 'number'"
-                      v-model="property.input" :min="0" :max="property.max || Infinity" :controls="false"
-                      :step-strictly="true" placeholder="请输入" clearable />
-                    <el-select v-model="property.input" class="param-value"
-                      v-else-if="property.componentType === 'select'">
-                      <el-option v-for="item in property.selectOptions" :key="item.value" :label="item.label"
-                        :value="item.value" />
-                    </el-select>
-                    <el-input class="param-value" v-else v-model="property.input" placeholder="请输入" clearable />
-                  </el-form-item>
-                  <el-form-item v-if="property.type === 'quote'" :rules="[
-                    {
-                      required: true,
-                      message: '请选择参数值',
-                      trigger: 'blur',
-                    },
-                  ]" :prop="`tts.${index}.quote`">
-                    <el-cascader :ref="(el) => {
-                      if (el) cascaderRefs[index] = el;
-                    }
-                      " v-model="property.quote" :props="{ checkStrictly: true }" :options="quoteOptions" placeholder="请选择"
-                      @visible-change="
-                        (visible) => visibleChange(visible, index, property.quote)
-                      " @change="(value) => cascaderChange(value, property)" />
-                  </el-form-item>
-                </el-form-item>
-              </el-row>
-            </div>
-          </div>
-        </div>
-      </el-collapse-item>
-      <el-collapse-item name="3" icon-position="left">
-        <template #title>
-          输出参数
-          <el-tooltip class="box-item" effect="dark" content="这里定义的输出变量可以被后续节点引用。" placement="top">
-            <el-icon class="header-icon" style="margin-left: 6px">
-              <info-filled />
-            </el-icon>
-          </el-tooltip>
-          <el-button :circle="true" size="small" @click="(e) => addSdAgentItem(e)" class="addFormItem">
-            <el-icon :size="14">
-              <Plus />
-            </el-icon>
-          </el-button>
-        </template>
-        <div class="form__container">
-          <el-form :inline="true" :model="sdAgentNodeData" label-position="top" label-width="auto" :rules="outputRules"
-            ref="outputFormRef">
-            <FormItemRecursive formType="output" :current-list="sdAgentNodeData.outputParams" prop-path="outputParams"
-              :depth="0" :is-first-level="true" :endDepth="2" :parent-path="[]"
-              @delete-item="(path) => deleteSdAgentItem(path, 'outputParams')" />
-          </el-form>
-        </div>
-      </el-collapse-item>
-    </el-collapse>
-  </el-form>
-</template>
-
-<script setup>
-import { ref, reactive, watch, nextTick } from 'vue'
-import { Plus, Minus } from '@element-plus/icons-vue'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import { getInput, transformSdAgentNodeData } from '@/utils/flow'
-import { useQuote } from './useQuote.js'
-
-const props = defineProps({
-  data: Object
-})
-
-const emit = defineEmits(['save-success', 'save-error'])
-
-const formData = reactive({
-  nodeParams: [],
-  outputParams: []
-})
-
-const rules = reactive({})
-const outputRules = reactive({})
-const dynamicFormRef = ref()
-const outputFormRef = ref()
-const activeNames = ref(['1', '2'])
-
-// 使用共享的 quote 逻辑
-const { quoteOptions, cascaderRefs, handleTypeChange, cascaderChange, visibleChange } = useQuote(props.data.id)
-
-// 添加表单项
-/**
- * 新增 addFormItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- * @param {*} type 目标类型
- */
-const addFormItem = (e, type) => {
-  e.stopPropagation()
-  const obj = {
-    name: '',
-    type: type === 'nodeParams' ? 'input' : 'string',
-    required: false,
-    children: [],
-    input: ''
-  }
-  if (!formData[type]) formData[type] = []
-  formData[type].push(obj)
-}
-
-// 商道智能体
-const sdAgentNodeData = ref({})
-
-/**
- * 处理 voiceOptions 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const voiceOptions = () => {
-  return [{
-    value: 'x4_xiaoyan',
-    label: 'x4_xiaoyan'
-  }]
-}
-
-/**
- * 处理 handleTtsChange 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} val 变更值
- */
-const handleTtsChange = (val) => {
-  if (val) {
-    sdAgentNodeData.value.tts = []
-    if (!sdAgentNodeData.value.tts || sdAgentNodeData.value.tts.length === 0) {
-      sdAgentNodeData.value.tts = [
-        { name: 'url', type: "input", input: "", disabled: true },
-        { name: 'text', type: "input", input: "", disabled: true },
-        { name: 'speed', type: "input", input: "", max: 100, disabled: true },
-        { name: 'voice', type: "input", input: "", componentType: 'select', selectOptions: voiceOptions(), disabled: true },
-        { name: 'volume', type: "input", input: "", componentType: 'number', max: 100, disabled: true }
-      ]
-    }
-  }
-}
-
-/**
- * 新增 addSdAgentItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const addSdAgentItem = (e) => {
-  e.stopPropagation();
-  sdAgentNodeData.value.outputParams.push({ name: "", type: "string", input: "" });
-}
-
-/**
- * 删除 deleteSdAgentItem 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} fullPath 字段完整路径
- * @param {*} propPath 字段校验路径
- */
-const deleteSdAgentItem = (fullPath, propPath) => {
-  // 从顶层数据开始查找
-  let currentLevel = sdAgentNodeData.value[propPath];
-
-  // 遍历路径（除最后一个索引，因为最后一个是要删除的项）
-  for (let i = 0; i < fullPath.length - 1; i++) {
-    const index = fullPath[i];
-    // 进入下一层级
-    currentLevel = currentLevel[index].children;
-  }
-
-  // 最后一个索引是当前层级要删除的项
-  const lastIndex = fullPath[fullPath.length - 1];
-  currentLevel.splice(lastIndex, 1);
-}
-
-// 初始化数据
-/**
- * 初始化 initData 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const initData = () => {
-  const nodeParams = JSON.parse(JSON.stringify(props.data.properties.nodeParams || []))
-  const outputParams = JSON.parse(JSON.stringify(props.data.properties.outputParams || []))
-  const transformedData = transformSdAgentNodeData(nodeParams);
-  sdAgentNodeData.value = {
-    ...transformedData,
-    outputParams
-  };
-}
-
-watch(
-  () => props.data,
-  () => {
-    initData()
-  },
-  { immediate: true, deep: true }
-)
-
-// 保存验证
-/**
- * 校验 validateAndSave 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const validateAndSave = async () => {
-  let inputValid = true
-  let outputValid = true
-  if (dynamicFormRef.value) {
-    await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-  }
-  if (outputFormRef.value) {
-    await outputFormRef.value.validate((valid) => { if (!valid) outputValid = false })
-  }
-
-  const nodeParams = []
-  nodeParams.push({ name: "config", type: "input", input: "", children: sdAgentNodeData.value.config, required: true })
-  nodeParams.push({ name: "invokeTts", type: "input", input: sdAgentNodeData.value.invokeTts })
-  if (sdAgentNodeData.value.invokeTts) {
-    nodeParams.push({ name: "tts", type: "input", input: "", children: sdAgentNodeData.value.tts })
-  }
-  lf.setProperties(props.data.id, {
-    ...props.data.properties,
-    nodeParams,
-    outputParams: sdAgentNodeData.value.outputParams
-  });
-
-
-  if (inputValid && outputValid) {
-    emit('save-success')
-  } else {
-    emit('save-error')
-  }
-}
-
-defineExpose({ validateAndSave })
-</script>
-
-<style lang="scss" scoped>
-.http-form {
-  width: 100%;
-
-  .el-collapse {
-    width: 100%;
-  }
-}
-
-.form__container {
-  margin: 12px 0;
-
-  :deep(.el-row) {
-    align-items: end;
-
-    .el-form-item {
-      margin-right: 12px;
-    }
-
-    .param-name {
-      width: 160px;
-    }
-
-    .param-type {
-      width: 80px;
-    }
-
-    .param-value {
-      width: 160px;
-    }
-
-  }
-
-
-
-  .sub-properties {
-    margin-left: 10px;
-
-    .zw {
-      margin-left: 15px;
-
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: -4px;
-        width: 10px;
-        border-left: 1px solid gray;
-        border-bottom: 1px solid gray;
-        border-bottom-left-radius: 4px;
-        background-color: transparent;
-        height: 24px;
-      }
-    }
-  }
-
-  .gSon-properties {
-    margin-left: 10px;
-
-    .zw {
-      margin-left: 15px;
-
-      &::before {
-        content: "";
-        position: absolute;
-        left: 0;
-        top: -4px;
-        width: 10px;
-        border-left: 1px solid gray;
-        border-bottom: 1px solid gray;
-        border-bottom-left-radius: 4px;
-        background-color: transparent;
-        height: 24px;
-      }
-    }
-  }
-
-  .deleteBtn {
-    margin-bottom: 22px;
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/src/views/flow/components/params/StartParams.vue b/src/views/flow/components/params/StartParams.vue
deleted file mode 100644
index cf68381..0000000
--- a/src/views/flow/components/params/StartParams.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<!-- 开始节点维护流程级机器人角色和业务输入参数。 -->
-<template>
-  <el-collapse v-model="activeNames">
-    <el-collapse-item name="roles" title="机器人角色">
-      <div class="role-intro">节点按角色分工，试运行时再安排具体机器人和设备。</div>
-      <div v-for="(role, roleIndex) in formData.resourceRoles" :key="role.roleKey" class="role-row">
-        <div class="role-row__header">
-          <el-input v-model="role.displayName" maxlength="30" placeholder="例如：巡检机器人" />
-          <el-button
-            circle
-            :icon="Delete"
-            :disabled="formData.resourceRoles.length === 1"
-            aria-label="删除机器人角色"
-            @click="deleteRole(roleIndex)"
-          />
-        </div>
-        <div class="role-row__section">
-          <div class="role-row__label">设备用途</div>
-          <div v-if="!role.deviceSlots.length" class="empty-tip">当前角色暂不需要设备</div>
-          <div v-for="(slot, slotIndex) in role.deviceSlots" :key="slot.slotKey" class="device-row">
-            <el-input v-model="slot.displayName" maxlength="30" placeholder="例如：前方摄像头" />
-            <el-select v-model="slot.deviceKind" placeholder="设备类型">
-              <el-option v-for="item in deviceKinds" :key="item.value" :label="item.label" :value="item.value" />
-            </el-select>
-            <el-button circle :icon="Minus" aria-label="删除设备用途" @click="deleteDeviceSlot(role, slotIndex)" />
-          </div>
-          <el-button text type="primary" :icon="Plus" @click="addDeviceSlot(role)">添加设备用途</el-button>
-        </div>
-      </div>
-      <el-button type="primary" plain :icon="Plus" @click="addRole">添加机器人角色</el-button>
-    </el-collapse-item>
-
-    <el-collapse-item name="inputs">
-      <template #title>
-        输入参数
-        <el-button circle size="small" class="addFormItem" @click="(event) => addFormItem(event, 'inputParams')">
-          <el-icon :size="14"><Plus /></el-icon>
-        </el-button>
-      </template>
-      <el-form
-        ref="dynamicFormRef"
-        :inline="true"
-        :model="formData"
-        label-position="top"
-        label-width="auto"
-      >
-        <FormItemRecursive
-          formType="input"
-          :current-list="formData.inputParams"
-          prop-path="inputParams"
-          :depth="0"
-          :is-first-level="true"
-          :endDepth="2"
-          :parent-path="[]"
-          @delete-item="(path) => deleteTopLevelItem(path, 'inputParams')"
-        />
-      </el-form>
-    </el-collapse-item>
-  </el-collapse>
-</template>
-
-<script setup>
-import { reactive, ref, watch } from 'vue'
-import { Delete, Minus, Plus } from '@element-plus/icons-vue'
-import { ElMessage } from 'element-plus'
-import FormItemRecursive from '../FormItemRecursive.vue'
-import {
-  createDefaultRobotRole,
-  createDeviceSlot,
-  createResourceKey,
-  normalizeFlowResourceSchema,
-  USER_RESOURCE_OWNER,
-} from '@/utils/flowResources'
-
-const props = defineProps({ data: Object })
-const emit = defineEmits(['save-success', 'save-error'])
-
-const deviceKinds = [
-  { label: '移动底盘', value: 1 },
-  { label: '机械臂', value: 2 },
-  { label: '仿生头', value: 4 },
-  { label: '摄像头', value: 5 },
-  { label: '麦克风', value: 9 },
-  { label: '机器人本体', value: 12 },
-  { label: '扬声器', value: 13 },
-]
-
-const formData = reactive({ resourceRoles: [], inputParams: [] })
-const dynamicFormRef = ref()
-const activeNames = ref(['roles', 'inputs'])
-
-const addRole = () => {
-  formData.resourceRoles.push({
-    ...createDefaultRobotRole(),
-    roleKey: createResourceKey('robot_role'),
-    displayName: `机器人角色${formData.resourceRoles.length + 1}`,
-    managedBy: USER_RESOURCE_OWNER,
-  })
-}
-
-const addDeviceSlot = (role) => {
-  role.deviceSlots.push({
-    ...createDeviceSlot(null, role.deviceSlots),
-    managedBy: USER_RESOURCE_OWNER,
-  })
-}
-
-const referencedNodes = (predicate) => globalThis.lf.getGraphData().nodes.filter((node) => predicate(node.properties?.executionTarget))
-
-const deleteRole = (index) => {
-  const role = formData.resourceRoles[index]
-  const references = referencedNodes((target) => target?.roleKey === role.roleKey)
-  if (references.length) {
-    ElMessage.warning(`“${role.displayName}”仍被 ${references.length} 个节点使用，请先调整这些节点`)
-    return
-  }
-  formData.resourceRoles.splice(index, 1)
-}
-
-const deleteDeviceSlot = (role, index) => {
-  const slot = role.deviceSlots[index]
-  const references = referencedNodes((target) => (
-    target?.roleKey === role.roleKey
-    && (target.deviceSlotKey === slot.slotKey
-      || target.deviceBindings?.some((binding) => binding.slotKey === slot.slotKey))
-  ))
-  if (references.length) {
-    ElMessage.warning(`“${slot.displayName}”仍被 ${references.length} 个节点使用，请先调整这些节点`)
-    return
-  }
-  role.deviceSlots.splice(index, 1)
-}
-
-const addFormItem = (event, type) => {
-  event.stopPropagation()
-  formData[type].push({ name: '', type: 'string', required: false, children: [], input: '' })
-}
-
-const deleteTopLevelItem = (fullPath, propPath) => {
-  let currentLevel = formData[propPath]
-  for (let index = 0; index < fullPath.length - 1; index += 1) {
-    currentLevel = currentLevel[fullPath[index]].children
-  }
-  currentLevel.splice(fullPath[fullPath.length - 1], 1)
-}
-
-const initData = () => {
-  const graph = normalizeFlowResourceSchema(globalThis.lf.getGraphData())
-  const start = graph.nodes.find((node) => node.id === props.data.id)
-  formData.resourceRoles = JSON.parse(JSON.stringify(start?.properties?.resourceRoles || []))
-  formData.inputParams = JSON.parse(JSON.stringify(start?.properties?.inputParams || []))
-}
-
-watch(() => props.data.id, initData, { immediate: true })
-
-const validateAndSave = async () => {
-  const names = formData.resourceRoles.map((role) => role.displayName.trim())
-  const invalidRole = formData.resourceRoles.some((role) => !role.displayName.trim())
-  const duplicateRole = new Set(names).size !== names.length
-  const invalidSlot = formData.resourceRoles.some((role) => role.deviceSlots.some((slot) => (
-    !slot.displayName.trim() || slot.deviceKind == null
-  )))
-
-  if (invalidRole || duplicateRole || invalidSlot) {
-    ElMessage.warning(invalidRole ? '请填写机器人角色名称' : duplicateRole ? '机器人角色名称不能重复' : '请完整填写设备用途和类型')
-    emit('save-error')
-    return
-  }
-
-  let inputValid = true
-  if (dynamicFormRef.value) {
-    await dynamicFormRef.value.validate((valid) => { if (!valid) inputValid = false })
-  }
-  globalThis.lf.setProperties(props.data.id, {
-    ...props.data.properties,
-    schemaVersion: 2,
-    resourceRoles: JSON.parse(JSON.stringify(formData.resourceRoles)),
-    inputParams: JSON.parse(JSON.stringify(formData.inputParams)),
-  })
-  emit(inputValid ? 'save-success' : 'save-error')
-}
-
-defineExpose({ validateAndSave })
-</script>
-
-<style scoped lang="scss">
-.role-intro {
-  margin-bottom: 14px;
-  color: var(--el-text-color-secondary);
-  font-size: 13px;
-  line-height: 20px;
-}
-
-.role-row {
-  margin-bottom: 14px;
-  padding: 14px;
-  border: 1px solid var(--el-border-color-light);
-  border-radius: 6px;
-}
-
-.role-row__header,
-.device-row {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
-  gap: 10px;
-  align-items: center;
-}
-
-.role-row__section {
-  margin-top: 14px;
-  padding-top: 12px;
-  border-top: 1px solid var(--el-border-color-lighter);
-}
-
-.role-row__label {
-  margin-bottom: 8px;
-  color: var(--el-text-color-regular);
-  font-size: 13px;
-  font-weight: 600;
-}
-
-.device-row {
-  grid-template-columns: minmax(0, 1fr) 132px minmax(0, 1fr) auto;
-  margin-bottom: 8px;
-}
-@media (max-width: 720px) { .device-row { grid-template-columns: 1fr; } }
-
-.empty-tip {
-  margin-bottom: 6px;
-  color: var(--el-text-color-placeholder);
-  font-size: 12px;
-}
-</style>
diff --git a/src/views/flow/components/params/SubFlowParams.vue b/src/views/flow/components/params/SubFlowParams.vue
deleted file mode 100644
index 65c60d8..0000000
--- a/src/views/flow/components/params/SubFlowParams.vue
+++ /dev/null
@@ -1,291 +0,0 @@
-<!-- Published sub-flow selector and synchronized contract editor. -->
-<template>
-  <div class="subflow-params">
-    <el-form label-position="top">
-      <el-form-item label="已发布工作流" required>
-        <el-select
-          v-model="selectedVersionId"
-          filterable
-          :loading="loading"
-          placeholder="选择同一项目的已发布工作流"
-          style="width: 100%"
-          @change="selectVersion"
-        >
-          <el-option
-            v-for="item in options"
-            :key="item.versionId"
-            :label="`${item.detectName} · V${item.versionNo}`"
-            :value="item.versionId"
-          />
-        </el-select>
-      </el-form-item>
-    </el-form>
-
-    <el-alert
-      v-if="latestOption && selection.versionId && latestOption.versionId !== selection.versionId"
-      type="warning"
-      :closable="false"
-      show-icon
-      class="version-alert"
-    >
-      <template #title>
-        已发布 V{{ latestOption.versionNo }}，当前节点仍使用 V{{ selection.versionNo }}
-      </template>
-      <el-button size="small" type="warning" plain @click="applyOption(latestOption)">同步最新发布版本</el-button>
-    </el-alert>
-    <el-alert
-      v-else-if="optionsLoaded && selection.versionId && !selectedOptionAvailable"
-      title="当前子流程已不可用或会形成循环引用，请重新选择"
-      type="error"
-      :closable="false"
-      show-icon
-      class="version-alert"
-    />
-
-    <template v-if="selection.versionId">
-      <div class="contract-header">
-        <div>
-          <div class="contract-title">{{ selection.detectName }}</div>
-          <div class="contract-meta">{{ projectLabel }} · 发布版本 V{{ selection.versionNo }}</div>
-        </div>
-      </div>
-
-      <div class="contract-section">
-        <div class="contract-section__title">子流程输入</div>
-        <div class="contract-section__note">所有输入必须引用当前流程的开始参数或前面节点输出。</div>
-        <el-empty v-if="!inputs.length" description="子流程没有输入参数" :image-size="64" />
-        <div v-for="item in inputs" :key="item.name" class="contract-row">
-          <div class="contract-row__name">
-            <span>{{ item.name }}</span>
-            <el-tag size="small" effect="plain" type="info">{{ item.dataType }}</el-tag>
-          </div>
-          <el-cascader
-            v-model="item.quote"
-            :options="quoteOptions"
-            :props="{ checkStrictly: true }"
-            placeholder="选择引用来源"
-            style="width: 100%"
-            @visible-change="refreshQuoteOptions"
-            @change="(value) => { item.quoteType = value?.[1] || '' }"
-          />
-        </div>
-      </div>
-
-      <div class="contract-section">
-        <div class="contract-section__title">子流程输出</div>
-        <el-empty v-if="!outputs.length" description="子流程没有输出参数" :image-size="64" />
-        <div v-for="item in outputs" :key="item.name" class="output-contract">
-          <span>{{ item.name }}</span>
-          <el-tag size="small" effect="plain" type="info">{{ item.type }}</el-tag>
-          <span class="output-contract__desc">{{ item.desc || '无说明' }}</span>
-        </div>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script setup>
-import { computed, onMounted, reactive, ref } from 'vue'
-import { ElMessage } from 'element-plus'
-import { flowSubFlowOptions } from '@/api/flow/flow'
-import { getUpstreamInput } from '@/utils/flow'
-import {
-  FLOW_NODE_RESOURCE_OWNER,
-  pruneUnusedNodeResources,
-} from '@/utils/flowResources'
-
-const props = defineProps({ data: Object, flowId: String })
-const emit = defineEmits(['save-success', 'save-error'])
-const loading = ref(false)
-const optionsLoaded = ref(false)
-const options = ref([])
-const selectedVersionId = ref('')
-const inputs = ref([])
-const outputs = ref([])
-const quoteOptions = ref([])
-const selection = reactive({ itemId: '', detectName: '', projectCode: '', versionId: '', versionNo: null, resourceRoles: [] })
-const clone = (value) => JSON.parse(JSON.stringify(value ?? null))
-
-const latestOption = computed(() => options.value.find((item) => item.itemId === selection.itemId))
-const selectedOptionAvailable = computed(() => options.value.some((item) => item.versionId === selection.versionId))
-const projectLabel = computed(() => selection.projectCode === 'AIMA' ? '爱玛' : '长安')
-
-const refreshQuoteOptions = (visible = true) => {
-  if (visible) quoteOptions.value = getUpstreamInput(props.data.id) || []
-}
-
-const restore = () => {
-  const stored = props.data.properties?.subFlow || {}
-  Object.assign(selection, {
-    itemId: stored.itemId || '',
-    detectName: stored.detectName || '',
-    projectCode: stored.projectCode || '',
-    versionId: stored.versionId || '',
-    versionNo: stored.versionNo ?? null,
-    resourceRoles: clone(stored.resourceRoles || []),
-  })
-  selectedVersionId.value = selection.versionId
-  const outputByName = new Map((props.data.properties?.outputParams || []).map((item) => [item.name, item]))
-  inputs.value = (props.data.properties?.nodeParams || []).map((item) => ({
-    name: item.name,
-    dataType: item.dataType || 'string',
-    quote: Array.isArray(item.quote) ? [...item.quote] : [],
-    quoteType: item.quoteType || item.quote?.[1] || '',
-    required: true,
-  }))
-  outputs.value = [...outputByName.values()].map(clone)
-  refreshQuoteOptions()
-}
-
-const applyOption = (option) => {
-  if (!option) return
-  const existing = new Map(inputs.value.map((item) => [item.name, item]))
-  Object.assign(selection, {
-    itemId: option.itemId,
-    detectName: option.detectName,
-    projectCode: option.projectCode,
-    versionId: option.versionId,
-    versionNo: option.versionNo,
-    resourceRoles: clone(option.resourceRoles || []),
-  })
-  selectedVersionId.value = option.versionId
-  inputs.value = (option.inputParams || []).map((item) => ({
-    name: item.name,
-    dataType: item.type || 'string',
-    quote: Array.isArray(existing.get(item.name)?.quote) ? [...existing.get(item.name).quote] : [],
-    quoteType: existing.get(item.name)?.quoteType || '',
-    required: true,
-  }))
-  outputs.value = clone(option.outputParams || [])
-}
-
-const selectVersion = (versionId) => applyOption(options.value.find((item) => item.versionId === versionId))
-
-const loadOptions = async () => {
-  if (!props.flowId) return
-  loading.value = true
-  try {
-    const response = await flowSubFlowOptions(props.flowId)
-    options.value = response.data || []
-    if (!selection.versionId && options.value.length === 1) applyOption(options.value[0])
-  } finally {
-    loading.value = false
-    optionsLoaded.value = true
-  }
-}
-
-const mergeResourceRoles = () => {
-  const graph = globalThis.lf.getGraphData()
-  const start = graph.nodes.find((node) => node.type === 'start')
-  if (!start) throw new Error('当前流程缺少开始节点')
-  const roles = clone(start.properties?.resourceRoles || [])
-  for (const childRole of selection.resourceRoles || []) {
-    let parentRole = roles.find((role) => role.roleKey === childRole.roleKey)
-    if (!parentRole) {
-      const addedRole = clone(childRole)
-      addedRole.managedBy = FLOW_NODE_RESOURCE_OWNER
-      ;(addedRole.deviceSlots || []).forEach((slot) => { slot.managedBy = FLOW_NODE_RESOURCE_OWNER })
-      roles.push(addedRole)
-      continue
-    }
-    parentRole.required = parentRole.required !== false || childRole.required !== false
-    parentRole.quantity ||= { min: 1, max: 1 }
-    parentRole.quantity.min = Math.max(Number(parentRole.quantity.min || 0), Number(childRole.quantity?.min || 0))
-    parentRole.quantity.max = Math.max(Number(parentRole.quantity.max || 0), Number(childRole.quantity?.max || 0))
-    parentRole.deviceSlots ||= []
-    for (const childSlot of childRole.deviceSlots || []) {
-      const parentSlot = parentRole.deviceSlots.find((slot) => slot.slotKey === childSlot.slotKey)
-      if (!parentSlot) {
-        parentRole.deviceSlots.push({
-          ...clone(childSlot),
-          managedBy: FLOW_NODE_RESOURCE_OWNER,
-        })
-      } else if (Number(parentSlot.deviceKind) !== Number(childSlot.deviceKind)) {
-        throw new Error(`机器人角色“${childRole.displayName}”的设备用途“${childSlot.displayName}”类型冲突`)
-      } else {
-        parentSlot.required = parentSlot.required !== false || childSlot.required !== false
-        parentSlot.allowReuse = parentSlot.allowReuse === true && childSlot.allowReuse === true
-      }
-    }
-  }
-  return { graph, start, roles }
-}
-
-const validateAndSave = () => {
-  if (!selection.versionId) {
-    ElMessage.warning('请选择已发布工作流')
-    emit('save-error')
-    return
-  }
-  if (optionsLoaded.value && !selectedOptionAvailable.value) {
-    ElMessage.warning('当前子流程已不可用或会形成循环引用，请重新选择')
-    emit('save-error')
-    return
-  }
-  if (inputs.value.some((item) => !Array.isArray(item.quote) || item.quote.length < 3)) {
-    ElMessage.warning('子流程的所有输入参数都必须选择引用来源')
-    emit('save-error')
-    return
-  }
-  let resources
-  try {
-    resources = mergeResourceRoles()
-  } catch (error) {
-    ElMessage.error(error.message)
-    emit('save-error')
-    return
-  }
-  const nodeParams = inputs.value.map((item) => ({
-    name: item.name,
-    type: 'quote',
-    input: '',
-    quote: [...item.quote],
-    quoteType: item.quoteType || item.quote[1],
-    dataType: item.dataType,
-    required: true,
-    disabled: true,
-  }))
-  const nodeProperties = {
-    ...props.data.properties,
-    subFlow: clone(selection),
-    nodeParams,
-    outputParams: clone(outputs.value),
-    outputType: 'json',
-  }
-  const prospectiveGraph = clone(resources.graph)
-  const prospectiveStart = prospectiveGraph.nodes.find((node) => node.id === resources.start.id)
-  const prospectiveNode = prospectiveGraph.nodes.find((node) => node.id === props.data.id)
-  prospectiveStart.properties = { ...prospectiveStart.properties, resourceRoles: resources.roles }
-  prospectiveNode.properties = nodeProperties
-  const cleanup = pruneUnusedNodeResources(prospectiveGraph)
-  globalThis.lf.setProperties(resources.start.id, {
-    ...resources.start.properties,
-    resourceRoles: cleanup.start.properties.resourceRoles,
-  })
-  globalThis.lf.setProperties(props.data.id, nodeProperties)
-  emit('save-success')
-}
-
-onMounted(async () => {
-  restore()
-  await loadOptions()
-})
-defineExpose({ validateAndSave })
-</script>
-
-<style scoped lang="scss">
-.subflow-params { padding-top: 14px; }
-.version-alert { margin-bottom: 16px; }
-.version-alert :deep(.el-alert__content) { width: 100%; }
-.version-alert .el-button { margin-top: 8px; }
-.contract-header { margin-bottom: 16px; padding: 14px; border: 1px solid #dce5ef; border-radius: 6px; background: #f8fafc; }
-.contract-title { color: #1f2937; font-size: 15px; font-weight: 650; }
-.contract-meta { margin-top: 4px; color: #697386; font-size: 12px; }
-.contract-section { margin-top: 18px; }
-.contract-section__title { color: #344054; font-size: 13px; font-weight: 650; }
-.contract-section__note { margin: 4px 0 10px; color: #7a8494; font-size: 12px; }
-.contract-row { margin-top: 10px; padding: 12px; border: 1px solid #e4e8ef; border-radius: 6px; }
-.contract-row__name { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; color: #344054; font-size: 13px; font-weight: 600; }
-.output-contract { display: grid; grid-template-columns: minmax(100px, auto) auto minmax(0, 1fr); align-items: center; gap: 10px; min-height: 38px; border-bottom: 1px solid #edf0f4; color: #344054; font-size: 13px; }
-.output-contract__desc { overflow: hidden; color: #7a8494; text-overflow: ellipsis; white-space: nowrap; }
-</style>
diff --git a/src/views/flow/components/params/SwitchNodeParams.vue b/src/views/flow/components/params/SwitchNodeParams.vue
deleted file mode 100644
index 2073e29..0000000
--- a/src/views/flow/components/params/SwitchNodeParams.vue
+++ /dev/null
@@ -1,413 +0,0 @@
-<!--
- * 文件说明：分支节点专用参数组件，独立负责条件组的新增、删除、引用选择、校验和保存。
- * 作用范围：仅用于 branch 类型节点，不与通用节点参数表单共享业务逻辑。
- -->
-<template>
-  <div class="switch-params">
-    <div class="switch-params__header">
-      <div>
-        <div class="switch-params__title">分支条件</div>
-        <div class="switch-params__description">条件按从上到下的顺序匹配，每个条件对应节点上的一个输出锚点。</div>
-      </div>
-      <el-button type="primary" :icon="Plus" @click="addCondition">添加条件</el-button>
-    </div>
-
-    <el-form ref="formRef" :model="formData" label-position="top">
-      <div v-for="(condition, conditionIndex) in formData.nodeParams" :key="condition.id" class="condition-card">
-        <div class="condition-card__header">
-          <div class="condition-card__identity">
-            <span>{{ conditionIndex === 0 ? "If" : "Else If" }}</span>
-            <el-input
-              v-model="condition.label"
-              maxlength="20"
-              show-word-limit
-              placeholder="请输入条件名称"
-              class="condition-name"
-            />
-          </div>
-          <el-button
-            circle
-            plain
-            type="danger"
-            :icon="Minus"
-            :disabled="formData.nodeParams.length === 1"
-            @click="removeCondition(conditionIndex)"
-          />
-        </div>
-
-        <el-form-item label="条件关系">
-          <el-radio-group v-model="condition.withOr">
-            <el-radio-button value="and">AND</el-radio-button>
-            <el-radio-button value="or">OR</el-radio-button>
-          </el-radio-group>
-        </el-form-item>
-
-        <div v-for="(item, itemIndex) in condition.list" :key="itemIndex" class="condition-row">
-          <div class="condition-row__fields">
-            <el-form-item
-              label="引用变量"
-              :prop="`nodeParams.${conditionIndex}.list.${itemIndex}.name${item.nameType === 'quote' ? 'Quote' : ''}`"
-              :rules="requiredRule(item.nameType === 'quote' ? '请选择引用变量' : '请输入变量值')"
-            >
-              <el-input v-if="item.nameType === 'input'" v-model="item.name" placeholder="请输入变量值">
-                <template #prepend>
-                  <el-select v-model="item.nameType" class="value-type" @change="resetNameValue(item)">
-                    <el-option label="输入" value="input" />
-                    <el-option label="引用" value="quote" />
-                  </el-select>
-                </template>
-              </el-input>
-              <div v-else class="reference-field">
-                <el-select v-model="item.nameType" class="value-type" @change="resetNameValue(item)">
-                  <el-option label="输入" value="input" />
-                  <el-option label="引用" value="quote" />
-                </el-select>
-                <el-cascader
-                  v-model="item.nameQuote"
-                  :options="quoteOptions"
-                  :show-all-levels="false"
-                  placeholder="请选择"
-                  @visible-change="(visible) => refreshQuoteOptions(visible, item, 'nameQuote')"
-                />
-              </div>
-            </el-form-item>
-
-            <el-form-item
-              label="判断方式"
-              :prop="`nodeParams.${conditionIndex}.list.${itemIndex}.condition`"
-              :rules="requiredRule('请选择判断方式')"
-            >
-              <el-select v-model="item.condition">
-                <el-option v-for="option in conditionOptions" :key="option.value" :label="option.label" :value="option.value" />
-              </el-select>
-            </el-form-item>
-
-            <el-form-item
-              label="比较值"
-              :prop="`nodeParams.${conditionIndex}.list.${itemIndex}.${item.type === 'quote' ? 'quote' : 'input'}`"
-              :rules="requiresComparison(item.condition) ? requiredRule(item.type === 'quote' ? '请选择比较变量' : '请输入比较值') : []"
-            >
-              <el-input
-                v-if="item.type === 'input'"
-                v-model="item.input"
-                :disabled="!requiresComparison(item.condition)"
-                placeholder="请输入比较值"
-              >
-                <template #prepend>
-                  <el-select v-model="item.type" class="value-type" @change="resetCompareValue(item)">
-                    <el-option label="输入" value="input" />
-                    <el-option label="引用" value="quote" />
-                  </el-select>
-                </template>
-              </el-input>
-              <el-input v-else model-value="" readonly :disabled="!requiresComparison(item.condition)" placeholder="请选择比较变量">
-                <template #prepend>
-                  <el-select v-model="item.type" class="value-type" @change="resetCompareValue(item)">
-                    <el-option label="输入" value="input" />
-                    <el-option label="引用" value="quote" />
-                  </el-select>
-                </template>
-                <template #append>
-                  <el-cascader
-                    v-model="item.quote"
-                    :disabled="!requiresComparison(item.condition)"
-                    :options="quoteOptions"
-                    :show-all-levels="false"
-                    @visible-change="(visible) => refreshQuoteOptions(visible, item, 'quote')"
-                  />
-                </template>
-              </el-input>
-            </el-form-item>
-          </div>
-
-          <div class="condition-row__actions">
-            <el-button circle :icon="Plus" @click="addConditionItem(conditionIndex)" />
-            <el-button
-              circle
-              :icon="Minus"
-              :disabled="condition.list.length === 1"
-              @click="removeConditionItem(conditionIndex, itemIndex)"
-            />
-          </div>
-        </div>
-      </div>
-    </el-form>
-
-    <div class="else-tip"><strong>Else</strong><span>所有条件均不匹配时，从 Else 锚点继续执行。</span></div>
-  </div>
-</template>
-
-<script setup>
-import { reactive, ref, watch } from "vue";
-import { Plus, Minus } from "@element-plus/icons-vue";
-import { v4 as randomUUID } from "uuid";
-import { getUpstreamInput, removeSwitchEdge } from "@/utils/flow";
-
-const props = defineProps({ data: Object });
-const emit = defineEmits(["save-success", "save-error"]);
-const formRef = ref(null);
-const quoteOptions = ref([]);
-const originalConditionIds = ref([]);
-const formData = reactive({ nodeParams: [] });
-
-const conditionOptions = [
-  { label: "等于", value: "equal" },
-  { label: "不等于", value: "notEqualTo" },
-  { label: "为空", value: "null" },
-  { label: "不为空", value: "notNull" },
-  { label: "包含", value: "include" },
-  { label: "不包含", value: "notInclude" },
-  { label: "大于", value: "greaterThan" },
-  { label: "大于等于", value: "greaterThanOrEqual" },
-  { label: "小于", value: "lessThan" },
-  { label: "小于等于", value: "lessThanOrEqual" },
-];
-
-/** 创建一条与原有数据结构兼容的判断项。 */
-const createConditionItem = () => ({
-  name: "",
-  nameQuote: "",
-  nameType: "input",
-  condition: "",
-  type: "input",
-  input: "",
-  quote: "",
-});
-
-/** 创建具有稳定锚点 ID 的条件组。 */
-const createCondition = (label = "") => ({
-  id: randomUUID().replace(/-/g, ""),
-  label,
-  withOr: "and",
-  list: [createConditionItem()],
-});
-
-/**
- * 将旧版本可能保存的点号字符串统一转换为级联组件需要的路径数组。
- * @param {string|string[]} value 已保存的引用值
- * @returns {string[]} 级联选择路径
- */
-const normalizeQuotePath = (value) => {
-  if (Array.isArray(value)) return value;
-  if (typeof value === "string" && value) return value.split(".").filter(Boolean);
-  return [];
-};
-
-/** 深拷贝已保存条件，确保取消编辑时不会污染节点属性。 */
-const initData = () => {
-  // 必须先提供选项树再赋已有值，否则级联组件无法将节点 ID 路径解析成可见标签。
-  quoteOptions.value = getUpstreamInput(props.data.id) || [];
-  const source = props.data?.properties?.nodeParams || props.data?.properties?.conditions || [];
-  formData.nodeParams = JSON.parse(JSON.stringify(source));
-  if (!formData.nodeParams.length) formData.nodeParams.push(createCondition());
-  formData.nodeParams.forEach((condition, index) => {
-    if (!condition.label) condition.label = `条件 ${index + 1}`;
-    condition.list?.forEach((item) => {
-      if (item.nameType === "quote") item.nameQuote = normalizeQuotePath(item.nameQuote);
-      if (item.type === "quote") item.quote = normalizeQuotePath(item.quote);
-    });
-  });
-  originalConditionIds.value = formData.nodeParams.map((condition) => condition.id);
-};
-
-/** 返回 Element Plus 表单必填规则。 */
-const requiredRule = (message) => [{ required: true, message, trigger: ["blur", "change"] }];
-
-/** 判断当前运算符是否需要比较值。 */
-const requiresComparison = (condition) => !["null", "notNull"].includes(condition);
-
-/** 新增一个分支条件，保存后将生成同 ID 的节点锚点。 */
-const addCondition = () => {
-  formData.nodeParams.push(createCondition(`条件 ${formData.nodeParams.length + 1}`));
-};
-
-/** 删除条件；实际连线清理延迟到保存成功时执行。 */
-const removeCondition = (index) => {
-  if (formData.nodeParams.length > 1) formData.nodeParams.splice(index, 1);
-};
-
-/** 向指定条件组追加判断项。 */
-const addConditionItem = (conditionIndex) => {
-  formData.nodeParams[conditionIndex].list.push(createConditionItem());
-};
-
-/** 删除指定判断项，同时保证每个条件至少保留一项。 */
-const removeConditionItem = (conditionIndex, itemIndex) => {
-  const list = formData.nodeParams[conditionIndex].list;
-  if (list.length > 1) list.splice(itemIndex, 1);
-};
-
-/** 切换左值类型时清空另一种类型遗留的数据。 */
-const resetNameValue = (item) => {
-  if (item.nameType === "input") item.nameQuote = "";
-  else item.name = "";
-};
-
-/** 切换比较值类型时清空另一种类型遗留的数据。 */
-const resetCompareValue = (item) => {
-  if (item.type === "input") item.quote = "";
-  else item.input = "";
-};
-
-/**
- * 打开引用选择器时获取当前节点可引用的上游输出，并保留当前选值。
- * @param {boolean} visible 选择器是否打开
- * @param {object} item 当前判断项
- * @param {"nameQuote"|"quote"} field 当前引用字段
- */
-const refreshQuoteOptions = (visible, item, field) => {
-  if (!visible) return;
-  quoteOptions.value = getUpstreamInput(props.data.id) || [];
-  item[field] = item[field] || "";
-};
-
-/**
- * 校验并保存条件。先清理已删除条件的连线，再写入条件和锚点集合。
- * 新条件锚点的位置由 switch.vue 渲染摘要后自动测量并补齐。
- */
-const validateAndSave = async () => {
-  const valid = await formRef.value?.validate().then(() => true).catch(() => false);
-  if (!valid) return;
-
-  try {
-    const conditions = JSON.parse(JSON.stringify(formData.nodeParams));
-    const activeIds = new Set(conditions.map((condition) => condition.id));
-    const removedIds = originalConditionIds.value.filter((id) => !activeIds.has(id));
-    removedIds.forEach((id) => removeSwitchEdge(props.data.id, id));
-
-    const properties = window.lf.getProperties(props.data.id);
-    const anchor = (properties.anchor || []).filter((item) => (
-      item.id === `${props.data.id}_else` || activeIds.has(item.id)
-    ));
-    window.lf.setProperties(props.data.id, {
-      ...properties,
-      nodeParams: conditions,
-      anchor,
-    });
-    emit("save-success");
-  } catch {
-    emit("save-error");
-  }
-};
-
-watch(() => props.data, initData, { immediate: true, deep: true });
-defineExpose({ validateAndSave });
-</script>
-
-<style lang="scss" scoped>
-.switch-params {
-  padding-top: 16px;
-}
-
-.switch-params__header {
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-  margin-bottom: 16px;
-}
-
-.switch-params__title {
-  color: #1f2937;
-  font-size: 16px;
-  font-weight: 650;
-}
-
-.switch-params__description {
-  margin-top: 4px;
-  color: #7a8494;
-  font-size: 12px;
-  line-height: 1.6;
-}
-
-.condition-card {
-  margin-bottom: 14px;
-  padding: 14px;
-  border: 1px solid #e4e8ef;
-  border-radius: 8px;
-  background: #f8fafc;
-}
-
-.condition-card__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-  color: #3978c5;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.condition-card__identity {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
-
-.condition-name {
-  width: 240px;
-}
-
-.condition-row {
-  display: flex;
-  align-items: flex-end;
-  gap: 8px;
-  padding-top: 10px;
-  border-top: 1px dashed #dfe4ec;
-}
-
-.condition-row + .condition-row {
-  margin-top: 10px;
-}
-
-.condition-row__fields {
-  display: grid;
-  grid-template-columns: minmax(0, 1.4fr) minmax(120px, 0.8fr) minmax(0, 1.4fr);
-  flex: 1;
-  gap: 10px;
-}
-
-.condition-row__actions {
-  display: flex;
-  padding-bottom: 18px;
-}
-
-.value-type {
-  width: 74px;
-}
-
-.reference-field {
-  display: grid;
-  grid-template-columns: 74px minmax(0, 1fr);
-  width: 100%;
-  gap: 8px;
-}
-
-.else-tip {
-  display: flex;
-  gap: 12px;
-  padding: 12px 14px;
-  border: 1px solid #f0d9a7;
-  border-radius: 8px;
-  background: #fffaf0;
-  color: #7a8494;
-  font-size: 12px;
-
-  strong {
-    color: #b7791f;
-  }
-}
-
-:deep(.el-form-item) {
-  margin-bottom: 18px;
-}
-
-:deep(.el-input-group__append) {
-  width: 120px;
-  padding: 0;
-}
-
-:deep(.el-input-group__append .el-cascader) {
-  width: 100%;
-}
-</style>
diff --git a/src/views/flow/components/params/useQuote.js b/src/views/flow/components/params/useQuote.js
deleted file mode 100644
index 35c9861..0000000
--- a/src/views/flow/components/params/useQuote.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import { ref } from 'vue'
-import { getUpstreamInput } from '@/utils/flow'
-
-export function useQuote(nodeId) {
-  const quoteOptions = ref([])
-  const cascaderRefs = ref([])
-
-  const refreshQuoteOptions = () => {
-    quoteOptions.value = getUpstreamInput(nodeId) || []
-  }
-
-  // The option tree must exist before Cascader can render a persisted path.
-  refreshQuoteOptions()
-
-  const handleTypeChange = (property) => {
-    if (!property) return
-    if (property.type === 'input') {
-      property.quote = []
-    } else {
-      property.input = ''
-      refreshQuoteOptions()
-    }
-  }
-
-  const cascaderChange = (value, property) => {
-    if (!property) return
-    property.quote = Array.isArray(value) ? [...value] : []
-    property.quoteType = value?.[1] === 'input' ? 'input' : 'output'
-  }
-
-  const visibleChange = (visible) => {
-    if (visible) refreshQuoteOptions()
-  }
-
-  return {
-    quoteOptions,
-    cascaderRefs,
-    handleTypeChange,
-    cascaderChange,
-    visibleChange,
-    refreshQuoteOptions,
-  }
-}
diff --git a/src/views/flow/composables/useFlowEvents.js b/src/views/flow/composables/useFlowEvents.js
deleted file mode 100644
index 39353ae..0000000
--- a/src/views/flow/composables/useFlowEvents.js
+++ /dev/null
@@ -1,27 +0,0 @@
-/**
- * 文件说明：流程事件订阅组合逻辑，并在卸载时释放监听器。
- * 作用范围：仅服务于流程设计器模块。
- */
-import { onUnmounted } from "vue";
-import { emitter } from "@/utils/eventBus";
-
-export const useFlowEvents = () => {
-  const listeners = [];
-
-  /**
-   * 订阅 onFlowEvent 对应的数据或交互；作用范围仅限当前组件或模块。
-   * @param {*} type 目标类型
-   * @param {*} handler 事件处理函数
-   */
-  const onFlowEvent = (type, handler) => {
-    emitter.on(type, handler);
-    listeners.push([type, handler]);
-  };
-
-  onUnmounted(() => {
-    listeners.forEach(([type, handler]) => emitter.off(type, handler));
-    listeners.length = 0;
-  });
-
-  return { onFlowEvent };
-};
diff --git a/src/views/flow/config.js b/src/views/flow/config.js
deleted file mode 100644
index cb7451c..0000000
--- a/src/views/flow/config.js
+++ /dev/null
@@ -1,897 +0,0 @@
-/**
- * 文件说明：定义流程设计器可用的节点、表单字段及下拉选项等静态配置。
- * 作用范围：仅服务于流程设计器模块。
- */
-import cameraSvg from './icon/camera.svg'
-import videoSvg from './icon/video.svg'
-import loopSvg from './icon/loop.svg'
-import stopLoopSvg from './icon/stopLoop.svg'
-import switchSvg from './icon/switch.svg'
-import microphoneSvg from './icon/microphone.svg'
-import sleepSvg from './icon/sleep.svg'
-import planSvg from './icon/plan.svg'
-import awakenSvg from './icon/awaken.svg'
-import dialogueSvg from './icon/dialogue.svg'
-import audioSvg from './icon/audio.svg'
-import touchSvg from './icon/touch.svg'
-import expressionSvg from './icon/expression.svg'
-
-/**
- * 处理与 http method options 相关的状态或数据，该影响范围仅限当前模块。
- */
-const httpMethodOptions = () => {
-  return [{
-    value: 'POST',
-    label: 'POST'
-  }, {
-    value: 'GET',
-    label: 'GET'
-  }, {
-    value: 'PUT',
-    label: 'PUT'
-  }, {
-    value: 'DELETE',
-    label: 'DELETE'
-  }]
-}
-
-/**
- * 处理与 express options 相关的状态或数据，该影响范围仅限当前模块。
- */
-const expressOptions = () => {
-  return [{
-    value: 1,
-    label: '高兴'
-  }, {
-    value: 2,
-    label: '惊讶'
-  }, {
-    value: 3,
-    label: '愤怒'
-  }, {
-    value: 4,
-    label: '悲伤'
-  }, {
-    value: 5,
-    label: '睡觉'
-  }, {
-    value: 6,
-    label: '打哈欠'
-  }]
-}
-
-/**
- * 处理与 task type options 相关的状态或数据，该影响范围仅限当前模块。
- */
-const taskTypeOptions = () => {
-  return [{
-    value: 'voice',
-    label: '语音交互'
-  }, {
-    value: 'touch',
-    label: '触控交互'
-  }]
-}
-
-/**
- * 处理与 voice options 相关的状态或数据，该影响范围仅限当前模块。
- */
-const voiceOptions = () => {
-  return [{
-    value: 'x4_xiaoyan',
-    label: 'x4_xiaoyan'
-  }]
-}
-
-/**
- * 处理与 inspection event types 相关的状态或数据，该影响范围仅限当前模块。
- */
-const inspectionEventTypes = () => {
-  return [{
-    value: 'No-Glove',
-    label: '没戴手套'
-  }, {
-    value: 'No-Helmet-Glove',
-    label: '没戴头盔'
-  }]
-}
-
-export const collapseList = [
-  {
-    collapseTitle: "相机",
-    nodeList: [
-      {
-        icon: cameraSvg,
-        name: "开启相机",
-        type: "serviceNode",
-        desc: "在获取相机照片时，需要先启动相机",
-        action: 'CAMERA_START',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: cameraSvg,
-        name: "获取图片",
-        type: "serviceNode",
-        desc: "获取相机拍摄的照片",
-        action: 'CAMERA_GETRGBIMAGE',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputType: 'img',
-        outputParams: [{ name: 'imageUrl', type: 'array<string>', desc: '图片地址数组', children: [], disabled: true }]
-      },
-      {
-        icon: cameraSvg,
-        name: "关闭相机",
-        type: "serviceNode",
-        desc: "获取相机照片后，关闭该相机",
-        action: 'CAMERA_STOP',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputParams: [],
-        outputType: 'json'
-      },
-    ],
-  },
-  {
-    collapseTitle: "录像",
-    nodeList: [
-      {
-        icon: videoSvg,
-        name: "开启录像",
-        type: "serviceNode",
-        desc: "开启摄像头，并开始录像",
-        action: 'CAMERA_RECORDING_START',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: videoSvg,
-        name: "结束录像",
-        type: "serviceNode",
-        desc: "停止录像，并关闭摄像头",
-        action: 'CAMERA_RECORDING_STOP',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputType: 'video',
-        outputParams: [{ name: 'videoUrl', type: 'array<string>', children: [], desc: '视频播放地址数组', disabled: true}]
-      }
-    ],
-  },
-  {
-    collapseTitle: "功能",
-    nodeList: [
-      {
-        icon: loopSvg,
-        name: "循环",
-        type: "loop",
-        action: 'START_LOOP',
-        desc: "实现对列表对象循环执行一系列任务",
-        nodeParams: [{ name: "loopNum", type: "input", input: null, quote: "" }],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: planSvg,
-        name: "子流程",
-        type: "subFlow",
-        action: 'SUB_FLOW',
-        nodeType: 'NONE',
-        desc: "执行同一项目中已发布的工作流",
-        subFlow: {},
-        nodeParams: [],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: stopLoopSvg,
-        name: "结束循环",
-        type: "stopLoop",
-        action: 'STOP_LOOP',
-        desc: "用于立即终止当前所在的循环，跳出循环体",
-      },
-      // {
-      //   icon: startSvg,
-      //   name: "单次循环开始",
-      //   type: "subStart",
-      //   action: 'SUB_START',
-      //   desc: "循环体内部工作流的开始节点，开始循环体内部的单次流程",
-      // },
-      // {
-      //   icon: endSvg,
-      //   name: "单次循环结束",
-      //   type: "subEnd",
-      //   action: 'SUB_END',
-      //   desc: "循环体内部工作流的终止节点，结束循环体内部的单次流程",
-      // },
-      {
-        icon: switchSvg,
-        name: "分支",
-        type: "branch",
-        action: 'BRANCH',
-        desc: "连接多个下游分支，根据设定的条件按照顺序查找的方式来匹配运行的分支，如果匹配到某条件则只运行该条件对应的分支，否则继续匹配下一条件直至结束",
-      },
-      {
-        icon: sleepSvg,
-        name: "睡眠",
-        type: "sleep",
-        desc: "用于睡眠整个流程，表示延迟多少毫秒",
-        action: 'sleep',
-        nodeParams: [
-          { name: "delayMs", type: "input", componentType: 'number', input: 0, disabled: true }
-        ],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: expressionSvg,
-        name: "HTTP请求",
-        type: "http",
-        desc: "HTTP请求",
-        action: 'HTTP',
-        nodeType: 'HTTP',
-        nodeParams: [
-          { name: "config", type: "input", input: "", children: [
-            { name: "url", type: "input", input: "",  disabled: true, required: true },
-            { name: "method", type: "input", input: "POST", componentType: 'select', selectOptions: httpMethodOptions(), disabled: true },
-            { name: "timeout", type: "input", input: "10000", componentType: 'number', required: false, disabled: true }
-          ], disabled: true, required: true },
-          { name: "headers", type: "input", input: "", children: [
-            { name: "", type: "input", input: ""}
-          ], disabled: true, required: true },
-          { name: "params", type: "input", input: "", children: [
-            { name: "", type: "input", input: ""}
-          ], disabled: true, required: true },
-          { name: "body", type: "input", input: "", children: [
-            { name: 'bodyType', type: "input", input: "json", disabled: true },
-            { name: 'json', type: "input", input: '{"a": 123}' },
-            { name: 'formData', type: "input", input: "", children: []}
-          ], required: true },
-        ],
-        outputType: 'json',
-        outputParams: [{ name: 'result', type: 'Object', children: [], desc: 'HTTP请求结果'}]
-      },
-      {
-        icon: expressionSvg,
-        name: "代码",
-        type: "code",
-        desc: "js代码",
-        action: 'CODE',
-        canAddFormItem: true,
-        nodeParams: [
-          { name: "input", type: "input", input: "", required: true },
-          { name: "code", type: "input", input: `
-// 方法定义不能修改
-/**
- * 处理与 r 相关的状态或数据，该影响范围仅限当前模块。
- * @param {*} params 待处理的参数集合
- */
-function handler(params) {
-  // 返回值是一个可序列化成 json 的 dict 或 object
-  const result ={
-    type: 2,
-    message: params.input
-  }
-  return result
-}
-            `, required: true }
-        ],
-        outputType: 'json',
-        outputParams: [{ name: 'result', type: 'object', children: [
-          {name: 'type', type: 'number', desc: '占位属性'},
-          {name: 'message', type: 'string', desc: '占位属性'}
-        ], desc: 'js节点返回'}]
-      },
-      {
-        icon: microphoneSvg,
-        name: "获取当前循环对象",
-        type: "currentLoop",
-        desc: "获取当前循环对象",
-        action: 'GET_CURRENT_OBJECT',
-        nodeParams: [
-          { name: "array", type: "input", input: "" }
-        ],
-        outputType: 'json',
-        outputParams: [
-          { name: 'index', type: 'number',  desc: '索引'},
-          { name: 'object', type: 'object', children: [
-            { name: 'test', type: 'string',  desc: '占位属性' }
-          ], desc: '当前循环对象', }
-        ]
-      },
-    ],
-  },
-  {
-    collapseTitle: "机器人",
-    nodeList: [
-      {
-        icon: videoSvg,
-        name: "AGV控制",
-        type: "serviceNode",
-        desc: "控制机器人的底盘",
-        action: 'AGV_MOVE_TO_POINT',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "x", type: "input", input: "", disabled: true },
-          { name: "y", type: "input", input: "", disabled: true },
-          { name: "theta", type: "input", input: "", disabled: true },
-          { name: "blockedTimeoutMs", type: "input", componentType: "number", input: 60000, min: 1, required: true, disabled: true },
-        ],
-        outputType: 'json'
-      },
-      {
-        icon: videoSvg,
-        name: "AGV站点导航",
-        type: "serviceNode",
-        desc: "从AGV站点列表选择目标站点并导航",
-        action: 'AGV_MOVE_TO_STATION',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "stationId", type: "input", input: "", componentType: 'select', selectOptions: [], forceSelect: true, disabled: true },
-          { name: "blockedTimeoutMs", type: "input", componentType: "number", input: 60000, min: 1, required: true, disabled: true }
-        ],
-        outputType: 'json'
-      },
-      {
-        icon: cameraSvg,
-        name: "通用指令",
-        type: "deviceUniversal",
-        desc: "执行设备通用指令",
-        action: 'DEVICE_EXECUTE_JSON_COMMAND',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "requestJson", type: "input", input: `{
-    "a":123
-}`, required: false, disabled: true },
-        ],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: planSvg,
-        name: "动作队列",
-        type: "actionQueue",
-        desc: "在边缘端按顺序连续执行多个动作",
-        action: 'SYSTEM_EXECUTE_ACTION_QUEUE',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "actionId", type: "input", input: "", required: false },
-          { name: "totalTimeoutMs", type: "input", componentType: 'number', input: 60000, required: true },
-          { name: "steps", type: "input", input: [], required: true },
-        ],
-        outputParams: [
-          { name: 'actionId', type: 'string', desc: '动作队列标识' },
-          { name: 'completedSteps', type: 'number', desc: '已完成步骤数' },
-          { name: 'result', type: 'string', desc: '执行结果' },
-        ],
-        outputType: 'json'
-      },
-      {
-        icon: videoSvg,
-        name: "机械臂",
-        type: "serviceNode",
-        desc: "控制机器人的手臂",
-        action: 'ARM_MOVE_TO_POINT',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "x", type: "input", input: "", disabled: true },
-          { name: "y", type: "input", input: "", disabled: true },
-          { name: "z", type: "input", input: "", disabled: true },
-          { name: "rx", type: "input", input: "", disabled: true },
-          { name: "ry", type: "input", input: "", disabled: true },
-          { name: "rz", type: "input", input: "", disabled: true },
-          { name: "velocity", type: "input", componentType: 'number', max: 5, step: 0.01, input: 0.1, disabled: true },
-          { name: "acceleration", type: "input", componentType: 'number', max: 5, step: 0.01, input: 0.2, disabled: true },
-        ],
-        outputType: 'json'
-      },
-      {
-        icon: videoSvg,
-        name: "机械臂关节运动",
-        type: "serviceNode",
-        desc: "通过关节空间插值运动到目标关节位置",
-        action: 'ARM_MOVE_TO_J',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "target", type: "input", input: "[0, 0, 0, 0, 0, 0]", disabled: true },
-          { name: "velocity", type: "input", componentType: 'number', max: 5, step: 0.01, input: 0.1, disabled: true },
-          { name: "acceleration", type: "input", componentType: 'number', max: 5, step: 0.01, input: 0.2, disabled: true },
-        ],
-        outputType: 'json'
-      },
-      // 使能状态由两个独立节点显式控制。节点本身不接收参数，也不依赖前一运动节点的隐式使能，
-      // 因而可在流程开始、异常恢复或任务收尾位置按业务需要自由编排。
-      {
-        icon: videoSvg,
-        name: "开启机械臂使能",
-        type: "serviceNode",
-        desc: "开启机械臂使能，后续运动节点不会自动使能",
-        action: 'ARM_ENABLE',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputParams: [],
-        outputType: 'json'
-      },
-      // 关闭节点与开启节点使用不同 action，边缘执行器据此下发去使能指令；
-      // 空 outputParams 表示该节点只负责设备状态切换，不向后续节点暴露业务输出。
-      {
-        icon: videoSvg,
-        name: "关闭机械臂使能",
-        type: "serviceNode",
-        desc: "关闭机械臂使能",
-        action: 'ARM_DISABLE',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: cameraSvg,
-        name: "开始监听报警事件",
-        type: "serviceNode",
-        desc: "开始监听报警事件",
-        action: 'INSPECTION_ALERT_LISTEN_START',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "robotId", type: "input", input: "", disabled: true },
-          { name: "eventTypes", type: "input", input: "", componentType: 'select', selectOptions: inspectionEventTypes(), disabled: true }
-        ],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: cameraSvg,
-        name: "结束监听报警事件",
-        type: "serviceNode",
-        desc: "结束监听报警事件",
-        action: 'INSPECTION_ALERT_LISTEN_STOP',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "robotId", type: "input", input: "", disabled: true },
-          { name: "eventTypes", type: "input", input: "", componentType: 'select', selectOptions: inspectionEventTypes(), disabled: true }
-        ],
-        outputParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: dialogueSvg,
-        name: "巡检仪表读数识别",
-        type: "recognize",
-        desc: "巡检仪表读数识别",
-        action: 'INSPECTION_METER_RECOGNIZE',
-        nodeType: "LLM",
-        outputType: 'json',
-        nodeParams: [
-          { name: 'imageUrl', type: "input", input: "",  disabled: true },
-          { name: 'resultName', type: "input", input: "",  disabled: true },
-          { name: "alarmRules", type: "input", input: [], disabled: true }
-        ],
-        outputParams: []
-      },
-      {
-        icon: cameraSvg,
-        name: "人工巡检判断",
-        type: "serviceNode",
-        desc: "创建人工巡检判断任务",
-        action: 'INSPECTION_MANUAL_REVIEW_CREATE',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "resultName", type: "input", input: "", disabled: true },
-          { name: "videoUrl", type: "input", input: "", required: false, disabled: true },
-          { name: "imageUrl", type: "input", input: "", required: false, disabled: true },
-          { name: "reviewCriteria", type: "input", input: "", disabled: true },
-          { name: "defaultAlarmLevel", type: "input", componentType: 'number', max: 3, step: 1, input: 1, disabled: true },
-        ],
-        outputParams: [],
-        outputType: 'json'
-      },
-    ],
-  },
-  {
-    collapseTitle: "音频",
-    nodeList: [
-      {
-        icon: microphoneSvg,
-        name: "启动麦克风",
-        type: "serviceNode",
-        desc: "用于启动麦克风的节点",
-        action: 'MICROPHONE_START',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputType: 'json'
-      },
-      {
-        icon: microphoneSvg,
-        name: "停止麦克风",
-        type: "serviceNode",
-        desc: "用于停止麦克风的节点",
-        action: 'MICROPHONE_STOP',
-        nodeType: 'EDGE',
-        nodeParams: [],
-        outputType: 'audio',
-        outputParams: [{ name: 'audioUrl', type: 'array<string>', children: [], desc: '录音播放地址数组', disabled: true }]
-      },
-      {
-        icon: audioSvg,
-        name: "播放音频", 
-        type: "serviceNode",
-        desc: "用于播放音频的节点",
-        action: 'SPEAKER_PLAYAUDIO',
-        nodeType: 'EDGE',
-        nodeParams: [
-          { name: "audioPath", type: "input", input: "", disabled: true }
-        ],
-        outputType: 'json'
-      },
-    ],
-  },
-  {
-    collapseTitle: "大模型",
-    nodeList: [
-      {
-        icon: microphoneSvg,
-        name: "声音类型检测",
-        type: "mediaAnalysis",
-        desc: "判断录音是否属于指定的声音类型",
-        action: "AUDIO_EVENT_CLASSIFY",
-        nodeType: "LLM",
-        nodeParams: [
-          { name: "profileCode", type: "input", input: "aima.power_state.v1", required: true, disabled: true },
-          { name: "expectedLabel", type: "input", input: "", required: true, disabled: true },
-          { name: "expectedLabelName", type: "input", input: "", required: false, disabled: true },
-          { name: "audioUrl", type: "quote", input: "", quote: "", required: true, disabled: true },
-          { name: "asynchronous", type: "input", input: false, required: false, disabled: true, componentType: "switch" },
-        ],
-        outputType: "json",
-        outputParams: [
-          { name: "passed", type: "boolean", desc: "是否检测到目标声音", disabled: true },
-          { name: "expectedLabel", type: "string", desc: "目标声音类型编码", disabled: true },
-          { name: "expectedLabelName", type: "string", desc: "目标声音类型名称", disabled: true },
-          { name: "label", type: "string", desc: "实际声音类型编码，未匹配时为UNKNOWN", disabled: true },
-          { name: "labelName", type: "string", desc: "实际声音类型名称", disabled: true },
-          { name: "matched", type: "boolean", desc: "是否识别到已知声音", disabled: true },
-          { name: "confidence", type: "number", desc: "最高匹配度", disabled: true },
-          { name: "decisionReason", type: "string", desc: "检测结论", disabled: true },
-          { name: "scores", type: "object", desc: "各分类匹配度", children: [], disabled: true },
-        ],
-      },
-      {
-        icon: videoSvg,
-        name: "视频智能分析",
-        type: "mediaAnalysis",
-        desc: "按分析场景理解测试录像并输出结构化结论",
-        action: "VIDEO_ANALYZE",
-        nodeType: "LLM",
-        nodeParams: [
-          { name: "profileCode", type: "input", input: "aima.power_video.v1", required: true, disabled: true },
-          { name: "videoUrl", type: "quote", input: "", quote: "", required: true, disabled: true },
-          { name: "instruction", type: "input", input: "", required: true, disabled: true },
-          { name: "analysisMode", type: "input", input: "AUTO", required: false, disabled: true },
-          // 默认返回精简结论；用户开启详细输出时，执行端才补充事件证据。
-          { name: "detailedOutput", type: "input", input: false, required: false, disabled: true, componentType: "switch" },
-          { name: "analysisTuning", type: "input", input: { sampleFps: 2, maxWidth: 960, confidenceThreshold: 0.75, fallbackToAccurate: true }, required: false, disabled: true },
-          { name: "asynchronous", type: "input", input: false, required: false, disabled: true, componentType: "switch" },
-        ],
-        outputType: "json",
-        outputParams: [
-          { name: "result", type: "string", desc: "分析结果", disabled: true },
-          { name: "passed", type: "boolean", desc: "是否通过", disabled: true },
-          { name: "confidence", type: "number", desc: "判定置信度", disabled: true },
-          { name: "evidenceSufficient", type: "boolean", desc: "证据是否充分", disabled: true },
-          { name: "decisionReason", type: "string", desc: "判定原因", disabled: true },
-          { name: "conclusion", type: "string", desc: "分析结论", disabled: true },
-          { name: "summary", type: "string", desc: "分析摘要", disabled: true },
-          { name: "events", type: "array<object>", desc: "关键事件", children: [], disabled: true },
-          { name: "analysisMode", type: "string", desc: "实际分析模式", disabled: true },
-          { name: "fallback", type: "boolean", desc: "是否切换精确分析", disabled: true },
-          { name: "detailedOutput", type: "boolean", desc: "是否返回详细事件证据", disabled: true },
-        ],
-      },
-      {
-        // 通用图片分析不内置通过/不通过判定，返回结构完全由用户提示词约定。
-        icon: cameraSvg,
-        name: "通用图片分析",
-        type: "imageAnalysis",
-        desc: "按照提示词分析一张或多张图片并返回指定内容",
-        action: 'IMAGE_ANALYZE',
-        nodeType: "LLM",
-        nodeParams: [
-          { name: "profileCode", type: "input", input: "common.image_analysis.v1", required: true, disabled: true },
-          { name: "imageUrl", type: "quote", input: "", quote: "", required: true, disabled: true },
-          { name: "analysisMethod", type: "input", input: "VISION_MODEL", required: false, disabled: true },
-          { name: "prompt", type: "input", input: "", required: true, disabled: true, componentType: "textarea" },
-          { name: "analysisMode", type: "input", input: "FAST", required: false, disabled: true },
-          { name: "analysisTuning", type: "input", input: { maxWidth: 896, maxImages: 12, maxOutputTokens: 384, matchThreshold: 0.48, matchSelector: "BEST", matchIndex: 1, matchSort: "ROW_MAJOR", locateConfidenceThreshold: 0.45 }, required: false, disabled: true },
-          { name: "asynchronous", type: "input", input: false, required: false, disabled: true, componentType: "switch" },
-        ],
-        outputType: "json",
-        outputParams: [
-          { name: "result", type: "object", desc: "按提示词返回的结果", children: [], disabled: true },
-          { name: "resultText", type: "string", desc: "模型返回的原始文本", disabled: true },
-          { name: "matched", type: "boolean", desc: "找图是否匹配", disabled: true },
-          { name: "matchScore", type: "number", desc: "匹配分数或定位置信度", disabled: true },
-          { name: "coordinates", type: "array<number>", desc: "原图坐标 [x1,y1,x2,y2]", children: [], disabled: true },
-          { name: "center", type: "array<number>", desc: "目标中心点 [x,y]", children: [], disabled: true },
-          { name: "matchedDescription", type: "string", desc: "模型实际定位的目标描述", disabled: true },
-          { name: "refinementMethod", type: "string", desc: "坐标精修方式", disabled: true },
-          { name: "matchCount", type: "number", desc: "匹配项数量", disabled: true },
-          { name: "matches", type: "array<object>", desc: "全部匹配项", children: [], disabled: true },
-          { name: "selectedMatchIndex", type: "number", desc: "当前选择的匹配序号", disabled: true },
-        ],
-      },
-      {
-        icon: microphoneSvg,
-        name: "获取触控坐标",
-        type: "serviceNode",
-        desc: "用于获取触控坐标的节点",
-        action: 'TOUCH_COORDINATES',
-        nodeType: "LLM",
-        nodeParams: [
-          { name: "targetFeature", type: "input", input: "运动模式",  disabled: true },
-          { name: "manufacturer", type: "input", input: "xiaomi",  disabled: true },
-          { name: "vehType", type: "input", input: "su7",  disabled: true },
-        ],
-        outputType: 'json',
-        outputParams: [{ name: 'coordinates', type: 'object', children: [
-          { name: 'x', type: 'number', desc: 'x坐标' },
-          { name: 'y', type: 'number', desc: 'y坐标' }
-        ], desc: '坐标对象', }]
-      }, {
-        icon: dialogueSvg,
-        name: "tts语音合成",
-        type: "serviceNode",
-        desc: "将指令文本(text)处理合成语音，输出语音路径(audioPath)",
-        action: 'GENERATE_ADVANCED_AUDIO',
-        nodeType: "LLM",
-        outputType: 'json',
-        nodeParams: [{ name: 'text', type: "input", input: "",  disabled: true }],
-        outputParams: [{ name: 'audioPath', type: 'string', desc: '语音路径', disabled: true}]
-      }, {
-        icon: dialogueSvg,
-        name: "意图识别",
-        type: "serviceNode",
-        desc: "意图识别，输出类型(type) 1: 语音交互  2: 触控交互 3: 闲聊 4: 知识问答",
-        action: 'INTENT_RECOGNITION',
-        nodeType: "LLM",
-        outputType: 'json',
-        nodeParams: [{ name: 'text', type: "input", input: "",  disabled: true }],
-        outputParams: [{ name: 'type', type: 'string', desc: '1：语音交互  2：触控交互 3: 闲聊 4:知识问答', disabled: true}]
-      }, {
-        icon: dialogueSvg,
-        name: "商道智能体",
-        type: "sdAgent",
-        desc: "通过apiKey调用商道大模型",
-        action: 'AI_AGENT_PLATFORM',
-        nodeType: "LLM",
-        outputType: 'json',
-        nodeParams: [
-          { name: "config", type: "input", input: "", children: [
-            { name: 'apiKey', type: "input", input: "",  disabled: true },
-            { name: 'text', type: "input", input: "",  disabled: true },
-          ]},
-          { name: 'invokeTts', type: "input", input: false },
-          { name: 'tts', type: "input", input: "", children: [
-            { name: 'url', type: "input", input: "", disabled: true },
-            { name: 'text', type: "input", input: "", disabled: true },
-            { name: 'speed', type: "input", input: "", max: 100, disabled: true },
-            { name: 'voice', type: "input", input: "", componentType: 'select', selectOptions: voiceOptions(), disabled: true },
-            { name: 'volume', type: "input", input: "", componentType: 'number', max: 100, disabled: true }
-          ], disabled: true }
-        ],
-        outputParams: [{ name: 'result', type: 'string', desc: '商道大模型的返回文案', disabled: true}]
-      }, {
-        icon: dialogueSvg,
-        name: "tts语音播放",
-        type: "serviceNode",
-        desc: "调用tts将文案转换为语音播放",
-        action: 'AI_TTS',
-        nodeType: "LLM",
-        outputType: 'json',
-        nodeParams: [
-          { name: 'url', type: "input", input: "", disabled: true },
-          { name: 'text', type: "input", input: "", disabled: true },
-          { name: 'speed', type: "input", input: "", max: 100, disabled: true },
-          { name: 'voice', type: "input", input: "", componentType: 'select', selectOptions: voiceOptions(), disabled: true },
-          { name: 'volume', type: "input", input: "", componentType: 'number', max: 100, disabled: true }
-        ]
-      }, {
-        icon: dialogueSvg,
-        name: "获取当前页面名称",
-        type: "serviceNode",
-        desc: "获取当前页面名称",
-        action: 'GET_CURRENT_PAGE',
-        nodeType: "LLM",
-        outputType: 'json',
-        nodeParams: [
-          { name: 'url', type: "input", input: "", disabled: true },
-        ],
-        outputParams: [{ name: 'pageName', type: 'string', desc: '当前页面名称', disabled: true}]
-      }
-    ],
-  },
-  {
-    collapseTitle: "语音交互",
-    nodeList: [
-      {
-        icon: planSvg,
-        name: "方案处理",
-        type: "serviceNode",
-        desc: "语音交互-方案处理,输入方案id(schemeId)，输出唤醒语料(wakeCorpus)和测试语料数组(testCorpus)",
-        action: 'VI_SCHEME',
-        nodeParams: [{ name: 'schemeId', type: "input", input: "",  disabled: true }],
-        outputType: 'json',
-        outputParams: [
-          { name: 'wakeCorpus', type: 'object', desc: '唤醒语料', children: []},
-          { name: 'testCorpus', type: 'array<object>', desc: '测试语料数组', children: []},
-          { name: 'sceneType', type: 'number', desc: '1:唤醒测试，2:单次对话测试，3:连续对话测试', disabled: true }
-        ]
-      },
-      {
-        icon: awakenSvg,
-        name: "唤醒语料",
-        type: "serviceNode",
-        desc: "唤醒语料处理,输入唤醒语料(wakeCorpus)，输出语音路径(audioPath)",
-        action: 'VI_CORPUS_WAKE',
-        nodeType: "EDGE",
-        outputType: 'json',
-        nodeParams: [{ name: 'wakeCorpus', type: "input", input: "",  disabled: true }],
-        outputParams: [{ name: 'audioPath', type: 'string', desc: '语音路径', disabled: true}]
-      },
-      {
-        icon: dialogueSvg,
-        name: "单次对话语料",
-        type: "serviceNode",
-        desc: "测试语料-单次对话语料处理,输入单次对话语料(testCorpus)，输出语音路径(audioPath)",
-        action: 'VI_CORPUS_SINGLE',
-        nodeType: "EDGE",
-        outputType: 'json',
-        nodeParams: [{ name: 'testCorpus', type: "input", input: "",  disabled: true }],
-        outputParams: [{ name: 'audioPath', type: 'string', desc: '语音路径', disabled: true}]
-      },
-      {
-        icon: dialogueSvg,
-        name: "连续对话语料",
-        type: "serviceNode",
-        desc: "测试语料-连续对话语料处理,输入连续对话语料(testCorpus)，输出语音路径(audioPath)",
-        action: 'VI_CORPUS_CONTINUOUS',
-        nodeType: "EDGE",
-        outputType: 'json',
-        nodeParams: [{ name: 'testCorpus', type: "input", input: "",  disabled: true }],
-        outputParams: [{ name: 'audioPath', type: 'string', desc: '语音路径', disabled: true}]
-      },
-      {
-        icon: audioSvg,
-        name: "播放语料",
-        type: "serviceNode",
-        desc: "用于播放语料的节点，需要输入语音路径，执行设备由流程角色配置",
-        action: 'VI_PLAY_CORPUS',
-        nodeType: "EDGE",
-        outputType: 'json',
-        nodeParams: [
-          { name: 'audioPath', type: "input", input: "",  disabled: true },
-          { name: 'bioId', type: "input", input: "",  disabled: true, required: false }
-        ],
-      }
-    ],
-  },
-  {
-    collapseTitle: "触控交互",
-    nodeList: [
-      {
-        icon: touchSvg,
-        name: "触控",
-        type: "serviceNode",
-        desc: "去触控坐标的点位",
-        action: 'TOUCH',
-        nodeType: "EDGE",
-        nodeParams: [
-          { name: "touchParams", type: "input", input: "", disabled: true }
-        ],
-        outputType: 'json',
-      },
-      {
-        icon: expressionSvg,
-        name: "开始说话",
-        type: "serviceNode",
-        desc: "控制机器人说话",
-        action: 'BIO_HEAD_SPEAK_START',
-        nodeType: "EDGE",
-        nodeParams: [],
-        outputType: 'json',
-      },
-      {
-        icon: expressionSvg,
-        name: "停止说话",
-        type: "serviceNode",
-        desc: "停止机器人说话",
-        action: 'BIO_HEAD_SPEAK_STOP',
-        nodeType: "EDGE",
-        nodeParams: [],
-        outputType: 'json',
-      },
-      {
-        icon: expressionSvg,
-        name: "表情",
-        type: "serviceNode",
-        desc: "控制机器人的面部表情",
-        action: 'BIO_HEAD_SPECIAL_EXPRESSION',
-        nodeType: "EDGE",
-        nodeParams: [
-          { name: "expressKey", type: "input",componentType: 'select', selectOptions: expressOptions(), disabled: true },
-        ],
-        outputType: 'json',
-      },
-      {
-        icon: touchSvg,
-        name: "路径搜索",
-        type: "serviceNode",
-        desc: "路径搜索",
-        action: 'TI_PATH_SEARCH',
-        nodeType: "EDGE",
-        nodeParams: [
-          { name: "currentLocation", type: "input", input: "", disabled: true },
-          { name: "funcId", type: "input", input: "", disabled: true },
-          { name: "vehicleConfigId", type: "input", input: "", disabled: true },
-        ],
-        outputType: 'json',
-        outputParams: [
-          { name: 'nextLocation', type: 'string', desc: '下一路径位置', disabled: true},
-          { name: 'isEnd', type: 'string', desc: '是否结束', disabled: true},
-          { name: 'iconUrl', type: 'string', desc: '图标路径', disabled: true}
-        ]
-      },
-      {
-        icon: touchSvg,
-        name: "获取触控二维坐标",
-        type: "serviceNode",
-        desc: "获取触控二维坐标",
-        action: 'TI_TOUCH_COORDINATES',
-        nodeType: "EDGE",
-        nodeParams: [
-          { name: "imageUrl", type: "input", input: "", disabled: true },
-          { name: "iconUrl", type: "input", input: "", disabled: true }
-        ],
-        outputType: 'json',
-        outputParams: [
-          { name: 'touchCoordinates', type: 'string', desc: '触控二维坐标', disabled: true},
-        ]
-      }
-    ],
-  },
-  {
-    collapseTitle: "AI评估",
-    nodeList: [
-      {
-        icon: expressionSvg,
-        name: "AI评估预处理",
-        type: "serviceNode",
-        desc: "AI评估预处理",
-        action: 'AI_EVALUATION_PRE',
-        nodeType: "AE",
-        nodeParams: [
-          { name: "taskType", type: "input", input: "", componentType: 'select', selectOptions: taskTypeOptions(), disabled: true },
-          { name: "wakeCorpus", type: "input", input: "", disabled: true, required: false },
-          { name: "testCorpus", type: "input", input: "", disabled: true, required: false },
-          { name: "sceneType", type: "input", input: "", disabled: true, required: false },
-        ],
-        outputType: 'json',
-      },
-      {
-        icon: touchSvg,
-        name: "AI评估执行",
-        type: "serviceNode",
-        desc: "AI评估执行",
-        action: 'AI_EVALUATION_END',
-        nodeType: "AE",
-        nodeParams: [
-          { name: "videoUrl", type: "input", input: "", disabled: true }
-        ],
-        outputType: 'json',
-      }
-    ],
-  },
-]
diff --git a/src/views/flow/icon/audio.svg b/src/views/flow/icon/audio.svg
deleted file mode 100644
index e71eb39..0000000
--- a/src/views/flow/icon/audio.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1758526814700" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11094" width="200" height="200"><path d="M983.779623 312.719408a510.292483 510.292483 0 0 0-109.795373-162.701951A511.088926 511.088926 0 0 0 512.000853 0.001707a508.756485 508.756485 0 0 0-361.983396 150.01575A511.088926 511.088926 0 0 0 0.001707 512.000853a508.756485 508.756485 0 0 0 150.01575 361.983397 511.088926 511.088926 0 0 0 162.701951 109.738484c63.089673 26.680844 130.161561 40.163489 199.281445 40.163488a508.756485 508.756485 0 0 0 199.281446-40.163488 508.358264 508.358264 0 0 0 162.701951-109.738484 511.088926 511.088926 0 0 0 109.738484-162.701951c26.680844-63.089673 40.163489-130.161561 40.163488-199.281446a508.642708 508.642708 0 0 0-40.106599-199.281445z m-55.295908 375.181597a451.583247 451.583247 0 0 1-96.881617 143.701093 451.583247 451.583247 0 0 1-143.701093 96.881617c-55.751018 23.60885-114.915364 35.498608-175.900152 35.498607a448.397475 448.397475 0 0 1-175.900151-35.498607 451.583247 451.583247 0 0 1-143.701094-96.881617 451.583247 451.583247 0 0 1-96.881616-143.701093A448.397475 448.397475 0 0 1 60.019384 512.000853c0-60.984787 11.889758-120.206022 35.498608-175.900151 22.755518-53.816799 55.409685-102.172274 96.881616-143.701094a451.583247 451.583247 0 0 1 143.701094-96.881616A448.397475 448.397475 0 0 1 512.000853 60.019384c60.984787 0 120.206022 11.889758 175.900152 35.498608 53.816799 22.755518 102.172274 55.409685 143.701093 96.881616 41.52882 41.52882 74.126099 89.884295 96.881617 143.701094 23.60885 55.751018 35.498608 114.915364 35.498607 175.900151s-11.889758 120.206022-35.498607 175.900152z" fill="#65BEE0" p-id="11095"></path><path d="M263.965711 416.029458a30.094172 30.094172 0 0 0-29.980394 29.980394v131.982002a30.094172 30.094172 0 0 0 60.017677 0V446.009852a30.094172 30.094172 0 0 0-29.980394-29.980394z m124.017571-63.999894a30.094172 30.094172 0 0 0-29.980394 29.980395v259.981789c0 16.49775 13.482644 29.980394 29.980394 29.980394 16.49775 0 30.037283-13.482644 30.037284-29.980394v-259.981789a30.094172 30.094172 0 0 0-30.037284-29.980395zM512.000853 256.00128a30.094172 30.094172 0 0 0-29.980394 29.980394v452.038358c0 16.49775 13.482644 29.980394 29.980394 29.980395 16.49775 0 29.980394-13.482644 29.980395-29.980395V285.981674A30.094172 30.094172 0 0 0 512.000853 256.00128z m248.035142 160.028178a30.094172 30.094172 0 0 0-30.037283 29.980394v131.982002c0 16.49775 13.482644 29.980394 29.980395 29.980395 16.49775 0 30.037283-13.482644 30.037283-29.980395V446.009852a30.094172 30.094172 0 0 0-30.037283-29.980394z m-124.017571-63.999894a30.094172 30.094172 0 0 0-30.037283 29.980395v259.981789a30.094172 30.094172 0 0 0 60.017678 0v-259.981789a30.094172 30.094172 0 0 0-29.980395-29.980395z" fill="#65BEE0" p-id="11096"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/awaken.svg b/src/views/flow/icon/awaken.svg
deleted file mode 100644
index 26b7a98..0000000
--- a/src/views/flow/icon/awaken.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1758526221559" class="icon" viewBox="0 0 1142 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3938" width="200" height="200"><path d="M477.13739 76.859452c-260.63725 0-471.90562 211.26837-471.90562 471.90562 0 260.542127 211.26837 471.90562 471.90562 471.90562 260.63725 0 471.90562-211.26837 471.90562-471.90562C948.947887 288.127822 737.77464 76.859452 477.13739 76.859452zM477.13739 874.08602c-37.00288 0-67.156897-29.393033-67.156897-65.349559 0-4.661031 3.614677-8.370831 8.085462-8.370831l118.047747 0c4.470785 0 8.085462 3.7098 8.085462 8.370831C544.294287 844.692987 514.140269 874.08602 477.13739 874.08602zM696.966837 750.235764 254.834742 750.235764c-3.424431 0-6.278124-2.853693-6.278124-6.46837l0-47.085927c0-28.441802 32.532095-50.985973 75.337483-53.459173-5.23177-15.505063-7.895216-31.485741-7.895216-47.751788L315.998885 464.676266c0-66.776405 43.281003-124.991732 108.154947-146.394426L424.153832 304.964608c0-27.775941 23.210033-50.320111 51.746958-50.320111 28.536925 0 51.746958 22.544171 51.746958 50.320111l0 13.222109c64.873943 21.402694 108.154947 79.618021 108.154947 146.394426l0 130.889364c0 16.170924-2.663446 32.151602-7.990339 47.751788 42.805388 2.4732 75.337483 25.017371 75.337483 53.459173l0 47.085927C703.244961 747.382072 700.486391 750.235764 696.966837 750.235764z" p-id="3939" fill="#65BEE0"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/camera.svg b/src/views/flow/icon/camera.svg
deleted file mode 100644
index 5d21dd9..0000000
--- a/src/views/flow/icon/camera.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1751611040437" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11706" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M721.6896 390.4512H629.952c-7.36-0.059733-13.9008-3.8912-17.117867-9.992533l-33.9072-62.916267H445.073067L411.144533 380.501333c-3.2 6.058667-9.736533 9.890133-17.0496 9.949867H302.3104c-25.984 0-46.3488 18.875733-46.3488 42.973867v230.8736c0 24.085333 20.356267 42.965333 46.3488 42.965333h419.383467c26.001067 0 46.357333-18.884267 46.357333-42.965333V433.425067c-0.008533-24.098133-20.360533-42.973867-46.3616-42.973867zM512 688.1152c-82.824533 0-150.212267-62.468267-150.212267-139.2512C361.787733 472.072533 429.175467 409.6 512 409.6c82.833067 0 150.2336 62.472533 150.2336 139.268267 0 76.782933-67.400533 139.246933-150.2336 139.246933z" fill="#65BEE0" p-id="11707"></path><path d="M512 0C229.2224 0 0 229.230933 0 512c0 282.7648 229.2224 512 512 512 282.781867 0 512-229.2352 512-512C1024 229.230933 794.781867 0 512 0zM292.974933 298.734933c0-3.106133 2.722133-5.6192 6.058667-5.6192h24.840533c3.3536 0 6.058667 2.5088 6.058667 5.6192v23.022934c0 3.106133-2.7136 5.614933-6.058667 5.614933h-24.840533c-3.336533 0-6.058667-2.513067-6.058667-5.614933v-23.022934zM806.4 664.298667c0 43.285333-37.998933 78.4896-84.7104 78.4896H302.3104C255.598933 742.792533 217.6 707.584 217.6 664.298667V433.425067C217.6 390.126933 255.598933 354.901333 302.3104 354.901333h79.803733l34.154667-63.1552c2.999467-5.504 8.708267-9.122133 15.291733-9.710933a15.581867 15.581867 0 0 1 1.979734-0.0256h157.102933c7.240533 0 13.768533 3.720533 17.066667 9.7024l34.176 63.189333h79.799466c46.715733 0 84.714667 35.2256 84.714667 78.523734v230.8736z" fill="#65BEE0" p-id="11708"></path><path d="M512 445.124267c-29.9776 0-58.0864 10.773333-79.189333 30.331733-21.085867 19.549867-32.699733 45.623467-32.699734 73.408s11.613867 53.8496 32.699734 73.399467c21.098667 19.5584 49.207467 30.331733 79.189333 30.331733 29.981867 0 58.082133-10.773333 79.185067-30.331733s32.7168-45.623467 32.7168-73.399467c0-27.784533-11.618133-53.8496-32.7168-73.408-21.085867-19.554133-49.2032-30.331733-79.185067-30.331733zM609.809067 549.333333c-0.174933 9.642667-8.759467 17.493333-19.1488 17.493334h-0.290134c-5.1328-0.0768-9.915733-1.992533-13.482666-5.410134-3.549867-3.383467-5.474133-7.867733-5.4016-12.599466 0-14.784-6.173867-28.6336-17.348267-39.0016-11.157333-10.333867-26.048-16.055467-41.9456-16.1024-10.487467 0.580267-19.524267-6.8864-20.2496-16.520534-0.3584-4.7232 1.288533-9.309867 4.650667-12.898133 3.362133-3.605333 8.021333-5.764267 13.141333-6.097067 0.827733-0.059733 1.646933-0.059733 2.466133-0.017066 53.853867 0.093867 97.621333 40.7296 97.621334 90.670933v0.482133h-0.0128z" fill="#65BEE0" p-id="11709"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/dialogue.svg b/src/views/flow/icon/dialogue.svg
deleted file mode 100644
index b208067..0000000
--- a/src/views/flow/icon/dialogue.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1762763163012" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23408" width="200" height="200"><path d="M0 0m234.057143 0l555.885714 0q234.057143 0 234.057143 234.057143l0 555.885714q0 234.057143-234.057143 234.057143l-555.885714 0q-234.057143 0-234.057143-234.057143l0-555.885714q0-234.057143 234.057143-234.057143Z" fill="#65BEE0" p-id="23409" data-spm-anchor-id="a313x.search_index.0.i15.2cb83a81yhcKKA" class=""></path><path d="M735.319771 277.942857H376.451657A69.266286 69.266286 0 0 0 307.2 347.194514v197.953829A69.266286 69.266286 0 0 0 376.451657 614.4H446.171429s3.657143 43.885714-25.6 58.514286c0 0 72.206629-14.628571 94.6176-58.514286h220.130742A69.266286 69.266286 0 0 0 804.571429 545.148343V347.194514A69.266286 69.266286 0 0 0 735.319771 277.942857zM446.171429 482.742857a29.257143 29.257143 0 0 1-29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143-29.257143 29.257143 29.257143 0 0 1 29.257142 29.257143 29.257143 29.257143 0 0 1-29.257142 29.257143z m109.714285 0a29.257143 29.257143 0 0 1-29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143 29.257143 29.257143 29.257143 0 0 1-29.257143 29.257143z m109.714286 0a29.257143 29.257143 0 0 1-29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143 29.257143 29.257143 29.257143 0 0 1-29.257143 29.257143z" fill="#ffffff" opacity=".34" p-id="23410" data-spm-anchor-id="a313x.search_index.0.i17.2cb83a81yhcKKA" class="selected"></path><path d="M662.176914 351.085714H303.3088A69.266286 69.266286 0 0 0 234.057143 420.337371v197.953829A69.266286 69.266286 0 0 0 303.3088 687.542857H373.028571s3.657143 43.885714-25.6 58.514286c0 0 72.206629-14.628571 94.6176-58.514286h220.130743A69.266286 69.266286 0 0 0 731.428571 618.2912V420.337371A69.266286 69.266286 0 0 0 662.176914 351.085714zM373.028571 555.885714a29.257143 29.257143 0 0 1-29.257142-29.257143 29.257143 29.257143 0 0 1 29.257142-29.257142 29.257143 29.257143 0 0 1 29.257143 29.257142 29.257143 29.257143 0 0 1-29.257143 29.257143z m109.714286 0a29.257143 29.257143 0 0 1-29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143-29.257142 29.257143 29.257143 0 0 1 29.257143 29.257142 29.257143 29.257143 0 0 1-29.257143 29.257143z m109.714286 0a29.257143 29.257143 0 0 1-29.257143-29.257143 29.257143 29.257143 0 0 1 29.257143-29.257142 29.257143 29.257143 0 0 1 29.257143 29.257142 29.257143 29.257143 0 0 1-29.257143 29.257143z" fill="#ffffff" p-id="23411" data-spm-anchor-id="a313x.search_index.0.i14.2cb83a81yhcKKA" class="selected"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/end.svg b/src/views/flow/icon/end.svg
deleted file mode 100644
index 81dc559..0000000
--- a/src/views/flow/icon/end.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg class="llm-icon llm-icon-workflow-end " width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><rect width="20" height="20" fill="#65BEE0" rx="6"></rect><path fill="#fff" d="M13.143 5.858c.368.261.695.557.98.888.287.331.532.689.736 1.073a5.41 5.41 0 0 1 .625 2.524 5.3 5.3 0 0 1-.435 2.139 5.594 5.594 0 0 1-1.176 1.74 5.597 5.597 0 0 1-1.74 1.176 5.296 5.296 0 0 1-2.14.435c-.75 0-1.46-.145-2.125-.435a5.67 5.67 0 0 1-1.747-1.176 5.459 5.459 0 0 1-1.176-1.74 5.36 5.36 0 0 1-.429-2.139c0-.433.051-.858.153-1.274a5.65 5.65 0 0 1 .435-1.189c.188-.376.421-.727.699-1.054.278-.327.588-.62.931-.882a.755.755 0 0 1 .582-.147.769.769 0 0 1 .509.306c.13.172.18.364.147.576a.773.773 0 0 1-.306.515 3.804 3.804 0 0 0-1.183 1.384 3.892 3.892 0 0 0-.41 1.765c0 .54.101 1.048.306 1.526a3.937 3.937 0 0 0 2.09 2.095c.477.209.985.313 1.525.313.539 0 1.047-.104 1.525-.313.478-.208.895-.49 1.25-.845.356-.356.638-.772.846-1.25.208-.478.313-.987.313-1.526 0-.637-.148-1.24-.442-1.807a3.823 3.823 0 0 0-1.237-1.404.738.738 0 0 1-.325-.502.774.774 0 0 1 .129-.588.75.75 0 0 1 .502-.313.774.774 0 0 1 .588.129Zm-3.15 4.522a.743.743 0 0 1-.544-.227.744.744 0 0 1-.227-.545V4.95a.76.76 0 0 1 .227-.551.733.733 0 0 1 .545-.233c.22 0 .406.077.557.232a.763.763 0 0 1 .227.552v4.657a.743.743 0 0 1-.227.545.758.758 0 0 1-.557.227Z"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/expression.svg b/src/views/flow/icon/expression.svg
deleted file mode 100644
index ae84256..0000000
--- a/src/views/flow/icon/expression.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1762999534829" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4760" width="200" height="200"><path d="M512 979C263.472 979 62 777.528 62 529S263.472 79 512 79s450 201.472 450 450-201.472 450-450 450zM337 479c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75z m350 0c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75zM312 629c0 110.457 89.543 200 200 200s200-89.543 200-200H312z" fill="#65BEE0" p-id="4761"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/group.svg b/src/views/flow/icon/group.svg
deleted file mode 100644
index d2f250d..0000000
--- a/src/views/flow/icon/group.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg t="1754464559780" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2721" width="200" height="200">
-<path d="M933.68106667 450.448H221.44853333c-26.4512 0-48.81493333 17.27786667-56.51626666 41.184l-62.14186667 191.44533333V153.7312h296.784c0 65.55733333 53.104 118.66026667 118.66346667 118.66026667h296.71786666V391.05066667h59.3248V272.39146667c0-32.74453333-26.57813333-59.33226667-59.3248-59.33226667H518.16746667c-32.74133333 0-59.32906667-26.5824-59.32906667-59.32693333 0-32.74666667-26.51733333-59.3312-59.33013333-59.3312H102.7904c-32.74346667 0-59.32906667 26.58453333-59.32906667 59.3312v712.09813333c0 32.74666667 26.58453333 59.3248 59.32906667 59.3248H814.89066667c26.4512 0 48.81493333-17.2736 56.51733333-41.184h0.06506667l121.40586666-374.19093333c0-32.7456-26.45226667-59.26506667-59.19786666-59.33226667z m-115.712 415.38133333h-715.17866667l115.57973333-356.05013333h715.1744L817.97013333 865.82933333z" fill="#65BEE0" p-id="2722"></path>
-</svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/loop.svg b/src/views/flow/icon/loop.svg
deleted file mode 100644
index 00e5311..0000000
--- a/src/views/flow/icon/loop.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg class="llm-icon llm-icon-cycle-vertices " width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><rect width="20" height="20" fill="#65BEE0" rx="6"></rect><path fill="#fff" fill-rule="evenodd" d="M15.7028 9.15436C15.7418 9.67543 15.7028 10.8288 15.5783 11.3128L17.5 11.5591L15.447 12.8685L13.3941 14.1797L11.8043 12.3341L10.2135 10.4894L12.6676 10.748C12.7142 10.4456 12.739 10.1376 12.7371 9.82282C12.7199 7.26403 10.3951 5.10365 8.10917 4.31062C11.1453 3.53947 15.4252 5.38796 15.7028 9.15436ZM4.23534 10.689C4.21062 10.1679 4.27718 9.01452 4.41505 8.53528L2.5 8.23956L4.58621 6.98061L6.67147 5.72356L8.21378 7.60913L9.75609 9.49186L7.3095 9.17427C7.2553 9.47379 7.22297 9.78187 7.21632 10.0966C7.16877 12.6545 9.43755 14.8719 11.7035 15.7239C8.64928 16.417 4.41695 14.4621 4.23534 10.689Z" clip-rule="evenodd"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/microphone.svg b/src/views/flow/icon/microphone.svg
deleted file mode 100644
index d576328..0000000
--- a/src/views/flow/icon/microphone.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<svg t="1754641759358" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6343" width="200" height="200">
-<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#65BEE0" p-id="6344"></path>
-<path d="M512 691.2c-112.64 0-204.8-92.16-204.8-204.8v-25.6c0-7.68 5.12-12.8 12.8-12.8s12.8 5.12 12.8 12.8V485.12c0 98.56 80.64 179.2 179.2 179.2s179.2-80.64 179.2-179.2v-23.04-1.28c0-7.68 5.12-12.8 12.8-12.8s12.8 5.12 12.8 12.8v25.6c0 112.64-92.16 204.8-204.8 204.8z m12.8 38.4h38.4c7.68 0 12.8 5.12 12.8 12.8s-5.12 12.8-12.8 12.8h-102.4c-7.68 0-12.8-5.12-12.8-12.8s5.12-12.8 12.8-12.8h38.4v-38.4h25.6v38.4z m-12.8-89.6c-84.48 0-153.6-69.12-153.6-153.6v-64c0-84.48 69.12-153.6 153.6-153.6s153.6 69.12 153.6 153.6v64c0 84.48-69.12 153.6-153.6 153.6z" fill="#fff" p-id="6345">
-</path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/plan.svg b/src/views/flow/icon/plan.svg
deleted file mode 100644
index d166240..0000000
--- a/src/views/flow/icon/plan.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1758526128932" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2666" width="200" height="200"><path d="M512 575.146667c-10.922667 0-21.845333-2.730667-31.402667-8.192L352.426667 494.933333l-48.810667 27.477334L512 639.658667l208.384-117.248L671.573333 494.933333l-128.170666 72.192c-9.557333 5.290667-20.48 8.021333-31.402667 8.021334z" fill="#65BEE0" p-id="2667"></path><path d="M512 708.437333c-10.922667 0-21.845333-2.730667-31.402667-8.192l-146.432-82.432-30.378666 17.237334L512 752.128l208.384-117.248-30.378667-17.237333-146.432 82.432c-9.728 5.632-20.650667 8.362667-31.573333 8.362666z" fill="#65BEE0" p-id="2668"></path><path d="M512 34.133333C248.149333 34.133333 34.133333 248.149333 34.133333 512s214.016 477.866667 477.866667 477.866667 477.866667-214.016 477.866667-477.866667S775.850667 34.133333 512 34.133333z m248.149333 432.128c20.138667 11.434667 32.768 32.768 32.768 55.978667 0 23.210667-12.458667 44.544-32.597333 55.978667l-0.853333 0.341333 0.682666 0.341333c20.138667 11.264 32.768 32.768 32.768 55.808 0 23.210667-12.458667 44.544-32.768 55.978667l-216.746666 122.026667a64.529067 64.529067 0 0 1-62.976 0l-216.746667-122.026667a64.494933 64.494933 0 0 1-32.768-55.978667c0-23.210667 12.629333-44.544 32.768-55.978666l0.682667-0.341334-0.682667-0.341333a64.494933 64.494933 0 0 1-32.768-55.978667c0-23.210667 12.629333-44.544 32.768-55.978666l18.944-10.581334-18.944-10.752a64.494933 64.494933 0 0 1-32.768-55.978666c0-23.210667 12.458667-44.544 32.768-55.978667l216.746667-122.026667c19.456-10.922667 43.52-10.922667 62.976 0l216.746666 122.026667c20.138667 11.434667 32.768 32.768 32.768 55.978667 0 23.210667-12.629333 44.544-32.768 55.978666l-18.944 10.752 18.944 10.752z" fill="#65BEE0" p-id="2669"></path><path d="M720.384 389.12L512 271.701333 303.616 389.12 512 506.368z" fill="#65BEE0" p-id="2670"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/sleep.svg b/src/views/flow/icon/sleep.svg
deleted file mode 100644
index 75639ab..0000000
--- a/src/views/flow/icon/sleep.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1754883869250" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6366" width="200" height="200"><path d="M511.942201 0.978972C230.218595 0.978972 1.018709 229.934416 1.018709 511.356985c0 281.420161 229.199886 510.373196 510.923492 510.373197 281.726014 0 510.921084-228.953036 510.921084-510.373197C1022.863285 229.934416 793.668215 0.978972 511.942201 0.978972z m84.587765 239.952925h133.102877c8.273699 0 15.674391 4.957476 18.846116 12.63151 3.140417 7.601785 1.293255 16.53054-4.591415 22.216526l-95.881467 94.255867h105.926467c11.23229 0 20.366955 9.139481 20.366955 20.366954 0 11.23229-9.134665 20.371771-20.366955 20.371772H598.204936c-8.273699 0-15.66837-4.957476-18.836483-12.624285-3.146438-7.604193-1.299275-16.532948 4.591415-22.218934l95.882671-94.260684h-83.312573c-11.226269 0-20.366955-9.139481-20.366955-20.366954 0-11.23229 9.140685-20.371771 20.366955-20.371772z m134.256451 490.555334c-58.528804 58.436085-136.258948 90.615729-218.863482 90.615728-82.637046 0-160.333474-32.182052-218.770763-90.615728-58.430064-58.5276-90.614525-136.222824-90.614525-218.770763 0-164.332448 128.456071-300.023039 292.439317-308.918078 0.356428-0.016858 0.704426-0.025287 1.048812-0.025287 5.907549 0 11.47312 2.498607 15.266185 6.862438 4.10494 4.721463 5.882262 10.910783 4.873186 16.980891a321.126932 321.126932 0 0 0-4.350586 52.586335c0 90.50856 20.866676 158.725936 60.345863 197.283951 27.012646 26.394918 63.881241 39.780224 109.590689 39.780224 1.812242 0 3.659405-0.025287 5.494526-0.065024 36.498922-0.829658 70.802682-15.056663 99.19769-41.144523 3.738879-3.472762 8.649393-5.386153 13.816391-5.386153a20.238111 20.238111 0 0 1 7.465716 1.414873c7.185149 2.834564 12.222099 9.665694 12.833806 17.408364 0.558725 7.670421 0.838087 15.479319 0.842903 23.221989 0 82.641862-32.179644 160.340699-90.615728 218.770763z" fill="#64bee0" p-id="6367"></path><path d="M681.386256 557.917765c-56.540756 0-102.916098-17.292765-137.829157-51.395433-25.397884-24.834343-44.40656-58.383102-56.496203-99.710656-10.669953-36.404998-16.078985-79.036644-16.078984-126.710057 0.089107-11.544164 0.60689-22.433272 1.570209-33.232069C341.690162 266.020315 243.273965 379.91222 243.273965 512.711651c0 148.134253 120.514717 268.64897 268.64897 268.64897 141.259774 0 258.335445-109.519644 267.978259-249.956985-28.292655 16.821944-59.169411 25.714575-91.830714 26.438268-2.231286 0.054187-4.480634 0.075861-6.684224 0.075861z" fill="#64bee0" p-id="6368"></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/start.svg b/src/views/flow/icon/start.svg
deleted file mode 100644
index 6e6db22..0000000
--- a/src/views/flow/icon/start.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg class="llm-icon llm-icon-workflow-start " width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
-<rect width="20" height="20" fill="#65BEE0" rx="6"></rect>
-<g clip-path="url(#svg_7692d94d0f__a)">
-    <path fill="#fff" d="M13.448 8.979c.736.483.736 1.692 0 2.176l-5.793 3.808C6.92 15.447 6 14.843 6 13.875V6.258c0-.967.92-1.571 1.655-1.088l5.793 3.809Z"></path>
-</g>
-<defs><clipPath id="svg_7692d94d0f__a"><path fill="#fff" d="M3 3h14v14H3z"></path></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/stopLoop.svg b/src/views/flow/icon/stopLoop.svg
deleted file mode 100644
index 2cf73c6..0000000
--- a/src/views/flow/icon/stopLoop.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg class="llm-icon llm-icon-break " width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><rect width="20" height="20" fill="#65BEE0" rx="6"></rect><g clip-path="url(#svg_6c6d9b5201__clip0_23494_1035106)"><path fill="#fff" fill-rule="evenodd" d="M9.99998 3.58331C13.5438 3.58331 16.4166 6.45615 16.4166 9.99998C16.4166 13.5438 13.5438 16.4166 9.99998 16.4166C6.45615 16.4166 3.58331 13.5438 3.58331 9.99998C3.58331 6.45615 6.45615 3.58331 9.99998 3.58331ZM11.8083 7.37498C12.2593 7.37498 12.625 7.74061 12.625 8.19165V11.8083C12.625 12.2593 12.2593 12.625 11.8083 12.625H8.19165C7.74061 12.625 7.37498 12.2593 7.37498 11.8083V8.19165C7.37498 7.74061 7.74061 7.37498 8.19165 7.37498H11.8083Z" clip-rule="evenodd"></path></g><defs><clipPath id="svg_6c6d9b5201__clip0_23494_1035106"><path fill="#fff" transform="translate(3 3)" d="M0 0H14V14H0z"></path></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/switch.svg b/src/views/flow/icon/switch.svg
deleted file mode 100644
index 58c1870..0000000
--- a/src/views/flow/icon/switch.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg t="1752560873348" class="icon" fill="none" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18291" width="1em" height="1em" style="transform: rotate(-90deg);">
-<rect width="20" height="20" fill="#65BEE0" rx="6"></rect>
-<path d="M0 0m192 0l640 0q192 0 192 192l0 640q0 192-192 192l-640 0q-192 0-192-192l0-640q0-192 192-192Z" fill="#65BEE0"  p-id="18292"></path>
-<path d="M832 0a192 192 0 0 1 192 192v640a192 192 0 0 1-192 192H192a192 192 0 0 1-192-192V192a192 192 0 0 1 192-192h640z m0 32H192a160 160 0 0 0-159.84 153.056L32 192v640a160 160 0 0 0 153.056 159.84L192 992h640a160 160 0 0 0 159.84-153.056L992 832V192a160 160 0 0 0-153.056-159.84L832 32z" fill="#65BEE0" p-id="18293"></path>
-<path d="M396.064 434.688a20.8 20.8 0 0 1 25.632 8.224l1.568 3.008a20.8 20.8 0 0 1-8.224 25.632l-118.592 73.92-0.032 135.776 25.216-26.24a20.8 20.8 0 0 1 26.784-2.72l2.624 2.144a20.8 20.8 0 0 1 2.752 26.784l-2.144 2.624-61.472 64a20.8 20.8 0 0 1-26.816 2.72l-2.624-2.144-66.528-64a20.8 20.8 0 0 1 26.24-32.096l2.624 2.144 31.808 30.56-0.064-0.736v-150.336l0.224-3.04a20.8 20.8 0 0 1 9.6-14.624l128.416-80.032z m120.192-228.928a20.8 20.8 0 0 1 20.576 17.728l0.224 3.072-0.032 148.992 225.824 140.736a20.8 20.8 0 0 1 9.568 14.624l0.224 3.04v150.336l-0.096 0.992 29.12-30.24a20.8 20.8 0 0 1 26.752-2.752l2.624 2.144a20.8 20.8 0 0 1 2.752 26.784l-2.144 2.624-61.472 64a20.8 20.8 0 0 1-26.816 2.72l-2.624-2.144-66.528-64a20.8 20.8 0 0 1 26.24-32.096l2.624 2.144 27.936 26.88v-135.872l-225.76-140.736a20.8 20.8 0 0 1-9.6-14.592l-0.192-3.04V226.56a20.8 20.8 0 0 1 20.8-20.8z" fill="#fff" p-id="18294"></path>
-<defs><clipPath id="svg_7692d94d0f__a"><path fill="#fff" d="M3 3h14v14H3z"></path></clipPath></defs>
-</svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/touch.svg b/src/views/flow/icon/touch.svg
deleted file mode 100644
index 44a14a5..0000000
--- a/src/views/flow/icon/touch.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg t="1762762024042" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7115" width="200" height="200"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#65BEE0" p-id="7116" data-spm-anchor-id="a313x.search_index.0.i4.2cb83a81yhcKKA" class="selected"></path><path d="M440.018824 310.452706c6.625882 0 13.703529 2.198588 20.781176 7.68 11.294118 8.884706 17.709176 22.588235 17.769412 36.954353l0.391529 108.242823 0.120471 43.248942 0.150588 31.442823s20.239059-27.648 49.935059-27.648c15.932235 0 34.484706 7.890824 54.091294 32.165647 0 0 18.191059-30.539294 47.435294-30.539294 15.36 0 33.731765 8.342588 54.091294 33.912471 0 0 17.588706-34.424471 41.562353-34.424471 8.071529 0 16.865882 3.915294 25.99153 14.486588 10.752 12.739765 16.564706 29.063529 16.564705 45.808941v230.098824s-0.722824 5.963294-7.168 14.938353a63.608471 63.608471 0 0 1-51.83247 26.352941l-239.555765 0.060235a73.396706 73.396706 0 0 1-57.313882-27.557647l-131.373177-164.111059a46.019765 46.019765 0 0 1-6.595764-46.983529c4.517647-10.390588 13.251765-19.275294 29.635764-19.275294 8.432941 0 18.763294 2.349176 31.62353 7.951059 42.736941 19.154824 58.006588 59.542588 58.006588 59.542588l0.692706-146.100706 0.210823-43.158588 0.512-105.682824c0.060235-14.546824 6.716235-28.400941 18.31153-37.255529 7.228235-5.571765 16.263529-10.149647 25.961412-10.149647zM436.705882 180.705882a165.647059 165.647059 0 0 1 123.723294 275.787294 38.068706 38.068706 0 0 1-29.455058 12.468706h-1.987765a8.794353 8.794353 0 0 1-8.734118-8.734117l-0.090353-15.450353a15.058824 15.058824 0 0 1 4.336942-10.541177l0.090352-0.090353a123.392 123.392 0 0 0 36.352-87.792941c0-33.189647-12.950588-64.391529-36.352-87.883294A123.663059 123.663059 0 0 0 436.705882 222.117647c-33.189647 0-64.391529 12.950588-87.883294 36.352a123.663059 123.663059 0 0 0-36.352 87.883294c0 33.189647 12.950588 64.391529 36.352 87.883294l0.090353 0.060236c3.162353 3.162353 4.969412 7.499294 4.909177 11.956705a21.353412 21.353412 0 0 1-36.74353 14.697412A165.647059 165.647059 0 0 1 436.705882 180.705882z" fill="#ffffff" p-id="7117" data-spm-anchor-id="a313x.search_index.0.i3.2cb83a81yhcKKA" class=""></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/icon/video.svg b/src/views/flow/icon/video.svg
deleted file mode 100644
index 400695e..0000000
--- a/src/views/flow/icon/video.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<svg t="1752214385087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22912" id="mx_n_1752214385087" width="200" height="200">
-<path d="M22.658333 502.958333c0 79.929167 12.929167 142.658333 44.195834 212.2375 23.866667 53.104167 53.633333 94.970833 92.716666 137.2125 39.466667 42.645833 92.1125 77.8375 143.766667 103.866667 44.129167 22.2375 126.375 47.141667 191.6625 47.141667h40.6875c89.683333 0 200.170833-41.408333 265.1125-90.433334l25.291667-18.933333c3.383333-2.754167 4.916667-4.875 8.308333-7.604167 48.625-39.1375 106.620833-114.6 129.158333-169.75 31.991667-78.2875 44.475-123.704167 44.475-213.733333 0-107.270833-39.370833-208.329167-101.341666-291.2875-4.275-5.729167-8.595833-11.6375-13.2375-16.829167-65.329167-73.079167-121.3-113.216667-215.470834-148.9-46.554167-17.641667-96.358333-26.429167-146.5625-27.525h-21.558333c-53.033333 1.141667-106.058333 10.654167-155.725 27.195834-8.720833 2.904167-14.5875 4.85-21.945833 8.125-41.483333 18.475-80.633333 37.0875-116.158334 66.029166l-24.075 20.141667C114.5125 205.3875 61.308333 296.270833 36.454167 394.729167c-7.570833 29.975-13.795833 70.329167-13.795834 108.229166z" fill="#65BEE0" p-id="22913"></path>
-<path d="M677.225 610.004167c9.7 2.791667 58.783333 32.220833 71.15 39.3375 23.420833 13.475 46.275 26.466667 69.804167 39.845833 42.375 24.1 32.45-40.475 32.45-67.75V400.391667c0-27.479167 8.641667-90.616667-31.95-67.2375a9526.625 9526.625 0 0 1-69.891667 39.745833c-11.554167 6.525-63.3125 37.641667-71.145833 39.829167-0.591667-61.695833 6.2-118.329167-88.875-118.291667H277.404167c-38.979167 0-60.320833 1.220833-80.0625 24.183333-21.291667 24.758333-17.229167 49.6125-17.229167 87.075v206.904167c0 38.2-4.554167 61.533333 15.345833 88.9875 15.979167 22.054167 41.204167 26.425 78.404167 26.420833h311.358333c38.166667 0.004167 58.758333-3.583333 77.6-27.204166 18.229167-22.845833 15.033333-57.375 14.404167-90.8z" fill="#fff" p-id="22914" data-spm-anchor-id="a313x.search_index.0.i4.7c873a81tBoiJp" class=""></path></svg>
\ No newline at end of file
diff --git a/src/views/flow/index.vue b/src/views/flow/index.vue
deleted file mode 100644
index e175c93..0000000
--- a/src/views/flow/index.vue
+++ /dev/null
@@ -1,2994 +0,0 @@
-<!--
- * 文件说明：流程设计器主页面，负责编辑、校验、试运行、执行跟踪和快捷操作。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="page">
-    <el-container class="page__container">
-      <el-header v-if="!flowInfoData.isLog">
-        <div class="flow-heading">
-          <div class="flow-heading__name">{{ flowInfoData.name || "未命名流程" }}</div>
-          <div class="flow-status" :class="`flow-status--${flowState}`">
-            <span class="flow-status__dot"></span>
-            <span>{{ stateMap[flowState] }}</span>
-          </div>
-          <el-tag v-if="publishedVersionNo" size="small" type="success" effect="plain">
-            当前发布 V{{ publishedVersionNo }}
-          </el-tag>
-          <el-tag v-if="versionPreviewMode" size="small" type="warning">
-            正在查看 V{{ previewingVersionNo }}
-          </el-tag>
-        </div>
-        <div v-if="!versionPreviewMode" class="btn__container">
-          <div class="btn flow-actions">
-            <el-tag v-if="hasRunResult && ['testRunError', 'testRunFinish'].includes(flowState)" :type="flowState === 'testRunFinish' ? 'success' : 'danger'">
-              {{ totalRunningTime }}ms
-            </el-tag>
-            <el-button v-if="hasRunResult" @click="clearRun">
-              <el-icon><Delete /></el-icon>清除结果
-            </el-button>
-            <el-button
-              type="warning"
-              plain
-              :loading="restoreOperationalLoading"
-              :disabled="flowState === 'testRunning'"
-              @click="openRestoreOperationalDialog"
-            >
-              <el-icon><Warning /></el-icon>清除错误状态
-            </el-button>
-            <el-button :type="groupSelectionPending ? 'primary' : 'default'" @click="group">
-              <el-icon><CollectionTag /></el-icon>{{ groupSelectionPending ? "取消分组" : "分组" }}
-            </el-button>
-            <el-button
-              v-if="flowState !== 'testRunning'"
-              :loading="trialPreparing"
-              :disabled="draftSaving"
-              @click="testRun"
-            >
-              <el-icon><VideoPlay /></el-icon>试运行
-            </el-button>
-            <el-button v-if="flowState === 'testRunning'" @click="flowPauseFn">
-              <el-icon><VideoPause /></el-icon>暂停
-            </el-button>
-            <el-button v-if="flowState === 'pause'" @click="flowResumeFn">
-              <el-icon><VideoPlay /></el-icon>恢复
-            </el-button>
-            <el-button v-if="['testRunning', 'pause'].includes(flowState)" @click="flowStopFn">
-              <el-icon><CircleClose /></el-icon>终止
-            </el-button>
-          </div>
-          <div class="btn publish-actions">
-            <el-button
-              :loading="draftSaving"
-              :disabled="!draftDirty || ['testRunning', 'pause'].includes(flowState)"
-              @click="saveDraft"
-            >
-              <el-icon><DocumentChecked /></el-icon>保存
-            </el-button>
-            <el-button :disabled="['testRunning', 'pause'].includes(flowState)" @click="openVersionHistory">
-              <el-icon><Clock /></el-icon>发布记录
-            </el-button>
-            <el-tooltip
-              class="box-item"
-              effect="dark"
-              content="试运行成功后才可以发布"
-              placement="top"
-              v-if="flowState !== 'testRunFinish'"
-            >
-              <el-button type="primary" :disabled="true"><el-icon><Upload /></el-icon>发布</el-button>
-            </el-tooltip>
-            <el-button v-else @click="deployFlow" type="primary"><el-icon><Upload /></el-icon>发布</el-button>
-
-            <el-popover
-              :width="260"
-              @show="showNodeRelationship"
-              popper-class="node-relationship-network-popover"
-            >
-              <template #reference>
-                <el-button circle title="节点关系" aria-label="节点关系"><el-icon><Share /></el-icon></el-button>
-              </template>
-              <div>
-                <div class="title">节点关系网</div>
-                <div class="fit">
-                  <el-tooltip
-                    class="box-item"
-                    effect="dark"
-                    content="适应屏幕"
-                    placement="bottom"
-                  >
-                    <el-button size="small" circle @click="fitView"
-                      ><el-icon><Location /></el-icon
-                    ></el-button>
-                  </el-tooltip>
-                </div>
-                <el-tree
-                  style="max-width: 600px"
-                  :data="treeData"
-                  :props="defaultProps"
-                  :default-expand-all="true"
-                  @node-click="handleTreeNodeClick"
-                />
-              </div>
-            </el-popover>
-          </div>
-        </div>
-        <div v-else class="btn__container">
-          <el-button type="primary" @click="exitVersionPreview">退出预览</el-button>
-        </div>
-      </el-header>
-      <el-container class="container">
-        <el-aside v-if="!flowStore.disableForm">
-          <Aside />
-        </el-aside>
-        <el-main>
-          <div class="canvas-toolbar">
-            <el-tooltip v-if="!flowStore.disableForm" content="撤销" placement="bottom">
-              <el-button aria-label="撤销" @click="lf.undo()"><el-icon><RefreshLeft /></el-icon></el-button>
-            </el-tooltip>
-            <el-tooltip v-if="!flowStore.disableForm" content="重做" placement="bottom">
-              <el-button aria-label="重做" @click="lf.redo()"><el-icon><RefreshRight /></el-icon></el-button>
-            </el-tooltip>
-            <span v-if="!flowStore.disableForm" class="canvas-toolbar__divider"></span>
-            <el-tooltip content="适应视图" placement="bottom">
-              <el-button aria-label="适应视图" @click="fitView"><el-icon><FullScreen /></el-icon></el-button>
-            </el-tooltip>
-          </div>
-          <VueFlow
-            id="main-flow"
-            class="flow__container"
-            ref="flowContainerRef"
-            :min-zoom="0.1"
-            :max-zoom="3"
-            :node-drag-threshold="0"
-            :nodes-draggable="!flowStore.disableForm"
-            :nodes-connectable="!flowStore.disableForm"
-            :edges-updatable="!flowStore.disableForm"
-            :elements-selectable="true"
-            :elevate-nodes-on-select="false"
-            :delete-key-code="null"
-            :multi-selection-key-code="['Control', 'Meta']"
-            :selection-key-code="flowStore.disableForm ? null : true"
-            :pan-on-drag="flowStore.disableForm ? true : [1, 2]"
-            :zoom-on-double-click="false"
-            :default-edge-options="defaultEdgeOptions"
-            @connect="handleConnect"
-            @node-double-click="handleNodeDoubleClick"
-            @node-drag-start="handleNodeDragStart"
-            @node-drag="handleNodeDrag"
-            @node-drag-stop="handleNodeDragStop"
-            @nodes-change="handleNodesChange"
-            @edges-change="handleEdgesChange"
-            @edge-click="handleEdgeClick"
-            @pane-click="handlePaneClick"
-            @selection-end="handleSelectionEnd"
-            @dragover="dragover"
-            @drop="drop"
-          >
-            <template #node-flow-node="nodeProps">
-              <FlowNode
-                v-bind="nodeProps"
-                :queue-drop-active="nodeProps.id === queueDropTargetId"
-              />
-            </template>
-            <template #edge-flow-edge="edgeProps">
-              <FlowEdge v-bind="edgeProps" />
-            </template>
-            <Background color="#d9dee8" :gap="24" :size="1" />
-            <Controls position="bottom-right" />
-          </VueFlow>
-        </el-main>
-      </el-container>
-    </el-container>
-
-    <TestRun
-      :drawer="isOpen"
-      @close="isOpen = false"
-      @changeState="changeState"
-      :flowId="flowInfoData.itemId"
-    />
-
-    <ParamsDrawer
-      v-if="showParamsDrawer"
-      :drawer="true"
-      :data="paramsDrawerData"
-      :flow-id="flowInfoData.itemId"
-      @close="showParamsDrawer = false"
-      @extract-step="handleExtractQueueStep"
-    />
-  </div>
-
-  <el-dialog v-model="restoreOperationalDialogVisible" title="恢复运行状态" width="480" append-to-body>
-    <el-form label-position="top">
-      <el-form-item label="机器人">
-        <el-select
-          v-model="restoreOperationalRobotIds"
-          multiple
-          filterable
-          collapse-tags
-          collapse-tags-tooltip
-          :loading="restoreRobotLoading"
-          placeholder="请选择需要恢复的在线机器人"
-          style="width: 100%"
-        >
-          <el-option
-            v-for="item in restoreRobotOptions"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-      </el-form-item>
-    </el-form>
-    <template #footer>
-      <el-button @click="restoreOperationalDialogVisible = false">取消</el-button>
-      <el-button
-        type="warning"
-        :loading="restoreOperationalLoading"
-        :disabled="restoreOperationalRobotIds.length === 0"
-        @click="confirmRestoreOperationalState"
-      >恢复运行状态</el-button>
-    </template>
-  </el-dialog>
-
-  <el-dialog v-model="visible" :width="nodeAction === 'SYSTEM_EXECUTE_ACTION_QUEUE' ? '620' : '500'" class="single-node-dialog" append-to-body>
-    <template #header="{ close, titleId, titleClass }">
-      <div class="my-header">
-        <h4 :id="titleId" :class="titleClass">执行{{ nodeName }}节点</h4>
-      </div>
-    </template>
-    <div v-if="nodeAction === 'AGV_MOVE_TO_STATION'" class="single-node-station-tools">
-      <el-button
-        type="primary"
-        plain
-        :loading="stationLoading"
-        :disabled="!singleNodeRobotId || !singleNodeDeviceId"
-        @click="loadSingleNodeStations"
-      >加载站点列表</el-button>
-      <span>{{ singleNodeRobotId && singleNodeDeviceId ? '加载后从站点下拉框选择' : '请先选择机器人和设备' }}</span>
-    </div>
-    <ActionQueueSingleRun
-      v-if="nodeAction === 'SYSTEM_EXECUTE_ACTION_QUEUE'"
-      ref="actionQueueSingleRunRef"
-      :node-params="formData.nodeParams"
-      :robot-options="singleNodeRobotOptions"
-      :initial-robot-id="singleNodeInitialRobotId"
-      :executing-step-index="singleQueueStepExecutingIndex"
-      @execute-step="executeActionQueueStep"
-    />
-    <el-form
-      v-else
-      :inline="true"
-      :model="formData"
-      :rules="rules"
-      ref="executeForm"
-      label-position="top"
-      label-width="auto"
-      :disabled="flowStore.disableForm"
-    >
-      <div v-for="(field, index) in singleNodeFields" :key="field.key">
-        <el-row class="single-node-param-row">
-          <el-form-item
-            class="single-node-param-name"
-            :label="index === 0 ? '参数名' : ''"
-          >
-            <el-input
-              :disabled="field.param?.disabled || false"
-              v-model="field.param.name"
-              :placeholder="field.param.placeholder || '请输入'"
-              clearable
-            />
-          </el-form-item>
-          <el-form-item
-            class="single-node-param-value"
-            :label="index === 0 ? '参数值' : ''"
-          >
-            <el-input-number
-              v-if="field.param.componentType === 'number'"
-              v-model="field.param.input"
-              :min="0"
-              :max="field.param.max || Infinity"
-              :step="field.param.step || 1"
-              :step-strictly="true"
-              placeholder="请输入"
-              clearable
-            />
-            <el-select
-              v-model="field.param.input"
-              v-else-if="field.param.componentType === 'select'"
-              :disabled="field.param.deviceLocked"
-              @change="field.param.name === 'robotId' && handleSingleNodeRobotChange(field.param.input)"
-            >
-              <el-option
-                v-for="item in field.param.selectOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-            <el-switch
-              v-model="field.param.input"
-              v-else-if="field.param.componentType === 'switch'"
-              inline-prompt
-              active-text="是"
-              inactive-text="否"
-            />
-            <el-input
-              v-else
-              v-model="field.param.input"
-              autosize
-              type="textarea"
-              resize="none"
-              placeholder="请输入"
-              clearable
-            />
-            <div v-if="field.param.name === 'deviceId' && field.param.deviceLocked" class="device-lock-hint">
-              已自动匹配当前机器人设备
-            </div>
-          </el-form-item>
-        </el-row>
-      </div>
-    </el-form>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="visible = false">取消</el-button>
-        <el-button type="primary" :loading="singleNodeExecuting" @click="execute"> 确定 </el-button>
-      </div>
-    </template>
-  </el-dialog>
-
-  <el-drawer v-model="versionDrawerVisible" title="发布记录" size="560px">
-    <div v-loading="versionLoading" class="version-history">
-      <el-empty v-if="!versionLoading && !versionList.length" description="暂无发布记录" />
-      <div v-for="version in versionList" :key="version.id" class="version-history__item">
-        <div class="version-history__main">
-          <div class="version-history__title">
-            <strong>V{{ version.versionNo }}</strong>
-            <el-tag v-if="version.id === publishedVersionId" size="small" type="success">当前发布</el-tag>
-            <el-tag v-if="version.sourceVersionId" size="small" type="warning">回退版本</el-tag>
-          </div>
-          <div class="version-history__meta">
-            {{ version.createBy || '未知用户' }} · {{ version.createTime || '-' }}
-          </div>
-          <div v-if="version.publishNote" class="version-history__note">{{ version.publishNote }}</div>
-        </div>
-        <div class="version-history__actions">
-          <el-button link type="primary" @click="previewVersion(version)">查看</el-button>
-          <el-button link type="primary" @click="restoreVersionAsDraft(version)">恢复为草稿</el-button>
-          <el-button link type="danger" :disabled="version.id === publishedVersionId" @click="rollbackVersion(version)">
-            回退
-          </el-button>
-        </div>
-      </div>
-    </div>
-  </el-drawer>
-
-</template>
-<script setup>
-import { computed, reactive, ref, watch, onMounted, onUnmounted, nextTick } from "vue";
-import { MarkerType, VueFlow, useVueFlow } from "@vue-flow/core";
-import { v4 as uuid } from "uuid";
-import { Background } from "@vue-flow/background";
-import { Controls } from "@vue-flow/controls";
-import "@vue-flow/core/dist/style.css";
-import "@vue-flow/core/dist/theme-default.css";
-import "@vue-flow/controls/dist/style.css";
-import FlowNode from "./vue-flow/FlowNode.vue";
-import FlowEdge from "./vue-flow/FlowEdge.vue";
-import { createFlowFacade } from "./vue-flow/adapter";
-import { useFlowEvents } from "./composables/useFlowEvents";
-import TestRun from "./components/TestRun.vue";
-import ParamsDrawer from "./components/ParamsDrawer.vue";
-import Aside from "./components/Aside.vue";
-import ActionQueueSingleRun from "./components/ActionQueueSingleRun.vue";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { useFlowStore } from "@/store/modules/flow";
-import { emitter } from "@/utils/eventBus";
-import { convertToTree } from "@/utils/flow";
-import {
-  actionRequiresDevice,
-  createDefaultRobotRole,
-  ensureNodeExecutionResources,
-  getResourceRoles,
-  mergeCopiedResourceRoles,
-  normalizeFlowResourceSchema,
-  pruneUnusedNodeResources,
-  validateFlowResources,
-} from "@/utils/flowResources";
-import {
-  appendNodeToActionQueue,
-  extractActionQueueStep,
-} from "@/utils/actionQueue";
-import {
-  flowDeploy,
-  flowSaveDraft,
-  flowVersionList,
-  flowVersionDetail,
-  flowRestoreDraft,
-  flowRollbackVersion,
-  flowView,
-  flowPause,
-  flowResume,
-  flowStop,
-  flowAction,
-  getAgvStations,
-} from "@/api/flow/flow";
-import { getDetect } from "@/api/test/detect";
-import { getRobotList, getRobotDevicesByRobotId } from '@/api/resource/robot'
-import { restoreOperationalState } from '@/api/device/system'
-import { getDeviceKindForAction, toDeviceOptions } from '@/utils/robotDevice'
-import { sanitizeFlowResourceDefinition } from '@/utils/flowResources'
-import {
-  CircleClose,
-  Clock,
-  CollectionTag,
-  Delete,
-  DocumentChecked,
-  FullScreen,
-  Location,
-  RefreshLeft,
-  RefreshRight,
-  Share,
-  Upload,
-  VideoPause,
-  VideoPlay,
-  Warning,
-} from "@element-plus/icons-vue";
-
-const flowContainerRef = ref(null);
-const lfRef = ref(null);
-const vueFlow = useVueFlow("main-flow");
-const lf = createFlowFacade(vueFlow);
-const loopChildDragContexts = new Map();
-const actionQueueDragOrigins = new Map();
-const queueDropTargetId = ref("");
-const { onFlowEvent } = useFlowEvents();
-window.lf = lf;
-
-/**
- * 恢复运行状态弹窗只面向在线机器人；局部失败时保留失败项，方便用户直接重试。
- */
-const restoreOperationalDialogVisible = ref(false);
-const restoreRobotLoading = ref(false);
-const restoreOperationalLoading = ref(false);
-const restoreRobotOptions = ref([]);
-const restoreOperationalRobotIds = ref([]);
-
-const openRestoreOperationalDialog = async () => {
-  restoreOperationalDialogVisible.value = true;
-  restoreRobotLoading.value = true;
-  try {
-    const response = await getRobotList({ pageNum: 1, pageSize: 1000, connectStatus: '1' });
-    restoreRobotOptions.value = (response.rows || []).filter((robot) => robot.robotId).map((robot) => ({
-      value: robot.robotId,
-      label: `${robot.robotName || robot.robotId} (${robot.robotId})`,
-    }));
-    restoreOperationalRobotIds.value = restoreOperationalRobotIds.value.filter((robotId) => (
-      restoreRobotOptions.value.some((option) => option.value === robotId)
-    ));
-    if (!restoreOperationalRobotIds.value.length && restoreRobotOptions.value.length === 1) {
-      restoreOperationalRobotIds.value = [restoreRobotOptions.value[0].value];
-    }
-  } catch (error) {
-    console.error("加载在线机器人失败:", error);
-    restoreRobotOptions.value = [];
-  } finally {
-    restoreRobotLoading.value = false;
-  }
-};
-
-const confirmRestoreOperationalState = async () => {
-  if (!restoreOperationalRobotIds.value.length) {
-    ElMessage.warning("请选择需要恢复的机器人");
-    return;
-  }
-  try {
-    await ElMessageBox.confirm(
-      `将恢复 ${restoreOperationalRobotIds.value.length} 台机器人的运行状态，确认继续？`,
-      "安全状态确认",
-      { type: "warning", confirmButtonText: "确认清除", cancelButtonText: "取消" },
-    );
-  } catch {
-    return;
-  }
-  restoreOperationalLoading.value = true;
-  const robotIds = [...restoreOperationalRobotIds.value];
-  try {
-    // 并发恢复多台机器人，使用 allSettled 保留局部失败信息并提示用户重试失败项。
-    const results = await Promise.allSettled(robotIds.map((robotId) => restoreOperationalState({
-      robotId,
-      reason: "工作流设计器手动清除错误状态",
-      timeoutMs: 15000,
-    })));
-    const failedRobotIds = results.flatMap((result, index) => (
-      result.status === "rejected" ? [robotIds[index]] : []
-    ));
-    if (!failedRobotIds.length) {
-      ElMessage.success(`已恢复 ${robotIds.length} 台机器人的运行状态`);
-      restoreOperationalDialogVisible.value = false;
-      restoreOperationalRobotIds.value = [];
-    } else {
-      const successCount = robotIds.length - failedRobotIds.length;
-      restoreOperationalRobotIds.value = failedRobotIds;
-      ElMessage.error(successCount
-        ? `${successCount} 台成功，${failedRobotIds.length} 台失败，请重试失败项`
-        : "清除错误状态失败，请检查机器人状态");
-    }
-  } finally {
-    restoreOperationalLoading.value = false;
-  }
-};
-
-const defaultEdgeOptions = {
-  type: "flow-edge",
-  animated: true,
-  selectable: true,
-  focusable: true,
-  deletable: true,
-  interactionWidth: 32,
-  markerEnd: {
-    type: MarkerType.ArrowClosed,
-    color: "#ff6b35",
-    width: 20,
-    height: 20,
-  },
-  style: { stroke: "#ff6b35", strokeWidth: 2 },
-};
-
-/**
- * 处理 dragover 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const dragover = (e) => {
-  e.preventDefault();
-};
-
-/**
- * 处理 drop 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const drop = (e) => {
-  let node = e.dataTransfer.getData("flowNode");
-  if (!node) return;
-  node = JSON.parse(node);
-  const point = lf.getPointByClient(e.clientX, e.clientY);
-  const loopNode = findLoopAtPoint(point.canvasOverlayPosition);
-  if (["stopLoop", "subEnd", "subStart", "currentLoop"].includes(node.type) && !loopNode) {
-    ElMessage.warning("此节点只能拖拽到循环节点的循环体中");
-    return;
-  }
-  const { type, ...other } = node;
-  const newNode = lf.addNode({
-    type,
-    x: point.canvasOverlayPosition.x,
-    y: point.canvasOverlayPosition.y,
-    properties: {
-      ...other,
-    },
-  });
-  const normalizedResources = ensureNodeExecutionResources(lf.getGraphData(), newNode.id);
-  if (normalizedResources.start) {
-    lf.setProperties(normalizedResources.start.id, normalizedResources.start.properties);
-  }
-  if (normalizedResources.node) {
-    lf.setProperties(normalizedResources.node.id, normalizedResources.node.properties);
-  }
-  if (loopNode && !["start", "end", "loop", "selectArea"].includes(newNode.type)) {
-    lf.addToGroup(loopNode.id, newNode.id, point.canvasOverlayPosition);
-  }
-
-  if (
-    !["selectArea", "stopLoop", "subStart", "subEnd"].includes(newNode.type)
-  ) {
-    showParamsDrawer.value = true;
-    paramsDrawerData.value = lf.getGraphData().nodes.find((item) => item.id === newNode.id) || newNode;
-  }
-};
-
-/**
- * 处理 handleConnect 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} connection 连接信息
- */
-const handleConnect = (connection) => {
-  if (!connection.source || !connection.target) return;
-  const edge = lf.addEdge({
-    type: "bezier",
-    sourceNodeId: connection.source,
-    targetNodeId: connection.target,
-    sourceAnchorId: connection.sourceHandle || `${connection.source}_1`,
-    targetAnchorId: connection.targetHandle || `${connection.target}_3`,
-  });
-  lf.emit("edge:add", { data: edge });
-};
-
-/**
- * 处理 handleNodeDoubleClick 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} { node } 调用方传入的 { node } 参数
- */
-const handleNodeDoubleClick = ({ node }) => {
-  const data = lf.getGraphData().nodes.find((item) => item.id === node.id);
-  if (!data || ["selectArea", "stopLoop", "subStart", "subEnd"].includes(data.type)) return;
-  showParamsDrawer.value = true;
-  paramsDrawerData.value = data;
-};
-
-/**
- * 查找 findLoopAtPoint 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} point 画布坐标
- */
-const findLoopAtPoint = (point) => {
-  return (vueFlow.getNodes.value || []).find((candidate) => {
-    if (candidate.data?.flowType !== "loop") return false;
-    const groupPosition = candidate.computedPosition || candidate.position;
-    const groupWidth = Number(candidate.dimensions?.width || candidate.data?.size?.width || 0);
-    const groupHeight = Number(candidate.dimensions?.height || candidate.data?.size?.height || 0);
-    return point.x >= groupPosition.x + 24
-      && point.x <= groupPosition.x + groupWidth - 24
-      && point.y >= groupPosition.y + 112
-      && point.y <= groupPosition.y + groupHeight - 24;
-  });
-};
-
-/**
- * 查找 findContainingLoop 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} node 当前流程节点
- */
-const findContainingLoop = (node) => {
-  const position = node.computedPosition || node.position;
-  const width = Number(node.dimensions?.width || node.data?.size?.width || 0);
-  const height = Number(node.dimensions?.height || node.data?.size?.height || 0);
-  return findLoopAtPoint({ x: position.x + width / 2, y: position.y + height / 2 });
-};
-
-/**
- * 处理 eventClientPoint 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} event 触发操作的浏览器事件
- */
-const eventClientPoint = (event) => {
-  const pointer = event?.touches?.[0] || event?.changedTouches?.[0] || event;
-  if (!Number.isFinite(pointer?.clientX) || !Number.isFinite(pointer?.clientY)) return null;
-  return { x: pointer.clientX, y: pointer.clientY };
-};
-
-const findActionQueueAtPoint = (point, draggedNodeId) => (
-  (vueFlow.getNodes.value || []).find((candidate) => {
-    if (candidate.id === draggedNodeId || candidate.data?.flowType !== "actionQueue") return false;
-    const position = candidate.computedPosition || candidate.position;
-    const width = Number(candidate.dimensions?.width || candidate.data?.size?.width || 372);
-    const height = Number(candidate.dimensions?.height || candidate.data?.size?.height || 180);
-    return point.x >= position.x
-      && point.x <= position.x + width
-      && point.y >= position.y
-      && point.y <= position.y + height;
-  }) || null
-);
-
-const queueAtDragEvent = (nodeId, event) => {
-  const clientPoint = eventClientPoint(event);
-  if (!clientPoint) return null;
-  return findActionQueueAtPoint(
-    lf.getPointByClient(clientPoint.x, clientPoint.y).canvasOverlayPosition,
-    nodeId,
-  );
-};
-
-const renderQueueGraphChange = (graph, selectedNodeId) => {
-  const cleanup = pruneUnusedNodeResources(graph);
-  lf.render(cleanup.graph, { resetHistory: false, replaceNodes: true });
-  nextTick(() => {
-    lf.markChanged();
-    if (selectedNodeId) lf.selectElementById(selectedNodeId);
-  });
-};
-
-const restoreDraggedNodePosition = (nodeId) => {
-  const origin = actionQueueDragOrigins.get(nodeId);
-  if (!origin) return;
-  const graph = lf.getGraphData();
-  const node = graph.nodes.find((item) => item.id === nodeId);
-  if (!node) return;
-  node.x = origin.x;
-  node.y = origin.y;
-  lf.render(graph, { resetHistory: false, replaceNodes: true });
-  nextTick(() => lf.markChanged());
-};
-
-const moveNodeIntoActionQueue = (nodeId, queueId) => {
-  const result = appendNodeToActionQueue(lf.getGraphData(), nodeId, queueId);
-  if (!result.ok) {
-    restoreDraggedNodePosition(nodeId);
-    ElMessage.warning(result.message);
-    return false;
-  }
-  if (paramsDrawerData.value?.id === nodeId) showParamsDrawer.value = false;
-  nodeErrorList.value = nodeErrorList.value.filter((id) => id !== nodeId);
-  renderQueueGraphChange(result.graph, queueId);
-  ElMessage.success(`已将节点转换为队列第 ${result.step.stepId.replace("step_", "")} 步`);
-  return true;
-};
-
-/**
- * 处理 handleNodeDragStart 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} { node 调用方传入的 { node 参数
- * @param {*} event } 调用方传入的 event } 参数
- */
-const handleNodeDragStart = ({ node, event }) => {
-  const graphNode = lf.getGraphData().nodes.find((item) => item.id === node.id);
-  if (graphNode) actionQueueDragOrigins.set(node.id, { x: graphNode.x, y: graphNode.y });
-  const drag = lf.prepareLoopChildDrag(node.id);
-  const clientPoint = eventClientPoint(event);
-  if (!drag || !clientPoint) return;
-  const pointer = lf.getPointByClient(clientPoint.x, clientPoint.y).canvasOverlayPosition;
-  loopChildDragContexts.set(node.id, {
-    groupId: drag.groupId,
-    offset: { x: pointer.x - drag.position.x, y: pointer.y - drag.position.y },
-  });
-};
-
-/**
- * 更新 updateLoopChildDrag 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} { node 调用方传入的 { node 参数
- * @param {*} event } 调用方传入的 event } 参数
- */
-const updateLoopChildDrag = ({ node, event }) => {
-  const drag = loopChildDragContexts.get(node.id);
-  const clientPoint = eventClientPoint(event);
-  if (!drag || !clientPoint) return;
-  const pointer = lf.getPointByClient(clientPoint.x, clientPoint.y).canvasOverlayPosition;
-  lf.layoutLoopDuringDrag(drag.groupId, node.id, {
-    x: pointer.x - drag.offset.x,
-    y: pointer.y - drag.offset.y,
-  });
-};
-
-/**
- * 处理 handleNodeDrag 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} payload 事件数据
- */
-const handleNodeDrag = (payload) => {
-  updateLoopChildDrag(payload);
-  queueDropTargetId.value = queueAtDragEvent(payload.node.id, payload.event)?.id || "";
-};
-
-/**
- * 处理 handleNodeDragStop 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} payload 事件数据
- */
-const handleNodeDragStop = (payload) => {
-  const { node } = payload;
-  updateLoopChildDrag(payload);
-  loopChildDragContexts.delete(node.id);
-  const queueNode = queueAtDragEvent(node.id, payload.event);
-  queueDropTargetId.value = "";
-  if (queueNode) {
-    moveNodeIntoActionQueue(node.id, queueNode.id);
-    actionQueueDragOrigins.delete(node.id);
-    return;
-  }
-  actionQueueDragOrigins.delete(node.id);
-  const vueNode = vueFlow.findNode(node.id);
-  if (
-    vueNode
-    && !vueNode.parentNode
-    && !["start", "end", "loop", "selectArea"].includes(vueNode.data?.flowType)
-  ) {
-    const loopNode = findContainingLoop(vueNode);
-    if (loopNode) lf.addToGroup(loopNode.id, vueNode.id);
-  }
-
-  lf.markChanged();
-};
-
-/**
- * 处理 handleNodesChange 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} changes 变更集合
- */
-const handleNodesChange = (changes) => {
-  if (changes.some((change) => ["add", "remove"].includes(change.type) || (change.type === "position" && change.dragging === false))) {
-    lf.markChanged();
-  }
-};
-
-/**
- * 处理 handleEdgesChange 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} changes 变更集合
- */
-const handleEdgesChange = (changes) => {
-  if (changes.some((change) => ["add", "remove"].includes(change.type))) lf.markChanged();
-};
-
-/**
- * 处理 handleEdgeClick 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} { event 调用方传入的 { event 参数
- * @param {*} edge } 调用方传入的 edge } 参数
- */
-const handleEdgeClick = ({ event, edge }) => {
-  event?.stopPropagation?.();
-  lf.selectElementById(edge.id);
-};
-
-/**
- * 处理 handlePaneClick 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const handlePaneClick = () => lf.clearSelectElements();
-
-const flowStore = useFlowStore();
-
-const isOpen = ref(false);
-const stateMap = {
-  unpublished: "未发布",
-  testRunning: "试运行中",
-  testRunFinish: "试运行成功",
-  testRunError: "试运行失败",
-  release: "已发布",
-  updateData: "修改中",
-  draftSaved: "草稿已保存",
-  pause: "已暂停",
-  stop: "已终止",
-};
-const flowState = ref("unpublished");
-const draftRevision = ref(0);
-const draftDirty = ref(false);
-const draftSaving = ref(false);
-const publishedVersionId = ref("");
-const publishedVersionNo = ref(null);
-const versionDrawerVisible = ref(false);
-const versionLoading = ref(false);
-const versionList = ref([]);
-const versionPreviewMode = ref(false);
-const previewingVersionNo = ref(null);
-const trialPreparing = ref(false);
-let draftBeforeVersionPreview = null;
-let oldFlowDataBeforeVersionPreview = null;
-let disableFormBeforeVersionPreview = false;
-const flowInfoData = ref({
-  itemId: "",
-  instId: "",
-  taskId: "",
-  isLog: false,
-  name: "流程",
-});
-
-/**
- * 试运行
- */
-const testRun = async () => {
-  if (trialPreparing.value || draftSaving.value) return;
-
-  // 1、验证画布内所有的表单通过验证
-  const { nodes, edges } = lf.getGraphData();
-
-  const isolatedNodes = nodes.filter((node) => {
-    const nodeId = node.id;
-    // 检查是否存在关联边
-    return !edges.some(
-      (edge) => edge.sourceNodeId === nodeId || edge.targetNodeId === nodeId
-    );
-  });
-
-  const gl = isolatedNodes.filter((item) => {
-    return !item.properties?.parentId && item.type !== "selectArea";
-  });
-
-  if (gl && gl.length > 0) {
-    ElMessage.warning("存在孤立的节点，请检查！");
-    return;
-  }
-
-  if (nodeErrorList.value.length > 0) {
-    ElMessage.warning("存在参数错误的节点，请检查！");
-    return;
-  }
-
-  const resourceValidation = validateFlowResources({ nodes, edges });
-  if (resourceValidation.errors.length > 0) {
-    const error = resourceValidation.errors[0];
-    ElMessage.warning(error.message);
-    if (error.nodeId) {
-      lf.selectElementById(error.nodeId);
-      lf.focusOn({ id: error.nodeId });
-    }
-    return;
-  }
-
-  trialPreparing.value = true;
-  try {
-    const saved = await saveDraft({ successMessage: "已自动保存当前草稿" });
-    if (!saved) return;
-    isOpen.value = true;
-  } finally {
-    trialPreparing.value = false;
-  }
-};
-
-// 流程暂停
-/**
- * 处理 flowPauseFn 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const flowPauseFn = async () => {
-  const res = await flowPause(instId.value);
-  if (res.code === 200) {
-    flowState.value = "pause";
-    ElMessage.success(res.msg);
-  }
-};
-
-const totalRunningTime = ref(0);
-const hasRunResult = ref(false);
-let flowPollTimer = null;
-let flowDisposed = false;
-
-/**
- * 清理 clearFlowPollTimer 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const clearFlowPollTimer = () => {
-  if (flowPollTimer !== null) {
-    window.clearTimeout(flowPollTimer);
-    flowPollTimer = null;
-  }
-};
-
-/**
- * 调度 scheduleFlowView 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} currentInstId 当前流程实例 ID
- * @param {*} taskId 任务 ID
- * @param {*} delay 延迟毫秒数
- */
-const scheduleFlowView = (currentInstId, taskId = null, delay = 2000) => {
-  clearFlowPollTimer();
-  flowPollTimer = window.setTimeout(() => {
-    flowPollTimer = null;
-    if (!flowDisposed) loopFlowView(currentInstId, taskId);
-  }, delay);
-};
-
-/**
- * 处理 flowResumeFn 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const flowResumeFn = async () => {
-  const res = await flowResume(instId.value);
-  if (res.code === 200) {
-    flowState.value = "testRunning";
-    clearFlowPollTimer();
-    loopFlowView(instId.value);
-    ElMessage.success(res.msg);
-  }
-};
-
-/**
- * 处理 flowStopFn 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const flowStopFn = async () => {
-  const res = await flowStop(instId.value);
-  if (res.code === 200) {
-    clearFlowPollTimer();
-    flowState.value = "stop";
-    hasRunResult.value = true;
-    flowStore.updateDisableForm(false);
-    ElMessage.success(res.msg);
-  }
-};
-
-const initFlowData = {
-  nodes: [
-    {
-      type: "start",
-      x: 300,
-      y: 100,
-      properties: {
-        name: "Start",
-        action: "start",
-        schemaVersion: 2,
-        resourceRoles: [],
-        inputParams: [],
-      },
-    },
-    {
-      type: "end",
-      x: 1300,
-      y: 700,
-      properties: {
-        name: "End",
-        action: "end",
-      },
-    },
-  ],
-  // 边
-  edges: [],
-};
-
-const hasSameEdge = (edge, ignoredId) => lf.getGraphData().edges.some((item) => (
-  item.id !== ignoredId
-  && item.sourceNodeId === edge.sourceNodeId
-  && item.targetNodeId === edge.targetNodeId
-  && item.sourceAnchorId === edge.sourceAnchorId
-  && item.targetAnchorId === edge.targetAnchorId
-));
-
-const validEdge = (data) => {
-  // 校验思路：先确认端点存在，再按节点类型限制方向；最后结合锚点名称和现有连线判重。
-  // 任一阶段失败都会删除候选连线，避免非法边进入可保存的画布数据。
-  const sourceModel = lf.getNodeModelById(data.sourceNodeId);
-  const targetModel = lf.getNodeModelById(data.targetNodeId);
-  if (!sourceModel || !targetModel) {
-    lf.deleteEdge(data.id);
-    return;
-  }
-
-  const sourceAnchorArr = sourceModel.anchors;
-  const [sourceName] = sourceAnchorArr
-    .filter((item) => {
-      return item.id === data.sourceAnchorId;
-    })
-    .map((item) => {
-      return item.name;
-    });
-
-  const targetAnchorArr = targetModel.anchors;
-  const [targetName] = targetAnchorArr
-    .filter((item) => {
-      return item.id === data.targetAnchorId;
-    })
-    .map((item) => {
-      return item.name;
-    });
-
-  if (!sourceName || !targetName) {
-    lf.deleteEdge(data.id);
-    return;
-  }
-
-  if (sourceName === "right" && targetName === "left") {
-    if (hasSameEdge(data, data.id)) {
-      lf.deleteEdge(data.id);
-    }
-    return;
-  } else if (
-    (sourceName === "right" && targetName === "right") ||
-    (sourceName === "left" && targetName === "left")
-  ) {
-    lf.deleteEdge(data.id);
-  } else if (sourceName === "left" && targetName === "right") {
-    const sourceNodeId = data.targetNodeId;
-    const sourceAnchorId = data.targetAnchorId;
-    const targetNodeId = data.sourceNodeId;
-    const targetAnchorId = data.sourceAnchorId;
-    lf.deleteEdge(data.id);
-    if (hasSameEdge({ sourceNodeId, targetNodeId, sourceAnchorId, targetAnchorId })) return;
-    lf.addEdge({
-      type: "bezier",
-      sourceNodeId,
-      targetNodeId,
-      sourceAnchorId,
-      targetAnchorId,
-    });
-  }
-};
-
-const instId = ref(null);
-const changeState = (value) => {
-  oldFlowData = JSON.parse(JSON.stringify(lf.getGraphData()));
-  isOpen.value = false;
-  flowStore.updateDisableForm(true);
-  flowState.value = value.type;
-  hasRunResult.value = false;
-
-  instId.value = value.instId;
-  clearFlowPollTimer();
-  loopFlowView(value.instId);
-};
-
-const resolveSubFlowParentNodeId = (runtimeNodeId) => {
-  const markerIndexes = [runtimeNodeId.indexOf("__sf__"), runtimeNodeId.indexOf("__subflow__")]
-    .filter((index) => index > 0);
-  if (markerIndexes.length) {
-    return runtimeNodeId.slice(0, Math.min(...markerIndexes));
-  }
-  if (!runtimeNodeId.startsWith("sf_")) return null;
-  const separatorIndex = runtimeNodeId.lastIndexOf("_");
-  if (separatorIndex <= 3) return null;
-  const rootPrefix = runtimeNodeId.slice(3, separatorIndex);
-  const parentNode = lf.getGraphData().nodes?.find(
-    (node) => node.type === "subFlow" && String(node.id || "").startsWith(rootPrefix),
-  );
-  return parentNode?.id || null;
-};
-
-const parseRuntimeValue = (value) => {
-  if (!value) return {};
-  if (typeof value === "object") return value;
-  try {
-    const parsed = JSON.parse(value);
-    return parsed && typeof parsed === "object" ? parsed : {};
-  } catch {
-    return {};
-  }
-};
-
-const runtimeIterationPath = (item) => {
-  const value = item?.iterations ?? item?.iteration;
-  if (Array.isArray(value)) return value.filter(part => part !== null && part !== "");
-  if (value === null || value === undefined || value === "") return [];
-  return String(value).split(/[-.,/]/).map(part => part.trim()).filter(Boolean);
-};
-
-const emitLoopIterationOutputs = (logs) => {
-  const grouped = new Map();
-  logs.forEach((log) => {
-    const iterations = runtimeIterationPath(log);
-    if (!iterations.length || !log?.nodeId) return;
-    const key = String(log.nodeId);
-    if (!grouped.has(key)) grouped.set(key, []);
-    grouped.get(key).push({ log, iterations });
-  });
-
-  grouped.forEach((entries, nodeId) => {
-    const latest = entries[entries.length - 1].log;
-    const failed = entries.find(({ log }) => String(log?.status || "").toUpperCase() === "FAILED");
-    const running = entries.find(({ log }) => String(log?.status || "").toUpperCase() === "RUNNING");
-    const iterationOutputs = entries.map(({ log, iterations }) => ({
-      iteration: iterations.join("."),
-      status: log.status,
-      startTime: log.startTime,
-      endTime: log.endTime,
-      durationMs: log.endTime && log.startTime ? log.endTime - log.startTime : null,
-      input: parseRuntimeValue(log.paramsIn),
-      output: parseRuntimeValue(log.paramsOut),
-      error: String(log.status || "").toUpperCase() === "FAILED" ? (log.message || "") : "",
-    }));
-    emitter.emit("changeNodeState", {
-      ...latest,
-      nodeId,
-      status: failed ? "FAILED" : running ? "RUNNING" : latest.status,
-      message: failed?.log?.message || latest.message,
-      startTime: entries[0].log.startTime,
-      endTime: latest.endTime,
-      paramsOut: JSON.stringify({
-        ...parseRuntimeValue(latest.paramsOut),
-        iterationHistory: iterationOutputs,
-      }),
-    });
-  });
-};
-
-const runtimeBoolean = (value) => {
-  if (value === true || value === false) return value;
-  if (String(value).toLowerCase() === "true") return true;
-  if (String(value).toLowerCase() === "false") return false;
-  return null;
-};
-
-const decisionAnalysisOf = (log, output) => {
-  const action = String(log?.action || "").toUpperCase();
-  const analysisType = String(output?.analysisType || "").toUpperCase();
-  const isAnalysis = ["AUDIO_EVENT_CLASSIFY", "VIDEO_ANALYZE"].includes(action)
-    || analysisType.includes("AUDIO")
-    || analysisType.includes("VIDEO");
-  return {
-    isAnalysis,
-    passed: isAnalysis ? runtimeBoolean(output?.passed) : null,
-  };
-};
-
-const SUB_FLOW_ACTION_LABELS = Object.freeze({
-  START: "开始",
-  END: "结束",
-  SLEEP: "等待",
-  START_LOOP: "循环",
-  SUB_FLOW: "子流程",
-  CAMERA_RECORDING_START: "开始录像",
-  CAMERA_RECORDING_STOP: "结束录像",
-  CAMERA_GET_IMAGE: "获取图片",
-  MICROPHONE_START: "开始录音",
-  MICROPHONE_STOP: "结束录音",
-  AUDIO_EVENT_CLASSIFY: "声音事件检测",
-  VIDEO_ANALYZE: "视频分析",
-  IMAGE_ANALYZE: "图片分析",
-  ARM_MOVE_TO_POINT: "机械臂运动",
-  AGV_MOVE_TO_POINT: "底盘导航",
-  AGV_MOVE_TO_STATION: "站点导航",
-  SYSTEM_EXECUTE_ACTION_QUEUE: "执行动作队列",
-  DEVICE_EXECUTE_JSON_COMMAND: "通用设备指令",
-});
-
-const subFlowActionLabel = (log) => SUB_FLOW_ACTION_LABELS[String(log?.action || "").toUpperCase()]
-  || String(log?.action || log?.nodeType || "内部节点");
-
-const subFlowNodeName = (log) => {
-  const action = String(log?.action || "");
-  const match = String(log?.message || "").match(/^\[([^\]]+)]\s*执行/);
-  const messageName = match?.[1]?.trim();
-  if (messageName && messageName.toUpperCase() !== action.toUpperCase()) return messageName;
-  return subFlowActionLabel(log);
-};
-
-const emitSubFlowContainerOutputs = (logs) => {
-  const subFlowNodes = (lf.getGraphData().nodes || []).filter(node => node.type === "subFlow");
-  subFlowNodes.forEach((subFlowNode) => {
-    const nodeId = String(subFlowNode.id);
-    const parentLog = [...logs].reverse().find(log => String(log?.nodeId || "") === nodeId);
-    const internalLogs = logs.filter(log => resolveSubFlowParentNodeId(String(log?.nodeId || "")) === nodeId);
-    if (!parentLog && !internalLogs.length) return;
-
-    const grouped = new Map();
-    internalLogs.forEach((log) => {
-      const nodeType = String(log?.nodeType || "").toUpperCase();
-      if (["START", "END", "SUB_START", "SUB_END"].includes(nodeType)
-        && String(log?.status || "").toUpperCase() !== "FAILED") return;
-      const iteration = runtimeIterationPath(log);
-      const key = iteration.length ? iteration.join(".") : "root";
-      if (!grouped.has(key)) grouped.set(key, []);
-      grouped.get(key).push(log);
-    });
-
-    const executions = [...grouped.entries()].map(([key, entries]) => {
-      const nodes = entries.map((log) => {
-        const output = parseRuntimeValue(log.paramsOut);
-        const analysis = decisionAnalysisOf(log, output);
-        return {
-          nodeId: log.nodeId,
-          nodeName: subFlowNodeName(log),
-          actionLabel: subFlowActionLabel(log),
-          action: log.action,
-          status: log.status,
-          startTime: log.startTime,
-          endTime: log.endTime,
-          durationMs: log.endTime && log.startTime ? log.endTime - log.startTime : null,
-          input: parseRuntimeValue(log.paramsIn),
-          output,
-          error: String(log?.status || "").toUpperCase() === "FAILED" ? (log.message || "") : "",
-          passed: analysis.passed,
-          isAnalysis: analysis.isAnalysis,
-        };
-      });
-      const failed = nodes.some(node => String(node.status || "").toUpperCase() === "FAILED");
-      const running = nodes.some(node => String(node.status || "").toUpperCase() === "RUNNING");
-      return {
-        key,
-        label: key === "root" ? "流程步骤" : `第 ${key} 次循环`,
-        status: failed ? "FAILED" : running ? "RUNNING" : "SUCCESS",
-        nodes,
-      };
-    }).filter(execution => execution.nodes.length);
-
-    const allNodes = executions.flatMap(execution => execution.nodes);
-    const analyses = allNodes.filter(node => node.isAnalysis);
-    const analysisStatus = analyses.some(node => node.passed === false || String(node.status || "").toUpperCase() === "FAILED")
-      ? "FAILED"
-      : analyses.some(node => node.passed === null || String(node.status || "").toUpperCase() === "RUNNING")
-        ? "RUNNING"
-        : analyses.length ? "PASSED" : null;
-    const failed = allNodes.find(node => String(node.status || "").toUpperCase() === "FAILED");
-    const running = allNodes.some(node => String(node.status || "").toUpperCase() === "RUNNING");
-    const parentStatus = String(parentLog?.status || "").toUpperCase();
-    const status = failed || parentStatus === "FAILED"
-      ? "FAILED"
-      : running || parentStatus === "RUNNING" ? "RUNNING" : parentStatus || "SUCCESS";
-    const startTimes = [parentLog?.startTime, ...allNodes.map(node => node.startTime)].map(Number).filter(Number.isFinite);
-    const endTimes = [parentLog?.endTime, ...allNodes.map(node => node.endTime)].map(Number).filter(Number.isFinite);
-    const startTime = startTimes.length ? Math.min(...startTimes) : null;
-    const endTime = status === "RUNNING" || !endTimes.length ? null : Math.max(...endTimes);
-    const parentOutput = parseRuntimeValue(parentLog?.paramsOut);
-
-    emitter.emit("changeNodeState", {
-      ...(parentLog || {}),
-      nodeId,
-      nodeType: "SUB_FLOW",
-      status,
-      startTime,
-      endTime,
-      paramsIn: parentLog?.paramsIn || "{}",
-      paramsOut: JSON.stringify({
-        subFlowExecution: {
-          name: subFlowNode.properties?.subFlow?.detectName || subFlowNode.properties?.name || "子流程",
-          versionNo: subFlowNode.properties?.subFlow?.versionNo,
-          status,
-          analysisStatus,
-          durationMs: startTime ? (endTime || Date.now()) - startTime : null,
-          nodeCount: allNodes.length,
-          executions,
-          output: parentOutput,
-        },
-      }),
-      message: failed
-        ? `子流程内部节点[${failed.nodeName}]执行失败：${failed.error || "未知原因"}`
-        : parentLog?.message,
-    });
-  });
-};
-
-const emitLoopContainerOutputs = (logs) => {
-  const graph = lf.getGraphData();
-  const graphNodes = graph.nodes || [];
-  const nodeById = new Map(graphNodes.map(node => [String(node.id), node]));
-
-  graphNodes.filter(node => node.type === "loop").forEach((loopNode) => {
-    const childIds = new Set([
-      ...(loopNode.children || []),
-      ...graphNodes
-        .filter(node => String(node.properties?.parentId || "") === String(loopNode.id))
-        .map(node => node.id),
-    ].map(String));
-    const loopHasDecisionAnalysis = [...childIds].some((childId) => {
-      const action = String(nodeById.get(childId)?.properties?.action || "").toUpperCase();
-      return ["AUDIO_EVENT_CLASSIFY", "VIDEO_ANALYZE"].includes(action);
-    });
-    const loopEntries = logs.filter(log => childIds.has(String(log?.nodeId || ""))
-      && runtimeIterationPath(log).length);
-    if (!loopEntries.length) return;
-
-    const grouped = new Map();
-    loopEntries.forEach((log) => {
-      const iterations = runtimeIterationPath(log);
-      const key = iterations.join(".");
-      if (!grouped.has(key)) grouped.set(key, []);
-      grouped.get(key).push({ log, iterations });
-    });
-
-    const iterationHistory = [...grouped.entries()].map(([iteration, entries]) => {
-      const failed = entries.some(({ log }) => String(log?.status || "").toUpperCase() === "FAILED");
-      const running = entries.some(({ log }) => String(log?.status || "").toUpperCase() === "RUNNING");
-      const nodes = entries.map(({ log }) => {
-        const output = parseRuntimeValue(log.paramsOut);
-        const analysis = decisionAnalysisOf(log, output);
-        const definition = nodeById.get(String(log.nodeId));
-        return {
-          nodeId: log.nodeId,
-          nodeName: definition?.properties?.name || log.action || log.nodeType || log.nodeId,
-          status: log.status,
-          startTime: log.startTime,
-          endTime: log.endTime,
-          durationMs: log.endTime && log.startTime ? log.endTime - log.startTime : null,
-          input: parseRuntimeValue(log.paramsIn),
-          output,
-          error: String(log?.status || "").toUpperCase() === "FAILED" ? (log.message || "") : "",
-          isAnalysis: analysis.isAnalysis,
-          passed: analysis.passed,
-        };
-      });
-      const analyses = nodes.filter(node => node.isAnalysis);
-      const analysisStatus = analyses.some(node => String(node.status || "").toUpperCase() === "FAILED" || node.passed === false)
-        ? "FAILED"
-        : analyses.some(node => String(node.status || "").toUpperCase() === "RUNNING" || node.passed === null)
-          ? "RUNNING"
-          : analyses.length ? "PASSED" : loopHasDecisionAnalysis && running ? "RUNNING" : null;
-      const startTime = Math.min(...entries.map(({ log }) => Number(log.startTime)).filter(Number.isFinite));
-      const completedEndTimes = entries.map(({ log }) => Number(log.endTime)).filter(Number.isFinite);
-      const endTime = !running && completedEndTimes.length ? Math.max(...completedEndTimes) : null;
-      return {
-        iteration,
-        status: failed ? "FAILED" : running ? "RUNNING" : "SUCCESS",
-        analysisStatus,
-        startTime: Number.isFinite(startTime) ? startTime : null,
-        endTime,
-        durationMs: Number.isFinite(startTime) ? (endTime || Date.now()) - startTime : null,
-        nodes,
-      };
-    });
-
-    const controllerLog = [...logs].reverse().find(log => String(log?.nodeId || "") === String(loopNode.id));
-    const failedIteration = iterationHistory.find(item => item.status === "FAILED");
-    const runningIteration = iterationHistory.find(item => item.status === "RUNNING");
-    const loopStatus = failedIteration
-      ? "FAILED"
-      : runningIteration || String(controllerLog?.status || "").toUpperCase() === "RUNNING"
-        ? "RUNNING"
-        : String(controllerLog?.status || "SUCCESS").toUpperCase();
-    const startTime = controllerLog?.startTime || iterationHistory[0]?.startTime;
-    const endTime = controllerLog?.endTime || iterationHistory[iterationHistory.length - 1]?.endTime;
-    emitter.emit("changeNodeState", {
-      ...(controllerLog || {}),
-      nodeId: loopNode.id,
-      nodeType: "LOOP",
-      status: loopStatus,
-      startTime,
-      endTime,
-      paramsIn: controllerLog?.paramsIn || "{}",
-      paramsOut: JSON.stringify({ iterationHistory }),
-      message: failedIteration ? `第 ${failedIteration.iteration} 次循环执行失败` : controllerLog?.message,
-    });
-  });
-};
-
-const loopFlowView = async (instId, taskId = null) => {
-  // 轮询思路：优先使用任务 ID 查询指定执行，否则查询实例最新状态，再统一映射节点状态。
-  // 仅在非日志模式下根据终态停止或续排定时器，日志回放保持为一次性快照。
-  const params = {
-    itemId: flowInfoData.value.itemId,
-    instId,
-  };
-  if (taskId) {
-    params.taskId = taskId;
-  }
-  const res = await flowView(params);
-  if (flowDisposed) return;
-  if (res.code === 200) {
-    const arr = res.data || [];
-    if (arr.length === 0) {
-      if (!flowInfoData.value.isLog) scheduleFlowView(instId, taskId);
-      return;
-    }
-    if (arr.length > 0) hasRunResult.value = true;
-    arr.forEach((item) => {
-      emitter.emit("changeNodeState", item);
-      const runtimeNodeId = String(item?.nodeId || "");
-      const parentNodeId = resolveSubFlowParentNodeId(runtimeNodeId);
-      if (parentNodeId && String(item?.status || "").toUpperCase() === "FAILED") {
-        emitter.emit("changeNodeState", {
-          ...item,
-          nodeId: parentNodeId,
-          message: `子流程内部节点[${item.action || item.nodeType || "未知节点"}]执行失败：${item.message || "未知原因"}`,
-        });
-      }
-    });
-    emitLoopIterationOutputs(arr);
-    emitLoopContainerOutputs(arr);
-    emitSubFlowContainerOutputs(arr);
-    oldFlowData = JSON.parse(JSON.stringify(lf.getGraphData()));
-    const first = arr[0];
-    const reversed = [...arr].reverse();
-    const mainEnd = reversed.find(
-      (item) =>
-        String(item?.nodeType || "").toUpperCase() === "END" &&
-        (item?.iteration == null ||
-          item.iteration === "" ||
-          (Array.isArray(item.iteration) && item.iteration.length === 0)),
-    );
-    const failed = reversed.find(
-      (item) => String(item?.status || "").toUpperCase() === "FAILED",
-    );
-    const last = arr[arr.length - 1];
-    const mainEndStatus = String(mainEnd?.status || "").toUpperCase();
-    const lastStatus = String(last?.status || "").toUpperCase();
-    if (failed) {
-      if (!flowInfoData.value.isLog) {
-        flowState.value = "testRunError";
-        totalRunningTime.value = (failed.endTime || Date.now()) - first.startTime;
-        flowStore.updateDisableForm(false);
-      }
-    } else if (mainEndStatus === "SUCCESS") {
-      if (!flowInfoData.value.isLog) {
-        flowStore.updateDisableForm(false);
-        flowState.value = "testRunFinish";
-        totalRunningTime.value = mainEnd.endTime - first.startTime;
-      }
-    } else if (["STOPPED", "PAUSED"].includes(lastStatus)) {
-      if (!flowInfoData.value.isLog) {
-        flowState.value = lastStatus === "PAUSED" ? "pause" : "stop";
-      }
-    } else if (!flowInfoData.value.isLog) {
-      // END is first persisted as RUNNING and updated to SUCCESS after the handler returns.
-      scheduleFlowView(instId, taskId);
-    }
-  }
-};
-
-let oldFlowData = {};
-
-const getSavableFlowData = () => {
-  const graphData = lf.getGraphData();
-  graphData.nodes.forEach((node) => emitter.emit("contentChange", { id: node.id }));
-  const validation = validateFlowResources(lf.getGraphData());
-  if (validation.errors.length) {
-    throw new Error(validation.errors[0].message || "工作流资源配置不完整");
-  }
-  return sanitizeFlowResourceDefinition(validation.graph);
-};
-
-const saveDraft = async ({ successMessage = "草稿已保存" } = {}) => {
-  if (!flowInfoData.value.itemId) return false;
-  draftSaving.value = true;
-  try {
-    const flowData = getSavableFlowData();
-    const res = await flowSaveDraft({
-      id: flowInfoData.value.itemId,
-      flowData: JSON.stringify(flowData),
-      draftRevision: draftRevision.value,
-    });
-    if (res.code !== 200) throw new Error(res.msg || "保存失败");
-    draftRevision.value = res.data?.draftRevision ?? draftRevision.value + 1;
-    draftDirty.value = false;
-    oldFlowData = JSON.parse(JSON.stringify(lf.getGraphData()));
-    if (flowState.value === "updateData") flowState.value = "draftSaved";
-    ElMessage.success(successMessage);
-    return true;
-  } catch (error) {
-    ElMessage.error(error?.message || "保存草稿失败");
-    return false;
-  } finally {
-    draftSaving.value = false;
-  }
-};
-
-const refreshVersionList = async () => {
-  versionLoading.value = true;
-  try {
-    const res = await flowVersionList(flowInfoData.value.itemId);
-    versionList.value = res.data || [];
-  } catch (error) {
-    ElMessage.error(error?.message || "加载发布记录失败");
-  } finally {
-    versionLoading.value = false;
-  }
-};
-
-const openVersionHistory = async () => {
-  versionDrawerVisible.value = true;
-  await refreshVersionList();
-};
-
-const previewVersion = async (version) => {
-  try {
-    const res = await flowVersionDetail(version.id);
-    const detail = res.data || version;
-    draftBeforeVersionPreview = JSON.parse(JSON.stringify(lf.getGraphData()));
-    oldFlowDataBeforeVersionPreview = JSON.parse(JSON.stringify(oldFlowData));
-    disableFormBeforeVersionPreview = flowStore.disableForm;
-    flowStore.updateDisableForm(true);
-    lf.render(normalizeFlowResourceSchema(JSON.parse(detail.flowData)));
-    previewingVersionNo.value = detail.versionNo;
-    versionPreviewMode.value = true;
-    versionDrawerVisible.value = false;
-    nextTick(() => lf.fitView());
-  } catch (error) {
-    ElMessage.error(error?.message || "加载发布版本失败");
-  }
-};
-
-const exitVersionPreview = () => {
-  if (draftBeforeVersionPreview) {
-    lf.render(draftBeforeVersionPreview);
-    oldFlowData = oldFlowDataBeforeVersionPreview || {};
-  }
-  flowStore.updateDisableForm(disableFormBeforeVersionPreview);
-  versionPreviewMode.value = false;
-  previewingVersionNo.value = null;
-  draftBeforeVersionPreview = null;
-  oldFlowDataBeforeVersionPreview = null;
-  nextTick(() => lf.fitView());
-};
-
-const restoreVersionAsDraft = async (version) => {
-  try {
-    await ElMessageBox.confirm(
-      `将 V${version.versionNo} 恢复为当前草稿？当前未保存修改会被覆盖，正式运行版本不会改变。`,
-      "恢复为草稿",
-      { type: "warning" }
-    );
-    const res = await flowRestoreDraft(version.id, { draftRevision: draftRevision.value });
-    const item = res.data;
-    const graph = normalizeFlowResourceSchema(JSON.parse(item.flowData));
-    lf.render(graph);
-    draftRevision.value = item.draftRevision ?? draftRevision.value + 1;
-    draftDirty.value = false;
-    oldFlowData = JSON.parse(JSON.stringify(lf.getGraphData()));
-    flowState.value = "draftSaved";
-    versionDrawerVisible.value = false;
-    nextTick(() => lf.fitView());
-    ElMessage.success(`已将 V${version.versionNo} 恢复为草稿`);
-  } catch (error) {
-    if (error !== "cancel" && error !== "close") {
-      ElMessage.error(error?.message || "恢复草稿失败");
-    }
-  }
-};
-
-const rollbackVersion = async (version) => {
-  try {
-    await ElMessageBox.confirm(
-      `立即回退到 V${version.versionNo}？系统会创建一个新的发布版本，正在运行的任务不受影响。`,
-      "回退发布版本",
-      { type: "warning", confirmButtonText: "确认回退" }
-    );
-    const res = await flowRollbackVersion(version.id, {
-      publishNote: `回退到 V${version.versionNo}`,
-    });
-    publishedVersionId.value = res.data?.id || "";
-    publishedVersionNo.value = res.data?.versionNo || null;
-    flowState.value = "release";
-    await refreshVersionList();
-    ElMessage.success(`已发布回退版本 V${publishedVersionNo.value}`);
-  } catch (error) {
-    if (error !== "cancel" && error !== "close") {
-      ElMessage.error(error?.message || "回退版本失败");
-    }
-  }
-};
-
-/**
- * 发布
- */
-const deployFlow = async () => {
-  if (flowState.value !== "testRunFinish") {
-    ElMessage.warning("试运行成功后才可以发布");
-    return;
-  }
-
-  if (draftDirty.value) {
-    ElMessage.warning("请先保存当前草稿，再发布试运行通过的内容");
-    return;
-  }
-
-  try {
-    const prompt = await ElMessageBox.prompt("可填写本次发布说明", "发布工作流", {
-      inputPlaceholder: "例如：调整录像和视频分析参数",
-      confirmButtonText: "发布",
-      cancelButtonText: "取消",
-    });
-    const res = await flowDeploy({
-      id: flowInfoData.value.itemId,
-      draftRevision: draftRevision.value,
-      publishNote: prompt.value,
-    });
-
-    if (res.code === 200) {
-      ElMessage.success(res.msg);
-      publishedVersionId.value = res.data?.id || publishedVersionId.value;
-      publishedVersionNo.value = res.data?.versionNo || publishedVersionNo.value;
-      flowState.value = "release";
-    } else {
-      ElMessage.error(res.msg);
-    }
-  } catch (error) {
-    if (error !== "cancel" && error !== "close") {
-      ElMessage.error(error?.message || "发布操作产生异常");
-    }
-  }
-};
-
-const loadFlowData = async (id, lf) => {
-  try {
-    const res = await getDetect(id);
-    if (res.data && res.data.flowData) {
-      draftRevision.value = res.data.draftRevision ?? 0;
-      publishedVersionId.value = res.data.publishedVersionId || "";
-      publishedVersionNo.value = res.data.publishedVersionNo || null;
-      draftDirty.value = false;
-      const flowData = normalizeFlowResourceSchema(JSON.parse(res.data.flowData));
-      lf.render(flowData);
-
-      nextTick(() => {
-        oldFlowData = JSON.parse(JSON.stringify(lf.getGraphData()));
-        if (
-          publishedVersionId.value &&
-          res.data.draftHash &&
-          res.data.publishedDraftHash &&
-          res.data.draftHash !== res.data.publishedDraftHash
-        ) {
-          flowState.value = "draftSaved";
-        }
-        lf.fitView();
-      });
-    } else {
-      // 渲染数据 data
-      lf.render(initFlowData);
-      oldFlowData = initFlowData;
-      draftDirty.value = true;
-      flowState.value = "updateData";
-      nextTick(() => lf.zoom(0.8, [850, 450]));
-    }
-  } catch (err) {
-    lf.render(initFlowData);
-    oldFlowData = initFlowData;
-    nextTick(() => lf.zoom(0.8, [850, 450]));
-  }
-};
-
-const registerBeforeUnload = () => {
-  window.addEventListener("beforeunload", handleBeforeUnload);
-};
-
-const handleBeforeUnload = (_event) => {
-  if (flowState.value === "pause" && !flowInfoData.value.isLog) {
-    flowStopFn();
-  }
-};
-
-const justLoadFlow = () => {
-  const url = new URL(window.location.href);
-  const locationParams = Object.fromEntries(url.searchParams.entries());
-  if (locationParams?.itemId) {
-    flowState.value = locationParams.state === "0" ? "release" : "unpublished";
-    flowInfoData.value = {
-      itemId: locationParams.itemId,
-      instId: locationParams?.instId || "",
-      taskId: locationParams?.taskId || "",
-      isLog: locationParams?.isLog || false,
-      name: decodeURIComponent(locationParams.name),
-    };
-
-    if (flowInfoData.value.isLog) {
-      flowStore.updateDisableForm(true);
-      scheduleFlowView(flowInfoData.value.instId, flowInfoData.value.taskId, 1000);
-    }
-  }
-};
-
-let flowInitialized = false;
-const initFlow = () => {
-  if (flowInitialized) return;
-  flowInitialized = true;
-  lfRef.value = lf;
-  loadFlowData(flowInfoData.value.itemId, lf);
-
-  lf.on("edge:add", ({ data }) => validEdge(data));
-  lf.on("history:change", () => {
-    if (flowStore.disableForm) return;
-    const flowData = lf.getGraphData();
-    if (JSON.stringify(oldFlowData) !== JSON.stringify(flowData)) {
-      draftDirty.value = true;
-      flowState.value = "updateData";
-    }
-  });
-};
-
-const groupSelectionPending = ref(false);
-
-const createGroup = (selectedNodes) => {
-  const nodes = selectedNodes.filter((item) => (
-    !["selectArea", "loop"].includes(item.type)
-    && !lf.getNodeModelById(item.id)?.parentId
-  ));
-  if (nodes.length < 2) {
-    ElMessage.warning("请至少选择两个未分组节点");
-    groupSelectionPending.value = false;
-    return;
-  }
-
-  const INSET = { left: 52, top: 120, right: 52, bottom: 52 };
-  let minX = Infinity;
-  let minY = Infinity;
-  let maxX = -Infinity;
-  let maxY = -Infinity;
-  const children = [];
-
-  nodes.forEach((item) => {
-    const model = lf.getNodeModelById(item.id);
-    const width = model?.width || 372;
-    const height = model?.height || 180;
-    const left = Number.isFinite(model?.left) ? model.left : item.x - width / 2;
-    const top = Number.isFinite(model?.top) ? model.top : item.y - height / 2;
-    minX = Math.min(minX, left);
-    minY = Math.min(minY, top);
-    maxX = Math.max(maxX, left + width);
-    maxY = Math.max(maxY, top + height);
-    children.push(item.id);
-  });
-
-  const width = maxX - minX + INSET.left + INSET.right;
-  const height = maxY - minY + INSET.top + INSET.bottom;
-  lf.groupNodes({
-    type: "selectArea",
-    x: minX - INSET.left + width / 2,
-    y: minY - INSET.top + height / 2,
-    properties: {
-      name: "分组",
-      action: "NONE",
-      width,
-      height,
-    },
-  }, children);
-  lf.clearSelectElements();
-  groupSelectionPending.value = false;
-};
-
-const group = () => {
-  if (groupSelectionPending.value) {
-    groupSelectionPending.value = false;
-    lf.clearSelectElements();
-    return;
-  }
-  const { nodes } = lf.getSelectElements();
-  if (nodes.length) createGroup(nodes);
-  else groupSelectionPending.value = true;
-};
-
-const handleSelectionEnd = () => {
-  if (!groupSelectionPending.value) return;
-  createGroup(lf.getSelectElements().nodes);
-};
-
-const treeData = ref(null);
-const defaultProps = {
-  children: "children",
-  label: "name",
-};
-const showNodeRelationship = () => {
-  const { nodes } = lf.getGraphData();
-  treeData.value = convertToTree(nodes);
-};
-
-const handleTreeNodeClick = (node) => {
-  lf.focusOn({
-    id: node.id,
-  });
-  lf.selectElementById(node.id);
-};
-
-const fitView = () => {
-  lf.fitView();
-};
-
-const nodeName = ref("");
-const visible = ref(false);
-const formData = reactive({
-  nodeParams: [],
-});
-const rules = reactive({});
-const executeForm = ref();
-const nodeAction = ref("");
-const singleNodeExecuting = ref(false);
-const singleQueueStepExecutingIndex = ref(-1);
-const activeSingleNodeId = ref("");
-// 单节点机器人选择按节点缓存；新节点默认沿用最近一次选择。
-const singleNodeRobotCache = new Map();
-let lastSingleNodeRobotId = "";
-const stationLoading = ref(false);
-const singleNodeRobotOptions = ref([]);
-const actionQueueSingleRunRef = ref();
-const singleNodeInitialRobotId = ref("");
-const flattenSingleNodeParams = (params, parentPath = [], fields = []) => {
-  (params || []).forEach((param, index) => {
-    const name = String(param?.name || "").trim();
-    const path = [...parentPath, name || `param-${index}`];
-    if (Array.isArray(param?.children)) {
-      flattenSingleNodeParams(param.children, path, fields);
-      return;
-    }
-    if (!name && (param?.input === "" || param?.input === null || param?.input === undefined)) return;
-    fields.push({ key: `${path.join(".")}-${index}`, param });
-  });
-  return fields;
-};
-const singleNodeFields = computed(() => flattenSingleNodeParams(formData.nodeParams));
-const buildSingleNodePayload = (params) => {
-  const payload = {};
-  (params || []).forEach((param) => {
-    const name = String(param?.name || "").trim();
-    if (!name) return;
-    payload[name] = Array.isArray(param.children)
-      ? buildSingleNodePayload(param.children)
-      : param.input;
-  });
-  return payload;
-};
-
-/**
- * 单节点调试入口兼容旧版图片识别参数，把固定检测字段转换成 IMAGE_ANALYZE 的自由提示词协议。
- */
-const normalizeImageAnalysisSingleNodeParams = (params) => {
-  const normalized = params || [];
-  const findValue = (name) => normalized.find((param) => param?.name === name)?.input;
-  if (!findValue('prompt')) {
-    const target = String(findValue('targetDescription') || '').trim();
-    const instruction = String(findValue('instruction') || '').trim();
-    const taskType = String(findValue('taskType') || '').toUpperCase();
-    const prompt = [target || instruction];
-    if (taskType === 'ICON_TEMPLATE_LOCATE') {
-      prompt.push('最后一张图片是参考图片，请在其他图片中查找对应目标并返回坐标。');
-    }
-    prompt.push('只返回分析结果，不输出通过、未通过或置信度。');
-    normalized.push({
-      name: 'prompt', type: 'input', input: prompt.filter(Boolean).join('\n'),
-      componentType: 'textarea', required: true, disabled: true,
-    });
-  }
-  for (let index = normalized.length - 1; index >= 0; index -= 1) {
-    if (['taskType', 'targetDescription', 'instruction'].includes(normalized[index]?.name)) {
-      normalized.splice(index, 1);
-    }
-  }
-  normalized.forEach((param) => {
-    // 单节点弹窗无法从上游引用取值，图片参数统一改成可粘贴多行地址的输入框。
-    if (!['imageUrl', 'referenceImageUrl'].includes(param?.name)) return;
-    param.type = 'input';
-    param.componentType = 'textarea';
-    param.input = Array.isArray(param.input) ? param.input.join('\n') : (param.input || '');
-    param.quote = '';
-    if (param.name === 'imageUrl') param.placeholder = '每行一个图片地址';
-  });
-  return normalized;
-};
-
-/**
- * 执行端接收 imageUrl 数组；调试弹窗为了便于输入先用文本框承载，提交前再切回数组。
- */
-const buildImageAnalysisSingleNodePayload = (params) => {
-  const payload = buildSingleNodePayload(params);
-  payload.imageUrl = String(payload.imageUrl || '')
-    .split(/\r?\n|,/)
-    .map((item) => item.trim())
-    .filter(Boolean);
-  return payload;
-};
-const validateSingleNodeParams = () => {
-  for (const { param } of singleNodeFields.value) {
-    if (!String(param?.name || "").trim()) {
-      ElMessage.warning("请输入参数名");
-      return false;
-    }
-    if ((param.input === "" || param.input === null || param.input === undefined) && param.required !== false) {
-      ElMessage.warning(`请输入参数 ${param.name} 的值`);
-      return false;
-    }
-  }
-  return true;
-};
-const singleNodeRobotId = computed(() =>
-  formData.nodeParams.find((item) => item.name === "robotId")?.input
-);
-const singleNodeDeviceId = computed(() =>
-  formData.nodeParams.find((item) => item.name === "deviceId")?.input
-);
-// 在执行、关闭弹窗或切换节点前记录当前机器人选择。
-const rememberSingleNodeRobot = () => {
-  const selectedRobotId = nodeAction.value === "SYSTEM_EXECUTE_ACTION_QUEUE"
-    ? actionQueueSingleRunRef.value?.getRobotId?.()
-    : singleNodeRobotId.value;
-  if (!activeSingleNodeId.value || !selectedRobotId) return;
-  lastSingleNodeRobotId = selectedRobotId;
-  singleNodeRobotCache.set(activeSingleNodeId.value, selectedRobotId);
-};
-
-watch(visible, (value) => {
-  if (!value) rememberSingleNodeRobot();
-});
-
-const handleSingleNodeRobotChange = async (robotId) => {
-  const deviceParam = formData.nodeParams.find((item) => item.name === "deviceId");
-  if (!deviceParam) return;
-  const originalDeviceId = deviceParam.input;
-  const originalOptions = [...(deviceParam.selectOptions || [])];
-  const originalLocked = Boolean(deviceParam.deviceLocked);
-  const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
-  if (!robotId) return;
-  try {
-    const deviceKind = getDeviceKindForAction(nodeAction.value);
-    const response = await getRobotDevicesByRobotId(robotId,
-      deviceKind ? { deviceKind } : {});
-    const devices = Array.isArray(response.data) ? response.data : [];
-    if (!devices.length) {
-      deviceParam.input = originalDeviceId;
-      deviceParam.selectOptions = originalOptions;
-      deviceParam.deviceLocked = originalLocked;
-      ElMessage.warning("当前机器人没有匹配的在线设备，已保留原设备");
-      return;
-    }
-
-    if (stationParam) {
-      stationParam.input = "";
-      stationParam.selectOptions = [];
-    }
-    deviceParam.componentType = "select";
-    deviceParam.selectOptions = toDeviceOptions(devices);
-    const currentDevice = devices.find((device) => device.deviceId === originalDeviceId);
-    deviceParam.input = (currentDevice || devices[0]).deviceId;
-    deviceParam.deviceLocked = devices.length === 1;
-  } catch (error) {
-    deviceParam.input = originalDeviceId;
-    deviceParam.selectOptions = originalOptions;
-    deviceParam.deviceLocked = originalLocked;
-    console.error("加载机器人设备失败:", error);
-    ElMessage.error("加载机器人设备失败");
-  }
-};
-
-/**
- * 处理 stationOptions 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} stations 站点集合
- */
-const stationOptions = (stations) => (Array.isArray(stations) ? stations : [])
-  .filter((station) => station?.id !== undefined && station?.id !== null && String(station.id).trim())
-  .map((station) => {
-    const id = String(station.id).trim();
-    const description = station.description ? String(station.description).trim() : "";
-    return { value: id, label: description ? `${id} - ${description}` : id };
-  });
-
-/**
- * 加载 loadSingleNodeStations 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const loadSingleNodeStations = async () => {
-  stationLoading.value = true;
-  try {
-    const response = await getAgvStations({
-      robotId: singleNodeRobotId.value,
-      deviceId: singleNodeDeviceId.value,
-    });
-    const options = stationOptions(response?.data);
-    const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
-    if (!stationParam) return;
-    stationParam.selectOptions = options;
-    stationParam.stationRobotId = singleNodeRobotId.value;
-    stationParam.stationDeviceId = singleNodeDeviceId.value;
-    if (!options.some((item) => item.value === stationParam.input)) stationParam.input = "";
-    if (options.length === 0) ElMessage.warning("当前AGV没有可用站点");
-  } catch (error) {
-    console.error("加载AGV站点列表失败:", error);
-    ElMessage.error("加载AGV站点列表失败");
-  } finally {
-    stationLoading.value = false;
-  }
-};
-
-/**
- * 加载 loadSingleNodeRobots 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const loadSingleNodeRobots = async () => {
-  const response = await getRobotList({ pageNum: 1, pageSize: 1000, connectStatus: '1' });
-  singleNodeRobotOptions.value = (response.rows || []).map(item => ({
-    label: `${item.robotName || item.robotId} (${item.robotId})`,
-    value: item.robotId,
-  }));
-};
-
-/**
- * 处理 singleNodeExecution 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const singleNodeExecution = async (e) => {
-  rememberSingleNodeRobot();
-  const { name, nodeType, nodeParams, action, nodeId } = e.detail;
-  const executionParams = JSON.parse(JSON.stringify(nodeParams || []))
-    .filter((param) => !['robotId', 'deviceId'].includes(param.name));
-  const normalizedAction = String(action || "").toUpperCase();
-  const effectiveNodeType = nodeType || (getDeviceKindForAction(normalizedAction) ? "EDGE" : "");
-  activeSingleNodeId.value = nodeId || `${normalizedAction}:${name || ""}`;
-  nodeName.value = name;
-  visible.value = true;
-  nodeAction.value = normalizedAction;
-  singleNodeExecuting.value = false;
-  singleQueueStepExecutingIndex.value = -1;
-  stationLoading.value = false;
-  if (effectiveNodeType === "EDGE") {
-    await loadSingleNodeRobots();
-    const cachedRobotId = singleNodeRobotCache.get(activeSingleNodeId.value) || lastSingleNodeRobotId;
-    if (normalizedAction === "SYSTEM_EXECUTE_ACTION_QUEUE") {
-      formData.nodeParams = executionParams;
-      singleNodeInitialRobotId.value = cachedRobotId || "";
-      return;
-    }
-    const routingParams = [
-      {
-        disabled: true,
-        input: "",
-        name: "robotId",
-        type: "input",
-        componentType: "select",
-        selectOptions: singleNodeRobotOptions.value,
-      },
-    ];
-    if (actionRequiresDevice(normalizedAction)) {
-      routingParams.push({
-        disabled: true,
-        input: "",
-        name: "deviceId",
-        type: "input",
-        componentType: "select",
-        selectOptions: [],
-      });
-    }
-    formData.nodeParams = [...routingParams, ...executionParams];
-    if (cachedRobotId) {
-      formData.nodeParams[0].input = cachedRobotId;
-      await handleSingleNodeRobotChange(cachedRobotId);
-    }
-  } else {
-    formData.nodeParams = normalizedAction === 'IMAGE_ANALYZE'
-      ? normalizeImageAnalysisSingleNodeParams(executionParams)
-      : executionParams;
-  }
-  if (nodeAction.value === "AGV_MOVE_TO_STATION") {
-    const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
-    if (stationParam) {
-      stationParam.input = "";
-      stationParam.selectOptions = [];
-    }
-  }
-};
-
-/**
- * 执行 execute 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const execute = async () => {
-  if (nodeAction.value === "SYSTEM_EXECUTE_ACTION_QUEUE") {
-    if (!actionQueueSingleRunRef.value?.validate?.()) return;
-    rememberSingleNodeRobot();
-    singleNodeExecuting.value = true;
-    try {
-      const res = await flowAction({ action: nodeAction.value, payload: actionQueueSingleRunRef.value.getPayload() });
-      if (res.code === 200) ElMessage.success("执行成功");
-      else ElMessage.error(res.msg);
-    } catch (error) {
-      console.error("动作队列单节点执行失败:", error);
-    } finally {
-      singleNodeExecuting.value = false;
-    }
-    return;
-  }
-  if (nodeAction.value === "AGV_MOVE_TO_STATION") {
-    const stationParam = formData.nodeParams.find((item) => item.name === "stationId");
-    const validStation = stationParam?.selectOptions?.some((item) => item.value === stationParam.input);
-    const correctSource = stationParam?.stationRobotId === singleNodeRobotId.value
-      && stationParam?.stationDeviceId === singleNodeDeviceId.value;
-    if (!validStation || !correctSource) {
-      ElMessage.warning("请按当前机器人和设备重新加载并选择站点");
-      return;
-    }
-  }
-  if (!validateSingleNodeParams()) return;
-  rememberSingleNodeRobot();
-  singleNodeExecuting.value = true;
-  try {
-    const res = await flowAction({
-      action: nodeAction.value,
-      payload: nodeAction.value === 'IMAGE_ANALYZE'
-        ? buildImageAnalysisSingleNodePayload(formData.nodeParams)
-        : buildSingleNodePayload(formData.nodeParams),
-    });
-    if (res.code === 200) {
-      ElMessage.success("执行成功");
-    } else {
-      ElMessage.error(res.msg);
-    }
-  } catch (error) {
-    console.error("单节点执行失败:", error);
-  } finally {
-    singleNodeExecuting.value = false;
-  }
-};
-
-const executeActionQueueStep = async (index) => {
-  if (!actionQueueSingleRunRef.value?.validateStep?.(index)) return;
-  rememberSingleNodeRobot();
-  singleNodeExecuting.value = true;
-  singleQueueStepExecutingIndex.value = index;
-  try {
-    const res = await flowAction({
-      action: "SYSTEM_EXECUTE_ACTION_QUEUE",
-      payload: actionQueueSingleRunRef.value.getStepPayload(index),
-    });
-    if (res.code === 200) ElMessage.success("当前步骤执行成功");
-    else ElMessage.error(res.msg);
-  } catch (error) {
-    console.error("动作队列步骤执行失败:", error);
-  } finally {
-    singleNodeExecuting.value = false;
-    singleQueueStepExecutingIndex.value = -1;
-  }
-};
-
-const showParamsDrawer = ref(false);
-const paramsDrawerData = ref({});
-
-const handleExtractQueueStep = ({ queueId, index, placement }) => {
-  const result = extractActionQueueStep(lf.getGraphData(), queueId, index, placement);
-  if (!result.ok) {
-    ElMessage.warning(result.message);
-    return;
-  }
-  showParamsDrawer.value = false;
-  if (result.removedQueue) {
-    nodeErrorList.value = nodeErrorList.value.filter((id) => id !== queueId);
-  }
-  renderQueueGraphChange(result.graph, result.node.id);
-  ElMessage.success(result.removedQueue ? "已用原节点替换空队列" : "步骤已移出动作队列");
-};
-
-/**
- * 清理 clearRun 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const clearRun = () => {
-  const { nodes } = lf.getGraphData();
-  nodes.forEach((item) => {
-    const node = lf.getNodeModelById(item.id);
-    if (node.closePopover) {
-      node.closePopover();
-    }
-  });
-  hasRunResult.value = false;
-  totalRunningTime.value = 0;
-}
-
-const NODE_PASTE_OFFSET = 40;
-const NON_COPYABLE_NODE_TYPES = new Set(["start", "end", "selectArea"]);
-const FLOW_CLIPBOARD_TYPE = "cmvr-flow/nodes";
-const FLOW_CLIPBOARD_VERSION = 1;
-const FLOW_CLIPBOARD_MIME = "application/x-cmvr-flow-nodes";
-const FLOW_CLIPBOARD_STORAGE_KEY = "cmvr-flow:clipboard";
-const FLOW_EDITOR_INSTANCE_ID = uuid();
-const NODE_REFERENCE_ARRAY_KEYS = new Set(["quote", "nameQuote"]);
-let copiedPayload = null;
-let lastPastedClipboardId = "";
-let pasteCount = 0;
-
-const EDITABLE_SELECTOR = [
-  "input",
-  "textarea",
-  "select",
-  "[contenteditable]:not([contenteditable='false'])",
-  ".monaco-editor",
-  ".el-input",
-  ".el-textarea",
-  ".el-select",
-  ".el-cascader",
-  ".el-input-number",
-  "[role='dialog']",
-].join(",");
-
-/**
- * 判断 isEditableElement 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} element 调用方传入的 element 参数
- */
-const isEditableElement = (element) => (
-  element instanceof Element && Boolean(element.closest(EDITABLE_SELECTOR))
-);
-
-/**
- * 判断 isTextEditing 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} event 触发操作的浏览器事件
- */
-const isTextEditing = (event) => {
-  const eventPath = typeof event.composedPath === "function" ? event.composedPath() : [];
-  if (eventPath.some(isEditableElement)) return true;
-  if (isEditableElement(event.target) || isEditableElement(document.activeElement)) return true;
-  return Boolean(window.getSelection()?.toString());
-};
-
-/**
- * 复制 copySelectedNodes 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} event 触发操作的浏览器事件
- */
-const copySelectedNodes = (event) => {
-  // 复制只保留选中节点及它们之间的内部连线，避免粘贴时重建指向未选节点的关系。
-  // 节点数据在此深拷贝，后续生成新 ID 时不会反向污染原画布对象。
-  if (flowStore.disableForm || isTextEditing(event)) return;
-  const selectedNodes = lf.getSelectElements().nodes;
-  if (!selectedNodes.length) return;
-
-  const graph = lf.getGraphData();
-  const nodeById = new Map(graph.nodes.map((node) => [node.id, node]));
-  const selectedIds = new Set(selectedNodes.map((node) => node.id));
-  /**
-   * 新增 addChildren 对应的数据或交互；作用范围仅限当前组件或模块。
-   * @param {*} nodeId 流程节点 ID
-   */
-  const addChildren = (nodeId) => {
-    const node = nodeById.get(nodeId);
-    (node?.children || []).forEach((childId) => {
-      if (selectedIds.has(childId)) return;
-      selectedIds.add(childId);
-      addChildren(childId);
-    });
-  };
-  [...selectedIds].forEach(addChildren);
-
-  const copyableIds = new Set(
-    [...selectedIds].filter((id) => {
-      const node = nodeById.get(id);
-      return node && !NON_COPYABLE_NODE_TYPES.has(node.type);
-    }),
-  );
-  const nodes = graph.nodes.filter((node) => copyableIds.has(node.id));
-  if (!nodes.length) return;
-  const edges = graph.edges.filter((edge) => (
-    copyableIds.has(edge.sourceNodeId) && copyableIds.has(edge.targetNodeId)
-  ));
-
-  const payload = {
-    type: FLOW_CLIPBOARD_TYPE,
-    version: FLOW_CLIPBOARD_VERSION,
-    clipboardId: uuid(),
-    sourceEditorId: FLOW_EDITOR_INSTANCE_ID,
-    sourceFlowId: flowInfoData.value.itemId || null,
-    copiedAt: Date.now(),
-    resourceRoles: getResourceRoles(graph),
-    graph: JSON.parse(JSON.stringify({ nodes, edges })),
-  };
-  const serialized = JSON.stringify(payload);
-
-  event.preventDefault();
-  if (event.clipboardData) {
-    try {
-      event.clipboardData.setData(FLOW_CLIPBOARD_MIME, serialized);
-    } catch (error) {
-      console.debug("浏览器不支持自定义流程剪贴板类型，使用文本格式", error);
-    }
-    event.clipboardData.setData("text/plain", serialized);
-  }
-  copiedPayload = payload;
-  try {
-    localStorage.setItem(FLOW_CLIPBOARD_STORAGE_KEY, serialized);
-  } catch (error) {
-    console.debug("流程剪贴板本地缓存写入失败", error);
-  }
-  pasteCount = 0;
-  lastPastedClipboardId = "";
-};
-
-/**
- * 解析并校验流程剪贴板内容，避免把普通 JSON 文本当作流程节点粘贴。
- * @param {*} raw 剪贴板原始文本
- */
-const parseFlowClipboardPayload = (raw) => {
-  if (!raw || typeof raw !== "string") return null;
-  try {
-    const payload = JSON.parse(raw);
-    if (
-      payload?.type !== FLOW_CLIPBOARD_TYPE
-      || payload?.version !== FLOW_CLIPBOARD_VERSION
-      || !Array.isArray(payload?.graph?.nodes)
-      || !Array.isArray(payload?.graph?.edges)
-      || payload.graph.nodes.length === 0
-    ) {
-      return null;
-    }
-    return payload;
-  } catch {
-    return null;
-  }
-};
-
-/**
- * 优先读取系统剪贴板；浏览器未暴露剪贴板数据时使用同源窗口共享缓存。
- * @param {*} event 粘贴事件
- */
-const readFlowClipboardPayload = (event) => {
-  const clipboard = event.clipboardData;
-  if (clipboard) {
-    const customText = clipboard.getData(FLOW_CLIPBOARD_MIME);
-    const plainText = clipboard.getData("text/plain");
-    const raw = customText || plainText;
-    // 系统剪贴板存在其他内容时，不应使用一份过期的本地流程缓存。
-    if (raw) return parseFlowClipboardPayload(raw);
-  }
-  if (copiedPayload) return copiedPayload;
-  try {
-    return parseFlowClipboardPayload(localStorage.getItem(FLOW_CLIPBOARD_STORAGE_KEY));
-  } catch {
-    return null;
-  }
-};
-
-/**
- * 重映射 remapNodeAnchorId 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} anchorId 锚点 ID
- * @param {*} oldNodeId 原节点 ID
- * @param {*} newNodeId 新节点 ID
- */
-const remapNodeAnchorId = (anchorId, oldNodeId, newNodeId) => {
-  if (!anchorId || !String(anchorId).startsWith(`${oldNodeId}_`)) return anchorId;
-  return `${newNodeId}${String(anchorId).slice(oldNodeId.length)}`;
-};
-
-/**
- * 重映射 remapCopiedNodeReferences 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} value 待处理的新值
- * @param {*} idMap 节点 ID 映射
- * @param {*} parentKey 递归父键名
- */
-const remapCopiedNodeReferences = (value, idMap, parentKey = "", options = {}) => {
-  if (Array.isArray(value)) {
-    const result = value.map((item) => remapCopiedNodeReferences(item, idMap, "", options));
-    if (NODE_REFERENCE_ARRAY_KEYS.has(parentKey) && result.length) {
-      if (idMap.has(result[0])) {
-        result[0] = idMap.get(result[0]);
-      } else if (options.dropExternalReferences) {
-        options.removedReferenceCount += 1;
-        return [];
-      }
-    }
-    return result;
-  }
-  if (!value || typeof value !== "object") return value;
-  return Object.fromEntries(Object.entries(value).map(([key, item]) => (
-    [key, remapCopiedNodeReferences(item, idMap, key, options)]
-  )));
-};
-
-/**
- * 跨窗口粘贴时将节点组移动到当前画布视口中心；当前窗口内复制仍使用固定偏移。
- * @param {*} payload 流程剪贴板载荷
- */
-const resolvePasteTranslation = (payload) => {
-  if (payload.sourceEditorId === FLOW_EDITOR_INSTANCE_ID) {
-    const offset = NODE_PASTE_OFFSET * pasteCount;
-    return { x: offset, y: offset };
-  }
-
-  const nodes = payload.graph.nodes;
-  const xs = nodes.map((node) => Number(node.x || 0));
-  const ys = nodes.map((node) => Number(node.y || 0));
-  const sourceCenter = {
-    x: (Math.min(...xs) + Math.max(...xs)) / 2,
-    y: (Math.min(...ys) + Math.max(...ys)) / 2,
-  };
-  const canvas = document.getElementById("main-flow");
-  if (!canvas) {
-    const offset = NODE_PASTE_OFFSET * pasteCount;
-    return { x: offset, y: offset };
-  }
-  const rect = canvas.getBoundingClientRect();
-  const target = lf.getPointByClient(rect.left + rect.width / 2, rect.top + rect.height / 2)
-    .canvasOverlayPosition;
-  const repeatedOffset = NODE_PASTE_OFFSET * (pasteCount - 1);
-  return {
-    x: target.x - sourceCenter.x + repeatedOffset,
-    y: target.y - sourceCenter.y + repeatedOffset,
-  };
-};
-
-/**
- * 粘贴 pasteCopiedNodes 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} event 触发操作的浏览器事件
- */
-const pasteCopiedNodes = (event) => {
-  // 先为全部节点建立旧 ID 到新 ID 的映射，再重建父子引用、锚点和内部连线。
-  // 该顺序保证循环、分组和分支之间的交叉引用都能解析到新的目标 ID。
-  if (flowStore.disableForm || isTextEditing(event)) return;
-  const payload = readFlowClipboardPayload(event);
-  if (!payload) return;
-  const copiedGraph = payload.graph;
-
-  event.preventDefault();
-  if (lastPastedClipboardId !== payload.clipboardId) {
-    pasteCount = 0;
-    lastPastedClipboardId = payload.clipboardId;
-  }
-  pasteCount += 1;
-  const translation = resolvePasteTranslation(payload);
-  const graph = lf.getGraphData();
-  const existingNodeIds = new Set(graph.nodes.map((node) => node.id));
-  const idMap = new Map(copiedGraph.nodes.map((node) => (
-    [node.id, uuid().replace(/-/g, "")]
-  )));
-  const isSameEditor = payload.sourceEditorId === FLOW_EDITOR_INSTANCE_ID;
-  const isSameFlow = Boolean(payload.sourceFlowId)
-    && payload.sourceFlowId === flowInfoData.value.itemId;
-  const referenceOptions = {
-    dropExternalReferences: !isSameFlow,
-    removedReferenceCount: 0,
-  };
-
-  const pastedNodes = copiedGraph.nodes.map((sourceNode) => {
-    const newId = idMap.get(sourceNode.id);
-    const properties = remapCopiedNodeReferences(
-      JSON.parse(JSON.stringify(sourceNode.properties || {})),
-      idMap,
-      "",
-      referenceOptions,
-    );
-    const parentId = properties.parentId;
-    if (idMap.has(parentId)) properties.parentId = idMap.get(parentId);
-    else if (!isSameEditor || !existingNodeIds.has(parentId)) delete properties.parentId;
-
-    if (sourceNode.type === "branch" && Array.isArray(properties.anchor)) {
-      properties.anchor = properties.anchor.map((anchor) => ({
-        ...anchor,
-        id: remapNodeAnchorId(anchor.id, sourceNode.id, newId),
-      }));
-    }
-
-    const children = (sourceNode.children || [])
-      .filter((childId) => idMap.has(childId))
-      .map((childId) => idMap.get(childId));
-    return {
-      ...JSON.parse(JSON.stringify(sourceNode)),
-      id: newId,
-      x: Number(sourceNode.x || 0) + translation.x,
-      y: Number(sourceNode.y || 0) + translation.y,
-      properties,
-      children,
-    };
-  });
-
-  const pastedEdges = copiedGraph.edges.map((sourceEdge) => {
-    const sourceNodeId = idMap.get(sourceEdge.sourceNodeId);
-    const targetNodeId = idMap.get(sourceEdge.targetNodeId);
-    return {
-      ...JSON.parse(JSON.stringify(sourceEdge)),
-      id: `edge_${uuid().replace(/-/g, "")}`,
-      sourceNodeId,
-      targetNodeId,
-      sourceAnchorId: remapNodeAnchorId(
-        sourceEdge.sourceAnchorId,
-        sourceEdge.sourceNodeId,
-        sourceNodeId,
-      ),
-      targetAnchorId: remapNodeAnchorId(
-        sourceEdge.targetAnchorId,
-        sourceEdge.targetNodeId,
-        targetNodeId,
-      ),
-    };
-  });
-
-  const resourceMerge = mergeCopiedResourceRoles(graph, payload.resourceRoles || [], pastedNodes);
-  const graphNodesWithResources = graph.nodes.map((node) => (
-    node.id === resourceMerge.start?.id ? resourceMerge.start : node
-  ));
-
-  lf.render({
-    nodes: [...graphNodesWithResources, ...pastedNodes],
-    edges: [...graph.edges, ...pastedEdges],
-  }, {
-    resetHistory: false,
-    replaceNodes: true,
-    preserveNodeSizes: true,
-    preserveNodePositions: true,
-  });
-  nextTick(() => {
-    lf.selectElementsByIds(pastedNodes.map((node) => node.id));
-    lf.markChanged();
-    if (referenceOptions.removedReferenceCount > 0) {
-      ElMessage.warning(
-        `已粘贴 ${pastedNodes.length} 个节点，${referenceOptions.removedReferenceCount} 个跨工作流参数引用已清除`,
-      );
-    }
-    if (resourceMerge.addedRoles || resourceMerge.addedSlots) {
-      ElMessage.success(`已同步 ${resourceMerge.addedRoles} 个机器人角色和 ${resourceMerge.addedSlots} 个设备用途`);
-    }
-  });
-};
-
-/**
- * 处理 handleKeyboardShortcut 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} event 触发操作的浏览器事件
- */
-const handleKeyboardShortcut = (event) => {
-  if (isTextEditing(event)) return;
-
-  const isModifierKey = event.ctrlKey || event.metaKey;
-  const key = event.key.toLowerCase();
-  if (isModifierKey && key === "z") {
-    if (flowStore.disableForm) return;
-    event.preventDefault();
-    if (event.shiftKey) lf.redo();
-    else lf.undo();
-    return;
-  }
-
-  if (!["Backspace", "Delete"].includes(event.key) || flowStore.disableForm) return;
-
-  const { nodes, edges } = lf.getSelectElements();
-  if (nodes.some((node) => ["start", "end"].includes(node.type))) {
-    lf.clearSelectElements();
-    return;
-  }
-  if (nodes.length) {
-    event.preventDefault();
-    nodes.forEach((node) => {
-      lf.deleteNode(node.id);
-      emitter.emit("deleteNode", node.id);
-    });
-    return;
-  }
-  if (edges.length) {
-    event.preventDefault();
-    edges.forEach((edge) => lf.deleteEdge(edge.id));
-  }
-};
-
-const nodeErrorList = ref([]);
-
-onMounted(() => {
-  justLoadFlow();
-  initFlow();
-  document.addEventListener("singleNodeExecution", singleNodeExecution);
-  registerBeforeUnload();
-  window.addEventListener("keydown", handleKeyboardShortcut);
-  window.addEventListener("copy", copySelectedNodes);
-  window.addEventListener("paste", pasteCopiedNodes);
-
-  onFlowEvent("openParamsDrawer", (node) => {
-    showParamsDrawer.value = true;
-    paramsDrawerData.value = node;
-  });
-
-  onFlowEvent("throwAnError", (data) => {
-    // 处理错误抛出逻辑
-    const { id, hasError, type } = data;
-    let element
-    if (type === 'loop') {
-      const tt = document.getElementsByClassName(`group__container ${id}`)[0];
-      if (tt?.parentElement) {
-        element = tt.parentElement;
-      } else {
-        element = tt
-      }
-    } else {
-      const tt = document.getElementsByClassName(`node__container ${id}`)[0]
-      if (tt?.parentElement) {
-        element = tt.parentElement;
-      } else {
-        element = tt
-      }
-    }
-    if (hasError) {
-      if (!nodeErrorList.value.includes(id)) {
-        nodeErrorList.value.push(id);
-        if (element) element.style.background = "#ff00001a";
-      }
-    } else {
-      nodeErrorList.value = nodeErrorList.value.filter((item) => item !== id);
-      if (element) element.style.background = "#fff";
-    }
-  });
-
-  onFlowEvent("deleteNode", (nodeId) => {
-    const index = nodeErrorList.value.findIndex((item) => item === nodeId);
-    if (index !== -1) {
-      nodeErrorList.value.splice(index, 1);
-    }
-    const cleanup = pruneUnusedNodeResources(lf.getGraphData());
-    if (cleanup.start && (cleanup.removedRoles || cleanup.removedSlots)) {
-      lf.setProperties(cleanup.start.id, cleanup.start.properties);
-    }
-  })
-});
-
-onUnmounted(() => {
-  flowDisposed = true;
-  clearFlowPollTimer();
-  loopChildDragContexts.clear();
-  actionQueueDragOrigins.clear();
-  if (window.lf === lf) delete window.lf;
-
-  window.removeEventListener("beforeunload", handleBeforeUnload);
-  window.removeEventListener("keydown", handleKeyboardShortcut);
-  window.removeEventListener("copy", copySelectedNodes);
-  window.removeEventListener("paste", pasteCopiedNodes);
-  document.removeEventListener("singleNodeExecution", singleNodeExecution);
-});
-</script>
-<style lang="scss" scoped>
-
-.single-node-param-row {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: space-between;
-  gap: 24px;
-  align-items: start;
-}
-
-.single-node-param-name,
-.single-node-param-value {
-  width: 100%;
-  margin-right: 0;
-  margin-bottom: 16px;
-
-  :deep(.el-form-item__content),
-  :deep(.el-input),
-  :deep(.el-input-number),
-  :deep(.el-select) {
-    width: 220px;
-  }
-}
-
-.single-node-param-value :deep(.el-textarea__inner) {
-  min-height: 32px !important;
-  line-height: 20px;
-}
-
-.single-node-station-tools {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 16px;
-  padding: 10px 12px;
-  border: 1px solid #dfe6ef;
-  border-radius: 6px;
-  background: #f7f9fc;
-  color: #65758b;
-  font-size: 13px;
-}
-
-.device-lock-hint {
-  width: 100%;
-  margin-top: 6px;
-  color: var(--el-color-success);
-  font-size: 12px;
-  line-height: 18px;
-}
-
-.page {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .page__container {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    .el-header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      padding: 0 16px;
-      border-bottom: 1px solid #e3e7ee;
-      background: #fff;
-      gap: 18px;
-
-      .flow-heading {
-        display: flex;
-        min-width: 0;
-        align-items: center;
-        gap: 10px;
-      }
-
-      .flow-heading__name {
-        overflow: hidden;
-        max-width: 320px;
-        color: #1f2937;
-        font-size: 16px;
-        font-weight: 650;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-      }
-
-      .flow-status {
-        display: flex;
-        height: 24px;
-        align-items: center;
-        gap: 6px;
-        padding: 0 8px;
-        border: 1px solid #dfe4ec;
-        border-radius: 5px;
-        background: #f8fafc;
-        color: #687386;
-        font-size: 11px;
-        white-space: nowrap;
-      }
-
-      .flow-status__dot {
-        width: 6px;
-        height: 6px;
-        border-radius: 50%;
-        background: currentColor;
-      }
-
-      .flow-status--release,
-      .flow-status--testRunFinish {
-        border-color: #c8ead5;
-        background: #effaf3;
-        color: #1e7d49;
-      }
-
-      .flow-status--testRunning,
-      .flow-status--updateData {
-        border-color: #cbdcf8;
-        background: #f0f6ff;
-        color: #2f6fca;
-      }
-
-      .flow-status--testRunError,
-      .flow-status--stop {
-        border-color: #f1cecb;
-        background: #fff3f2;
-        color: #c33b32;
-      }
-
-      .flow-status--pause {
-        border-color: #ead9b8;
-        background: #fff9eb;
-        color: #9a6700;
-      }
-
-      .btn__container {
-        display: flex;
-        min-width: 0;
-        align-items: center;
-        gap: 10px;
-
-        .btn {
-          display: flex;
-          align-items: center;
-          gap: 8px;
-
-          .el-button + .el-button { margin-left: 0; }
-        }
-
-        .publish-actions {
-          padding-left: 10px;
-          border-left: 1px solid #e4e8ef;
-        }
-      }
-    }
-
-    .container {
-      height: calc(100% - 60px);
-    }
-
-    .el-main {
-      padding: 0;
-      position: relative;
-      overflow: hidden;
-    }
-
-    .el-aside {
-      margin: 0;
-      width: 272px;
-      padding: 0;
-      border-right: 1px solid #e3e7ee;
-      background: #f8fafc;
-    }
-
-    .canvas-toolbar {
-      display: flex;
-      position: absolute;
-      top: 14px;
-      left: 14px;
-      z-index: 20;
-      align-items: center;
-      padding: 4px;
-      border: 1px solid #dfe4ec;
-      border-radius: 7px;
-      background: rgba(255, 255, 255, 0.96);
-      box-shadow: 0 6px 18px rgba(31, 41, 55, 0.1);
-
-      .el-button {
-        width: 30px;
-        height: 30px;
-        padding: 0;
-        border: 0;
-        border-radius: 5px;
-        background: transparent;
-        color: #566174;
-      }
-
-      .el-button + .el-button { margin-left: 2px; }
-
-      .el-button:hover {
-        background: #f1f5f9;
-        color: #1f2937;
-      }
-    }
-
-    .canvas-toolbar__divider {
-      width: 1px;
-      height: 18px;
-      margin: 0 4px;
-      background: #e1e6ed;
-    }
-
-    .flow__container {
-      width: 100%;
-      height: 100%;
-      cursor: pointer;
-
-      :deep(.vue-flow__node) {
-        border: 0;
-        background: transparent;
-        cursor: grab;
-      }
-
-      :deep(.vue-flow__node.dragging) { cursor: grabbing; }
-
-      :deep(.vue-flow__node .flow-node-shell),
-      :deep(.vue-flow__node .flow-node-content),
-      :deep(.vue-flow__node .node__container),
-      :deep(.vue-flow__node .right),
-      :deep(.vue-flow__node .editIcon),
-      :deep(.vue-flow__node .resultText) {
-        cursor: pointer;
-      }
-
-      :deep(.vue-flow__edge-path),
-      :deep(.vue-flow__connection-path) {
-        stroke: #ff6b35;
-        stroke-width: 2;
-      }
-
-      :deep(.vue-flow__pane) {
-        cursor: pointer;
-      }
-
-      :deep(.vue-flow__pane.dragging) {
-        cursor: grabbing;
-      }
-
-      :deep(.vue-flow__selection) {
-        border: 1px solid #2f80ed;
-        background: rgba(47, 128, 237, 0.1);
-        box-shadow: 0 0 0 1px rgba(47, 128, 237, 0.08);
-      }
-
-      :deep(.vue-flow__nodesselection-rect) {
-        border: 1px dashed rgba(47, 128, 237, 0.72);
-        background: rgba(47, 128, 237, 0.04);
-      }
-
-      :deep(.vue-flow__handle) {
-        cursor: crosshair;
-      }
-
-      :deep(.vue-flow__edge) {
-        cursor: pointer;
-      }
-
-      :deep(.vue-flow__edge-interaction) {
-        cursor: pointer;
-        pointer-events: stroke;
-      }
-
-      :deep(.vue-flow__edge.selected .vue-flow__edge-path) {
-        stroke: #1677ff;
-        stroke-width: 4;
-        filter: drop-shadow(0 0 3px rgba(22, 119, 255, 0.45));
-      }
-
-      :deep(.vue-flow__controls) {
-        overflow: hidden;
-        border: 1px solid #dfe4ec;
-        border-radius: 6px;
-        box-shadow: 0 6px 18px rgba(20, 33, 61, 0.12);
-      }
-    }
-  }
-}
-</style>
-<style lang="scss">
-.node-relationship-network-popover {
-  position: relative;
-
-  .title {
-    font-size: 16px;
-    font-weight: bold;
-    text-align: center;
-  }
-
-  .fit {
-    position: absolute;
-    right: 20px;
-    top: 10px;
-  }
-
-  .el-tree {
-    margin-top: 20px;
-    max-height: 200px;
-    overflow-y: auto;
-  }
-}
-
-.version-history {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-
-.version-history__item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  min-height: 82px;
-  padding: 14px 0;
-  border-bottom: 1px solid #ebeef5;
-}
-
-.version-history__main {
-  min-width: 0;
-  flex: 1;
-}
-
-.version-history__title,
-.version-history__actions {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.version-history__meta,
-.version-history__note {
-  margin-top: 6px;
-  color: #606266;
-  font-size: 13px;
-  line-height: 1.4;
-}
-
-.version-history__note {
-  overflow-wrap: anywhere;
-}
-
-
-</style>
diff --git a/src/views/flow/nodes/common/endNode.vue b/src/views/flow/nodes/common/endNode.vue
deleted file mode 100644
index 17d291c..0000000
--- a/src/views/flow/nodes/common/endNode.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<!--
- * 文件说明：流程正常结束节点。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container">
-    <div class="terminal-node">
-      <div class="terminal-node__icon"><img src="../../icon/end.svg" alt="" /></div>
-      <div class="terminal-node__content">
-        <div class="terminal-node__title">流程结束</div>
-        <div class="terminal-node__description">结束当前工作流并输出最终结果</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  text: String,
-});
-</script>
diff --git a/src/views/flow/nodes/common/selectAreaNode.vue b/src/views/flow/nodes/common/selectAreaNode.vue
deleted file mode 100644
index 27be9eb..0000000
--- a/src/views/flow/nodes/common/selectAreaNode.vue
+++ /dev/null
@@ -1,128 +0,0 @@
-<!--
- * 文件说明：节点分组容器并展示成员数量。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="group__container">
-    <NodeTitle
-      :icon="group"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties?.name || '分组'"
-      nodeType="selectArea"
-      nodeDesc="组织相关流程节点"
-      @setNodeName="setNodeName"
-    />
-    <div class="group-summary">
-      <span>分组区域</span>
-      <span class="group-summary__count">{{ props.childCount || 0 }} 个节点</span>
-    </div>
-    <div class="child__container">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script setup>
-import { onMounted } from 'vue';
-import NodeTitle from '../../components/NodeTitle.vue'
-import group from '../../icon/group.svg'
-
-const props = defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  nowTime: Number,
-  childCount: Number,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, { ...properties, name });
-  emits("contentChange");
-};
-
-onMounted(() => {
-  if (props.properties?.action !== "NONE") {
-    lf.setProperties(props.model.id, { ...props.properties, action: "NONE" });
-  }
-})
-
-</script>
-<style lang="scss" scoped>
-.group__container {
-    width: 100%;
-    height: 100%;
-    background: rgba(255, 255, 255, 0.96);
-    padding: 16px;
-    cursor: default;
-    border-radius: 8px;
-    border: 1px solid #b8c5d8;
-    box-shadow: none;
-    display: flex;
-    flex-direction: column;
-    position: relative;
-    box-sizing: border-box;
-    overflow: hidden;
-    transition: border-color 0.18s ease, box-shadow 0.18s ease;
-
-    &::before {
-        content: "";
-        width: 5px;
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        background: #64748b;
-    }
-
-    &:hover {
-        border-color: #8fa0b8;
-        box-shadow: 0 8px 24px rgba(31, 41, 55, 0.08);
-    }
-
-    .title {
-        height: 40px;
-    }
-
-    .group-summary {
-        display: flex;
-        height: 30px;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: 4px;
-        color: #475569;
-        font-size: 13px;
-        font-weight: 600;
-    }
-
-    .group-summary__count {
-        padding: 2px 8px;
-        border: 1px solid #d9e0ea;
-        border-radius: 4px;
-        background: #f8fafc;
-        color: #64748b;
-        font-size: 12px;
-        font-weight: 400;
-    }
-
-    .child__container {
-        min-height: 80px;
-        flex: 1;
-        background-color: #f6f8fb;
-        background-image: radial-gradient(#d6dde8 0.7px, transparent 0.7px);
-        background-size: 16px 16px;
-        border: 1px dashed #aeb9c9;
-        border-radius: 6px;
-    }
-
-    .el-row {
-        align-items: end;
-      }
-}
-</style>
diff --git a/src/views/flow/nodes/common/serviceNode.vue b/src/views/flow/nodes/common/serviceNode.vue
deleted file mode 100644
index b8cc687..0000000
--- a/src/views/flow/nodes/common/serviceNode.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-<!--
- * 文件说明：通用服务节点并响应运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <div v-if="nodeOperatingStatus != 'FAILED'">
-          <JsonViewer
-            v-if="!['img', 'video', 'audio'].includes(props.properties.outputType)"
-            :value="outputJsonData"
-            copyable
-            boxed
-            sort
-            theme="light"
-          />
-          <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-          />
-          <IPlayer
-            v-if="props.properties.outputType === 'video'"
-            v-for="item in outputJsonData.videoUrl"
-            :videoUrl="item"
-          />
-          <audio
-            v-for="item in audioUrls"
-            :key="item"
-            class="node-audio-player"
-            :src="item"
-            controls
-            preload="metadata"
-          />
-        </div>
-        <div v-else>{{ errorInfoData }}</div>
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeType="props.properties.nodeType || 'NONE'"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-    <!-- @zoom="zoom" -->
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-const errorInfoData = ref('');
-
-const audioUrls = computed(() => {
-  const value = outputJsonData.value?.audioUrl;
-  if (Array.isArray(value)) return value.filter(Boolean);
-  if (typeof value === "string" && value) return [value];
-  return [];
-});
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      errorInfoData.value = data?.message || ''
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-defineExpose({ closePopover })
-
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-
-.node-audio-player {
-  width: min(320px, 100%);
-  height: 36px;
-}
-</style>
diff --git a/src/views/flow/nodes/common/startNode.vue b/src/views/flow/nodes/common/startNode.vue
deleted file mode 100644
index a88f2e4..0000000
--- a/src/views/flow/nodes/common/startNode.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-<!--
- * 文件说明：流程入口节点并响应运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <keep-alive>
-      <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-        <template #input>
-          <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-        </template>
-        <!-- <template #output>
-        <JsonViewer :value="outputJsonData" copyable boxed sort theme="light" />
-      </template> -->
-      </NodeState>
-    </keep-alive>
-    <div class="terminal-node">
-      <div class="terminal-node__icon"><img src="../../icon/start.svg" alt="" /></div>
-      <div class="terminal-node__content">
-        <div class="terminal-node__title">流程开始</div>
-        <div class="terminal-node__description">接收流程输入并启动工作流</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-const emits = defineEmits(["contentChange"]);
-
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-
-defineExpose({ closePopover })
-
-</script>
diff --git a/src/views/flow/nodes/function/actionQueue.vue b/src/views/flow/nodes/function/actionQueue.vue
deleted file mode 100644
index c711e3b..0000000
--- a/src/views/flow/nodes/function/actionQueue.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-  <div class="action-queue-node">
-    <ServiceNode ref="serviceNodeRef" v-bind="props" @content-change="$emit('contentChange')" />
-    <div class="action-queue-node__summary">{{ stepCount }} 个步骤</div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref } from 'vue'
-import ServiceNode from '../common/serviceNode.vue'
-
-const props = defineProps({ model: Object, properties: Object })
-defineEmits(['contentChange'])
-const serviceNodeRef = ref()
-const stepCount = computed(() => {
-  const steps = props.properties?.nodeParams?.find((item) => item.name === 'steps')?.input
-  return Array.isArray(steps) ? steps.length : 0
-})
-const closePopover = () => serviceNodeRef.value?.closePopover?.()
-defineExpose({ closePopover })
-</script>
-
-<style scoped>
-.action-queue-node__summary { margin-top: 7px; color: #667085; font-size: 11px; line-height: 16px; }
-</style>
diff --git a/src/views/flow/nodes/function/codeNode.vue b/src/views/flow/nodes/function/codeNode.vue
deleted file mode 100644
index 63e3112..0000000
--- a/src/views/flow/nodes/function/codeNode.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<!--
- * 文件说明：代码执行节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <div v-if="nodeOperatingStatus != 'FAILED'">
-          <JsonViewer
-            v-if="!['img', 'video'].includes(props.properties.outputType)"
-            :value="outputJsonData"
-            copyable
-            boxed
-            sort
-            theme="light"
-          />
-          <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-          />
-          <IPlayer
-            v-if="props.properties.outputType === 'video'"
-            v-for="item in outputJsonData.videoUrl"
-            :videoUrl="item"
-          />
-        </div>
-        <div v-else>{{ errorInfoData }}</div>
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeType="props.properties.nodeType || 'NONE'"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-const errorInfoData = ref('');
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      errorInfoData.value = data?.message || ''
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-})
-
-defineExpose({ closePopover })
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-</style>
diff --git a/src/views/flow/nodes/function/currentLoop.vue b/src/views/flow/nodes/function/currentLoop.vue
deleted file mode 100644
index 4299bcc..0000000
--- a/src/views/flow/nodes/function/currentLoop.vue
+++ /dev/null
@@ -1,262 +0,0 @@
-<!--
- * 文件说明：当前循环上下文节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <JsonViewer v-if="!['img', 'video'].includes(props.properties.outputType)" :value="outputJsonData" copyable boxed sort theme="light" />
-        <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-        />
-        <IPlayer v-if="props.properties.outputType === 'video'" v-for="item in outputJsonData.videoUrl" :videoUrl="item" />
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, reactive, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-defineExpose({ closePopover })
-
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-
-  .input__container {
-    width: 100%;
-    background-color: #fafbfc;
-    padding: 0 16px;
-    border-radius: 8px;
-    box-sizing: border-box;
-
-    .title {
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        align-items: center;
-
-        .tag {
-          width: 3px;
-          height: 16px;
-          background: #1664ff;
-          border-radius: 0 4px 4px 0;
-          margin-right: 12px;
-        }
-
-        .text {
-          font-size: 16px;
-          font-weight: 700;
-          color: #0c0d0e;
-        }
-      }
-
-      .right {
-        .addFormItem {
-          border: none;
-          background: transparent;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .form__container {
-      margin: 12px 0;
-
-      .sub-properties {
-        margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-          &::before {
-            content: "";
-            position: absolute;
-            left: 0;
-            top: -4px;
-            width: 10px;
-            border-left: 1px solid gray;
-            border-bottom: 1px solid gray;
-            border-bottom-left-radius: 4px;
-            background-color: transparent;
-            height: 24px;
-          }
-        }
-      }
-
-      .gSon-properties {
-        margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-          &::before {
-            content: "";
-            position: absolute;
-            left: 0;
-            top: -4px;
-            width: 10px;
-            border-left: 1px solid gray;
-            border-bottom: 1px solid gray;
-            border-bottom-left-radius: 4px;
-            background-color: transparent;
-            height: 24px;
-          }
-        }
-      }
-    }
-  }
-
-  .output__container {
-    width: 100%;
-    background-color: #fafbfc;
-    padding: 0 16px;
-    border-radius: 8px;
-    box-sizing: border-box;
-
-    .title {
-      height: 32px;
-      display: flex;
-      align-items: center;
-
-      .tag {
-        width: 3px;
-        height: 16px;
-        background: #1664ff;
-        border-radius: 0 4px 4px 0;
-        margin-right: 12px;
-      }
-
-      .text {
-        font-size: 16px;
-        font-weight: 700;
-        color: #0c0d0e;
-      }
-    }
-
-    .form__container {
-      margin: 12px 0;
-    }
-  }
-
-  :deep(.el-row) {
-    align-items: end;
-    
-    .el-input {
-        --el-input-width: 170px;
-    }
-
-    .el-select {
-        --el-select-width: 170px;
-    }
-
-    .el-cascader {
-    --el-form-inline-content-width: 170px;
-    }
-    }
-}
-</style>
diff --git a/src/views/flow/nodes/function/deviceUniversal.vue b/src/views/flow/nodes/function/deviceUniversal.vue
deleted file mode 100644
index d10473c..0000000
--- a/src/views/flow/nodes/function/deviceUniversal.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<!--
- * 文件说明：通用设备执行节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <div v-if="nodeOperatingStatus != 'FAILED'">
-          <JsonViewer
-            v-if="!['img', 'video'].includes(props.properties.outputType)"
-            :value="outputJsonData"
-            copyable
-            boxed
-            sort
-            theme="light"
-          />
-          <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-          />
-          <IPlayer
-            v-if="props.properties.outputType === 'video'"
-            v-for="item in outputJsonData.videoUrl"
-            :videoUrl="item"
-          />
-        </div>
-        <div v-else>{{ errorInfoData }}</div>
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeType="props.properties.nodeType || 'NONE'"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import { useFlowEvents } from "../../composables/useFlowEvents.js";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-const errorInfoData = ref('');
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      errorInfoData.value = data?.message || ''
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-})
-
-defineExpose({ closePopover })
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-</style>
diff --git a/src/views/flow/nodes/function/httpNode.vue b/src/views/flow/nodes/function/httpNode.vue
deleted file mode 100644
index f58bd26..0000000
--- a/src/views/flow/nodes/function/httpNode.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-<!--
- * 文件说明：HTTP 请求执行节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <div v-if="nodeOperatingStatus != 'FAILED'">
-          <JsonViewer
-            v-if="!['img', 'video'].includes(props.properties.outputType)"
-            :value="outputJsonData"
-            copyable
-            boxed
-            sort
-            theme="light"
-          />
-          <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-          />
-          <IPlayer
-            v-if="props.properties.outputType === 'video'"
-            v-for="item in outputJsonData.videoUrl"
-            :videoUrl="item"
-          />
-        </div>
-        <div v-else>{{ errorInfoData }}</div>
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeType="props.properties.nodeType || 'NONE'"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-const errorInfoData = ref('');
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      errorInfoData.value = data?.message || ''
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-defineExpose({ closePopover })
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-</style>
diff --git a/src/views/flow/nodes/function/loop.vue b/src/views/flow/nodes/function/loop.vue
deleted file mode 100644
index 702416b..0000000
--- a/src/views/flow/nodes/function/loop.vue
+++ /dev/null
@@ -1,265 +0,0 @@
-<!--
- * 文件说明：循环容器节点，管理循环体节点拖入和布局。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div
-    class="group__container"
-    :class="[props.model.id, { 'group__container--dragover': isDragOver }]"
-    @dragenter.prevent="isDragOver = true"
-    @dragleave="handleDragleave"
-  >
-    <NodeTitle
-      :icon="loop"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties?.name || '循环'"
-      nodeDesc="循环执行一系列任务，直至输出所有结果"
-      :showZoom="false"
-      @setNodeName="setNodeName"
-    />
-    <div class="loop-body-title">
-      <span>循环体</span>
-      <div class="loop-body-actions">
-        <span class="loop-body-count">{{ actualChildCount }} 个节点</span>
-        <NodeState
-          ref="nodeStateRef"
-          :state="nodeOperatingStatus"
-          :runtimes="runtimes"
-          :popover-width="720"
-          popper-class="flow-result-popover flow-loop-result-popover"
-        >
-          <template #input>
-            <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-          </template>
-          <template #output>
-            <LoopIterationResults :history="iterationHistory" />
-          </template>
-        </NodeState>
-      </div>
-    </div>
-    <div
-      class="child__container"
-      @drop="handleDrop"
-      @dragover="handleDragover"
-    >
-      <slot></slot>
-    </div>
-  </div>
-</template>
-<script setup>
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import LoopIterationResults from "../../components/LoopIterationResults.vue";
-import loop from "../../icon/loop.svg";
-import { emitter } from "@/utils/eventBus";
-import { computed, onMounted, ref } from "vue";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import "vue3-json-viewer/dist/index.css";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  nowTime: Number,
-  childCount: Number,
-});
-
-
-const emits = defineEmits(["bindRef", "addToGroup", "contentChange"]);
-const isDragOver = ref(false);
-const actualChildCount = computed(() => props.childCount ?? props.model?.children?.size ?? 0);
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-const nodeStateRef = ref(null);
-const iterationHistory = computed(() => Array.isArray(outputJsonData.value?.iterationHistory)
-  ? outputJsonData.value.iterationHistory
-  : []);
-
-const parseRuntimeValue = (value) => {
-  if (!value) return {};
-  if (typeof value === "object") return value;
-  try {
-    return JSON.parse(value) || {};
-  } catch {
-    return {};
-  }
-};
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (String(data?.nodeId || "") !== String(props.model.id)) return;
-    nodeOperatingStatus.value = data.status || "NORMAL";
-    if (data.endTime && data.startTime) runtimes.value = data.endTime - data.startTime;
-    inputJsonData.value = parseRuntimeValue(data.paramsIn);
-    outputJsonData.value = parseRuntimeValue(data.paramsOut);
-    emits("contentChange");
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (String(data?.id || "") !== String(props.model.id)) return;
-    nodeOperatingStatus.value = "NORMAL";
-    inputJsonData.value = {};
-    outputJsonData.value = {};
-  });
-});
-
-/**
- * 处理 handleDragover 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const handleDragover = (e) => {
-  e.preventDefault();
-  isDragOver.value = true;
-};
-
-/**
- * 处理 handleDragleave 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const handleDragleave = (e) => {
-  if (!e.currentTarget.contains(e.relatedTarget)) isDragOver.value = false;
-};
-
-/**
- * 处理 handleDrop 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} e 触发操作的浏览器事件
- */
-const handleDrop = (e) => {
-  e.preventDefault();
-  e.stopPropagation();
-  isDragOver.value = false;
-
-  let flowNode = e.dataTransfer.getData("flowNode");
-  if (!flowNode) return;
-  flowNode = JSON.parse(flowNode);
-  if (["start", "end", "loop", "selectArea"].includes(flowNode.type)) return;
-  const point = lf.getPointByClient(e.clientX, e.clientY);
-  const { type, ...other } = flowNode;
-  const node = lf.addNode({
-    type,
-    x: point.canvasOverlayPosition.x,
-    y: point.canvasOverlayPosition.y,
-    properties: {
-      parentId: props.model.id,
-      ...other,
-    },
-  });
-  if (
-    !["selectArea", "branch", "stopLoop", "subStart", "subEnd"].includes(node.type)
-  ) {
-    emitter.emit("openParamsDrawer", node);
-  }
-
-  lf.addToGroup(props.model.id, node.id, point.canvasOverlayPosition);
-};
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-</script>
-<style lang="scss" scoped>
-.group__container {
-  width: 100%;
-  height: 100%;
-  background: #fff;
-  padding: 16px;
-  box-sizing: border-box;
-  cursor: default;
-  border-radius: 8px;
-  border: 1px solid #cfd7e6;
-  box-shadow: none;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  overflow: hidden;
-  transition: border-color 0.18s ease, box-shadow 0.18s ease;
-
-  &:hover { border-color: #aeb9c9; }
-
-  &::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 5px;
-    height: 100%;
-    border-radius: 8px 0 0 8px;
-    background: #ff6b35;
-  }
-
-  &--dragover {
-    border-color: #ff6b35;
-    box-shadow: inset 0 0 0 2px rgba(255, 107, 53, 0.14);
-  }
-
-  .title {
-    height: 40px;
-  }
-
-  .loop-body-title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: 30px;
-    margin-top: 4px;
-    color: #344054;
-    font-size: 13px;
-    font-weight: 600;
-  }
-
-  .loop-body-count {
-    padding: 2px 8px;
-    color: #667085;
-    border: 1px solid #dfe4ec;
-    background: #f8fafc;
-    border-radius: 4px;
-    font-size: 12px;
-    font-weight: 400;
-  }
-
-  .loop-body-actions {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-
-  .loop-body-actions :deep(.node-state) {
-    min-height: 28px;
-    margin: 0;
-    padding: 2px 5px 2px 7px;
-  }
-
-  .child__container {
-    min-height: 300px;
-    flex: 1;
-    background-color: #f7f9fc;
-    border: 1px dashed #aeb9c9;
-    border-radius: 6px;
-    transition: background-color 0.18s ease, border-color 0.18s ease;
-  }
-
-  &--dragover .child__container {
-    background-color: #fff8f3;
-    border-color: #ff6b35;
-  }
-
-  .el-row {
-    align-items: end;
-  }
-}
-</style>
diff --git a/src/views/flow/nodes/function/recognize.vue b/src/views/flow/nodes/function/recognize.vue
deleted file mode 100644
index e9f4279..0000000
--- a/src/views/flow/nodes/function/recognize.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<!--
- * 文件说明：识别执行节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <JsonViewer v-if="!['img', 'video'].includes(props.properties.outputType)" :value="outputJsonData" copyable boxed sort theme="light" />
-        <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-        />
-        <IPlayer v-if="props.properties.outputType === 'video'" v-for="item in outputJsonData.videoUrl" :videoUrl="item" />
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties.name"
-      :nodeType="props.properties.nodeType || 'NONE'"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-defineExpose({ closePopover })
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-</style>
diff --git a/src/views/flow/nodes/function/sdAgent.vue b/src/views/flow/nodes/function/sdAgent.vue
deleted file mode 100644
index 458ee6c..0000000
--- a/src/views/flow/nodes/function/sdAgent.vue
+++ /dev/null
@@ -1,130 +0,0 @@
-<!--
- * 文件说明：智能体执行节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <JsonViewer v-if="!['img', 'video'].includes(props.properties.outputType)" :value="outputJsonData" copyable boxed sort theme="light" />
-        <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-        />
-        <IPlayer v-if="props.properties.outputType === 'video'" v-for="item in outputJsonData.videoUrl" :videoUrl="item" />
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties.name"
-      :nodeType="props.properties.nodeType || 'NONE'"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-defineExpose({ closePopover })
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-</style>
diff --git a/src/views/flow/nodes/function/sleep.vue b/src/views/flow/nodes/function/sleep.vue
deleted file mode 100644
index 37c5f44..0000000
--- a/src/views/flow/nodes/function/sleep.vue
+++ /dev/null
@@ -1,129 +0,0 @@
-<!--
- * 文件说明：延时等待节点并展示运行状态。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <JsonViewer v-if="!['img', 'video'].includes(props.properties.outputType)" :value="outputJsonData" copyable boxed sort theme="light" />
-        <el-image
-            v-if="props.properties.outputType === 'img'"
-            v-for="item in outputJsonData.imageUrl"
-            style="width: 60px; height: 60px"
-            :src="item"
-            :preview-src-list="outputJsonData.imageUrl"
-            :preview-teleported="true"
-            show-progress
-            fit="fill"
-        />
-        <IPlayer v-if="props.properties.outputType === 'video'" v-for="item in outputJsonData.videoUrl" :videoUrl="item" />
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties.name"
-      :nodeDesc="props.properties.desc"
-      @setNodeName="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import "vue3-json-viewer/dist/index.css";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-import IPlayer from "@/components/IPlayer/index.vue";
-
-const { onFlowEvent } = useFlowEvents();
-
-const props = defineProps({
-  model: Object,
-  properties: Object,
-});
-
-const emits = defineEmits(["contentChange"]);
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-  emits("contentChange");
-}
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-
-const nodeStateRef = ref(null);
-
-/**
- * 关闭 closePopover 对应的数据或交互；作用范围仅限当前组件或模块。
- */
-const closePopover = () => {
-  if (nodeStateRef.value) {
-    nodeStateRef.value.closePopover();
-  }
-}
-
-onMounted(() => {
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId === props.model.id) {
-      nodeOperatingStatus.value = data.status;
-      if (data.endTime && data.startTime) {
-        runtimes.value = data.endTime - data.startTime;
-      }
-      let inputData = {};
-      let output = {};
-      try {
-        inputData = JSON.parse(data.paramsIn) || {};
-        output = JSON.parse(data.paramsOut) || {};
-      } catch (error) {
-        inputData = data.paramsIn || {};
-        output = data.paramsOut || {};
-      }
-      inputJsonData.value = inputData;
-      outputJsonData.value = output;
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id === props.model.id) {
-      nodeOperatingStatus.value = "NORMAL";
-      inputJsonData.value = {};
-      outputJsonData.value = {};
-      emits("contentChange");
-    }
-  });
-
-  onFlowEvent("setProperties", (data) => {
-    if (data.id === props.model.id) {
-      emits("contentChange");
-    }
-  });
-});
-
-defineExpose({ closePopover })
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  height: auto;
-}
-</style>
diff --git a/src/views/flow/nodes/function/stopLoop.vue b/src/views/flow/nodes/function/stopLoop.vue
deleted file mode 100644
index e2f57c9..0000000
--- a/src/views/flow/nodes/function/stopLoop.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<!--
- * 文件说明：终止循环节点，用于结束当前循环。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container" >
-  <!-- 状态栏 -->
-    <NodeTitle :icon="stopLoop" :nodeId="props.model.id" :nodeProperties="props.properties" :nodeName="props.properties?.name || '结束循环'" nodeDesc="用于立即终止当前所在的循环，跳出循环体" @setNodeName="setNodeName" />
-  </div>
-</template>
-
-<script setup>
-import NodeTitle from '../../components/NodeTitle.vue'
-import stopLoop from '../../icon/stopLoop.svg'
-
-const props = defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  text: String,
-});
-
-/**
- * 设置 setNodeName 对应的数据或交互；作用范围仅限当前组件或模块。
- * @param {*} name 名称或事件名称
- */
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id);
-  lf.setProperties(props.model.id, {
-    ...properties,
-    name
-  });
-}
-
-</script>
-
-<style lang="scss" scoped>
-@keyframes rotateAnimation {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.node__container {
-  width: 300px;
-  height: auto;
-  background: #fff;
-  padding: 12px;
-  cursor: default;
-  border-radius: 12px;
-  border: 2px solid white;
-  box-shadow: 0 5px 15px 0#00000008;
-  position: relative;
-
-  .title__container {
-    .title {
-      display: flex;
-      align-items: center;
-
-      img {
-        width: 24px;
-        height: 24px;
-      }
-
-      .text {
-        font-size: 16px;
-        font-weight: bold;
-        margin-left: 12px;
-      }
-    }
-
-    .subTitle {
-      color: #737a87;
-      font-size: 12px;
-      margin: 8px 0;
-    }
-    
-  }
-
-  .input__container {
-    width: 100%;
-    background-color: #fafbfc;
-    padding: 0 16px;
-    border-radius: 8px;
-    box-sizing: border-box;
-
-    .title {
-      height: 32px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-
-      .left {
-        display: flex;
-        align-items: center;
-
-        .tag {
-          width: 3px;
-          height: 16px;
-          background: #1664ff;
-          border-radius: 0 4px 4px 0;
-          margin-right: 12px;
-        }
-
-        .text {
-          font-size: 16px;
-          font-weight: 700;
-          color: #0c0d0e;
-        }
-      }
-
-      .right {
-        .addFormItem {
-          border: none;
-          background: transparent;
-          cursor: pointer;
-        }
-      }
-    }
-
-    .form__container {
-      margin: 12px 0;
-
-      .sub-properties {
-        margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-            &::before {
-              content: "";
-              position: absolute;
-              left: 0;
-              top: -4px;
-              width: 10px;
-              border-left: 1px solid gray;
-              border-bottom: 1px solid gray;
-              border-bottom-left-radius: 4px;
-              background-color: transparent;
-              height: 24px;
-            }
-          }
-      }
-
-      .gSon-properties {
-         margin-left: 10px;
-        .zw {
-          margin-left: 15px;
-            &::before {
-              content: "";
-              position: absolute;
-              left: 0;
-              top: -4px;
-              width: 10px;
-              border-left: 1px solid gray;
-              border-bottom: 1px solid gray;
-              border-bottom-left-radius: 4px;
-              background-color: transparent;
-              height: 24px;
-            }
-          }
-      }
-
-      .deleteBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-      }
-
-      .addBtn {
-        margin-bottom: 22px;
-        cursor: pointer;
-      }
-
-      .el-row {
-        align-items: end;
-      }
-
-      .el-input {
-        --el-input-width: 170px;
-      }
-
-      .el-select {
-        --el-select-width: 170px;
-      }
-    }
-  }
-}
-</style>
-
-<style lang="scss">
-.popover__container {
-  min-width: 300px !important;
-
-  .params__container {
-    margin-bottom: 12px;
-
-    .paramsTitle {
-      color: #0c0d0e;
-      font-size: 14px;
-      font-weight: 500;
-    }
-  }
-}
-</style>
diff --git a/src/views/flow/nodes/function/subEnd.vue b/src/views/flow/nodes/function/subEnd.vue
deleted file mode 100644
index 29b57df..0000000
--- a/src/views/flow/nodes/function/subEnd.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!--
- * 文件说明：循环体单次执行出口节点。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container">
-    <div class="terminal-node">
-      <div class="terminal-node__icon"><img src="../../icon/end.svg" alt="" /></div>
-      <div class="terminal-node__content">
-        <div class="terminal-node__title">单次循环结束</div>
-        <div class="terminal-node__description">结束循环体内的本次执行</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-defineProps({ model: Object, graphModel: Object, properties: Object });
-</script>
diff --git a/src/views/flow/nodes/function/subFlow.vue b/src/views/flow/nodes/function/subFlow.vue
deleted file mode 100644
index 546c8f8..0000000
--- a/src/views/flow/nodes/function/subFlow.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-  <div class="node__container" :class="props.model.id">
-    <NodeState
-      ref="nodeStateRef"
-      :state="nodeOperatingStatus"
-      :runtimes="runtimes"
-      :popover-width="760"
-      popper-class="flow-result-popover flow-subflow-result-popover"
-    >
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <SubFlowExecutionResults v-if="nodeOperatingStatus !== 'FAILED'" :data="subFlowExecution" />
-        <div v-else class="subflow-error">{{ errorInfoData }}</div>
-      </template>
-    </NodeState>
-    <NodeTitle
-      :icon="props.properties.icon"
-      :node-id="props.model.id"
-      :node-properties="props.properties"
-      :node-type="props.properties.nodeType || 'NONE'"
-      :node-name="props.properties.name"
-      :node-desc="props.properties.desc"
-      @set-node-name="setNodeName"
-    />
-  </div>
-</template>
-
-<script setup>
-import { computed, onMounted, ref } from 'vue'
-import NodeState from '../../components/NodeState.vue'
-import NodeTitle from '../../components/NodeTitle.vue'
-import SubFlowExecutionResults from '../../components/SubFlowExecutionResults.vue'
-import { useFlowEvents } from '../../composables/useFlowEvents'
-
-const props = defineProps({ model: Object, properties: Object })
-const emits = defineEmits(['contentChange'])
-const { onFlowEvent } = useFlowEvents()
-const nodeStateRef = ref(null)
-const nodeOperatingStatus = ref('NORMAL')
-const runtimes = ref(0)
-const inputJsonData = ref({})
-const outputJsonData = ref({})
-const errorInfoData = ref('')
-const subFlowExecution = computed(() => outputJsonData.value?.subFlowExecution || {
-  name: props.properties?.subFlow?.detectName || props.properties?.name,
-  versionNo: props.properties?.subFlow?.versionNo,
-  output: outputJsonData.value,
-  executions: [],
-})
-
-const parseValue = (value) => {
-  if (!value) return {}
-  if (typeof value === 'object') return value
-  try { return JSON.parse(value) || {} } catch { return value }
-}
-
-const setNodeName = (name) => {
-  const properties = lf.getProperties(props.model.id)
-  lf.setProperties(props.model.id, { ...properties, name })
-  emits('contentChange')
-}
-
-onMounted(() => {
-  onFlowEvent('changeNodeState', (data) => {
-    if (data.nodeId !== props.model.id) return
-    nodeOperatingStatus.value = data.status
-    runtimes.value = data.endTime && data.startTime ? data.endTime - data.startTime : 0
-    inputJsonData.value = parseValue(data.paramsIn)
-    outputJsonData.value = parseValue(data.paramsOut)
-    errorInfoData.value = data?.message || ''
-    emits('contentChange')
-  })
-  onFlowEvent('contentChange', (data) => {
-    if (data.id !== props.model.id) return
-    nodeOperatingStatus.value = 'NORMAL'
-    inputJsonData.value = {}
-    outputJsonData.value = {}
-    emits('contentChange')
-  })
-})
-
-defineExpose({ closePopover: () => nodeStateRef.value?.closePopover?.() })
-</script>
-
-<style scoped lang="scss">
-.node__container { width: 100%; height: auto; }
-.subflow-error { color: var(--el-color-danger); line-height: 20px; overflow-wrap: anywhere; }
-</style>
-
-<style lang="scss">
-.flow-subflow-result-popover {
-  max-width: min(760px, calc(100vw - 32px));
-  .result-section__content { max-height: 560px; }
-}
-</style>
diff --git a/src/views/flow/nodes/function/subStart.vue b/src/views/flow/nodes/function/subStart.vue
deleted file mode 100644
index 0675d52..0000000
--- a/src/views/flow/nodes/function/subStart.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<!--
- * 文件说明：循环体单次执行入口节点。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div class="node__container">
-    <div class="terminal-node">
-      <div class="terminal-node__icon"><img src="../../icon/start.svg" alt="" /></div>
-      <div class="terminal-node__content">
-        <div class="terminal-node__title">单次循环开始</div>
-        <div class="terminal-node__description">开始循环体内的一次执行</div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-defineProps({ model: Object, graphModel: Object, properties: Object });
-</script>
diff --git a/src/views/flow/nodes/function/switch.vue b/src/views/flow/nodes/function/switch.vue
deleted file mode 100644
index 8d63bb2..0000000
--- a/src/views/flow/nodes/function/switch.vue
+++ /dev/null
@@ -1,319 +0,0 @@
-<!--
- * 文件说明：条件分支节点，展示已保存的条件摘要并同步每个条件对应的画布锚点。
- * 作用范围：仅服务于流程设计器模块；条件编辑由 SwitchNodeParams 组件独立负责。
- -->
-<template>
-  <div class="node__container" ref="switchRef">
-    <NodeState :state="nodeOperatingStatus" :runtimes="runtimes" ref="nodeStateRef">
-      <template #input>
-        <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
-      </template>
-      <template #output>
-        <div v-if="nodeOperatingStatus !== 'FAILED'">
-          <JsonViewer :value="outputJsonData" copyable boxed sort theme="light" />
-        </div>
-        <div v-else>{{ errorInfoData }}</div>
-      </template>
-    </NodeState>
-
-    <NodeTitle
-      :icon="switchSvg"
-      :nodeId="props.model.id"
-      :nodeProperties="props.properties"
-      :nodeName="props.properties?.name || '分支'"
-      nodeDesc="双击节点配置分支条件；流程将按顺序匹配条件，并只运行首个匹配条件对应的分支"
-      @setNodeName="setNodeName"
-    />
-
-    <div class="condition-summary">
-      <div class="condition-summary__title">
-        <span>分支条件</span>
-        <span class="condition-summary__count">{{ conditions.length }} 个</span>
-      </div>
-
-      <div
-        v-for="(condition, index) in conditions"
-        :id="condition.id"
-        :key="condition.id"
-        :data-branch-anchor-id="condition.id"
-        class="condition-summary__item"
-      >
-        <span class="condition-summary__order">{{ condition.label || `条件 ${index + 1}` }}</span>
-        <span class="condition-summary__text">{{ conditionSummary(condition) }}</span>
-      </div>
-      <div
-        :id="`${props.model.id}_else`"
-        :data-branch-anchor-id="`${props.model.id}_else`"
-        class="condition-summary__item condition-summary__item--else"
-      >
-        <span class="condition-summary__order">Else</span>
-        <span class="condition-summary__text">以上条件均不满足时执行</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, nextTick, onMounted, onUnmounted, ref, watch } from "vue";
-import NodeTitle from "../../components/NodeTitle.vue";
-import NodeState from "../../components/NodeState.vue";
-import switchSvg from "../../icon/switch.svg";
-import { useFlowEvents } from "../../composables/useFlowEvents";
-
-const props = defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  nowTime: Number,
-});
-
-const emits = defineEmits(["contentChange", "syncAnchors"]);
-const { onFlowEvent } = useFlowEvents();
-const switchRef = ref(null);
-const nodeStateRef = ref(null);
-const conditions = computed(() => props.properties?.nodeParams || props.properties?.conditions || []);
-
-const nodeOperatingStatus = ref("NORMAL");
-const runtimes = ref(0);
-const inputJsonData = ref({});
-const outputJsonData = ref({});
-const errorInfoData = ref("");
-let anchorSyncFrame = null;
-let resizeObserver = null;
-
-const conditionTextMap = {
-  equal: "等于",
-  notEqualTo: "不等于",
-  null: "为空",
-  notNull: "不为空",
-  include: "包含",
-  notInclude: "不包含",
-  greaterThan: "大于",
-  greaterThanOrEqual: "大于等于",
-  lessThan: "小于",
-  lessThanOrEqual: "小于等于",
-};
-
-/**
- * 生成画布卡片中的完整条件说明，多个判断项按配置的 AND/OR 关系连接。
- * @param {object} condition 当前条件组
- * @returns {string} 可直接展示的条件表达式
- */
-const conditionSummary = (condition) => {
-  if (!condition.list?.length) return "未配置判断";
-  const relation = condition.withOr === "or" ? " OR " : " AND ";
-  return condition.list.map((item) => {
-    const left = item.nameType === "quote"
-      ? formatQuote(item.nameQuote)
-      : String(item.name || "未填写变量");
-    const operator = conditionTextMap[item.condition] || "未选择判断";
-    if (["null", "notNull"].includes(item.condition)) return `${left} ${operator}`;
-    const right = item.type === "quote"
-      ? formatQuote(item.quote)
-      : String(item.input ?? "未填写比较值");
-    return `${left} ${operator} ${right}`;
-  }).join(relation);
-};
-
-/**
- * 将级联引用路径格式化为易读文本。
- * @param {string|string[]} quote 引用路径
- * @returns {string} 点号连接的引用名称
- */
-const formatQuote = (quote) => {
-  const path = Array.isArray(quote)
-    ? quote.filter(Boolean)
-    : String(quote || "").split(".").filter(Boolean);
-  if (!path.length) return "未选择引用";
-
-  const [nodeId, direction, ...fieldPath] = path;
-  const graphNode = window.lf?.getGraphData().nodes.find((node) => node.id === nodeId);
-  const nodeName = graphNode?.properties?.name || graphNode?.name || nodeId;
-  const directionName = direction === "input"
-    ? "输入"
-    : direction === "output" ? "输出" : direction;
-  return [nodeName, directionName, ...fieldPath].filter(Boolean).join(".");
-};
-
-/**
- * 根据摘要项的实际纵向中心同步分支锚点；范围仅限当前分支节点。
- */
-const syncAnchorPositions = () => {
-  const root = switchRef.value;
-  if (!root) return;
-  // Handle 的 top 相对于 FlowNode 外壳定位，不能使用 switch 根元素作为坐标原点。
-  // 外层卡片存在 padding；若以 rootRect.top 计算，所有锚点都会统一向上偏移。
-  const positioningParent = root.closest(".flow-node-shell");
-  if (!positioningParent) return;
-  const parentRect = positioningParent.getBoundingClientRect();
-  const scale = positioningParent.offsetWidth > 0
-    ? parentRect.width / positioningParent.offsetWidth
-    : 1;
-  const positions = [...root.querySelectorAll("[data-branch-anchor-id]")].map((element) => {
-    const rect = element.getBoundingClientRect();
-    return {
-      id: element.dataset.branchAnchorId,
-      height: Math.round(((rect.top - parentRect.top + rect.height / 2) / scale) * 100) / 100,
-    };
-  });
-  emits("syncAnchors", positions);
-};
-
-/**
- * 将同一帧内的多次尺寸变化合并为一次锚点同步；范围仅限当前分支节点。
- */
-const scheduleAnchorSync = () => {
-  if (anchorSyncFrame !== null) cancelAnimationFrame(anchorSyncFrame);
-  anchorSyncFrame = requestAnimationFrame(() => {
-    anchorSyncFrame = null;
-    syncAnchorPositions();
-  });
-};
-
-/**
- * 保存节点名称；范围仅限当前分支节点。
- * @param {string} name 新的节点名称
- */
-const setNodeName = (name) => {
-  const properties = window.lf.getProperties(props.model.id);
-  window.lf.setProperties(props.model.id, { ...properties, name });
-  emits("contentChange");
-};
-
-/**
- * 关闭节点运行状态浮层；范围仅限当前分支节点。
- */
-const closePopover = () => {
-  nodeStateRef.value?.closePopover();
-};
-
-watch(
-  () => conditions.value.map((condition) => condition.id),
-  () => nextTick(scheduleAnchorSync),
-  { immediate: true },
-);
-
-onMounted(() => {
-  nextTick(() => {
-    scheduleAnchorSync();
-    resizeObserver = new ResizeObserver(scheduleAnchorSync);
-    if (switchRef.value) resizeObserver.observe(switchRef.value);
-  });
-
-  onFlowEvent("changeNodeState", (data) => {
-    if (data.nodeId !== props.model.id) return;
-    nodeOperatingStatus.value = data.status;
-    if (data.endTime && data.startTime) runtimes.value = data.endTime - data.startTime;
-    errorInfoData.value = data?.message || "";
-    try {
-      inputJsonData.value = JSON.parse(data.paramsIn) || {};
-      outputJsonData.value = JSON.parse(data.paramsOut) || {};
-    } catch {
-      inputJsonData.value = data.paramsIn || {};
-      outputJsonData.value = data.paramsOut || {};
-    }
-    emits("contentChange");
-  });
-
-  onFlowEvent("contentChange", (data) => {
-    if (data.id !== props.model.id) return;
-    nodeOperatingStatus.value = "NORMAL";
-    inputJsonData.value = {};
-    outputJsonData.value = {};
-    emits("contentChange");
-  });
-});
-
-onUnmounted(() => {
-  resizeObserver?.disconnect();
-  if (anchorSyncFrame !== null) cancelAnimationFrame(anchorSyncFrame);
-});
-
-defineExpose({ closePopover });
-</script>
-
-<style lang="scss" scoped>
-.node__container {
-  width: 100%;
-  min-height: 180px;
-  padding: 16px;
-  border: 1px solid #dfe4ec;
-  border-left: 4px solid var(--node-accent, #b7791f);
-  border-radius: 8px;
-  background: #fff;
-  box-shadow: 0 8px 24px rgba(31, 41, 55, 0.09);
-  box-sizing: border-box;
-  cursor: default;
-}
-
-.condition-summary {
-  margin-top: 14px;
-  padding-top: 12px;
-  border-top: 1px solid #e8ebf0;
-}
-
-.condition-summary__title,
-.condition-summary__item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.condition-summary__title {
-  margin-bottom: 8px;
-  color: #344054;
-  font-size: 13px;
-  font-weight: 650;
-}
-
-.condition-summary__count {
-  color: #98a2b3;
-  font-size: 12px;
-  font-weight: 400;
-}
-
-.condition-summary__item {
-  min-height: 44px;
-  margin-top: 6px;
-  padding: 0 10px;
-  border: 1px solid #e4e8ef;
-  border-radius: 6px;
-  background: #f8fafc;
-  position: relative;
-
-  &::after {
-    content: "";
-    width: 17px;
-    position: absolute;
-    top: 50%;
-    right: -18px;
-    border-top: 1px solid var(--node-accent, #b7791f);
-    pointer-events: none;
-  }
-}
-
-.condition-summary__item--else {
-  background: #fffaf0;
-}
-
-.condition-summary__order {
-  width: 96px;
-  flex: 0 0 96px;
-  color: #3978c5;
-  font-size: 12px;
-  font-weight: 650;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.condition-summary__text {
-  flex: 1;
-  color: #7a8494;
-  font-size: 12px;
-  line-height: 18px;
-  overflow-wrap: anywhere;
-  text-align: right;
-  white-space: normal;
-}
-</style>
diff --git a/src/views/flow/vue-flow/FlowEdge.vue b/src/views/flow/vue-flow/FlowEdge.vue
deleted file mode 100644
index ca50187..0000000
--- a/src/views/flow/vue-flow/FlowEdge.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
- * 文件说明：Vue Flow 连线渲染组件，负责路径展示及选中状态下的删除操作。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <BaseEdge
-    :id="id"
-    :path="edgePath"
-    :marker-end="markerEnd"
-    :interaction-width="interactionWidth || 32"
-    :style="style"
-  />
-
-  <EdgeLabelRenderer v-if="selected && !flowStore.disableForm">
-    <div class="edge-delete-action nodrag nopan" :style="deleteActionStyle">
-      <el-tooltip content="删除连线" placement="top">
-        <button type="button" aria-label="删除连线" @click.stop="deleteEdge">
-          <el-icon><Delete /></el-icon>
-        </button>
-      </el-tooltip>
-    </div>
-  </EdgeLabelRenderer>
-</template>
-
-<script setup>
-import { computed } from "vue";
-import { BaseEdge, EdgeLabelRenderer, getBezierPath } from "@vue-flow/core";
-import { Delete } from "@element-plus/icons-vue";
-import { useFlowStore } from "@/store/modules/flow";
-
-defineOptions({ inheritAttrs: false });
-
-const props = defineProps({
-  id: String,
-  sourceX: Number,
-  sourceY: Number,
-  targetX: Number,
-  targetY: Number,
-  sourcePosition: String,
-  targetPosition: String,
-  markerEnd: String,
-  interactionWidth: Number,
-  selected: Boolean,
-  style: Object,
-});
-
-const flowStore = useFlowStore();
-const pathData = computed(() => getBezierPath({
-  sourceX: props.sourceX,
-  sourceY: props.sourceY,
-  sourcePosition: props.sourcePosition,
-  targetX: props.targetX,
-  targetY: props.targetY,
-  targetPosition: props.targetPosition,
-}));
-const edgePath = computed(() => pathData.value[0]);
-const deleteActionStyle = computed(() => ({
-  transform: `translate(-50%, -50%) translate(${pathData.value[1]}px, ${pathData.value[2]}px)`,
-}));
-
-/**
- * 删除与 edge 相关的状态或数据，该影响范围仅限当前组件。
- */
-const deleteEdge = () => {
-  window.lf?.deleteEdge(props.id);
-  window.lf?.clearSelectElements();
-};
-</script>
-
-<style scoped lang="scss">
-.edge-delete-action {
-  position: absolute;
-  z-index: 20;
-  pointer-events: all;
-
-  button {
-    display: grid;
-    width: 30px;
-    height: 30px;
-    padding: 0;
-    place-items: center;
-    border: 1px solid #efb8b4;
-    border-radius: 50%;
-    background: #fff;
-    color: #d93025;
-    cursor: pointer;
-    box-shadow: 0 4px 12px rgba(31, 41, 55, 0.2);
-
-    &:hover {
-      border-color: #d93025;
-      background: #fff1f0;
-    }
-  }
-}
-</style>
diff --git a/src/views/flow/vue-flow/FlowNode.vue b/src/views/flow/vue-flow/FlowNode.vue
deleted file mode 100644
index a44b597..0000000
--- a/src/views/flow/vue-flow/FlowNode.vue
+++ /dev/null
@@ -1,419 +0,0 @@
-<!--
- * 文件说明：Vue Flow 节点壳组件，负责锚点、连接规则、分支位置及分组交互适配。
- * 作用范围：仅服务于流程设计器模块。
- -->
-<template>
-  <div
-    class="flow-node-shell"
-    :class="[`flow-node-shell--${flowType}`, {
-      'flow-node-shell--selected': selected,
-      'flow-node-shell--queue-drop-active': queueDropActive,
-    }]"
-  >
-    <Handle
-      v-if="showTarget"
-      :id="targetHandleId"
-      type="target"
-      :position="Position.Left"
-      :connectable="connectable && !flowStore.disableForm"
-      :is-valid-connection="isValidLoopConnection"
-      class="flow-handle flow-handle--target"
-    />
-    <div class="flow-node-content" :class="{ 'flow-node-card': !isGroup }">
-      <component
-        :is="nodeComponent"
-        ref="componentRef"
-        :model="model"
-        :graph-model="model"
-        :properties="properties"
-        :child-count="isGroup ? childNodeCount : undefined"
-        @content-change="contentChanged"
-        @bind-ref="bindComponent"
-        @add-anchor="addAnchor"
-        @remove-anchor="removeAnchor"
-        @change-anchor="changeAnchor"
-        @sync-anchors="syncBranchAnchors"
-        @add-to-group="addToGroup"
-      />
-      <div v-if="executionLabel" class="flow-node-executor">{{ executionLabel }}</div>
-    </div>
-
-    <template v-if="flowType === 'branch'">
-      <template v-for="anchor in branchAnchors" :key="anchor.id">
-        <Handle
-          :id="anchor.id"
-          type="source"
-          :position="Position.Right"
-          :connectable="connectable && !flowStore.disableForm"
-          :is-valid-connection="isValidLoopConnection"
-          class="flow-handle flow-handle--source flow-handle--branch"
-          :style="{ top: `${Math.max(40, Number(anchor.height || 0))}px` }"
-        />
-      </template>
-    </template>
-    <Handle
-      v-else-if="showSource"
-      :id="`${id}_1`"
-      type="source"
-      :position="Position.Right"
-      :connectable="connectable && !flowStore.disableForm"
-      :is-valid-connection="isValidLoopConnection"
-      class="flow-handle flow-handle--source"
-    />
-  </div>
-</template>
-
-<script setup>
-import { computed, onMounted, ref } from "vue";
-import { Handle, Position, useVueFlow } from "@vue-flow/core";
-import { useFlowStore } from "@/store/modules/flow";
-import StartNode from "../nodes/common/startNode.vue";
-import EndNode from "../nodes/common/endNode.vue";
-import ServiceNode from "../nodes/common/serviceNode.vue";
-import SelectAreaNode from "../nodes/common/selectAreaNode.vue";
-import LoopNode from "../nodes/function/loop.vue";
-import BranchNode from "../nodes/function/switch.vue";
-import StopLoopNode from "../nodes/function/stopLoop.vue";
-import SubStartNode from "../nodes/function/subStart.vue";
-import SubEndNode from "../nodes/function/subEnd.vue";
-import SleepNode from "../nodes/function/sleep.vue";
-import HttpNode from "../nodes/function/httpNode.vue";
-import CodeNode from "../nodes/function/codeNode.vue";
-import CurrentLoopNode from "../nodes/function/currentLoop.vue";
-import SdAgentNode from "../nodes/function/sdAgent.vue";
-import RecognizeNode from "../nodes/function/recognize.vue";
-import DeviceUniversal from "../nodes/function/deviceUniversal.vue";
-import ActionQueue from "../nodes/function/actionQueue.vue";
-import SubFlowNode from "../nodes/function/subFlow.vue";
-
-const props = defineProps({
-  id: String,
-  data: Object,
-  selected: Boolean,
-  queueDropActive: Boolean,
-  connectable: [Boolean, Number, String, Function],
-});
-
-const componentMap = {
-  start: StartNode,
-  end: EndNode,
-  serviceNode: ServiceNode,
-  selectArea: SelectAreaNode,
-  loop: LoopNode,
-  branch: BranchNode,
-  stopLoop: StopLoopNode,
-  subStart: SubStartNode,
-  subEnd: SubEndNode,
-  sleep: SleepNode,
-  http: HttpNode,
-  code: CodeNode,
-  currentLoop: CurrentLoopNode,
-  sdAgent: SdAgentNode,
-  recognize: RecognizeNode,
-  deviceUniversal: DeviceUniversal,
-  device_universal: DeviceUniversal,
-  actionQueue: ActionQueue,
-  subFlow: SubFlowNode,
-};
-
-const flowStore = useFlowStore();
-const vueFlow = useVueFlow("main-flow");
-const componentRef = ref();
-const flowType = computed(() => props.data.flowType);
-const properties = computed(() => props.data.properties || {});
-const executionLabel = computed(() => {
-  const roleKey = properties.value.executionTarget?.roleKey;
-  if (!roleKey) return "";
-  const graph = window.lf?.getGraphData?.();
-  const start = graph?.nodes?.find((node) => node.type === "start");
-  const role = start?.properties?.resourceRoles?.find((item) => item.roleKey === roleKey);
-  if (!role) return "未配置机器人角色";
-  const bindings = properties.value.executionTarget?.deviceBindings || [];
-  if (bindings.length > 1) return `${role.displayName} · ${bindings.length} 个设备用途`;
-  const slotKey = properties.value.executionTarget?.deviceSlotKey
-    || properties.value.executionTarget?.deviceBindings?.[0]?.slotKey;
-  const slot = role.deviceSlots?.find((item) => item.slotKey === slotKey);
-  return slot ? `${role.displayName} · ${slot.displayName}` : role.displayName;
-});
-const nodeComponent = computed(() => componentMap[flowType.value] || ServiceNode);
-const isGroup = computed(() => ["loop", "selectArea"].includes(flowType.value));
-const childNodeCount = computed(() => (
-  (vueFlow.getNodes.value || []).filter((node) => node.parentNode === props.id).length
-));
-const showTarget = computed(() => !["start", "subStart", "selectArea"].includes(flowType.value));
-const showSource = computed(() => !["end", "stopLoop", "subEnd", "selectArea", "branch"].includes(flowType.value));
-const targetHandleId = computed(() => flowType.value === "branch" ? `${props.id}_entry` : `${props.id}_3`);
-const branchAnchors = computed(() => {
-  const reservedIds = new Set([`${props.id}_1`, `${props.id}_3`, `${props.id}_entry`]);
-  const conditionDefs = properties.value.nodeParams || properties.value.conditions || [];
-  const conditionIds = new Set(conditionDefs.map((condition) => condition?.id).filter(Boolean));
-  const elseId = `${props.id}_else`;
-  const seen = new Set();
-  return (properties.value.anchor || []).filter((anchor) => {
-    if (!anchor?.id || reservedIds.has(anchor.id) || seen.has(anchor.id)) return false;
-    if (conditionIds.size && anchor.id !== elseId && !conditionIds.has(anchor.id)) return false;
-    seen.add(anchor.id);
-    return true;
-  });
-});
-
-const model = computed(() => window.lf?.getNodeModelById(props.id));
-
-/**
- * 获取与 loop scope 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} nodeId 流程节点 ID
- */
-const getLoopScope = (nodeId) => {
-  const node = vueFlow.findNode(nodeId);
-  const parent = node?.parentNode ? vueFlow.findNode(node.parentNode) : null;
-  return parent?.data?.flowType === "loop" ? parent.id : null;
-};
-
-/**
- * 判断与 valid loop connection 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} connection 待校验或创建的连接信息
- */
-const isValidLoopConnection = (connection) => {
-  if (!connection.source || !connection.target || connection.source === connection.target) return false;
-  return getLoopScope(connection.source) === getLoopScope(connection.target);
-};
-
-/**
- * 同步与 anchors 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} anchors 需要同步的锚点集合
- */
-const syncAnchors = (anchors) => {
-  window.lf?.setProperties(props.id, { ...window.lf.getProperties(props.id), anchor: anchors });
-  vueFlow.updateNodeInternals([props.id]);
-};
-
-/**
- * 新增与 anchor 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} height 锚点纵向位置
- * @param {*} anchorId 分支锚点 ID
- */
-const addAnchor = (height, anchorId) => {
-  const anchors = [...branchAnchors.value];
-  if (!anchors.some((anchor) => anchor.id === anchorId)) {
-    anchors.push({ id: anchorId, name: "right", height });
-    syncAnchors(anchors);
-  }
-};
-
-/**
- * 移除与 anchor 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} anchorId 分支锚点 ID
- */
-const removeAnchor = (anchorId) => syncAnchors(branchAnchors.value.filter((anchor) => anchor.id !== anchorId));
-/**
- * 更新与 anchor 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} height 锚点纵向位置
- * @param {*} anchorId 分支锚点 ID
- */
-const changeAnchor = (height, anchorId) => syncAnchors(branchAnchors.value.map((anchor) => anchor.id === anchorId ? { ...anchor, height } : anchor));
-/**
- * 同步与 branch anchors 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} positions 分支锚点位置集合
- */
-const syncBranchAnchors = (positions = []) => {
-  if (!positions.length) return;
-  const positionMap = new Map(positions.map((item) => [item.id, Number(item.height || 0)]));
-  const current = [...(properties.value.anchor || [])];
-  let changed = false;
-  const anchors = current.map((anchor) => {
-    if (!positionMap.has(anchor.id)) return anchor;
-    const height = positionMap.get(anchor.id);
-    positionMap.delete(anchor.id);
-    if (Math.abs(Number(anchor.height || 0) - height) < 0.5) return anchor;
-    changed = true;
-    return { ...anchor, height };
-  });
-  positionMap.forEach((height, id) => {
-    anchors.push({ id, name: "right", height });
-    changed = true;
-  });
-  if (changed) syncAnchors(anchors);
-  else vueFlow.updateNodeInternals([props.id]);
-};
-/**
- * 处理与 content changed 相关的状态或数据，该影响范围仅限当前组件。
- */
-const contentChanged = () => {
-  vueFlow.updateNodeInternals([props.id]);
-  window.lf?.markChanged();
-};
-/**
- * 绑定与 component 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} instance 节点组件实例
- */
-const bindComponent = (instance) => window.lf?.registerComponentInstance(props.id, instance);
-/**
- * 新增与 to group 相关的状态或数据，该影响范围仅限当前组件。
- * @param {*} childId 子节点 ID
- * @param {*} dropCenter 拖放中心点坐标
- */
-const addToGroup = (childId, dropCenter) => window.lf?.addToGroup(props.id, childId, dropCenter);
-
-onMounted(() => bindComponent(componentRef.value));
-</script>
-
-<style scoped lang="scss">
-.flow-node-shell {
-  --node-accent: #4f6b8a;
-  width: 100%;
-  min-height: 100%;
-  position: relative;
-  box-sizing: border-box;
-
-  &--queue-drop-active .flow-node-content {
-    border-radius: 8px;
-    box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.35), 0 10px 24px rgba(47, 128, 237, 0.18);
-  }
-
-  &--start,
-  &--subStart { --node-accent: #239565; }
-
-  &--end,
-  &--subEnd,
-  &--stopLoop { --node-accent: #d45252; }
-
-  &--branch { --node-accent: #b7791f; }
-  &--loop,
-  &--currentLoop { --node-accent: #df6b35; }
-  &--http,
-  &--code { --node-accent: #3978c5; }
-  &--sdAgent,
-  &--recognize { --node-accent: #7a5ab8; }
-
-  &--loop,
-  &--selectArea {
-    height: 100%;
-  }
-
-  &:hover .flow-node-card {
-    border-color: #cbd3df;
-    box-shadow: 0 10px 26px rgba(31, 41, 55, 0.11);
-  }
-
-  &--selected .flow-node-card {
-    border-color: #2f80ed;
-    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.2), 0 10px 26px rgba(31, 41, 55, 0.12);
-  }
-
-  &--selected.flow-node-shell--branch :deep(.node__container),
-  &--selected.flow-node-shell--loop :deep(.group__container),
-  &--selected.flow-node-shell--selectArea :deep(.group__container) {
-    border-color: #2f80ed;
-    box-shadow: 0 0 0 2px rgba(47, 128, 237, 0.18);
-  }
-}
-
-.flow-node-content {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-.flow-node-executor {
-  overflow: hidden;
-  margin-top: 8px;
-  color: #667085;
-  font-size: 11px;
-  line-height: 16px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.flow-node-card {
-  width: 100%;
-  height: auto;
-  padding: 13px 14px 13px 16px;
-  position: relative;
-  background: #fff;
-  border: 1px solid #dfe4ec;
-  border-left: 4px solid var(--node-accent);
-  border-radius: 8px;
-  box-shadow: 0 7px 20px rgba(31, 41, 55, 0.08);
-  box-sizing: border-box;
-  transition: border-color 0.16s ease, box-shadow 0.16s ease;
-
-  :deep(.node__container) {
-    width: 100%;
-    height: auto;
-    padding: 0;
-    border: 0;
-    border-radius: 0;
-    background: transparent;
-    box-shadow: none;
-    box-sizing: border-box;
-  }
-
-  :deep(.terminal-node) {
-    display: flex;
-    min-width: 0;
-    align-items: center;
-    gap: 11px;
-  }
-
-  :deep(.terminal-node__icon) {
-    display: grid;
-    width: 38px;
-    height: 38px;
-    flex: 0 0 38px;
-    place-items: center;
-    border-radius: 50%;
-    background: #f1f5f9;
-  }
-
-  :deep(.terminal-node__icon img) {
-    width: 22px;
-    height: 22px;
-  }
-
-  :deep(.terminal-node__content) { min-width: 0; }
-
-  :deep(.terminal-node__title) {
-    color: #1f2937;
-    font-size: 15px;
-    font-weight: 650;
-    line-height: 21px;
-  }
-
-  :deep(.terminal-node__description) {
-    overflow: hidden;
-    margin-top: 3px;
-    color: #7a8494;
-    font-size: 11px;
-    line-height: 16px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-
-.flow-handle {
-  width: 12px;
-  height: 12px;
-  border: 2px solid #fff;
-  background: var(--node-accent);
-  box-shadow: 0 0 0 1px var(--node-accent), 0 2px 5px rgba(31, 41, 55, 0.18);
-  z-index: 10;
-  transition: transform 0.14s ease, box-shadow 0.14s ease;
-
-  &:hover {
-    box-shadow: 0 0 0 3px rgba(47, 128, 237, 0.18), 0 2px 6px rgba(31, 41, 55, 0.2);
-  }
-
-  &--target {
-    left: -6px;
-    background: #fff;
-    border-color: var(--node-accent);
-  }
-
-  &--source { right: -6px; }
-  &--branch { transform: translate(50%, -50%); }
-
-  &--branch:hover { transform: translate(50%, -50%) scale(1.18); }
-}
-
-
-</style>
diff --git a/src/views/flow/vue-flow/adapter.js b/src/views/flow/vue-flow/adapter.js
deleted file mode 100644
index c3c66e1..0000000
--- a/src/views/flow/vue-flow/adapter.js
+++ /dev/null
@@ -1,990 +0,0 @@
-/**
- * 文件说明：旧流程数据与 Vue Flow 状态、操作 API 之间的兼容适配层。
- * 作用范围：仅服务于流程设计器模块。
- */
-import { nextTick } from "vue";
-import { v4 as uuid } from "uuid";
-import { MarkerType } from "@vue-flow/core";
-
-/**
- * 克隆 clone 对应的数据或交互；作用范围仅限画布适配层。
- * @param {*} value 待处理的新值
- */
-const clone = (value) => JSON.parse(JSON.stringify(value ?? {}));
-
-const GROUP_TYPES = new Set(["loop", "selectArea"]);
-const TARGET_ONLY_TYPES = new Set(["end", "stopLoop", "subEnd"]);
-const SOURCE_ONLY_TYPES = new Set(["start", "subStart"]);
-const LOOP_BODY_INSET = { left: 24, top: 112, right: 24, bottom: 24 };
-const GROUP_BODY_INSET = { left: 24, top: 120, right: 24, bottom: 24 };
-const LOOP_MIN_SIZE = { width: 520, height: 360 };
-
-/**
- * 处理 loopChildExtent 对应的数据或交互；作用范围仅限画布适配层。
- */
-const loopChildExtent = () => ({
-  range: "parent",
-  padding: [
-    LOOP_BODY_INSET.top,
-    LOOP_BODY_INSET.right,
-    LOOP_BODY_INSET.bottom,
-    LOOP_BODY_INSET.left,
-  ],
-});
-
-/**
- * 编组 groupChildExtent 对应的数据或交互；作用范围仅限画布适配层。
- */
-const groupChildExtent = () => ({
-  range: "parent",
-  padding: [
-    GROUP_BODY_INSET.top,
-    GROUP_BODY_INSET.right,
-    GROUP_BODY_INSET.bottom,
-    GROUP_BODY_INSET.left,
-  ],
-});
-
-/**
- * 处理 nodeSize 对应的数据或交互；作用范围仅限画布适配层。
- * @param {*} node 当前流程节点
- */
-const nodeSize = (node) => {
-  // 分支节点采用统一的标准卡片尺寸，忽略旧流程数据中遗留的大尺寸记录。
-  if (node.type === "branch") return { width: 372, height: 180 };
-  const width = Number(node.properties?.width || node.width);
-  const height = Number(node.properties?.height || node.height);
-  if (Number.isFinite(width) && Number.isFinite(height)) {
-    return { width, height };
-  }
-  if (GROUP_TYPES.has(node.type)) return { width: 720, height: 460 };
-  if (TARGET_ONLY_TYPES.has(node.type) || SOURCE_ONLY_TYPES.has(node.type)) {
-    return { width: 328, height: 120 };
-  }
-  return { width: 372, height: 180 };
-};
-
-/**
- * 处理 edgeId 对应的数据或交互；作用范围仅限画布适配层。
- */
-const edgeId = () => `edge_${uuid().replace(/-/g, "")}`;
-/**
- * 处理 nodeId 对应的数据或交互；作用范围仅限画布适配层。
- */
-const nodeId = () => uuid().replace(/-/g, "");
-
-/**
- * 处理 toVueNode 对应的数据或交互；作用范围仅限画布适配层。
- * @param {*} node 当前流程节点
- * @param {*} sizeOverride 调用方传入的 sizeOverride 参数
- * @param {*} positionOverride 调用方传入的 positionOverride 参数
- */
-const toVueNode = (node, sizeOverride, positionOverride) => {
-  const normalized = clone(node);
-  normalized.id ||= nodeId();
-  normalized.properties ||= {};
-  const overrideWidth = Number(sizeOverride?.width);
-  const overrideHeight = Number(sizeOverride?.height);
-  const size = Number.isFinite(overrideWidth) && overrideWidth > 0
-    && Number.isFinite(overrideHeight) && overrideHeight > 0
-    ? { width: overrideWidth, height: overrideHeight }
-    : nodeSize(normalized);
-  const center = {
-    x: Number(normalized.x) || 0,
-    y: Number(normalized.y) || 0,
-  };
-  const overrideX = Number(positionOverride?.x);
-  const overrideY = Number(positionOverride?.y);
-  const position = Number.isFinite(overrideX) && Number.isFinite(overrideY)
-    ? { x: overrideX, y: overrideY }
-    : {
-      x: center.x - size.width / 2,
-      y: center.y - size.height / 2,
-    };
-
-  const dimensions = GROUP_TYPES.has(normalized.type)
-    ? { width: size.width, height: size.height }
-    : { width: size.width };
-
-  return {
-    id: normalized.id,
-    type: "flow-node",
-    position,
-    ...dimensions,
-    draggable: normalized.draggable !== false,
-    selectable: true,
-    deletable: !SOURCE_ONLY_TYPES.has(normalized.type) && normalized.type !== "end",
-    connectable: true,
-    zIndex: GROUP_TYPES.has(normalized.type) ? 0 : 2,
-    data: {
-      flowType: normalized.type,
-      properties: normalized.properties,
-      children: Array.isArray(normalized.children) ? normalized.children : [],
-      text: normalized.text,
-      backend: normalized,
-      originalCenter: center,
-      originalPosition: position,
-      size,
-    },
-  };
-};
-
-/**
- * 处理 toVueEdge 对应的数据或交互；作用范围仅限画布适配层。
- * @param {*} edge 调用方传入的 edge 参数
- */
-const toVueEdge = (edge) => {
-  const normalized = clone(edge);
-  normalized.id ||= edgeId();
-  return {
-    id: normalized.id,
-    source: normalized.sourceNodeId,
-    target: normalized.targetNodeId,
-    sourceHandle: normalized.sourceAnchorId || null,
-    targetHandle: normalized.targetAnchorId || null,
-    type: "flow-edge",
-    animated: true,
-    selectable: true,
-    focusable: true,
-    deletable: true,
-    interactionWidth: 32,
-    markerEnd: {
-      type: MarkerType.ArrowClosed,
-      color: "#ff6b35",
-      width: 20,
-      height: 20,
-    },
-    style: { stroke: "#ff6b35", strokeWidth: 2 },
-    data: { backend: normalized },
-  };
-};
-
-/**
- * 关联 attachChildrenToGroups 对应的数据或交互；作用范围仅限画布适配层。
- * @param {*} nodes 调用方传入的 nodes 参数
- */
-const attachChildrenToGroups = (nodes) => {
-  // 先建立节点索引和显式父子关系，再用旧数据中的 children 补齐缺失关系。
-  // 最后统一换算相对坐标，避免父节点尚未就绪时提前计算造成位置漂移。
-  const nodeLookup = new Map(nodes.map((node) => [node.id, node]));
-  const declaredParents = new Map();
-
-  nodes.filter((node) => GROUP_TYPES.has(node.data.flowType)).forEach((group) => {
-    (group.data.children || []).forEach((childId) => {
-      if (!declaredParents.has(childId)) declaredParents.set(childId, group.id);
-    });
-  });
-
-  nodes.forEach((child) => {
-    const parentId = child.data.properties?.parentId || declaredParents.get(child.id);
-    const parent = nodeLookup.get(parentId);
-    if (!parent || !GROUP_TYPES.has(parent.data.flowType) || GROUP_TYPES.has(child.data.flowType)) return;
-
-    const isLoop = parent.data.flowType === "loop";
-    const relativePosition = {
-      x: isLoop
-        ? Math.max(child.position.x - parent.position.x, LOOP_BODY_INSET.left)
-        : child.position.x - parent.position.x,
-      y: isLoop
-        ? Math.max(child.position.y - parent.position.y, LOOP_BODY_INSET.top)
-        : child.position.y - parent.position.y,
-    };
-    child.parentNode = parentId;
-    child.extent = isLoop ? loopChildExtent() : groupChildExtent();
-    child.expandParent = false;
-    child.position = relativePosition;
-    child.zIndex = 5;
-    child.data.properties = { ...child.data.properties, parentId };
-    parent.data.children = Array.from(new Set([...(parent.data.children || []), child.id]));
-  });
-
-  nodes.filter((node) => node.data.flowType === "loop").forEach((group) => {
-    const children = nodes.filter((node) => node.parentNode === group.id);
-    if (!children.length) return;
-    const requiredWidth = Math.max(...children.map((child) => (
-      child.position.x + Number(child.data.size?.width || 0) + LOOP_BODY_INSET.right
-    )));
-    const requiredHeight = Math.max(...children.map((child) => (
-      child.position.y + Number(child.data.size?.height || 0) + LOOP_BODY_INSET.bottom
-    )));
-    const width = Math.max(Number(group.data.size?.width || 0), LOOP_MIN_SIZE.width, requiredWidth);
-    const height = Math.max(Number(group.data.size?.height || 0), LOOP_MIN_SIZE.height, requiredHeight);
-    group.width = width;
-    group.height = height;
-    group.data.size = { width, height };
-    group.data.properties = { ...group.data.properties, width, height };
-  });
-
-  return nodes.sort((left, right) => Number(Boolean(left.parentNode)) - Number(Boolean(right.parentNode)));
-};
-
-export const toVueFlowData = (graph = {}, options = {}) => {
-  const nodes = attachChildrenToGroups((graph.nodes || []).map((node) => (
-    toVueNode(node, options.nodeSizes?.get(node.id), options.nodePositions?.get(node.id))
-  )));
-  const nodeLookup = new Map(nodes.map((node) => [node.id, node]));
-  const edges = (graph.edges || []).map((edge) => {
-    const vueEdge = toVueEdge(edge);
-    const source = nodeLookup.get(vueEdge.source);
-    const target = nodeLookup.get(vueEdge.target);
-    if (source?.parentNode || target?.parentNode) vueEdge.zIndex = 4;
-    return vueEdge;
-  });
-  return { nodes, edges };
-};
-
-export const createFlowFacade = (store) => {
-  const handlers = new Map();
-  const componentInstances = new Map();
-  const loopLayoutStates = new Map();
-  let historySuspended = false;
-  let history = [];
-  let historyIndex = -1;
-
-  /**
-   * 获取 getNodes 对应的数据或交互；作用范围仅限画布适配层。
-   */
-  const getNodes = () => store.getNodes.value || [];
-  /**
-   * 获取 getEdges 对应的数据或交互；作用范围仅限画布适配层。
-   */
-  const getEdges = () => store.getEdges.value || [];
-
-  /**
-   * 处理 backendNode 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} node 当前流程节点
-   */
-  const backendNode = (node) => {
-    const result = clone(node.data.backend);
-    const size = {
-      width: Number(node.width || node.dimensions?.width || node.data.size?.width || 0),
-      height: Number(node.height || node.dimensions?.height || node.data.size?.height || 0),
-    };
-    const parent = node.parentNode ? store.findNode(node.parentNode) : null;
-    const parentPosition = parent?.position || parent?.computedPosition || { x: 0, y: 0 };
-    const absolutePosition = parent
-      ? { x: parentPosition.x + node.position.x, y: parentPosition.y + node.position.y }
-      : (node.position || node.computedPosition);
-    result.id = node.id;
-    result.type = node.data.flowType;
-    if (GROUP_TYPES.has(result.type)) {
-      result.x = absolutePosition.x + size.width / 2;
-      result.y = absolutePosition.y + size.height / 2;
-    } else {
-      const originalCenter = node.data.originalCenter || {
-        x: absolutePosition.x + size.width / 2,
-        y: absolutePosition.y + size.height / 2,
-      };
-      const originalPosition = node.data.originalPosition || absolutePosition;
-      result.x = originalCenter.x + absolutePosition.x - originalPosition.x;
-      result.y = originalCenter.y + absolutePosition.y - originalPosition.y;
-    }
-    result.properties = clone(node.data.properties || {});
-    if (parent?.data?.flowType === "selectArea") delete result.properties.parentId;
-    if (GROUP_TYPES.has(result.type)) {
-      result.properties.width = size.width;
-      result.properties.height = size.height;
-    }
-    if (node.data.children?.length || GROUP_TYPES.has(result.type)) {
-      result.children = [...(node.data.children || [])];
-    } else {
-      delete result.children;
-    }
-    return result;
-  };
-
-  /**
-   * 处理 backendEdge 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} edge 调用方传入的 edge 参数
-   */
-  const backendEdge = (edge) => ({
-    ...clone(edge.data?.backend),
-    id: edge.id,
-    type: edge.data?.backend?.type || "bezier",
-    sourceNodeId: edge.source,
-    targetNodeId: edge.target,
-    sourceAnchorId: edge.sourceHandle || `${edge.source}_1`,
-    targetAnchorId: edge.targetHandle || `${edge.target}_3`,
-  });
-
-  /**
-   * 处理 emit 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} name 名称或事件名称
-   * @param {*} payload 事件数据
-   */
-  const emit = (name, payload) => {
-    (handlers.get(name) || []).forEach((handler) => handler(payload));
-  };
-
-  /**
-   * 处理 recordHistory 对应的数据或交互；作用范围仅限画布适配层。
-   */
-  const recordHistory = () => {
-    if (historySuspended) return;
-    const graph = facade.getGraphData();
-    const serialized = JSON.stringify(graph);
-    if (history[historyIndex]?.serialized === serialized) return;
-    history = history.slice(0, historyIndex + 1);
-    history.push({ serialized, graph: clone(graph) });
-    if (history.length > 100) history.shift();
-    historyIndex = history.length - 1;
-  };
-
-  /**
-   * 更新 changed 对应的数据或交互；作用范围仅限画布适配层。
-   */
-  const changed = () => {
-    if (historySuspended) return;
-    recordHistory();
-    emit("history:change", { data: facade.getGraphData() });
-  };
-
-  /**
-   * 获取 getNodeRect 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} node 当前流程节点
-   */
-  const getNodeRect = (node) => {
-    const parent = node.parentNode ? store.findNode(node.parentNode) : null;
-    const parentPosition = parent?.position || parent?.computedPosition || { x: 0, y: 0 };
-    const position = parent
-      ? { x: parentPosition.x + node.position.x, y: parentPosition.y + node.position.y }
-      : (node.position || node.computedPosition);
-    return {
-      x: Number(position?.x || 0),
-      y: Number(position?.y || 0),
-      width: Number(node.width || node.dimensions?.width || node.data.size?.width || 0),
-      height: Number(node.height || node.dimensions?.height || node.data.size?.height || 0),
-    };
-  };
-
-  /**
-   * 获取 getLoopLayoutState 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} group 调用方传入的 group 参数
-   */
-  const getLoopLayoutState = (group) => {
-    const current = getNodeRect(group);
-    const existing = loopLayoutStates.get(group.id);
-    /**
-     * 处理 if 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} !existing 调用方传入的 !existing 参数
-     */
-    if (!existing) {
-      const state = { base: { ...current }, last: { ...current } };
-      loopLayoutStates.set(group.id, state);
-      return state;
-    }
-
-    const sizeChanged = Math.abs(current.width - existing.last.width) > 1
-      || Math.abs(current.height - existing.last.height) > 1;
-    /**
-     * 处理 if 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} sizeChanged 调用方传入的 sizeChanged 参数
-     */
-    if (sizeChanged) {
-      existing.base = { ...current };
-    } else {
-      const dx = current.x - existing.last.x;
-      const dy = current.y - existing.last.y;
-      existing.base.x += dx;
-      existing.base.y += dy;
-    }
-    existing.last = { ...current };
-    return existing;
-  };
-
-  /**
-   * 布局 layoutLoop 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} group 调用方传入的 group 参数
-   * @param {*} activeChildId 调用方传入的 activeChildId 参数
-   * @param {*} activePosition 调用方传入的 activePosition 参数
-   */
-  const layoutLoop = (group, activeChildId, activePosition) => {
-    const state = getLoopLayoutState(group);
-    const children = getNodes().filter((node) => node.parentNode === group.id);
-    if (!children.length) return false;
-
-    const snapshots = children.map((child) => {
-      const rect = getNodeRect(child);
-      const position = child.id === activeChildId && activePosition
-        ? { x: activePosition.x, y: activePosition.y }
-        : { x: rect.x, y: rect.y };
-      return { child, position, width: rect.width, height: rect.height };
-    });
-    const contentLeft = Math.min(...snapshots.map(({ position }) => position.x));
-    const contentTop = Math.min(...snapshots.map(({ position }) => position.y));
-    const contentRight = Math.max(...snapshots.map(({ position, width }) => position.x + width));
-    const contentBottom = Math.max(...snapshots.map(({ position, height }) => position.y + height));
-    const left = Math.min(state.base.x, contentLeft - LOOP_BODY_INSET.left);
-    const top = Math.min(state.base.y, contentTop - LOOP_BODY_INSET.top);
-    const right = Math.max(
-      state.base.x + Math.max(state.base.width, LOOP_MIN_SIZE.width),
-      contentRight + LOOP_BODY_INSET.right,
-    );
-    const bottom = Math.max(
-      state.base.y + Math.max(state.base.height, LOOP_MIN_SIZE.height),
-      contentBottom + LOOP_BODY_INSET.bottom,
-    );
-    const width = right - left;
-    const height = bottom - top;
-    const properties = { ...group.data.properties, width, height };
-
-    store.updateNode(group.id, {
-      position: { x: left, y: top },
-      computedPosition: { ...group.computedPosition, x: left, y: top },
-      dimensions: { width, height },
-      width,
-      height,
-    });
-    store.updateNodeData(group.id, {
-      ...group.data,
-      properties,
-      size: { width, height },
-    }, { replace: true });
-    snapshots.forEach(({ child, position }) => {
-      store.updateNode(child.id, {
-        position: { x: position.x - left, y: position.y - top },
-        computedPosition: { ...child.computedPosition, x: position.x, y: position.y },
-        extent: loopChildExtent(),
-        expandParent: false,
-      });
-    });
-    state.last = { x: left, y: top, width, height };
-    nextTick(() => store.updateNodeInternals([group.id, ...children.map((child) => child.id)]));
-    return true;
-  };
-
-  /**
-   * 获取 getAnchors 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} node 当前流程节点
-   */
-  const getAnchors = (node) => {
-    const type = node.data.flowType;
-    /**
-     * 处理 if 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} type 目标类型
-     */
-    if (type === "branch") {
-      return [
-        { id: `${node.id}_entry`, name: "left" },
-        ...(node.data.properties?.anchor || []).map((item) => ({ ...item, name: "right" })),
-      ];
-    }
-    if (TARGET_ONLY_TYPES.has(type)) return [{ id: `${node.id}_3`, name: "left" }];
-    if (SOURCE_ONLY_TYPES.has(type)) return [{ id: `${node.id}_1`, name: "right" }];
-    if (type === "selectArea") return [];
-    return [
-      { id: `${node.id}_1`, name: "right" },
-      { id: `${node.id}_3`, name: "left" },
-    ];
-  };
-
-  /**
-   * 处理 modelFor 对应的数据或交互；作用范围仅限画布适配层。
-   * @param {*} id 目标元素 ID
-   */
-  const modelFor = (id) => {
-    const node = store.findNode(id);
-    if (!node) return null;
-    const model = {
-      id,
-      type: node.data.flowType,
-      get x() { return backendNode(node).x; },
-      get y() { return backendNode(node).y; },
-      get width() { return node.dimensions?.width || node.data.size?.width || 0; },
-      get height() { return node.dimensions?.height || node.data.size?.height || 0; },
-      get left() { return getNodeRect(node).x; },
-      get top() { return getNodeRect(node).y; },
-      get parentId() { return node.parentNode || null; },
-      get anchors() { return getAnchors(node); },
-      get children() { return new Set(node.data.children || []); },
-      set children(value) {
-        const children = Array.from(value || []);
-        store.updateNodeData(id, { ...node.data, children }, { replace: true });
-        changed();
-      },
-      get draggable() { return node.draggable !== false; },
-      set draggable(value) { store.updateNode(id, { draggable: Boolean(value) }); },
-      getProperties: () => facade.getProperties(id),
-      setProperties: (properties) => facade.setProperties(id, properties),
-      setComponentInstance: (instance) => componentInstances.set(id, instance),
-      closePopover: () => componentInstances.get(id)?.closePopover?.(),
-      updateSize: () => store.updateNodeInternals([id]),
-      setCustomProperties: () => store.updateNodeInternals([id]),
-    };
-    return model;
-  };
-
-  const facade = {
-    /**
-     * 订阅 on 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} name 名称或事件名称
-     * @param {*} handler 事件处理函数
-     */
-    on(name, handler) {
-      const list = handlers.get(name) || [];
-      list.push(handler);
-      handlers.set(name, list);
-      return () => facade.off(name, handler);
-    },
-    /**
-     * 订阅 once 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} name 名称或事件名称
-     * @param {*} handler 事件处理函数
-     */
-    once(name, handler) {
-      /**
-       * 处理 wrapped 对应的数据或交互；作用范围仅限画布适配层。
-       * @param {*} payload 事件数据
-       */
-      const wrapped = (payload) => {
-        facade.off(name, wrapped);
-        handler(payload);
-      };
-      facade.on(name, wrapped);
-    },
-    /**
-     * 取消订阅 off 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} name 名称或事件名称
-     * @param {*} handler 事件处理函数
-     */
-    off(name, handler) {
-      if (!handler) handlers.delete(name);
-      else handlers.set(name, (handlers.get(name) || []).filter((item) => item !== handler));
-    },
-    emit,
-    markChanged: changed,
-    /**
-     * 获取 getGraphData 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    getGraphData() {
-      return {
-        nodes: getNodes().map(backendNode),
-        edges: getEdges().map(backendEdge),
-      };
-    },
-    /**
-     * 渲染 render 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} graph 调用方传入的 graph 参数
-     * @param {*} options 行为配置
-     */
-    render(graph, options = {}) {
-      historySuspended = true;
-      loopLayoutStates.clear();
-      const nodeSizes = options.preserveNodeSizes === true
-        ? new Map(getNodes().map((node) => [node.id, {
-          width: Number(node.dimensions?.width || node.width || node.data.size?.width || 0),
-          height: Number(node.dimensions?.height || node.height || node.data.size?.height || 0),
-        }]))
-        : options.nodeSizes;
-      const nodePositions = options.preserveNodePositions === true
-        ? new Map(getNodes().map((node) => {
-          const rect = getNodeRect(node);
-          return [node.id, { x: rect.x, y: rect.y }];
-        }))
-        : options.nodePositions;
-      const data = toVueFlowData(graph, { nodeSizes, nodePositions });
-      /**
-       * 处理 finishRender 对应的数据或交互；作用范围仅限画布适配层。
-       */
-      const finishRender = () => {
-        historySuspended = false;
-        if (options.resetHistory !== false) {
-          history = [];
-          historyIndex = -1;
-          recordHistory();
-        }
-        nextTick(() => store.updateNodeInternals());
-      };
-      /**
-       * 处理 applyData 对应的数据或交互；作用范围仅限画布适配层。
-       */
-      const applyData = () => {
-        store.setNodes(data.nodes);
-        store.setEdges(data.edges);
-        finishRender();
-      };
-
-      if (options.replaceNodes === true) {
-        // Changing parentNode is structural in Vue Flow. Unmount in one tick
-        // and remount in the next so node wrappers and edges cannot retain
-        // different graph-node instances for the same id.
-        store.setEdges([]);
-        store.setNodes([]);
-        nextTick(applyData);
-      } else {
-        applyData();
-      }
-    },
-    /**
-     * 新增 addNode 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} node 当前流程节点
-     */
-    addNode(node) {
-      const vueNode = toVueNode(node);
-      store.addNodes(vueNode);
-      changed();
-      return backendNode(vueNode);
-    },
-    /**
-     * 删除 deleteNode 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     */
-    deleteNode(id) {
-      const target = store.findNode(id);
-      if (target?.data?.flowType === "selectArea") {
-        facade.ungroup(id);
-        return;
-      }
-      const parentId = target?.parentNode;
-      const childIds = target?.data?.children || [];
-      const removeChildren = target?.data?.flowType === "loop" && childIds.length > 0;
-      const nodeIds = removeChildren ? [id, ...childIds] : id;
-      const removedIds = new Set(Array.isArray(nodeIds) ? nodeIds : [nodeIds]);
-      store.removeNodes(nodeIds, true, removeChildren);
-      getNodes().forEach((node) => {
-        if (node.data.children?.includes(id) && !removedIds.has(node.id)) {
-          store.updateNodeData(node.id, {
-            ...node.data,
-            children: node.data.children.filter((childId) => childId !== id),
-          }, { replace: true });
-        }
-      });
-      componentInstances.delete(id);
-      childIds.forEach((childId) => componentInstances.delete(childId));
-      changed();
-      if (parentId) nextTick(() => facade.resizeGroupToChildren(parentId));
-    },
-    /**
-     * 新增 addEdge 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} edge 调用方传入的 edge 参数
-     */
-    addEdge(edge) {
-      const vueEdge = toVueEdge(edge);
-      const source = store.findNode(vueEdge.source);
-      const target = store.findNode(vueEdge.target);
-      if (source?.parentNode || target?.parentNode) vueEdge.zIndex = 4;
-      store.addEdges(vueEdge);
-      changed();
-      return backendEdge(vueEdge);
-    },
-    /**
-     * 删除 deleteEdge 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     */
-    deleteEdge(id) {
-      store.removeEdges(id);
-      changed();
-    },
-    /**
-     * 删除 deleteEdgeByNodeId 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     */
-    deleteEdgeByNodeId(id) {
-      store.removeEdges(getEdges().filter((edge) => edge.source === id || edge.target === id));
-      changed();
-    },
-    /**
-     * 获取 getProperties 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     */
-    getProperties(id) {
-      return clone(store.findNode(id)?.data?.properties || {});
-    },
-    /**
-     * 设置 setProperties 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     * @param {*} properties 调用方传入的 properties 参数
-     */
-    setProperties(id, properties) {
-      const node = store.findNode(id);
-      if (!node) return;
-      store.updateNodeData(id, { ...node.data, properties: clone(properties) }, { replace: true });
-      nextTick(() => store.updateNodeInternals([id]));
-      changed();
-    },
-    getNodeModelById: modelFor,
-    /**
-     * 获取 getSelectElements 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    getSelectElements() {
-      return {
-        nodes: (store.getSelectedNodes.value || []).map(backendNode),
-        edges: (store.getSelectedEdges.value || []).map(backendEdge),
-      };
-    },
-    /**
-     * 清理 clearSelectElements 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    clearSelectElements() {
-      store.removeSelectedElements();
-    },
-    /**
-     * 处理 selectElementById 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     */
-    selectElementById(id) {
-      store.removeSelectedElements();
-      if (!id) return;
-      const node = store.findNode(id);
-      if (node) store.addSelectedNodes([node]);
-      const edge = store.findEdge(id);
-      if (edge) store.addSelectedEdges([edge]);
-    },
-    /**
-     * 处理 selectElementsByIds 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} ids 调用方传入的 ids 参数
-     */
-    selectElementsByIds(ids = []) {
-      store.removeSelectedElements();
-      const nodes = ids.map((id) => store.findNode(id)).filter(Boolean);
-      if (nodes.length) store.addSelectedNodes(nodes);
-    },
-    /**
-     * 处理 focusOn 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} { id } 调用方传入的 { id } 参数
-     */
-    focusOn({ id }) {
-      const node = store.findNode(id);
-      if (!node) return;
-      const center = backendNode(node);
-      store.setCenter(center.x, center.y, { zoom: Math.max(store.viewport.value?.zoom || 1, 0.7), duration: 300 });
-    },
-    /**
-     * 处理 fitView 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    fitView() {
-      return store.fitView({ padding: 0.18, duration: 300 });
-    },
-    /**
-     * 处理 translateCenter 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    translateCenter() {
-      return facade.fitView();
-    },
-    /**
-     * 缩放 zoom 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} scale 缩放比例
-     * @param {*} center 缩放中心
-     */
-    zoom(scale, center) {
-      if (Array.isArray(center) && center.length === 2) {
-        return store.setCenter(center[0], center[1], { zoom: scale, duration: 250 });
-      }
-      return store.zoomTo(scale, { duration: 250 });
-    },
-    /**
-     * 获取 getPointByClient 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} x 客户端横坐标
-     * @param {*} y 客户端纵坐标
-     */
-    getPointByClient(x, y) {
-      const point = store.screenToFlowCoordinate({ x, y });
-      return { canvasOverlayPosition: point, domOverlayPosition: point };
-    },
-    /**
-     * 新增 addToGroup 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} groupId 分组节点 ID
-     * @param {*} childId 子节点 ID
-     * @param {*} dropCenter 拖放中心坐标
-     */
-    addToGroup(groupId, childId, dropCenter) {
-      const group = store.findNode(groupId);
-      const child = store.findNode(childId);
-      if (!group || !child || GROUP_TYPES.has(child.data.flowType)) return;
-      const previousParentId = child.parentNode || child.data?.properties?.parentId;
-      const graph = facade.getGraphData();
-      const groupData = graph.nodes.find((node) => node.id === groupId);
-      const childData = graph.nodes.find((node) => node.id === childId);
-      if (!groupData || !childData) return;
-
-      // 节点从循环体外进入循环体后，原连线的两端已处于不同执行作用域，必须全部断开。
-      // 在重新渲染父子结构前直接过滤图数据，可保证入边、出边和层级变更在同一次更新中完成。
-      const enteringLoop = group.data.flowType === "loop" && previousParentId !== groupId;
-      if (enteringLoop) {
-        graph.edges = graph.edges.filter((edge) => (
-          edge.sourceNodeId !== childId && edge.targetNodeId !== childId
-        ));
-      }
-
-      groupData.children = Array.from(new Set([...(groupData.children || []), childId]));
-      childData.properties = { ...(childData.properties || {}), parentId: groupId };
-      if (dropCenter) {
-        childData.x = dropCenter.x;
-        childData.y = dropCenter.y;
-      }
-      facade.render(graph, {
-        resetHistory: false,
-        replaceNodes: true,
-        preserveNodeSizes: true,
-        preserveNodePositions: true,
-      });
-      nextTick(() => {
-        store.updateNodeInternals([groupId, childId]);
-        changed();
-      });
-    },
-    /**
-     * 编组 groupNodes 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} groupNode 调用方传入的 groupNode 参数
-     * @param {*} childIds 子节点 ID 集合
-     */
-    groupNodes(groupNode, childIds = []) {
-      // 先计算选中节点的外接矩形确定容器尺寸，再把子节点坐标转换为容器内相对坐标。
-      // 与分组外节点相连的边保持不变，此处仅更新节点层级和几何信息。
-      const graph = facade.getGraphData();
-      const selectedIds = new Set(childIds);
-      const children = graph.nodes.filter((node) => (
-        selectedIds.has(node.id)
-        && !GROUP_TYPES.has(node.type)
-        && !store.findNode(node.id)?.parentNode
-      ));
-      if (!children.length) return null;
-
-      const group = clone(groupNode);
-      group.id ||= nodeId();
-      group.type = "selectArea";
-      group.properties = { ...(group.properties || {}), action: "NONE" };
-      group.children = children.map((node) => node.id);
-      children.forEach((node) => {
-        node.properties = { ...(node.properties || {}), parentId: group.id };
-      });
-      graph.nodes.push(group);
-      facade.render(graph, {
-        resetHistory: false,
-        replaceNodes: true,
-        preserveNodeSizes: true,
-        preserveNodePositions: true,
-      });
-      nextTick(() => {
-        store.updateNodeInternals([group.id, ...group.children]);
-        changed();
-      });
-      return clone(group);
-    },
-    /**
-     * 处理 ungroup 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} groupId 分组节点 ID
-     */
-    ungroup(groupId) {
-      const graph = facade.getGraphData();
-      const group = graph.nodes.find((node) => node.id === groupId && node.type === "selectArea");
-      if (!group) return false;
-      const childIds = new Set([
-        ...(group.children || []),
-        ...graph.nodes.filter((node) => node.properties?.parentId === groupId).map((node) => node.id),
-      ]);
-      graph.nodes = graph.nodes.filter((node) => node.id !== groupId);
-      graph.nodes.forEach((node) => {
-        if (!childIds.has(node.id)) return;
-        const properties = { ...(node.properties || {}) };
-        delete properties.parentId;
-        node.properties = properties;
-      });
-      facade.render(graph, {
-        resetHistory: false,
-        replaceNodes: true,
-        preserveNodeSizes: true,
-        preserveNodePositions: true,
-      });
-      nextTick(() => {
-        store.updateNodeInternals([...childIds]);
-        changed();
-      });
-      return true;
-    },
-    /**
-     * 准备 prepareLoopChildDrag 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} childId 子节点 ID
-     */
-    prepareLoopChildDrag(childId) {
-      const child = store.findNode(childId);
-      const group = child?.parentNode ? store.findNode(child.parentNode) : null;
-      if (!group || group.data.flowType !== "loop") return;
-      store.updateNode(childId, {
-        extent: loopChildExtent(),
-        expandParent: false,
-      });
-      getLoopLayoutState(group);
-      const rect = getNodeRect(child);
-      return { groupId: group.id, position: { x: rect.x, y: rect.y } };
-    },
-    /**
-     * 布局 layoutLoopDuringDrag 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} groupId 分组节点 ID
-     * @param {*} childId 子节点 ID
-     * @param {*} position 调用方传入的 position 参数
-     */
-    layoutLoopDuringDrag(groupId, childId, position) {
-      const group = store.findNode(groupId);
-      if (!group || group.data.flowType !== "loop" || !position) return;
-      layoutLoop(group, childId, position);
-    },
-    /**
-     * 调整 resizeGroupToChildren 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} groupId 分组节点 ID
-     * @param {*} options 行为配置
-     */
-    resizeGroupToChildren(groupId, options = {}) {
-      // 循环容器沿用统一的内边距和最小尺寸约束，并按配置决定是否记录变更。
-      // 拖拽过程可关闭变更标记，避免高频移动产生多余历史记录。
-      const group = store.findNode(groupId);
-      if (!group || group.data.flowType !== "loop") return;
-      if (layoutLoop(group) && options.markChanged !== false) changed();
-    },
-    /**
-     * 移动 moveNodeBy 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     * @param {*} dx 横向位移
-     * @param {*} dy 纵向位移
-     */
-    moveNodeBy(id, dx, dy) {
-      const node = store.findNode(id);
-      if (!node) return;
-      store.updateNode(id, {
-        position: {
-          x: node.position.x + dx,
-          y: node.position.y + dy,
-        },
-      });
-      changed();
-    },
-    /**
-     * 撤销 undo 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    undo() {
-      if (historyIndex <= 0) return false;
-      historyIndex -= 1;
-      const snapshot = clone(history[historyIndex].graph);
-      facade.render(snapshot, { resetHistory: false, replaceNodes: true });
-      nextTick(() => emit("history:change", { data: facade.getGraphData() }));
-      return true;
-    },
-    /**
-     * 重做 redo 对应的数据或交互；作用范围仅限画布适配层。
-     */
-    redo() {
-      if (historyIndex >= history.length - 1) return false;
-      historyIndex += 1;
-      const snapshot = clone(history[historyIndex].graph);
-      facade.render(snapshot, { resetHistory: false, replaceNodes: true });
-      nextTick(() => emit("history:change", { data: facade.getGraphData() }));
-      return true;
-    },
-    /**
-     * 注册 registerComponentInstance 对应的数据或交互；作用范围仅限画布适配层。
-     * @param {*} id 目标元素 ID
-     * @param {*} instance 组件实例
-     */
-    registerComponentInstance(id, instance) {
-      if (instance) componentInstances.set(id, instance);
-    },
-    extension: {
-      selectionSelect: {
-        openSelectionSelect: () => emit("selection:open"),
-        closeSelectionSelect: () => emit("selection:close"),
-      },
-    },
-  };
-
-  return facade;
-};
diff --git a/src/views/inspection/alarm/index.vue b/src/views/inspection/alarm/index.vue
deleted file mode 100644
index c306a5d..0000000
--- a/src/views/inspection/alarm/index.vue
+++ /dev/null
@@ -1,452 +0,0 @@
-<template>
-  <div class="result-list">
-    <el-card shadow="never" class="search-card">
-      <el-form ref="queryFormRef" :model="queryParams" :inline="true" label-width="80px">
-        <el-form-item
-          label="所属任务"
-          prop="taskId"
-        >
-          <el-select
-            v-model="queryParams.taskId"
-            filterable
-            placeholder="请选择所属任务"
-            clearable
-            class="query-select"
-          >
-            <el-option
-              v-for="task in taskOptions"
-              :key="task.value"
-              :label="task.label"
-              :value="task.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="结果名称" prop="resultName">
-          <el-input
-            v-model="queryParams.resultName"
-            placeholder="请输入结果名称"
-            clearable
-            @keyup.enter="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="结果类型" prop="resultType">
-          <el-select v-model="queryParams.resultType" clearable placeholder="全部" class="query-select">
-            <el-option
-              v-for="item in resultTypeOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="状态" prop="resultStatus">
-          <el-select v-model="queryParams.resultStatus" clearable placeholder="全部" class="query-select">
-            <el-option
-              v-for="item in resultStatusOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="告警级别" prop="alarmLevel">
-          <el-select v-model="queryParams.alarmLevel" clearable placeholder="全部" class="query-select">
-            <el-option
-              v-for="item in alarmLevelOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button type="primary" @click="handleQuery">查询</el-button>
-          <el-button @click="resetQuery">重置</el-button>
-        </el-form-item>
-      </el-form>
-    </el-card>
-
-    <el-card shadow="never" class="table-card">
-      <el-table v-loading="loading" :data="tableData" border stripe>
-        <el-table-column prop="id" label="结果 ID" min-width="100" show-overflow-tooltip />
-        <el-table-column prop="resultName" label="结果名称" min-width="160" show-overflow-tooltip />
-        <el-table-column prop="resultType" label="结果类型" min-width="110">
-          <template #default="{ row }">
-            {{ getOptionLabel(resultTypeOptions, row.resultType) }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="resultStatus" label="状态" min-width="140">
-          <template #default="{ row }">
-            <el-tag :type="getStatusTagType(row.resultStatus)">
-              {{ getOptionLabel(resultStatusOptions, row.resultStatus) }}
-            </el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column prop="alarmLevel" label="告警级别" min-width="110">
-          <template #default="{ row }">
-            {{ row.alarmLevel == null ? '-' : getOptionLabel(alarmLevelOptions, row.alarmLevel) }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="alarmLevel" label="图片/视频" min-width="110">
-          <template #default="{ row }">
-              <el-button
-                type="primary"
-                link
-                @click="handleOpenMedia(row)"
-                >
-                查看
-            </el-button>
-          </template>
-        </el-table-column>
-        <el-table-column prop="taskName" label="所属任务" min-width="150" show-overflow-tooltip />
-        <el-table-column prop="createTime" label="创建时间" min-width="180" />
-        <el-table-column label="操作" fixed="right" width="120" align="center">
-          <template #default="{ row }">
-            <el-button
-              v-if="row.resultStatus === 'PENDING'"
-              type="primary"
-              link
-              @click="openReviewDialog(row)"
-            >
-              复核
-            </el-button>
-            <span v-else>-</span>
-          </template>
-        </el-table-column>
-        <template #empty>
-          <el-empty description="暂无巡检结果" />
-        </template>
-      </el-table>
-
-      <div class="pagination-wrapper">
-        <el-pagination
-          v-model:current-page="queryParams.pageNum"
-          v-model:page-size="queryParams.pageSize"
-          :page-sizes="[10, 20, 50, 100]"
-          :total="total"
-          layout="total, sizes, prev, pager, next, jumper"
-          @size-change="handleSizeChange"
-          @current-change="fetchList"
-        />
-      </div>
-    </el-card>
-
-    <el-dialog
-      v-model="reviewDialogVisible"
-      title="人工复核"
-      width="600px"
-      :close-on-click-modal="false"
-      @closed="resetReviewForm"
-    >
-      <el-form
-        ref="reviewFormRef"
-        :model="reviewForm"
-        :rules="reviewRules"
-        label-width="100px"
-      >
-        <el-form-item label="复核结果" prop="resultStatus">
-          <el-select v-model="reviewForm.resultStatus" placeholder="请选择复核结果">
-            <el-option label="异常" value="ABNORMAL" />
-            <el-option label="正常" value="NORMAL" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="告警级别" prop="alarmLevel">
-          <el-select
-            v-model="reviewForm.alarmLevel"
-            :disabled="reviewForm.resultStatus !== 'ABNORMAL'"
-            clearable
-            placeholder="请选择告警级别"
-          >
-            <el-option
-              v-for="item in alarmLevelOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="复核说明" prop="reviewRemark">
-          <el-input
-            v-model="reviewForm.reviewRemark"
-            type="textarea"
-            :rows="4"
-            maxlength="500"
-            show-word-limit
-            placeholder="请输入复核说明"
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button @click="reviewDialogVisible = false">取消</el-button>
-        <el-button type="primary" :loading="reviewSubmitting" @click="submitReview">
-          提交
-        </el-button>
-      </template>
-    </el-dialog>
-
-    <el-dialog
-      v-model="mediaDialogVisible"
-      title="图片/视频"
-      width="500px"
-      :close-on-click-modal="false"
-    > 
-        <el-image
-          v-if="mediaData.evidenceType === 'IMAGE'"
-          :src="mediaData.evidenceUrl"
-          style="width: 100%; height: 100%"
-        />
-        <IPlayer
-          v-if="mediaData.evidenceType === 'VIDEO'"
-          :videoUrl="mediaData.evidenceUrl"
-        />
-    </el-dialog>
-  </div>
-</template>
-
-<script setup>
-import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue'
-import { ElMessage } from 'element-plus'
-import { getTaskList } from '@/api/inspection/task'
-import {
-  getInspectionResultList,
-  reviewInspectionResult
-} from '@/api/inspection/result'
-
-
-const queryFormRef = ref()
-const reviewFormRef = ref()
-const loading = ref(false)
-const reviewSubmitting = ref(false)
-const reviewDialogVisible = ref(false)
-const tableData = ref([])
-const taskOptions = ref([])
-const total = ref(0)
-const currentReviewId = ref(null)
-
-const queryParams = reactive({
-  taskId: null,
-  resultName: '',
-  resultType: null,
-  resultStatus: null,
-  alarmLevel: null,
-  pageNum: 1,
-  pageSize: 10
-})
-
-const reviewForm = reactive({
-  resultStatus: '',
-  alarmLevel: null,
-  reviewRemark: '',
-  reviewVersion: 0
-})
-
-const resultTypeOptions = [
-  { label: '劳保穿戴', value: 'PPE' },
-  { label: '仪表识别', value: 'METER' },
-  { label: '人工巡检', value: 'MANUAL' }
-]
-
-const resultStatusOptions = [
-  { label: '待处理', value: 'PENDING' },
-  { label: '正常', value: 'NORMAL' },
-  { label: '异常', value: 'ABNORMAL' },
-  { label: '识别失败', value: 'RECOGNIZE_FAILED' }
-]
-
-const alarmLevelOptions = [
-  { label: '1（提示）', value: 1 },
-  { label: '2（警告）', value: 2 },
-  { label: '3（严重）', value: 3 }
-]
-
-const validateAlarmLevel = (_rule, value, callback) => {
-  if (reviewForm.resultStatus === 'ABNORMAL' && value == null) {
-    callback(new Error('异常结果必须选择告警级别'))
-    return
-  }
-  callback()
-}
-
-const reviewRules = {
-  resultStatus: [
-    { required: true, message: '请选择复核结果', trigger: 'change' }
-  ],
-  alarmLevel: [
-    { validator: validateAlarmLevel, trigger: 'change' }
-  ]
-}
-
-const getOptionLabel = (options, value) => {
-  return options.find(item => item.value === value)?.label || value || '-'
-}
-
-const getStatusTagType = (status) => {
-  if (status === 'ABNORMAL') return 'danger'
-  if (status === 'NORMAL') return 'success'
-  return 'info'
-}
-
-const buildQueryParams = () => {
-  return Object.fromEntries(
-    Object.entries(queryParams).filter(([, value]) => value !== '' && value != null)
-  )
-}
-
-// 查询失败的消息由项目统一请求拦截器展示。
-const fetchList = async () => {
-  loading.value = true
-  try {
-    const response = await getInspectionResultList(buildQueryParams())
-    tableData.value = response.rows || response.data?.rows || []
-    total.value = response.total ?? response.data?.total ?? 0
-  } finally {
-    loading.value = false
-  }
-}
-
-const loadTaskOptions = async () => {
-  try {
-    const response = await getTaskList({ pageNum: 1, pageSize: 10000 })
-    const rows = response.rows || response.data?.rows || []
-    taskOptions.value = rows.map(task => ({
-      label: task.taskName || task.name || `任务 ${task.id ?? task.taskId}`,
-      value: task.id ?? task.taskId
-    }))
-
-  } catch {
-    // 请求层已统一提示错误，保留空选项等待用户重试页面。
-    taskOptions.value = []
-  }
-}
-
-const handleQuery = async () => {
-  try {
-    await queryFormRef.value?.validate()
-    queryParams.pageNum = 1
-    await fetchList()
-  } catch {
-    // 表单项会展示“所属任务”必填提示。
-  }
-}
-
-const resetQuery = () => {
-  queryFormRef.value?.resetFields()
-  Object.assign(queryParams, {
-    resultName: '',
-    resultType: null,
-    resultStatus: null,
-    alarmLevel: null,
-    pageNum: 1,
-    pageSize: 10
-  })
-  fetchList()
-}
-
-const handleSizeChange = () => {
-  queryParams.pageNum = 1
-  fetchList()
-}
-
-const openReviewDialog = (row) => {
-  currentReviewId.value = row.id
-  Object.assign(reviewForm, {
-    resultStatus: row.resultStatus || 'ABNORMAL',
-    alarmLevel: row.alarmLevel ?? null,
-    reviewRemark: '',
-    reviewVersion: row.reviewVersion ?? 0
-  })
-  reviewDialogVisible.value = true
-  nextTick(() => reviewFormRef.value?.clearValidate())
-}
-
-const resetReviewForm = () => {
-  currentReviewId.value = null
-  Object.assign(reviewForm, {
-    resultStatus: '',
-    alarmLevel: null,
-    reviewRemark: '',
-    reviewVersion: 0
-  })
-  reviewFormRef.value?.clearValidate()
-}
-
-const submitReview = async () => {
-  try {
-    await reviewFormRef.value.validate()
-  } catch {
-    return
-  }
-
-  reviewSubmitting.value = true
-  try {
-    await reviewInspectionResult(currentReviewId.value, {
-      alarmLevel: reviewForm.resultStatus === 'ABNORMAL' ? reviewForm.alarmLevel : null,
-      resultStatus: reviewForm.resultStatus,
-      reviewRemark: reviewForm.reviewRemark,
-      reviewVersion: reviewForm.reviewVersion
-    })
-    ElMessage.success('复核成功')
-    reviewDialogVisible.value = false
-    await fetchList()
-  } finally {
-    reviewSubmitting.value = false
-  }
-}
-
-const mediaDialogVisible = ref(false)
-const mediaData = ref(null)
-
-const handleOpenMedia = (row) => {
-    mediaDialogVisible.value = true
-    mediaData.value = row
-}
-
-
-watch(
-  () => reviewForm.resultStatus,
-  status => {
-    if (status !== 'ABNORMAL') {
-      reviewForm.alarmLevel = null
-      nextTick(() => reviewFormRef.value?.clearValidate('alarmLevel'))
-    }
-  }
-)
-
-onMounted(async () => {
-  await loadTaskOptions()
-  await fetchList()
-})
-</script>
-
-<style scoped lang="scss">
-.result-list {
-  width: 100%;
-  height: 100%;
-
-  .search-card {
-    margin-bottom: 16px;
-
-    :deep(.el-card__body) {
-      padding-bottom: 2px;
-    }
-  }
-
-  .query-select {
-    width: 180px;
-  }
-
-  .table-card {
-    min-width: 0;
-  }
-
-  .pagination-wrapper {
-    display: flex;
-    justify-content: flex-end;
-    margin-top: 16px;
-  }
-
-  :deep(.el-dialog .el-select) {
-    width: 100%;
-  }
-}
-</style>
diff --git a/src/views/inspection/cockpit/canvasUtils.js b/src/views/inspection/cockpit/canvasUtils.js
deleted file mode 100644
index e9751e8..0000000
--- a/src/views/inspection/cockpit/canvasUtils.js
+++ /dev/null
@@ -1,620 +0,0 @@
-import { useInspectionStore } from "@/store/modules/inspection";
-
-const inspectionStore = useInspectionStore();
-
-
-/**
- * 6位十六进制颜色字符串转为 CSS rgba 字符串
- * @param {string} hex - 如 "#ff6e40"
- * @param {number} alpha - 透明度 0~1
- * @returns {string} CSS rgba 字符串
- */
-function hexToCssRgba(hexString, alpha) {
-    const r = parseInt(hexString.slice(1, 3), 16);               // 提取 R 分量
-    const g = parseInt(hexString.slice(3, 5), 16);               // 提取 G 分量
-    const b = parseInt(hexString.slice(5, 7), 16);               // 提取 B 分量
-    return `rgba(${r},${g},${b},${alpha})`;
-}
-
-/**
- * 将世界坐标转换为 Canvas 屏幕像素坐标
- * 注意：世界坐标 Y 轴向上，Canvas Y 轴向下，因此需要翻转
- * @param {number} worldX - 世界坐标 X（米）
- * @param {number} worldY - 世界坐标 Y（米）
- * @returns {{x: number, y: number}} Canvas 上的屏幕像素坐标
- */
-export const worldToScreen = (worldX, worldY, dataStore) => {
-    const store = dataStore || inspectionStore;
-    const camera = store.camera
-    const screenX = (worldX - camera.centerX) * camera.pixelsPerMeter + store.canvasWidthPx / 2;   // 水平偏移 + 居中
-    const screenY = -(worldY - camera.centerY) * camera.pixelsPerMeter + store.canvasHeightPx / 2; // 垂直翻转 + 居中
-    return { x: screenX, y: screenY };
-};
-
-/**
- * 将 Canvas 屏幕像素坐标反算为世界坐标
- * 与 worldToScreen 互为逆运算
- * @param {number} screenX - Canvas 像素 X
- * @param {number} screenY - Canvas 像素 Y
- * @returns {{x: number, y: number}} 世界坐标（米）
- */
-export const screenToWorld = (screenX, screenY, dataStore) => {
-    const store = dataStore || inspectionStore;
-    const camera = store.camera;
-    const worldX = (screenX - store.canvasWidthPx / 2) / camera.pixelsPerMeter + camera.centerX;   // 水平反算
-    const worldY = -(screenY - store.canvasHeightPx / 2) / camera.pixelsPerMeter + camera.centerY;  // 垂直反算（带翻转）
-    return { x: worldX, y: worldY };
-};
-
-
-/**
- * 0xAARRGGBB 整数颜色解码为 {r, g, b, a} 对象
- * @param {number} argbInt - 32位 ARGB 整数，如 0xCCFF0040
- * @returns {{r:number, g:number, b:number, a:number}|null} RGBA 分量 (0~255)，无效输入返回 null
- */
-export const decodeArgbInteger = (argbInt) => {
-    if (typeof argbInt !== 'number') return null;               // 非数字类型直接返回
-    return {
-        a: (argbInt >>> 24) & 0xFF,                               // 高8位：Alpha 透明度
-        r: (argbInt >>> 16) & 0xFF,                               // 次高8位：Red
-        g: (argbInt >>> 8) & 0xFF,                               // 次低8位：Green
-        b: argbInt & 0xFF,                               // 低8位：Blue
-    };
-}
-
-/**
- * 将 decodeArgbInteger 的结果转为 CSS rgba() 字符串
- * @param {{r,g,b,a}} colorObj - RGBA 分量对象
- * @param {number} [alphaOverride] - 可选，覆盖 alpha 值（0~1）
- * @returns {string|null} CSS rgba 字符串，如 "rgba(255,0,64,0.3)"
- */
-export const toCssRgba = (colorObj, alphaOverride) => {
-    if (!colorObj) return null;                                  // 空对象返回 null
-    const alpha = alphaOverride !== undefined                    // 如果提供了覆盖值
-        ? alphaOverride                                            // 使用覆盖值
-        : colorObj.a / 255;                                        // 否则将 0~255 映射到 0~1
-    return `rgba(${colorObj.r},${colorObj.g},${colorObj.b},${alpha})`;
-}
-
-/**
- * 栅格底图绘制函数
- * 将预渲染的离屏 Canvas 图像绘制到主 Canvas 上，并根据当前地图范围进行缩放和平移
- * @param {*} canvasCtx 
- * @param {*} map 
- * @param {*} gridOffscreen 
- */
-export const drawGrid = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    const topLeftScreen = worldToScreen(map.originX, map.maxY, store);         // 图像左上角（世界坐标→屏幕）
-    const bottomRightScreen = worldToScreen(map.maxX, map.originY, store);     // 图像右下角（世界坐标→屏幕）
-    canvasCtx.imageSmoothingEnabled = false;                   // 关闭抗锯齿（保持像素清晰）
-    canvasCtx.drawImage(
-        store.gridOffscreen,                                          // 离屏 Canvas 图像源
-        topLeftScreen.x, topLeftScreen.y,                        // 目标左上角
-        bottomRightScreen.x - topLeftScreen.x,                   // 目标宽度
-        bottomRightScreen.y - topLeftScreen.y                    // 目标高度
-    );
-}
-
-/**
- * 网格辅助线（每1米一条）
- * @param {*} canvasCtx 
- * @param {*} canvasWidthPx 
- * @param {*} canvasHeightPx 
- */
-export const drawGridlines = (canvasCtx, dataStore) => {
-    // 计算当前可视范围的世界坐标
-    const store = dataStore || inspectionStore;
-    const viewTopLeft = screenToWorld(0, 0, store);               // 视口左上角世界坐标
-    const viewBottomRight = screenToWorld(store.canvasWidthPx, store.canvasHeightPx, store); // 视口右下角世界坐标
-    const viewMinX = Math.floor(Math.min(viewTopLeft.x, viewBottomRight.x)); // 可视X最小整数
-    const viewMaxX = Math.ceil(Math.max(viewTopLeft.x, viewBottomRight.x));  // 可视X最大整数
-    const viewMinY = Math.floor(Math.min(viewTopLeft.y, viewBottomRight.y)); // 可视Y最小整数
-    const viewMaxY = Math.ceil(Math.max(viewTopLeft.y, viewBottomRight.y));  // 可视Y最大整数
-
-    // 绘制1米间隔的浅色网格线
-    canvasCtx.strokeStyle = 'rgba(30,50,80,0.25)';             // 淡蓝灰色
-    canvasCtx.lineWidth = 0.5;                                 // 细线
-    canvasCtx.beginPath();
-    for (let worldX = viewMinX; worldX <= viewMaxX; worldX++) { // 逐列绘制垂直线
-        const screenPos = worldToScreen(worldX, 0, store);
-        canvasCtx.moveTo(screenPos.x, 0);                        // 从画布顶部
-        canvasCtx.lineTo(screenPos.x, store.canvasHeightPx);            // 到画布底部
-    }
-    for (let worldY = viewMinY; worldY <= viewMaxY; worldY++) { // 逐行绘制水平线
-        const screenPos = worldToScreen(0, worldY, store);
-        canvasCtx.moveTo(0, screenPos.y);                         // 从画布左边
-        canvasCtx.lineTo(store.canvasWidthPx, screenPos.y);             // 到画布右边
-    }
-    canvasCtx.stroke();
-}
-
-/**
- * 绘制高级区域列表
- * @param {*} canvasCtx 
- * @param {*} map 
- * @param {*} dataStore 
- */
-export const drawAdvancedAreaList = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    for (let areaIndex = 0; areaIndex < map.advancedAreas.length; areaIndex++) {
-        const area = map.advancedAreas[areaIndex];                // 当前区域
-        const vertices = area.posGroup || [];                     // 多边形顶点数组
-        if (vertices.length < 3) continue;                        // 少于3个顶点无法构成多边形，跳过
-
-        // ── 颜色：优先使用 attribute 中的 ARGB 整数，否则用默认品红色 ──
-        let fillColorCss = 'rgba(224,64,251,0.12)';            // 默认填充（品红半透明）
-        let strokeColorCss = 'rgba(224,64,251,0.5)';             // 默认描边（品红较不透明）
-        if (area.attribute) {
-            const brushColor = decodeArgbInteger(area.attribute.colorBrush); // 解码填充色
-            const penColor = decodeArgbInteger(area.attribute.colorPen);   // 解码描边色
-            if (brushColor) {
-                // 使用原始 alpha 值的一半作为填充透明度，最小 0.06
-                fillColorCss = toCssRgba(brushColor, Math.max(0.06, (brushColor.a / 255) * 0.5));
-            }
-            if (penColor) {
-                strokeColorCss = toCssRgba(penColor, 0.6);           // 描边60%不透明
-            }
-        }
-
-        // ── 绘制多边形 ──
-        canvasCtx.fillStyle = fillColorCss;                     // 设置填充色
-        canvasCtx.strokeStyle = strokeColorCss;                   // 设置描边色
-        canvasCtx.lineWidth = 1.2;                              // 描边宽度
-        canvasCtx.beginPath();
-        const firstVertexScreen = worldToScreen(vertices[0].x, vertices[0].y, store); // 第一个顶点的屏幕位置
-        canvasCtx.moveTo(firstVertexScreen.x, firstVertexScreen.y); // 移动到起点
-        for (let i = 1; i < vertices.length; i++) {              // 依次连接后续顶点
-            const vertexScreen = worldToScreen(vertices[i].x, vertices[i].y, store);
-            canvasCtx.lineTo(vertexScreen.x, vertexScreen.y);
-        }
-        canvasCtx.closePath();                                    // 闭合路径
-        canvasCtx.fill();                                         // 填充
-        canvasCtx.stroke();                                       // 描边
-
-        // ── 在多边形质心处绘制区域名称标签 ──
-        let centroidWorldX = 0, centroidWorldY = 0;              // 质心世界坐标
-        for (const v of vertices) { centroidWorldX += v.x; centroidWorldY += v.y; } // 累加顶点坐标
-        centroidWorldX /= vertices.length;                        // 求平均得到质心 X
-        centroidWorldY /= vertices.length;                        // 求平均得到质心 Y
-        const centroidScreen = worldToScreen(centroidWorldX, centroidWorldY, store);
-        canvasCtx.font = '500 32px "JetBrains Mono"';             // 标签字体
-        canvasCtx.fillStyle = strokeColorCss;                     // 与描边同色
-        canvasCtx.textAlign = 'center';                           // 居中对齐
-        canvasCtx.fillText(area.instanceName || '', centroidScreen.x, centroidScreen.y + 3); // 绘制文字
-    }
-};
-
-/**
- * 绘制高级线列表
- * @param {*} canvasCtx 
- * @param {*} map 
- */
-export const drawAdvancedLineList = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    for (let advLineIndex = 0; advLineIndex < map.advancedLines.length; advLineIndex++) {
-        const advLine = map.advancedLines[advLineIndex];          // 当前高级线
-        const lineData = advLine.line;                            // 内部的 line 对象
-        if (!lineData || !lineData.startPos || !lineData.endPos) continue; // 缺少端点则跳过
-
-        const startScreen = worldToScreen(lineData.startPos.x, lineData.startPos.y, store);
-        const endScreen = worldToScreen(lineData.endPos.x, lineData.endPos.y, store);
-
-        // ── 根据 className 决定颜色和线型 ──
-        let lineColorHex = '#ff6e40';                             // 默认橙色
-        let lineDashPattern = [];                                 // 默认实线（无虚线）
-        const classNameLower = (advLine.className || '').toLowerCase();
-        if (classNameLower.includes('forbidden')) {               // 禁行线 → 红色虚线
-            lineColorHex = '#ff1744';
-            lineDashPattern = [8, 4];                               // 虚线模式：8px实 4px空
-        } else if (classNameLower.includes('virtual')) {          // 虚拟线 → 橙色虚线
-            lineColorHex = '#ffab40';
-            lineDashPattern = [4, 4];
-        }
-
-        // 绘制高级线
-        canvasCtx.save();
-        canvasCtx.shadowColor = lineColorHex;                     // 辉光色与线条同色
-        canvasCtx.shadowBlur = 4;                                // 辉光半径
-        canvasCtx.strokeStyle = lineColorHex;                     // 线条颜色
-        canvasCtx.lineWidth = 2.5;                              // 线宽（比基础线粗）
-        canvasCtx.setLineDash(lineDashPattern);                   // 设置虚线模式
-        canvasCtx.globalAlpha = 0.8;                              // 80%不透明
-        canvasCtx.beginPath();
-        canvasCtx.moveTo(startScreen.x, startScreen.y);
-        canvasCtx.lineTo(endScreen.x, endScreen.y);
-        canvasCtx.stroke();
-        canvasCtx.setLineDash([]);                                // 恢复实线
-        canvasCtx.restore();
-
-        // 在中点绘制名称标签
-        // const midpointScreenX = (startScreen.x + endScreen.x) / 2;
-        // const midpointScreenY = (startScreen.y + endScreen.y) / 2;
-        // canvasCtx.font = '500 8px "JetBrains Mono"';
-        // canvasCtx.fillStyle = hexToCssRgba(lineColorHex, 0.55);   // 55%不透明的文字
-        // canvasCtx.textAlign = 'center';
-        // canvasCtx.fillText(advLine.instanceName || advLine.className || '', midpointScreenX, midpointScreenY - 6);
-    }
-};
-
-/**
- * 绘制基础直线列表
- * @param {*} canvasCtx 
- * @param {*} map 
- * @param {*} dataStore 
- */
-export const drawNormalLines = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    for (let lineIndex = 0; lineIndex < map.normalLines.length; lineIndex++) {
-        const line = map.normalLines[lineIndex];                  // 当前直线
-        const startScreen = worldToScreen(line.startPos.x, line.startPos.y, store); // 起点屏幕位置
-        const endScreen = worldToScreen(line.endPos.x, line.endPos.y, store);     // 终点屏幕位置
-
-        // 绘制发光直线
-        canvasCtx.save();
-        canvasCtx.shadowColor = '#00e5ff';                        // 阴影颜色（产生辉光）
-        canvasCtx.shadowBlur = 5;                                // 辉光扩散半径
-        canvasCtx.strokeStyle = '#00e5ff';                        // 线条颜色：青色
-        canvasCtx.lineWidth = 2;                                // 线宽
-        canvasCtx.globalAlpha = 0.8;                              // 80%不透明
-        canvasCtx.beginPath();
-        canvasCtx.moveTo(startScreen.x, startScreen.y);           // 从起点
-        canvasCtx.lineTo(endScreen.x, endScreen.y);               // 到终点
-        canvasCtx.stroke();
-        canvasCtx.restore();
-
-        // 在中点绘制方向箭头
-        const midpointX = (startScreen.x + endScreen.x) / 2;     // 中点X
-        const midpointY = (startScreen.y + endScreen.y) / 2;     // 中点Y
-        const arrowAngle = Math.atan2(endScreen.y - startScreen.y, endScreen.x - startScreen.x); // 线段方向角
-        const arrowLength = 5;                                    // 箭头长度
-        canvasCtx.fillStyle = 'rgba(0,229,255,0.6)';              // 箭头填充色
-        canvasCtx.beginPath();
-        canvasCtx.moveTo(midpointX + Math.cos(arrowAngle) * arrowLength, midpointY + Math.sin(arrowAngle) * arrowLength); // 箭头尖端
-        canvasCtx.lineTo(midpointX + Math.cos(arrowAngle + 2.5) * 4, midpointY + Math.sin(arrowAngle + 2.5) * 4);       // 左翼
-        canvasCtx.lineTo(midpointX + Math.cos(arrowAngle - 2.5) * 4, midpointY + Math.sin(arrowAngle - 2.5) * 4);       // 右翼
-        canvasCtx.closePath();
-        canvasCtx.fill();
-    }
-};
-
-/**
- * 绘制高级曲线列表
- * @param {*} canvasCtx 
- * @param {*} map 
- * @param {*} dataStore 
- */
-export const drawAdvancedCurveList = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    for (let curveIndex = 0; curveIndex < map.advancedCurves.length; curveIndex++) {
-        const curve = map.advancedCurves[curveIndex];             // 当前曲线
-
-        // 提取起点和终点的 pos（注意：startPos/endPos 是 {instanceName, pos:{x,y}} 结构）
-        const startPoint = curve.startPos?.pos;                   // 起点世界坐标
-        const endPoint = curve.endPos?.pos;                     // 终点世界坐标
-        const controlPoint1 = curve.controlPos1;                  // 第一控制点（直接 {x,y}）
-        const controlPoint2 = curve.controlPos2;                  // 第二控制点（直接 {x,y}）
-        if (!startPoint || !endPoint) continue;                   // 缺少端点则跳过
-
-        // 转换为屏幕坐标
-        const startScreen = worldToScreen(startPoint.x, startPoint.y, store);
-        const endScreen = worldToScreen(endPoint.x, endPoint.y, store);
-        const cp1Screen = controlPoint1 ? worldToScreen(controlPoint1.x, controlPoint1.y, store) : null; // 可能不存在
-        const cp2Screen = controlPoint2 ? worldToScreen(controlPoint2.x, controlPoint2.y, store) : null;
-
-        // ── 绘制贝塞尔曲线（虚线）──
-        canvasCtx.save();
-        canvasCtx.shadowColor = '#76ff03';                        // 酸绿色辉光
-        canvasCtx.shadowBlur = 5;
-        canvasCtx.strokeStyle = '#76ff03';                        // 酸绿色线条
-        canvasCtx.lineWidth = 2;
-        canvasCtx.setLineDash([8, 5]);                            // 虚线模式
-        canvasCtx.globalAlpha = 0.85;
-        canvasCtx.beginPath();
-        canvasCtx.moveTo(startScreen.x, startScreen.y);           // 起点
-        if (cp1Screen && cp2Screen) {
-            // 有2个控制点 → 三次贝塞尔 (cubic bezier)
-            canvasCtx.bezierCurveTo(cp1Screen.x, cp1Screen.y, cp2Screen.x, cp2Screen.y, endScreen.x, endScreen.y);
-        } else if (cp1Screen) {
-            // 仅1个控制点 → 二次贝塞尔 (quadratic bezier)
-            canvasCtx.quadraticCurveTo(cp1Screen.x, cp1Screen.y, endScreen.x, endScreen.y);
-        } else {
-            // 无控制点 → 直线
-            canvasCtx.lineTo(endScreen.x, endScreen.y);
-        }
-        canvasCtx.stroke();
-        canvasCtx.setLineDash([]);                                // 恢复实线
-        canvasCtx.restore();
-
-        // ── 在 t=0.5 处绘制方向箭头 ──
-        if (cp1Screen && cp2Screen) {
-            const t = 0.5;                                          // 参数 t = 0.5（曲线中点）
-            const oneMinusT = 0.5;                                  // 1-t = 0.5
-            // 三次贝塞尔公式计算中点坐标
-            const arrowX = oneMinusT ** 3 * startScreen.x + 3 * oneMinusT ** 2 * t * cp1Screen.x + 3 * oneMinusT * t ** 2 * cp2Screen.x + t ** 3 * endScreen.x;
-            const arrowY = oneMinusT ** 3 * startScreen.y + 3 * oneMinusT ** 2 * t * cp1Screen.y + 3 * oneMinusT * t ** 2 * cp2Screen.y + t ** 3 * endScreen.y;
-            // 三次贝塞尔的一阶导数（切线方向）
-            const tangentX = 3 * oneMinusT ** 2 * (cp1Screen.x - startScreen.x) + 6 * oneMinusT * t * (cp2Screen.x - cp1Screen.x) + 3 * t ** 2 * (endScreen.x - cp2Screen.x);
-            const tangentY = 3 * oneMinusT ** 2 * (cp1Screen.y - startScreen.y) + 6 * oneMinusT * t * (cp2Screen.y - cp1Screen.y) + 3 * t ** 2 * (endScreen.y - cp2Screen.y);
-            const tangentAngle = Math.atan2(tangentY, tangentX);     // 切线角度
-
-            // 绘制箭头
-            canvasCtx.fillStyle = 'rgba(118,255,3,0.7)';
-            canvasCtx.beginPath();
-            canvasCtx.moveTo(arrowX + Math.cos(tangentAngle) * 5, arrowY + Math.sin(tangentAngle) * 5);
-            canvasCtx.lineTo(arrowX + Math.cos(tangentAngle + 2.5) * 4, arrowY + Math.sin(tangentAngle + 2.5) * 4);
-            canvasCtx.lineTo(arrowX + Math.cos(tangentAngle - 2.5) * 4, arrowY + Math.sin(tangentAngle - 2.5) * 4);
-            canvasCtx.closePath();
-            canvasCtx.fill();
-
-            // 绘制控制点小圆（辅助调试用）
-            canvasCtx.fillStyle = 'rgba(118,255,3,0.25)';           // 浅绿色半透明
-            for (const controlScreen of [cp1Screen, cp2Screen]) {
-                canvasCtx.beginPath();
-                canvasCtx.arc(controlScreen.x, controlScreen.y, 2.5, 0, Math.PI * 2); // 半径2.5px的小圆
-                canvasCtx.fill();
-            }
-        }
-
-        // ── 曲线名称标签 ──
-        // canvasCtx.font = '500 7px "JetBrains Mono"';
-        // canvasCtx.fillStyle = 'rgba(118,255,3,0.5)';
-        // canvasCtx.textAlign = 'center';
-        // const labelScreenY = Math.min(startScreen.y, endScreen.y) - 8; // 标签放在最高点上方
-        // canvasCtx.fillText(curve.instanceName || '', (startScreen.x + endScreen.x) / 2, labelScreenY);
-    }
-};
-
-/**
- * 绘制高级点列表
- * @param {*} canvasCtx 
- * @param {*} map 
- * @param {*} dataStore 
- */
-export const drawAdvancedPointList = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    for (let pointIndex = 0; pointIndex < map.advancedPoints.length; pointIndex++) {
-        const advPoint = map.advancedPoints[pointIndex];          // 当前高级点
-        const pointScreen = worldToScreen(advPoint.pos.x, advPoint.pos.y, store); // 屏幕位置
-
-        // 判断是否被鼠标悬停
-        const isHovered = store.hoveredElement &&
-            store.hoveredElement.kind === 'point' &&
-            store.hoveredElement.index === pointIndex;
-
-        // ── 根据 className 决定颜色 ──
-        let pointColorHex = '#ffd600';                            // 默认琥珀色
-        const classNameLower = (advPoint.className || '').toLowerCase();
-        if (classNameLower.includes('landmark') || classNameLower.includes('land')) {
-            pointColorHex = '#ffd600';                              // LandMark → 琥珀色
-        } else if (classNameLower.includes('charge')) {
-            pointColorHex = '#22c55e';                              // 充电点 → 绿色
-        } else if (classNameLower.includes('load')) {
-            pointColorHex = '#3b82f6';                              // 装载点 → 蓝色
-        } else if (classNameLower.includes('work') || classNameLower.includes('process')) {
-            pointColorHex = '#a855f7';                              // 工位 → 紫色
-        } else if (classNameLower.includes('station')) {
-            pointColorHex = '#00e5ff';                              // 站点 → 青色
-        }
-
-        // ── 绘制菱形标记 ──
-        const diamondRadius = isHovered ? 8 : 5;                 // 悬停时放大
-        const pulseAlpha = isHovered ? Math.sin(store.animationTimeSeconds * 5) * 0.2 + 0.8 : 1; // 悬停时脉冲闪烁
-
-        canvasCtx.save();
-        canvasCtx.globalAlpha = pulseAlpha;                       // 应用透明度
-        canvasCtx.shadowColor = pointColorHex;                    // 辉光颜色
-        canvasCtx.shadowBlur = isHovered ? 18 : 8;              // 悬停时增强辉光
-
-        // 绘制旋转45度的正方形（菱形）
-        canvasCtx.fillStyle = pointColorHex;
-        canvasCtx.beginPath();
-        canvasCtx.moveTo(pointScreen.x, pointScreen.y - diamondRadius);          // 上顶点
-        canvasCtx.lineTo(pointScreen.x + diamondRadius * 0.7, pointScreen.y);    // 右顶点
-        canvasCtx.lineTo(pointScreen.x, pointScreen.y + diamondRadius);          // 下顶点
-        canvasCtx.lineTo(pointScreen.x - diamondRadius * 0.7, pointScreen.y);    // 左顶点
-        canvasCtx.closePath();
-        canvasCtx.fill();
-
-        // 中心白色小圆点（指示精确位置）
-        canvasCtx.shadowBlur = 0;
-        canvasCtx.fillStyle = '#fff';
-        canvasCtx.globalAlpha = 0.9;
-        canvasCtx.beginPath();
-        canvasCtx.arc(pointScreen.x, pointScreen.y, 1.8, 0, Math.PI * 2); // 半径1.8px
-        canvasCtx.fill();
-        canvasCtx.restore();
-
-        // ── 方向箭头（基于 dir 字段，弧度）──
-        if (advPoint.dir !== undefined && advPoint.dir !== null) {
-            // dir 可能是字符串（smap 样例中为 "-1.5759999999999958"）或数字
-            const dirRadians = typeof advPoint.dir === 'string' ? parseFloat(advPoint.dir) : advPoint.dir;
-            if (!isNaN(dirRadians)) {                               // 有效方向角
-                const arrowLengthPx = 12;                            // 箭头长度（屏幕像素）
-                canvasCtx.strokeStyle = hexToCssRgba(pointColorHex, 0.5); // 半透明的线条
-                canvasCtx.lineWidth = 1;
-                canvasCtx.beginPath();
-                canvasCtx.moveTo(pointScreen.x, pointScreen.y);       // 从点中心出发
-                // 注意：世界坐标 Y 向上，但 atan2 使用的 dir 是标准数学角，屏幕 Y 翻转后取负
-                canvasCtx.lineTo(
-                    pointScreen.x + Math.cos(dirRadians) * arrowLengthPx,
-                    pointScreen.y - Math.sin(dirRadians) * arrowLengthPx // Y 翻转
-                );
-                canvasCtx.stroke();
-            }
-        }
-
-        // ── 名称标签 ──
-        canvasCtx.font = '500 12px "JetBrains Mono"';
-        canvasCtx.fillStyle = hexToCssRgba(pointColorHex, 0.7);
-        canvasCtx.textAlign = 'center';
-        canvasCtx.fillText(advPoint.instanceName || '', pointScreen.x, pointScreen.y - diamondRadius - 4);
-    }
-}
-
-/**
- * 绘制地图边界
- * @param {*} canvasCtx 
- * @param {*} map 
- * @param {*} dataStore 
- */
-export const drawMapBoundary = (canvasCtx, map, dataStore) => {
-    const store = dataStore || inspectionStore;
-    const boundaryTopLeft = worldToScreen(map.originX, map.maxY, store);   // 边界左上角屏幕位置
-    const boundaryBottomRight = worldToScreen(map.maxX, map.originY, store);   // 边界右下角屏幕位置
-    canvasCtx.strokeStyle = 'rgba(0,229,160,0.1)';                      // 极淡的青绿色
-    canvasCtx.lineWidth = 1;
-    canvasCtx.setLineDash([5, 4]);                                      // 虚线
-    canvasCtx.strokeRect(
-        boundaryTopLeft.x, boundaryTopLeft.y,
-        boundaryBottomRight.x - boundaryTopLeft.x,
-        boundaryBottomRight.y - boundaryTopLeft.y
-    );
-    canvasCtx.setLineDash([]);                                          // 恢复实线
-};
-
-/**
- * 从 normalPosList 构建占据栅格图像
- *
- * 原理：normalPosList 中每个点标记一个自由通行格子。
- *       未出现在列表中的格子 = 障碍物（墙壁）
- *       墙壁格子如果紧邻自由格子，则标记为"墙壁边缘"，渲染高亮
- *
- * @param {Object} parsedMap - parseSmapJson 的输出
- * @param {boolean} showEdgeGlow - 是否计算墙壁边缘高亮效果
- * @returns {HTMLCanvasElement} 离屏 Canvas 元素，包含渲染好的栅格图像
- */
-export const buildOccupancyGridImage = (parsedMap, showEdgeGlow) => {
-    const gridW = parsedMap.gridWidth;                           // 栅格宽度（像素）
-    const gridH = parsedMap.gridHeight;                          // 栅格高度（像素）
-    const originX = parsedMap.originX;                           // 世界坐标原点 X
-    const originY = parsedMap.originY;                           // 世界坐标原点 Y
-    const resolution = parsedMap.resolution;                     // 分辨率
-
-    // ── 第一步：遍历 normalPosList，标记自由空间 ──
-    const occupancyGrid = new Uint8Array(gridW * gridH);        // 0=墙壁, 1=自由空间
-    for (const freeSpacePoint of parsedMap.normalPositions) {
-        // 将世界坐标转换为栅格像素坐标
-        const gridColX = Math.floor((freeSpacePoint.x - originX) / resolution); // 列号（从左到右）
-        const pixelRowFromBottom = Math.floor((freeSpacePoint.y - originY) / resolution); // 行号（从下到上，世界坐标系）
-        const imageRowY = gridH - 1 - pixelRowFromBottom;         // 翻转为图像行号（从上到下）
-        // 安全边界检查后标记为自由空间
-        if (gridColX >= 0 && gridColX < gridW && imageRowY >= 0 && imageRowY < gridH) {
-            occupancyGrid[imageRowY * gridW + gridColX] = 1;        // 标记该格为自由
-        }
-    }
-
-    // ── 第二步：遍历每个格子，按类型着色 ──
-    const offscreenCanvas = document.createElement('canvas');    // 创建离屏 Canvas
-    offscreenCanvas.width = gridW;                              // 设置尺寸
-    offscreenCanvas.height = gridH;
-    const offscreenCtx = offscreenCanvas.getContext('2d');        // 获取上下文
-    const imageData = offscreenCtx.createImageData(gridW, gridH);// 创建 ImageData
-    const pixelData = imageData.data;                            // 像素数据数组 (RGBA 扁平排列)
-
-    // 定义三种颜色
-    const FREE_SPACE_R = 10, FREE_SPACE_G = 16, FREE_SPACE_B = 30;    // 自由空间：深蓝黑
-    const WALL_INTERIOR_R = 22, WALL_INTERIOR_G = 36, WALL_INTERIOR_B = 64; // 墙壁内部：深蓝
-    const WALL_EDGE_R = 45, WALL_EDGE_G = 130, WALL_EDGE_B = 255;     // 墙壁边缘：亮蓝
-
-    for (let rowY = 0; rowY < gridH; rowY++) {                   // 逐行扫描
-        for (let colX = 0; colX < gridW; colX++) {                 // 逐列扫描
-            const gridIndex = rowY * gridW + colX;                   // 一维数组索引
-            const pixelOffset = gridIndex << 2;                      // RGBA 偏移（×4）
-
-            if (occupancyGrid[gridIndex] === 1) {
-                // ── 自由空间 ──
-                pixelData[pixelOffset] = FREE_SPACE_R;             // R
-                pixelData[pixelOffset + 1] = FREE_SPACE_G;             // G
-                pixelData[pixelOffset + 2] = FREE_SPACE_B;             // B
-                pixelData[pixelOffset + 3] = 255;                      // A（不透明）
-            } else {
-                // ── 障物（墙壁）── 判断是否为边缘
-                let isAdjacentToFreeSpace = false;                     // 是否紧邻自由空间
-                if (showEdgeGlow) {                                    // 仅在启用边缘效果时检测
-                    if (rowY > 0 && occupancyGrid[(rowY - 1) * gridW + colX] === 1) isAdjacentToFreeSpace = true;    // 上方
-                    else if (rowY < gridH - 1 && occupancyGrid[(rowY + 1) * gridW + colX] === 1) isAdjacentToFreeSpace = true; // 下方
-                    else if (colX > 0 && occupancyGrid[rowY * gridW + colX - 1] === 1) isAdjacentToFreeSpace = true;   // 左方
-                    else if (colX < gridW - 1 && occupancyGrid[rowY * gridW + colX + 1] === 1) isAdjacentToFreeSpace = true;   // 右方
-                }
-                if (isAdjacentToFreeSpace) {
-                    // 墙壁边缘：亮蓝色
-                    pixelData[pixelOffset] = WALL_EDGE_R;
-                    pixelData[pixelOffset + 1] = WALL_EDGE_G;
-                    pixelData[pixelOffset + 2] = WALL_EDGE_B;
-                    pixelData[pixelOffset + 3] = 255;
-                } else {
-                    // 墙壁内部：深蓝色
-                    pixelData[pixelOffset] = WALL_INTERIOR_R;
-                    pixelData[pixelOffset + 1] = WALL_INTERIOR_G;
-                    pixelData[pixelOffset + 2] = WALL_INTERIOR_B;
-                    pixelData[pixelOffset + 3] = 255;
-                }
-            }
-        }
-    }
-
-    // 将 ImageData 绘制到离屏 Canvas 上
-    offscreenCtx.putImageData(imageData, 0, 0);
-    return offscreenCanvas;
-}
-
-export class MobileRobot {
-    constructor(id, name, x, y, angleRad = 0, color = '#15ff00', imageUrl = null) {
-        this.id = id;
-        this.name = name;
-        this.x = x;          // 世界坐标X (米)
-        this.y = y;          // 世界坐标Y (米)
-        this.angle = angleRad; // 朝向弧度
-        this.imageUrl = imageUrl || '/bot.svg';
-        this.color = color; // 颜色
-        // 预加载图片 (可选)
-        this.imgElement = null;
-        if (this.imageUrl) {
-            this.init(color, this.imageUrl)
-        }
-    }
-
-    async init(color, imageUrl) {
-        const response = await fetch(imageUrl);
-            let svgText = await response.text();
-            // 替换颜色
-            svgText = svgText.replace(/currentColor/g, color);
-            svgText = svgText.replace(/stroke="[^"]*"/g, `stroke="${color}"`);
-            // 创建Blob URL
-            const blob = new Blob([svgText], { type: 'image/svg+xml' });
-            const url = URL.createObjectURL(blob);
-            this.imgElement = new Image();
-            this.imgElement.src = url;
-    }
-    // 命中检测: 检查世界坐标是否在机器人区域内 (半径0.35米)
-    hitTest(worldX, worldY, pixelsPerMeter){
-        const dx = worldX - this.x;
-        const dy = worldY - this.y;
-        const distance = Math.hypot(dx, dy);
-        const hitRadius = 0.35; // 米
-        return distance < hitRadius;
-    }
-
-    // 绘制到canvas上下文 (屏幕坐标)
-    draw(ctx, screenX, screenY, color, scale = 1) {
-        const size = 24; // 绘制大小px
-        if (this.imgElement && this.imgElement.complete) {
-            ctx.save();
-            ctx.translate(screenX, screenY);
-            ctx.rotate(-this.angle); // canvas Y向下, 角度翻转适配
-            ctx.drawImage(this.imgElement, -size / 2, -size / 2, size, size);
-            ctx.restore();
-        }
-        // 名字标签
-        ctx.font = '12px "JetBrains Mono"';
-        ctx.fillStyle = color;
-        ctx.shadowBlur = 0;
-        ctx.fillText(this.name, screenX, screenY - 20);
-    }
-
-    // 更新位置
-    setPosition(x, y) { this.x = x; this.y = y; }
-    setAngle(rad) { this.angle = rad; }
-}
-
diff --git a/src/views/inspection/cockpit/components/Header.vue b/src/views/inspection/cockpit/components/Header.vue
deleted file mode 100644
index 7c1da4a..0000000
--- a/src/views/inspection/cockpit/components/Header.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<template>
-    <div class="header-container">
-        <div class="left">
-            <div class="date">
-                <div>{{ currentTime }}</div>
-                <div class="week">{{ weekText }}</div>
-            </div>
-            <div class="binary-strip">{{ binaryText }}</div>
-        </div>
-        <div class="application-title">两江鱼复智能网联新能源汽车产业基地数字化平台</div>
-        <div class="right">
-            <div class="binary-strip">{{ binaryText }}</div>
-            <div class="btn-container">
-                <button class="nav-btn"  :class="{ active: activePage === 'home' }" @click="handleBtn('home')">地图总览</button>
-                <button class="nav-btn"  :class="{ active: activePage === 'monitoring' }" @click="handleBtn('monitoring')">智能监控</button>
-                <button class="nav-btn"  :class="{ active: activePage === 'manualTakeover' }" @click="handleBtn('manualTakeover')">人工接管</button>
-            </div>
-        </div>
-    </div>
-</template>
-<script setup>
-import { onMounted, onUnmounted } from 'vue';
-
-const emits = defineEmits(['activePage'])
-
-const currentTime = ref('')
-const weekText = ref('')
-
-const binaryText = ref('13513034532438213')
-
-const weekNames = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
-const updateClock = () => {
-    const now = new Date();
-    const y = now.getFullYear();
-    const mo = String(now.getMonth()+1).padStart(2,'0');
-    const d = String(now.getDate()).padStart(2,'0');
-    const h = String(now.getHours()).padStart(2,'0');
-    const mi = String(now.getMinutes()).padStart(2,'0');
-    const s = String(now.getSeconds()).padStart(2,'0');
-    currentTime.value = `${y}-${mo}-${d} ${h}:${mi}:${s}`
-    weekText.value = weekNames[now.getDay()]
-}
-
-const genBinary = (len) => {
-    let str = '';
-    for (let i = 0; i < len; i++) str += Math.round(Math.random()).toString();
-    return str;
-}
-
-const animateBinary = () => {
-    binaryText.value = genBinary(30)
-}
-
-const activePage = ref('home')
-const handleBtn = (page) => {
-    activePage.value = page
-    emits("activePage", page);
-}
-
-let clockTimer, binaryTimer;
-onMounted(() => {
-    updateClock();
-    clockTimer = setInterval(updateClock, 1000);
-    animateBinary()
-    binaryTimer = setInterval(animateBinary, 400);
-})
-
-onUnmounted(() => {
-    clearInterval(clockTimer)
-    clearInterval(binaryTimer)
-})
-
-</script>
-<style lang="scss" scoped>
-.header-container {
-    // width: 100%;
-    height: 100%;
-    display: flex;
-    gap: 20px;
-    margin: 0 20px;
-}
-
-.left { 
-    flex: 1;
-    display: flex;
-    justify-content: space-evenly;
-
-    .date {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 20px;
-        color: #00c2ff;
-        font-size: 16px;
-        font-weight: 600;
-        letter-spacing: 2px;
-
-        .week {
-            font-size: 18px;
-        }
-    }
-}
-
-.application-title { 
-    flex: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 26px;
-    font-weight: 700;
-    text-align: center;
-    color: #00c2ff;
-    letter-spacing: 4px;
-    white-space: nowrap;
-}
-
-.right {
-    flex: 1;
-    display: flex;
-    justify-content: space-evenly;
-
-    .btn-container {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 12px ;
-
-        .nav-btn {
-            background: rgba(0, 60, 140, 0.5);
-            border: 1px solid rgba(0, 194, 255, 0.35);
-            color: #a0d8f0;
-            padding: 6px 20px;
-            border-radius: 3px;
-            font-size: 14px;
-            cursor: pointer;
-            transition: all 0.2s;
-            white-space: nowrap;
-        }
-
-        .active {
-            background: rgba(0, 120, 220, 0.7);
-            border-color: #00c2ff;
-            color: #fff;
-            box-shadow: 0 0 10px rgba(0, 194, 255, 0.5);
-        }
-    }
-}
-
- .binary-strip {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-family: 'Orbitron', monospace;
-    font-size: 10px;
-    color: rgba(0, 194, 255, 0.3);
-    letter-spacing: 2px;
-    white-space: nowrap;
-    overflow: hidden;
-}
-
-</style>
\ No newline at end of file
diff --git a/src/views/inspection/cockpit/components/ManualTakeover/DirectionControl.vue b/src/views/inspection/cockpit/components/ManualTakeover/DirectionControl.vue
deleted file mode 100644
index 4e1f1d5..0000000
--- a/src/views/inspection/cockpit/components/ManualTakeover/DirectionControl.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
-    <div class="panel">
-        <div class="card">
-            <div class="card__head">
-                <h3>方向控制</h3>
-                <el-tag size="small" effect="dark" type="info">长按持续移动</el-tag>
-            </div>
-
-            <div class="dpad">
-                <button class="dpad__btn dpad__btn--up" @mousedown="onPress('forward')" @mouseup="onRelease"
-                    @mouseleave="onRelease" @touchstart.prevent="onPress('forward')" @touchend.prevent="onRelease">
-                    <svg viewBox="0 0 14 14">
-                        <path d="M7 1L13 11H1Z" fill="currentColor" />
-                    </svg>
-                    <small>前进</small>
-                </button>
-
-                <button class="dpad__btn dpad__btn--lt" @mousedown="onPress('left')" @mouseup="onRelease"
-                    @touchstart.prevent="onPress('left')" @touchend.prevent="onRelease">
-                    <svg viewBox="0 0 14 14">
-                        <path d="M1 7L11 1V13Z" fill="currentColor" />
-                    </svg>
-                    <small>左转</small>
-                </button>
-
-                <div class="dpad__core"><span /></div>
-
-                <button class="dpad__btn dpad__btn--rt" @mousedown="onPress('right')" @mouseup="onRelease"
-                    @touchstart.prevent="onPress('right')" @touchend.prevent="onRelease">
-                    <svg viewBox="0 0 14 14">
-                        <path d="M13 7L3 1V13Z" fill="currentColor" />
-                    </svg>
-                    <small>右转</small>
-                </button>
-
-                <button class="dpad__btn dpad__btn--dn" @mousedown="onPress('backward')" @mouseup="onRelease"
-                    @touchstart.prevent="onPress('backward')" @touchend.prevent="onRelease">
-                    <svg viewBox="0 0 14 14">
-                        <path d="M7 13L1 3H13Z" fill="currentColor" />
-                    </svg>
-                    <small>后退</small>
-                </button>
-            </div>
-
-        </div>
-
-        <!-- Parameters -->
-        <div class="card">
-            <div class="card__head">
-                <h3>参数设置</h3>
-            </div>
-
-            <div class="param" v-for="p in paramList" :key="p.key">
-                <div class="param__head">
-                    <span>{{ p.label }}</span>
-                    <b class="param__val">{{ formatVal(p) }}</b>
-                </div>
-                <el-slider v-model="p.model" :min="p.min" :max="p.max" :step="p.step" :show-tooltip="false" />
-            </div>
-        </div>
-    </div>
-
-</template>
-<script setup>
-import { moveRobot, stopRobot } from '@/api/resource/robot.js'
-
-const props = defineProps({
-    robot: {
-        type: Object,
-        default: () => ({})
-    },
-    deviceId: {
-        type: String,
-        default: ''
-    }
-})
-
-const maxSpeed = ref(0.6)
-const rotationAngle = ref(0)
-
-const paramList = reactive([
-    { key: 'speed', label: '速度', model: maxSpeed, min: 0, max: 1, step: 0.1, unit: 'm/s', digits: 1 },
-    { key: 'rot', label: '旋转角速度', model: rotationAngle, min: -1, max: 1, step: 0.1, unit: 'm/s', digits: 0 },
-])
-
-function formatVal(p) {
-    const v = typeof p.model === 'object' ? p.model.value : p.model
-    return (typeof v === 'number' ? v.toFixed(p.digits) : v) + ' ' + p.unit
-}
-
-const moveRobotData = ref({
-    vx: 0,
-    vy: 0,
-    vz: 0
-})
-
-/* long-press stubs */
-const onPress = async (_dir) => {
-    if (_dir === 'forward') {
-        moveRobotData.value.vx = maxSpeed.value
-    } else if (_dir === 'backward') {
-        moveRobotData.value.vx = -maxSpeed.value
-    } else if (_dir === 'left') {
-        moveRobotData.value.vy = maxSpeed.value
-    } else {
-        moveRobotData.value.vy = -maxSpeed.value
-    }
-    moveRobotData.value.vz = rotationAngle.value
-    const res = await moveRobot({
-        robotId: props.robot.robotId,
-        deviceId: props.deviceId,
-        ...moveRobotData.value 
-    })
-}
-
-function onRelease() {
-    moveRobotData.value.vx = 0;
-    moveRobotData.value.vy = 0;
-    stopRobot({
-        robotId: props.robot.robotId,
-        deviceId: props.deviceId,
-    })
-}
-</script>
-<style lang="scss" scoped>
-.panel {
-    flex-shrink: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    overflow-y: auto;
-    // background: #0F1E38;
-
-    .card {
-        padding: 18px 20px;
-        border-bottom: 1px solid rgba(0, 195, 255, 0.08);
-
-        &__head {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            margin-bottom: 16px;
-
-            h3 {
-                font-family: 'Rajdhani', sans-serif;
-                font-size: 14px;
-                font-weight: 700;
-                letter-spacing: 1.2px;
-                color: #475a72;
-                margin: 0;
-                text-transform: uppercase;
-            }
-        }
-
-        :deep(.el-tag) {
-            font-size: 10px;
-            height: 20px;
-            background: rgba(0, 195, 255, 0.08);
-            border-color: rgba(0,195,255,0.08);
-            color: #00c3ff;
-        }
-
-        .dpad {
-            display: grid;
-            grid-template-columns: repeat(3, 76px);
-            grid-template-rows: repeat(3, 64px);
-            gap: 6px;
-            justify-content: center;
-            margin-bottom: 18px;
-
-            &__btn {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                gap: 4px;
-                border: 1px solid rgba(0, 195, 255, 0.08);
-                border-radius: 8px;
-                background: #0d1a3b;
-                color: #c0cfdf;
-                cursor: pointer;
-                transition: all .15s ease;
-
-                svg {
-                    width: 14px;
-                    height: 14px;
-                }
-
-                small {
-                    font-size: 10px;
-                    letter-spacing: .5px;
-                    color: #475a72;
-                }
-
-                &:hover {
-                    border-color: rgba(0, 195, 255, 0.08);
-                    background: #101930;
-                    color: #00c3ff;
-                }
-
-                &:active {
-                    background: #00c3ff;
-                    color: #060a12;
-                    border-color: #00c3ff;
-                    box-shadow: 0 0 24px rgba(0,195,255,0.14);
-                    transform: scale(.94);
-
-                    small {
-                        color: #060a12;
-                    }
-                }
-
-                &--up {
-                    grid-column: 2;
-                    grid-row: 1;
-                }
-
-                &--lt {
-                    grid-column: 1;
-                    grid-row: 2;
-                }
-
-                &--rt {
-                    grid-column: 3;
-                    grid-row: 2;
-                }
-
-                &--dn {
-                    grid-column: 2;
-                    grid-row: 3;
-                }
-            }
-
-            &__core {
-                grid-column: 2;
-                grid-row: 2;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                border: 1px solid rgba(0,195,255,0.08);
-                border-radius: 8px;
-                background: rgba(0, 195, 255, 0.03);
-
-                span {
-                    width: 10px;
-                    height: 10px;
-                    border-radius: 50%;
-                    background: #00c3ff;
-                    opacity: .3;
-                }
-            }
-        }
-
-        .estop {
-            width: 100%;
-            height: 42px !important;
-            font-size: 14px;
-            font-weight: 600;
-            letter-spacing: 1px;
-            border-color: #ff2d55 !important;
-            color: #ff2d55 !important;
-            background: rgba(255, 45, 85, 0.06) !important;
-
-            &:hover {
-                background: rgba(255, 45, 85, 0.14) !important;
-            }
-        }
-
-        .param {
-            margin-bottom: 18px;
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-
-            &__head {
-                display: flex;
-                justify-content: space-between;
-                align-items: baseline;
-                margin-bottom: 8px;
-                font-size: 13px;
-                color: #475a72;
-            }
-
-            &__val {
-                font-family: 'JetBrains Mono', monospace;
-                font-size: 13px;
-                font-weight: 500;
-                color: #00c3ff;
-            }
-
-            :deep(.el-slider) {
-                .el-slider__runway {
-                    height: 4px;
-                    background: rgba(255, 255, 255, 0.05);
-                    border-radius: 2px;
-                }
-
-                .el-slider__bar {
-                    height: 4px;
-                    background: #00c3ff;
-                    border-radius: 2px;
-                }
-
-                .el-slider__button-wrapper {
-                    top: -16px;
-                }
-
-                .el-slider__button {
-                    width: 14px;
-                    height: 14px;
-                    border: 2px solid #00c3ff;
-                    background: #0f1628;
-                    box-shadow: 0 0 8px rgba(0, 195, 255, 0.3);
-                    transition: box-shadow .2s;
-
-                    &:hover {
-                        box-shadow: 0 0 14px rgba(0, 195, 255, 0.35);
-                    }
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/ManualTakeover/RoboticArm.vue b/src/views/inspection/cockpit/components/ManualTakeover/RoboticArm.vue
deleted file mode 100644
index 8ba9ba0..0000000
--- a/src/views/inspection/cockpit/components/ManualTakeover/RoboticArm.vue
+++ /dev/null
@@ -1,419 +0,0 @@
-<template>
-    <div class="robotic-arm-box">
-        <div class="robotic-arm-status">
-            <div class="coord-display">
-                <div class="coord-item">
-                    <div class="coord-key key-x">X</div>
-                    <div class="coord-val" id="coordX">{{ pose.x?.toFixed(3) }}</div>
-                </div>
-                <div class="coord-item">
-                    <div class="coord-key key-y">Y</div>
-                    <div class="coord-val" id="coordY">{{ pose.y?.toFixed(3) }}</div>
-                </div>
-                <div class="coord-item">
-                    <div class="coord-key key-z">Z</div>
-                    <div class="coord-val" id="coordZ">{{ pose.z?.toFixed(3) }}</div>
-                </div>
-                <div class="coord-item">
-                    <div class="coord-key key-x">RX</div>
-                    <div class="coord-val" id="coordX">{{ pose.rx?.toFixed(3) }}</div>
-                </div>
-                <div class="coord-item">
-                    <div class="coord-key key-y">RY</div>
-                    <div class="coord-val" id="coordY">{{ pose.ry?.toFixed(3) }}</div>
-                </div>
-                <div class="coord-item">
-                    <div class="coord-key key-z">RZ</div>
-                    <div class="coord-val" id="coordZ">{{ pose.rz?.toFixed(3) }}</div>
-                </div>
-            </div>
-        </div>
-
-        <div class="axis-group">
-            <!-- X Axis -->
-            <div class="axis-row x">
-                <div class="axis-label x">X</div>
-                <div class="axis-slider-wrap">
-                    <div class="axis-name">前后平移</div>
-                    <div>
-                        <el-button
-                            type="primary"
-                            circle
-                            @mousedown="move('x', '-')"
-                            @mouseup="stop"
-                            @touchstart.prevent="move('x', '-')"
-                            @touchend.prevent="stop"
-                        >
-                            <el-icon size="24">
-                                <Remove />
-                            </el-icon>
-                        </el-button>
-                        <el-button
-                            type="primary"
-                            circle
-                            @mousedown="move('x', '+')"
-                            @mouseup="stop"
-                            @touchstart.prevent="move('x', '+')"
-                            @touchend.prevent="stop"
-                        >
-                            <el-icon size="24">
-                                <CirclePlus />
-                            </el-icon>
-                        </el-button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Y Axis -->
-            <div class="axis-row y">
-                <div class="axis-label y">Y</div>
-                <div class="axis-slider-wrap">
-                    <div class="axis-name">左右平移</div>
-                    <div>
-                        <el-button
-                            type="primary"
-                            circle
-                            @mousedown="move('y', '-')"
-                            @mouseup="stop"
-                            @touchstart.prevent="move('y', '-')"
-                            @touchend.prevent="stop"
-                        >
-                            <el-icon size="24">
-                                <Remove />
-                            </el-icon>
-                        </el-button>
-                        <el-button
-                            type="primary"
-                            circle
-                            @mousedown="move('y', '+')"
-                            @mouseup="stop"
-                            @touchstart.prevent="move('y', '+')"
-                            @touchend.prevent="stop"
-                        >
-                            <el-icon size="24">
-                                <CirclePlus />
-                            </el-icon>
-                        </el-button>
-                    </div>
-                </div>
-            </div>
-
-            <!-- Z Axis -->
-            <div class="axis-row z">
-                <div class="axis-label z">Z</div>
-                <div class="axis-slider-wrap">
-                    <div class="axis-name">上下平移</div>
-                    <div>
-                        <el-button
-                            type="primary"
-                            circle
-                            @mousedown="move('z', '-')"
-                            @mouseup="stop"
-                            @touchstart.prevent="move('z', '-')"
-                            @touchend.prevent="stop"
-                        >
-                            <el-icon size="24">
-                                <Remove />
-                            </el-icon>
-                        </el-button>
-                        <el-button
-                            type="primary"
-                            circle
-                            @mousedown="move('z', '+')"
-                            @mouseup="stop"
-                            @touchstart.prevent="move('z', '+')"
-                            @touchend.prevent="stop"
-                        >
-                            <el-icon size="24">
-                                <CirclePlus />
-                            </el-icon>
-                        </el-button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="speed-container">
-          <div class="label">速度：</div>
-          <el-slider v-model="speed" :min="0.01" :step="0.01" :max="1" />
-          <div class="proportion">{{( speed / 1 * 100).toFixed(0) }} %</div>
-        </div>
-    </div>
-</template>
-<script setup>
-import { ref, onMounted, onUnmounted, watch } from 'vue';
-import { getPoseApi, speedLApi, stopMotionApi } from '@/api/inspection/cockpit';
-import { reactive } from 'vue';
-
-const props = defineProps({
-    robot: {
-        type: Object,
-        default: () => ({})
-    },
-    deviceId: {
-        type: String,
-        default: ''
-    },
-    type: {
-        type: String,
-        default: 'end'
-    }
-})
-
-const pose = ref({
-    x: 0,
-    y: 0,
-    z: 0,
-    rx: 0,
-    ry: 0,
-    rz: 0
-})
-
-const speed = ref(1) // 速度百分比，范围 0.1 - 5
-
-const errorNum = ref(0)
-/**
- * 获取机械臂末端状态信息
- */
-const getPose = async (robot) => {
-    try {
-        const res = await getPoseApi({
-            deviceId: props.deviceId,
-            robotId: robot.robotId
-        })
-        if (res.code === 200) {
-            const { x, y, z, rx, ry, rz } = res.data
-            pose.value = { x, y, z, rx, ry, rz }
-        } else {
-            console.error('获取姿态失败:', res.message)
-            errorNum.value++
-            if (errorNum.value > 3) {
-                clearInterval(timer.value)
-            }
-        }
-    } catch (error) {
-        errorNum.value++
-            if (errorNum.value > 3) {
-                clearInterval(timer.value)
-            }
-        console.error('获取姿态失败:', error)
-    }
-}
-
-const speedData = reactive({
-    vx: 0,
-    vy: 0,
-    vz: 0,
-    wx: 0,
-    wy: 0,
-    wz: 0
-})
-
-/**
- * 机械臂移动
- * @param axis 坐标轴
- * @param direction 方向
- */
-const move = async (axis, direction) => {
-    speedData.vx = 0
-    speedData.vy = 0
-    speedData.vz = 0
-    speedData.wx = 0
-    speedData.wy = 0
-    speedData.wz = 0
-    if (props.type === 'end') {
-        // 末端移动
-        const speedValue = speed.value
-        switch (axis) {
-            case 'x':
-                speedData.vx = direction === '+' ? speedValue : -speedValue
-                break
-            case 'y':
-                speedData.vy = direction === '+' ? speedValue : -speedValue
-                break
-            case 'z':
-                speedData.vz = direction === '+' ? speedValue : -speedValue
-                break
-        }
-    } else if (props.type === 'posture') {
-        // 关节移动
-        const jointSpeed = speed.value
-        switch (axis) {
-            case 'x':
-                speedData.wx = direction === '+' ? jointSpeed : -jointSpeed
-                break
-            case 'y':
-                speedData.wy = direction === '+' ? jointSpeed : -jointSpeed
-                break
-            case 'z':
-                speedData.wz = direction === '+' ? jointSpeed : -jointSpeed
-                break
-        }
-
-    }
-
-    speedLApi({
-        deviceId: props.deviceId,
-        robotId: props.robot.robotId,
-        duration: 60,
-        acceleration: speed.value + 0.1,
-        ...speedData
-    })
-}
-
-/**
- * 停止机械臂移动
- */
-const stop = async () => {
-    await stopMotionApi({
-        deviceId: props.deviceId,
-        robotId: props.robot.robotId
-    })
-}
-
-const timer = ref(null)
-watch(() => props.robot, (newRobot) => {
-    if (newRobot && newRobot.robotId) {
-        if (timer.value) {
-            clearInterval(timer.value)
-        }
-        timer.value = setInterval(() => {
-            getPose(newRobot)
-        }, 100)
-    }
-}, { immediate: true })
-
-onUnmounted(() => {
-    if (timer.value) {
-        clearInterval(timer.value)
-    }
-})
-</script>
-<style lang="scss" scoped>
-.robotic-arm-box {
-    margin-top: 12px;
-
-    .robotic-arm-status {
-        .coord-display {
-            display: flex;
-            flex-wrap: wrap;
-            gap: 8px;
-            padding: 12px;
-            background: #070b1a;
-            border: 1px solid #1c2a52;
-            border-radius: 8px;
-            margin-bottom: 16px;
-
-            .coord-item {
-                width: calc((100% - 24px) / 3);
-                text-align: center;
-                padding: 6px 0;
-                border-radius: 6px;
-                background: rgba(255, 255, 255, 0.02);
-
-                .coord-key {
-                    font-size: 12px;
-                    font-weight: bold;
-                    margin-bottom: 3px;
-                }
-
-                .key-x {
-                    color: #f87171;
-                }
-
-                .key-y {
-                    color: #34d399;
-                    ;
-                }
-
-                .key-z {
-                    color: #38bdf8;
-                    ;
-                }
-
-                .coord-val {
-                    font-size: 14px;
-                    font-weight: bold;
-                    color: #e8edf8;
-                }
-            }
-        }
-    }
-
-    .axis-group {
-        display: flex;
-        flex-direction: column;
-        gap: 12px;
-        margin-bottom: 16px;
-
-        .axis-row {
-            display: flex;
-            align-items: center;
-            gap: 10px;
-            padding: 10px 14px;
-            background: #0c1228;
-            border: 1px solid #1c2a52;
-            border-radius: 10px;
-            transition: all 0.2s ease;
-
-            &:hover {
-                border-color: #2a3f7a;
-                background: #3b82f608;
-            }
-
-            .axis-label {
-                width: 28px;
-                height: 28px;
-                border-radius: 6px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                font-size: 13px;
-                font-weight: 700;
-                flex-shrink: 0;
-            }
-
-            .x {
-                background: #f8717126;
-                color: #f87171;
-                border: 1px solid #f871714d;
-            }
-
-            .y {
-                background: #34d39926;
-                color: #34d399;
-                border: 1px solid #34d3994d;
-            }
-
-            .z {
-                background: #38bdf826;
-                color: #38bdf8;
-                border: 1px solid #38bdf84d;
-            }
-
-
-            .axis-slider-wrap {
-                flex: 1;
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-                gap: 4px;
-                color: #fff;
-            }
-        }
-    }
-
-    .speed-container {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        .label,
-        .proportion {
-          width: 100px;
-          text-align: center;
-          color: #fff;
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/ManualTakeover/VoiceConversation.vue b/src/views/inspection/cockpit/components/ManualTakeover/VoiceConversation.vue
deleted file mode 100644
index 280c094..0000000
--- a/src/views/inspection/cockpit/components/ManualTakeover/VoiceConversation.vue
+++ /dev/null
@@ -1,1125 +0,0 @@
-<template>
-  <section class="voice-conversation">
-    <main class="voice-content">
-      <header class="hero-title">
-        <p>低延迟实时语音对讲</p>
-      </header>
-
-      <div class="voice-visual" :class="{ active: connectionStatus === 'connected' }">
-        <div class="sound-wave sound-wave--left" aria-hidden="true">
-          <i v-for="index in 7" :key="`left-${index}`"></i>
-        </div>
-
-        <div class="microphone-orbit">
-          <div class="orbit-glow"></div>
-          <div class="microphone-core">
-            <svg viewBox="0 0 48 48" aria-label="麦克风" role="img">
-              <path d="M24 30a8 8 0 0 0 8-8V12a8 8 0 0 0-16 0v10a8 8 0 0 0 8 8Z" />
-              <path d="M11 21v2a13 13 0 0 0 26 0v-2M24 36v8M17 44h14" />
-            </svg>
-          </div>
-        </div>
-
-        <div class="sound-wave sound-wave--right" aria-hidden="true">
-          <i v-for="index in 7" :key="`right-${index}`"></i>
-        </div>
-      </div>
-
-      <div class="floating-status">
-        <span :class="['status-light', connectionStatus]"></span>
-        {{ statusMeta.label }}
-      </div>
-
-      <div class="call-controls">
-        <el-button
-          v-if="!isCalling"
-          class="call-button"
-          :loading="isStarting"
-          @click="startCall"
-        >
-          开始通话
-        </el-button>
-        <el-button v-else class="call-button call-button--danger" @click="endCall">
-          结束通话
-        </el-button>
-        <el-button
-          v-if="isCalling"
-          class="mute-button"
-          round
-          @click="toggleMute"
-        >
-          {{ isMuted ? '取消静音' : '静音' }}
-        </el-button>
-      </div>
-
-      <div class="robot-volume">
-        <span class="robot-volume__label">机器人麦克风音量</span>
-        <el-slider
-          v-model="microphoneVolume"
-          class="robot-volume__slider"
-          :min="0"
-          :max="100"
-          :disabled="isMicrophoneVolumeLoading"
-          :show-tooltip="true"
-          @change="updateMicrophoneVolume"
-        />
-        <span class="robot-volume__value">{{ microphoneVolume }}%</span>
-      </div>
-
-      <div class="robot-volume">
-        <span class="robot-volume__label">机器人扬声器音量</span>
-        <el-slider
-          v-model="speakerVolume"
-          class="robot-volume__slider"
-          :min="0"
-          :max="100"
-          :disabled="isSpeakerVolumeLoading"
-          :show-tooltip="true"
-          @change="updateSpeakerVolume"
-        />
-        <span class="robot-volume__value">{{ speakerVolume }}%</span>
-      </div>
-
-      <section class="status-card">
-        <div class="status-copy">
-          <p>当前状态：<strong>{{ statusMeta.label }}</strong></p>
-          <span>{{ statusMeta.description }}</span>
-        </div>
-        
-        <div class="feature-tags">
-          <span>高清语音</span>
-          <span>低延迟</span>
-          <span>加密传输</span>
-        </div>
-      </section>
-    </main>
-    <!-- PCM 播放由 AudioWorklet 连续输出，不需要额外 audio 元素。 -->
-  </section>
-</template>
-
-<script setup>
-import { computed, onBeforeUnmount, ref } from 'vue'
-import { ElMessage, ElNotification } from 'element-plus'
-import { setMicVolume, getMicVolume, setSpeakerVolume, getSpeakerVolume } from '@/api/inspection/cockpit' 
-
-const props = defineProps({
-  robotId: { type: String, default: '' },
-  speakerDeviceId: { type: String, default: '' },
-  microphoneDeviceId: { type: String, default: '' }
-})
-
-// WebSocket 只承载控制 JSON 和二进制 PCM，不再使用 WebRTC、SDP 或 ICE。
-const AUDIO_SERVER_URL = import.meta.env.VITE_AUDIO_SERVER_URL
-
-// 后端约定的 PCM 格式：S16LE、48kHz、单声道、10ms。
-const PCM_SAMPLE_RATE = 48000
-const PCM_FRAME_SAMPLES = 480
-const PCM_FRAME_BYTES = 960
-const JOIN_TIMEOUT = 10000
-
-// 页面交互状态。
-const isCalling = ref(false)
-const isStarting = ref(false)
-const isConnected = ref(false)
-const isMuted = ref(false)
-const connectionStatus = ref('idle')
-const errorMessage = ref('')
-
-// 本次通话占用的浏览器资源。
-const localStream = ref(null)
-const webSocket = ref(null)
-let audioContext = null
-let mediaStreamSource = null
-let audioWorkletNode = null
-let signalingSessionId = ''
-let incomingRemainder = new Uint8Array(0)
-let pendingPlaybackFrames = []
-let callSessionId = 0
-
-const statusMeta = computed(() => {
-  const statusMap = {
-    idle: { label: '未连接', description: '点击按钮建立语音通道' },
-    connecting: { label: '连接中', description: '正在建立音频通道，请稍候' },
-    connected: { label: '通话中', description: 'PCM 音频通道已建立，可以开始对讲' },
-    error: { label: '未连接', description: '连接出现异常，请检查后重试' }
-  }
-  return statusMap[connectionStatus.value] || statusMap.idle
-})
-
-/**
- * 统一显示通话异常。
- * @param {string} message 用户可读的错误说明
- * @param {Error} [error] 原始异常
- */
-function showError(message, error) {
-  console.error(message, error || '')
-  errorMessage.value = message
-  connectionStatus.value = 'error'
-  isConnected.value = false
-  ElNotification.error({ title: '语音对讲错误', message })
-}
-
-/**
- * 发送 WebSocket 控制消息。
- * 此方法只允许发送 JSON；PCM 音频由 sendPcmFrame 单独以二进制发送。
- * @param {Object} message 控制消息
- */
-function sendControlMessage(message) {
-  const socket = webSocket.value
-  if (!socket || socket.readyState !== WebSocket.OPEN) {
-    throw new Error('音频 WebSocket 尚未连接')
-  }
-  socket.send(JSON.stringify(message))
-}
-
-/**
- * 将 Float32 PCM 转换成明确的小端 Int16 PCM。
- * 使用 DataView 的 littleEndian=true，避免依赖运行平台的原生字节序。
- * @param {Float32Array} float32 取值范围为 -1 到 1 的 PCM
- * @returns {ArrayBuffer} PCM_S16LE 数据
- */
-function floatToInt16Pcm(float32) {
-  const buffer = new ArrayBuffer(float32.length * 2)
-  const view = new DataView(buffer)
-
-  for (let index = 0; index < float32.length; index += 1) {
-    const sample = Math.max(-1, Math.min(1, float32[index]))
-    const int16 = sample < 0 ? Math.round(sample * 0x8000) : Math.round(sample * 0x7fff)
-    view.setInt16(index * 2, int16, true)
-  }
-
-  return buffer
-}
-
-/**
- * 将后端返回的小端 Int16 PCM 转成 AudioWorklet 使用的 Float32 PCM。
- * @param {ArrayBuffer} buffer 一帧 960 字节 PCM_S16LE
- * @returns {Float32Array} 480 个浮点采样
- */
-function int16ToFloat32(buffer) {
-  const view = new DataView(buffer)
-  const samples = new Float32Array(buffer.byteLength / 2)
-
-  for (let index = 0; index < samples.length; index += 1) {
-    samples[index] = view.getInt16(index * 2, true) / 32768
-  }
-
-  return samples
-}
-
-/**
- * 发送一帧浏览器麦克风 PCM。
- * 每次只发送 480 samples，即 10ms、960 bytes。
- * @param {Float32Array} samples AudioWorklet 采集的一帧数据
- */
-function sendPcmFrame(samples) {
-  const socket = webSocket.value
-  if (
-    !isCalling.value ||
-    !signalingSessionId ||
-    !socket ||
-    socket.readyState !== WebSocket.OPEN
-  ) {
-    return
-  }
-
-  if (samples.length !== PCM_FRAME_SAMPLES) {
-    console.warn('忽略长度异常的麦克风 PCM 帧：', samples.length)
-    return
-  }
-
-  const pcmBuffer = floatToInt16Pcm(samples)
-  socket.send(pcmBuffer)
-}
-
-/**
- * 将机器人返回的二进制数据按 960 字节切帧后加入播放队列。
- * 支持后端将半帧或多帧放在一个 WebSocket 消息中的情况。
- * @param {ArrayBuffer} buffer WebSocket 二进制数据
- */
-function enqueueIncomingPcm(buffer) {
-  const received = new Uint8Array(buffer)
-  const merged = new Uint8Array(incomingRemainder.length + received.length)
-  merged.set(incomingRemainder)
-  merged.set(received, incomingRemainder.length)
-
-  let offset = 0
-  while (merged.length - offset >= PCM_FRAME_BYTES) {
-    const frameBytes = merged.slice(offset, offset + PCM_FRAME_BYTES)
-    const floatFrame = int16ToFloat32(frameBytes.buffer)
-
-    if (audioWorkletNode) {
-      audioWorkletNode.port.postMessage(
-        { type: 'playback', samples: floatFrame.buffer },
-        [floatFrame.buffer]
-      )
-    } else {
-      // AudioWorklet 尚未初始化时暂存首批机器人音频，最多保留约 1 秒。
-      if (pendingPlaybackFrames.length >= 100) pendingPlaybackFrames.shift()
-      pendingPlaybackFrames.push(floatFrame)
-    }
-
-    offset += PCM_FRAME_BYTES
-  }
-
-  incomingRemainder = merged.slice(offset)
-}
-
-/**
- * 处理后端文本控制消息。
- * @param {Object} message 已解析的 JSON 消息
- * @param {number} sessionToken 前端本地会话编号
- */
-function handleControlMessage(message, sessionToken) {
-  if (sessionToken !== callSessionId) return
-  if (
-    message.sessionId &&
-    signalingSessionId &&
-    message.sessionId !== signalingSessionId
-  ) {
-    return
-  }
-
-  if (message.type === 'error') {
-    cleanupResources(false)
-    showError(message.message || '音频服务返回错误')
-  } else if (message.type === 'stopped' || message.type === 'stop') {
-    cleanupResources(false)
-    connectionStatus.value = 'idle'
-  }
-}
-
-/**
- * 连接音频 WebSocket，发送 join 并等待后端返回 joined。
- * 文本帧作为控制 JSON 处理，二进制帧作为机器人 PCM 处理。
- * @param {number} sessionToken 前端本地会话编号
- * @returns {Promise<Object>} joined 消息
- */
-function connectAudioServer(sessionToken) {
-  return new Promise((resolve, reject) => {
-    const socket = new WebSocket(AUDIO_SERVER_URL)
-    socket.binaryType = 'arraybuffer'
-    webSocket.value = socket
-
-    let joined = false
-    let settled = false
-    const timeout = window.setTimeout(() => {
-      if (!settled) {
-        settled = true
-        reject(new Error('等待音频服务 joined 响应超时'))
-      }
-    }, JOIN_TIMEOUT)
-
-    const resolveJoin = (message) => {
-      if (settled) return
-      settled = true
-      window.clearTimeout(timeout)
-      resolve(message)
-    }
-
-    const rejectJoin = (error) => {
-      if (settled) return
-      settled = true
-      window.clearTimeout(timeout)
-      reject(error)
-    }
-
-    socket.onopen = () => {
-      sendControlMessage({
-        type: 'join',
-        robotId: props.robotId,
-        speakerDeviceId: props.speakerDeviceId,
-        micDeviceId: props.microphoneDeviceId
-      })
-    }
-
-    socket.onmessage = async (event) => {
-      if (sessionToken !== callSessionId) return
-
-      if (typeof event.data === 'string') {
-        let message
-        try {
-          message = JSON.parse(event.data)
-        } catch (error) {
-          showError('收到的控制消息不是有效 JSON', error)
-          return
-        }
-
-        if (message.type === 'joined') {
-          if (!message.sessionId) {
-            rejectJoin(new Error('joined 响应缺少 sessionId'))
-            return
-          }
-          signalingSessionId = message.sessionId
-          joined = true
-          resolveJoin(message)
-          return
-        }
-
-        if (message.type === 'error' && !joined) {
-          rejectJoin(new Error(message.message || '后端创建音频会话失败'))
-          return
-        }
-
-        handleControlMessage(message, sessionToken)
-        return
-      }
-
-      try {
-        const buffer = event.data instanceof Blob
-          ? await event.data.arrayBuffer()
-          : event.data
-        enqueueIncomingPcm(buffer)
-      } catch (error) {
-        showError('机器人 PCM 音频处理失败', error)
-      }
-    }
-
-    socket.onerror = () => {
-      if (!joined) rejectJoin(new Error('音频 WebSocket 连接失败'))
-    }
-
-    socket.onclose = () => {
-      if (!joined) {
-        rejectJoin(new Error('音频服务在会话建立前已断开'))
-      } else if (
-        sessionToken === callSessionId &&
-        (isCalling.value || isStarting.value)
-      ) {
-        cleanupResources(false)
-        showError('音频 WebSocket 已断开')
-      }
-    }
-  })
-}
-
-/**
- * 返回单文件组件内使用的 AudioWorklet 源码。
- * Worklet 同时完成麦克风 480-sample 切帧和机器人 PCM 连续播放。
- * 播放队列预缓冲 3 帧（约 30ms），降低网络抖动造成的爆音和卡顿。
- */
-function createAudioWorkletSource() {
-  return [
-    'class PcmDuplexProcessor extends AudioWorkletProcessor {',
-    '  constructor() {',
-    '    super();',
-    '    this.captureFrame = new Float32Array(480);',
-    '    this.captureOffset = 0;',
-    '    this.playbackQueue = [];',
-    '    this.playbackFrame = null;',
-    '    this.playbackOffset = 0;',
-    '    this.playing = false;',
-    '    this.port.onmessage = (event) => {',
-    "      if (event.data && event.data.type === 'playback') {",
-    '        if (this.playbackQueue.length >= 100) this.playbackQueue.shift();',
-    '        this.playbackQueue.push(new Float32Array(event.data.samples));',
-    '      }',
-    '    };',
-    '  }',
-    '  capture(input) {',
-    '    if (!input) return;',
-    '    for (let index = 0; index < input.length; index += 1) {',
-    '      this.captureFrame[this.captureOffset++] = input[index];',
-    '      if (this.captureOffset === 480) {',
-    '        const frame = this.captureFrame.slice();',
-    "        this.port.postMessage({ type: 'capture', samples: frame.buffer }, [frame.buffer]);",
-    '        this.captureOffset = 0;',
-    '      }',
-    '    }',
-    '  }',
-    '  render(output) {',
-    '    output.fill(0);',
-    '    if (!this.playing && this.playbackQueue.length >= 3) this.playing = true;',
-    '    if (!this.playing) return;',
-    '    for (let index = 0; index < output.length; index += 1) {',
-    '      if (!this.playbackFrame || this.playbackOffset >= this.playbackFrame.length) {',
-    '        this.playbackFrame = this.playbackQueue.shift() || null;',
-    '        this.playbackOffset = 0;',
-    '        if (!this.playbackFrame) {',
-    '          this.playing = false;',
-    '          return;',
-    '        }',
-    '      }',
-    '      output[index] = this.playbackFrame[this.playbackOffset++];',
-    '    }',
-    '  }',
-    '  process(inputs, outputs) {',
-    '    this.capture(inputs[0] && inputs[0][0]);',
-    '    this.render(outputs[0][0]);',
-    '    return true;',
-    '  }',
-    '}',
-    "registerProcessor('pcm-duplex-processor', PcmDuplexProcessor);"
-  ].join('\n')
-}
-
-/**
- * 创建 48kHz AudioContext 和双向 AudioWorklet。
- * 麦克风只进入 Worklet 采集端，不直接回放；Worklet 输出只播放机器人音频。
- * @param {MediaStream} stream 麦克风媒体流
- */
-async function setupAudioPipeline(stream) {
-  const AudioContextClass = window.AudioContext || window.webkitAudioContext
-  if (!AudioContextClass || !window.AudioWorkletNode) {
-    throw new Error('当前浏览器不支持 AudioWorklet')
-  }
-
-  audioContext = new AudioContextClass({
-    sampleRate: PCM_SAMPLE_RATE,
-    latencyHint: 'interactive'
-  })
-
-  if (audioContext.sampleRate !== PCM_SAMPLE_RATE) {
-    throw new Error('浏览器无法创建 48000Hz AudioContext')
-  }
-
-  const workletSource = createAudioWorkletSource()
-  const workletUrl = URL.createObjectURL(
-    new Blob([workletSource], { type: 'application/javascript' })
-  )
-
-  try {
-    await audioContext.audioWorklet.addModule(workletUrl)
-  } finally {
-    URL.revokeObjectURL(workletUrl)
-  }
-
-  audioWorkletNode = new AudioWorkletNode(
-    audioContext,
-    'pcm-duplex-processor',
-    {
-      numberOfInputs: 1,
-      numberOfOutputs: 1,
-      outputChannelCount: [1],
-      channelCount: 1,
-      channelCountMode: 'explicit'
-    }
-  )
-
-  audioWorkletNode.port.onmessage = (event) => {
-    if (event.data?.type !== 'capture') return
-    sendPcmFrame(new Float32Array(event.data.samples))
-  }
-
-  // 将 AudioWorklet 就绪前暂存的机器人音频依次送入播放队列。
-  pendingPlaybackFrames.forEach((frame) => {
-    audioWorkletNode.port.postMessage(
-      { type: 'playback', samples: frame.buffer },
-      [frame.buffer]
-    )
-  })
-  pendingPlaybackFrames = []
-
-  mediaStreamSource = audioContext.createMediaStreamSource(stream)
-  mediaStreamSource.connect(audioWorkletNode)
-  audioWorkletNode.connect(audioContext.destination)
-  await audioContext.resume()
-}
-
-/**
- * 开始实时语音通话。
- * 流程：连接 WS → join/joined → 获取麦克风 → 启动 AudioWorklet → 二进制 PCM 双向传输。
- */
-async function startCall() {
-  if (isCalling.value || isStarting.value || webSocket.value) return
-  if (!props.robotId || !props.speakerDeviceId || !props.microphoneDeviceId) {
-    ElMessage.warning('当前机器人缺少在线麦克风或扬声器')
-    return
-  }
-
-  const sessionToken = ++callSessionId
-  isStarting.value = true
-  connectionStatus.value = 'connecting'
-  errorMessage.value = ''
-
-  try {
-    await connectAudioServer(sessionToken)
-
-    const stream = await navigator.mediaDevices.getUserMedia({
-      audio: {
-        channelCount: 1,
-        sampleRate: PCM_SAMPLE_RATE,
-        echoCancellation: true,
-        noiseSuppression: true,
-        autoGainControl: true
-      },
-      video: false
-    })
-
-    if (sessionToken !== callSessionId) {
-      stream.getTracks().forEach((track) => track.stop())
-      return
-    }
-
-    localStream.value = stream
-    await setupAudioPipeline(stream)
-
-    isCalling.value = true
-    isConnected.value = true
-    connectionStatus.value = 'connected'
-    ElMessage.success('实时语音通道已建立')
-  } catch (error) {
-    const permissionDenied = ['NotAllowedError', 'PermissionDeniedError'].includes(error.name)
-    showError(
-      permissionDenied
-        ? '麦克风权限被拒绝，请在浏览器设置中允许访问'
-        : '开始通话失败：' + error.message,
-      error
-    )
-    cleanupResources()
-  } finally {
-    isStarting.value = false
-  }
-}
-
-/**
- * 切换麦克风静音状态。
- * 禁用媒体轨道后 Worklet 收到静音采样，不会发送真实麦克风声音。
- */
-function toggleMute() {
-  const audioTracks = localStream.value?.getAudioTracks() || []
-  if (!audioTracks.length) return
-
-  isMuted.value = !isMuted.value
-  audioTracks.forEach((track) => {
-    track.enabled = !isMuted.value
-  })
-  ElMessage.info(isMuted.value ? '麦克风已静音' : '麦克风已取消静音')
-}
-
-/**
- * 释放 WebSocket、麦克风和 Web Audio 资源。
- * @param {boolean} notifyBackend 是否在关闭前发送 stop 控制消息
- */
-function cleanupResources(notifyBackend = true) {
-  if (
-    notifyBackend &&
-    signalingSessionId &&
-    webSocket.value?.readyState === WebSocket.OPEN
-  ) {
-    try {
-      sendControlMessage({ type: 'stop', sessionId: signalingSessionId })
-    } catch (error) {
-      console.warn('停止会话消息发送失败', error)
-    }
-  }
-
-  callSessionId += 1
-  incomingRemainder = new Uint8Array(0)
-  pendingPlaybackFrames = []
-
-  mediaStreamSource?.disconnect()
-  mediaStreamSource = null
-
-  if (audioWorkletNode) {
-    audioWorkletNode.port.onmessage = null
-    audioWorkletNode.disconnect()
-    audioWorkletNode = null
-  }
-
-  audioContext?.close().catch(() => {})
-  audioContext = null
-
-  localStream.value?.getTracks().forEach((track) => track.stop())
-  localStream.value = null
-
-  const socket = webSocket.value
-  if (socket) {
-    socket.onopen = null
-    socket.onmessage = null
-    socket.onerror = null
-    socket.onclose = null
-    socket.close()
-    webSocket.value = null
-  }
-
-  signalingSessionId = ''
-  isCalling.value = false
-  isConnected.value = false
-  isMuted.value = false
-}
-
-/**
- * 主动结束当前通话。
- */
-function endCall() {
-  cleanupResources()
-  connectionStatus.value = 'idle'
-  errorMessage.value = ''
-  ElMessage.success('通话已结束')
-}
-
-const microphoneVolume = ref(50)
-const speakerVolume = ref(50)
-const isMicrophoneVolumeLoading = ref(false)
-const isSpeakerVolumeLoading = ref(false)
-let confirmedMicrophoneVolume = 50
-let confirmedSpeakerVolume = 50
-
-async function updateMicrophoneVolume(volume) {
-  const previousVolume = confirmedMicrophoneVolume
-  isMicrophoneVolumeLoading.value = true
-  try {
-    const response = await setMicVolume({
-      deviceId: props.microphoneDeviceId,
-      robotId: props.robotId,
-      volume: Math.round(volume)
-    })
-    if (response.code !== 200) throw new Error(response.message || '设置机器人音量失败')
-    microphoneVolume.value = volume
-    confirmedMicrophoneVolume = volume
-    ElMessage.success(`机器人麦克风音量已设置为 ${volume}%`)
-  } catch (error) {
-    microphoneVolume.value = previousVolume
-    ElMessage.error(error.message || '设置机器人音量失败')
-  } finally {
-    isMicrophoneVolumeLoading.value = false
-  }
-}
-
-async function updateSpeakerVolume(volume) {
-  const previousVolume = confirmedSpeakerVolume
-  isSpeakerVolumeLoading.value = true
-  try {
-    const response = await setSpeakerVolume({
-      deviceId: props.speakerDeviceId,
-      robotId: props.robotId,
-      volume: Math.round(volume)
-    })
-    if (response.code !== 200) throw new Error(response.message || '设置扬声器音量失败')
-    speakerVolume.value = volume
-    confirmedSpeakerVolume = volume
-    ElMessage.success(`机器人扬声器音量已设置为 ${volume}%`)
-  } catch (error) {
-    speakerVolume.value = previousVolume
-    ElMessage.error(error.message || '设置扬声器音量失败')
-  } finally {
-    isSpeakerVolumeLoading.value = false
-  }
-}
-
-async function loadMicrophoneVolume({ silent = false } = {}) {
-  isMicrophoneVolumeLoading.value = true
-  try {
-    const response = await getMicVolume({
-      deviceId: props.microphoneDeviceId,
-      robotId: props.robotId
-    })
-    if (response.code !== 200) throw new Error(response.message || '获取机器人音量失败')
-    const volume = Math.max(0, Math.min(100, Number(response.data) || 0))
-    microphoneVolume.value = volume
-    confirmedMicrophoneVolume = volume
-  } catch (error) {
-    if (!silent) ElMessage.error(error.message || '获取机器人音量失败')
-  } finally {
-    isMicrophoneVolumeLoading.value = false
-  }
-}
-
-async function loadSpeakerVolume({ silent = false } = {}) {
-  isSpeakerVolumeLoading.value = true
-  try {
-    const response = await getSpeakerVolume({
-      deviceId: props.speakerDeviceId,
-      robotId: props.robotId
-    })
-    if (response.code !== 200) throw new Error(response.message || '获取扬声器音量失败')
-    const volume = Math.max(0, Math.min(100, Number(response.data) || 0))
-    speakerVolume.value = volume
-    confirmedSpeakerVolume = volume
-  } catch (error) {
-    if (!silent) ElMessage.error(error.message || '获取扬声器音量失败')
-  } finally {
-    isSpeakerVolumeLoading.value = false
-  }
-}
-
-onMounted(() => {
-  loadMicrophoneVolume()
-  loadSpeakerVolume()
-})
-
-// 离开页面时释放麦克风、AudioWorklet 和 WebSocket。
-onBeforeUnmount(cleanupResources)
-</script>
-
-<style lang="scss" scoped>
-$cyan: #46c8ff;
-$blue: #2478ff;
-$purple: #936cff;
-$panel-border: rgb(112 192 255 / 24%);
-
-.voice-conversation {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 400px;
-  max-height: 400px;
-  min-height: 0;
-  padding: 30px 28px 16px;
-  overflow: hidden;
-  box-sizing: border-box;
-  color: #fff;
-  background:
-    radial-gradient(circle at 50% 38%, rgb(44 90 198 / 34%) 0%, transparent 33%),
-    radial-gradient(circle at 75% 20%, rgb(81 49 172 / 18%) 0%, transparent 30%),
-    linear-gradient(145deg, #071a3e 0%, #08152f 45%, #050c21 100%);
-
-  &::before,
-  &::after {
-    position: absolute;
-    content: '';
-    pointer-events: none;
-  }
-
-  &::before {
-    inset: 0;
-    background: linear-gradient(90deg, rgb(32 143 255 / 7%) 1px, transparent 1px),
-      linear-gradient(rgb(32 143 255 / 7%) 1px, transparent 1px);
-    background-size: 42px 42px;
-    mask-image: radial-gradient(circle at center, #000 12%, transparent 82%);
-  }
-
-  &::after {
-    width: 360px;
-    height: 360px;
-    border: 1px solid rgb(70 200 255 / 7%);
-    border-radius: 50%;
-    box-shadow: 0 0 100px rgb(36 120 255 / 8%);
-  }
-
-  .tech-grid {
-    position: absolute;
-    inset: 0;
-    background: repeating-linear-gradient(135deg, transparent 0 118px, rgb(89 138 255 / 3%) 119px 120px);
-    pointer-events: none;
-  }
-
-  .corner-title {
-    position: absolute;
-    top: 16px;
-    left: 22px;
-    z-index: 2;
-    font-size: 20px;
-    font-weight: 700;
-    letter-spacing: 1px;
-    text-shadow: 0 0 18px rgb(74 168 255 / 30%);
-  }
-
-  .voice-content {
-    position: relative;
-    z-index: 2;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    width: min(100%, 660px);
-  }
-
-  .hero-title {
-    text-align: center;
-
-    h1 {
-      margin: 0;
-      font-size: clamp(23px, 3vw, 30px);
-      line-height: 1.2;
-      letter-spacing: 5px;
-      text-shadow: 0 0 25px rgb(79 159 255 / 25%);
-    }
-
-    p {
-      margin: 4px 0 0;
-      color: #86c6f4;
-      font-size: 12px;
-      letter-spacing: 3px;
-    }
-  }
-
-  .voice-visual {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: clamp(18px, 4vw, 42px);
-    width: 100%;
-    margin-top: 13px;
-
-    &.active {
-      .microphone-orbit { animation: orbit-breathe 2.4s ease-in-out infinite; }
-      .sound-wave i { animation-play-state: running; }
-    }
-  }
-
-  .microphone-orbit {
-    position: relative;
-    display: grid;
-    place-items: center;
-    flex: 0 0 auto;
-    width: 100px;
-    height: 100px;
-    border: 1px solid rgb(117 210 255 / 45%);
-    border-radius: 50%;
-    background: linear-gradient(145deg, rgb(41 146 255 / 20%), rgb(120 73 255 / 16%));
-    box-shadow: 0 0 26px rgb(35 158 255 / 35%), inset 0 0 28px rgb(117 83 255 / 24%);
-
-    &::before {
-      position: absolute;
-      inset: 7px;
-      border: 1px solid rgb(160 124 255 / 55%);
-      border-radius: inherit;
-      box-shadow: inset 0 0 16px rgb(55 186 255 / 22%);
-      content: '';
-    }
-
-    .orbit-glow {
-      position: absolute;
-      inset: -13px;
-      border-radius: inherit;
-      background: conic-gradient(from 90deg, transparent, rgb(58 190 255 / 35%), transparent, rgb(146 94 255 / 42%), transparent);
-      filter: blur(12px);
-    }
-  }
-
-  .microphone-core {
-    position: relative;
-    display: grid;
-    place-items: center;
-    width: 62px;
-    height: 62px;
-    border-radius: 50%;
-    background: linear-gradient(145deg, #237bfa, #794be1);
-    box-shadow: 0 8px 30px rgb(34 111 255 / 48%), inset 0 1px 1px rgb(255 255 255 / 35%);
-
-    svg {
-      width: 31px;
-      height: 31px;
-      overflow: visible;
-      fill: #fff;
-      stroke: #fff;
-      stroke-width: 3;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-
-      path:first-child { stroke: none; }
-      path:last-child { fill: none; }
-    }
-  }
-
-  .sound-wave {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    width: 86px;
-    height: 60px;
-
-    i {
-      width: 4px;
-      height: var(--wave-height, 30px);
-      border-radius: 10px;
-      background: linear-gradient(to bottom, $cyan, $purple);
-      box-shadow: 0 0 10px rgb(72 190 255 / 46%);
-      opacity: 0.74;
-      animation: wave-pulse 1.15s ease-in-out infinite alternate;
-      animation-delay: calc(var(--index) * -0.09s);
-      animation-play-state: paused;
-
-      &:nth-child(1), &:nth-child(7) { --wave-height: 12px; --index: 1; opacity: 0.32; }
-      &:nth-child(2), &:nth-child(6) { --wave-height: 22px; --index: 2; opacity: 0.48; }
-      &:nth-child(3), &:nth-child(5) { --wave-height: 35px; --index: 3; opacity: 0.62; }
-      &:nth-child(4) { --wave-height: 48px; --index: 4; }
-    }
-
-    &--left { justify-content: flex-end; }
-    &--right { justify-content: flex-start; }
-  }
-
-  .floating-status {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    margin-top: 7px;
-    padding: 4px 13px;
-    border: 1px solid rgb(255 255 255 / 9%);
-    border-radius: 20px;
-    color: #d5d9e4;
-    background: rgb(31 38 58 / 86%);
-    box-shadow: 0 7px 18px rgb(0 0 0 / 24%);
-    font-size: 11px;
-
-    .status-light {
-      width: 7px;
-      height: 7px;
-      border-radius: 50%;
-      background: #8791a7;
-
-      &.connecting { background: #ffd166; box-shadow: 0 0 8px #ffd166; }
-      &.connected { background: #4ef5ae; box-shadow: 0 0 8px #4ef5ae; }
-      &.error { background: #ff6482; box-shadow: 0 0 8px #ff6482; }
-    }
-  }
-
-  .call-controls {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-    min-height: 34px;
-    margin-top: 9px;
-
-    :deep(.el-button + .el-button) { margin-left: 0; }
-  }
-
-  .robot-volume {
-    display: grid;
-    grid-template-columns: auto minmax(120px, 210px) 42px;
-    align-items: center;
-    gap: 12px;
-    width: min(100%, 430px);
-    margin-top: 10px;
-    color: #badeff;;
-    font-size: 11px;
-
-    &__label { white-space: nowrap; }
-    &__value { color: #fff; text-align: right; font-variant-numeric: tabular-nums; }
-
-    :deep(.el-slider__runway) { background-color: #dff7ff; }
-    :deep(.el-slider__bar) { background: linear-gradient(90deg, #46c8ff,  #936cff); }
-    :deep(.el-slider__button) {
-      width: 14px;
-      height: 14px;
-      border-color: #46c8ff;
-      background: #dff7ff;
-      box-shadow: 0 0 10px rgb(70 200 255 / 65%);
-    }
-  }
-
-  :deep(.call-button) {
-    width: 178px;
-    height: 34px;
-    border: 1px solid rgb(125 207 255 / 52%);
-    border-radius: 10px;
-    color: #fff;
-    background: linear-gradient(100deg, #176ee9, #448eff 56%, #7657e9);
-    box-shadow: 0 10px 28px rgb(24 105 235 / 35%), inset 0 1px rgb(255 255 255 / 18%);
-    font-size: 13px;
-    font-weight: 700;
-    letter-spacing: 2px;
-
-    &:hover,
-    &:focus {
-      color: #fff;
-      border-color: #86d5ff;
-      background: linear-gradient(100deg, #2280ff, #54a0ff 56%, #896afa);
-      transform: translateY(-1px);
-    }
-
-    &.call-button--danger {
-      border-color: rgb(255 126 157 / 55%);
-      background: linear-gradient(100deg, #cf3e67, #e4597e, #8554d9);
-    }
-  }
-
-  :deep(.mute-button) {
-    height: 30px;
-    border-color: $panel-border;
-    color: #badeff;
-    background: rgb(16 45 85 / 72%);
-
-    &:hover { color: #fff; border-color: $cyan; background: rgb(23 76 128 / 82%); }
-  }
-
-  .status-card {
-    width: min(100%, 550px);
-    margin-top: 10px;
-    padding: 8px 18px 8px;
-    border: 1px solid $panel-border;
-    border-radius: 16px;
-    box-sizing: border-box;
-    background: linear-gradient(135deg, rgb(14 49 91 / 67%), rgb(20 30 74 / 55%));
-    box-shadow: 0 16px 40px rgb(0 4 24 / 28%), inset 0 1px rgb(255 255 255 / 5%);
-    backdrop-filter: blur(16px);
-
-    .status-copy {
-      text-align: center;
-
-      p {
-        margin: 0;
-        color: #edf7ff;
-        font-size: 12px;
-
-        strong { color: #fff; font-weight: 600; }
-      }
-
-      span {
-        display: block;
-        margin-top: 2px;
-        color: #8eafd0;
-        font-size: 10px;
-      }
-    }
-
-    .error-alert { margin-top: 6px; }
-  }
-
-  .feature-tags {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 9px;
-    margin-top: 6px;
-    padding-top: 6px;
-    border-top: 1px solid rgb(116 186 255 / 13%);
-
-    span {
-      padding: 2px 8px;
-      border: 1px solid rgb(87 183 255 / 35%);
-      border-radius: 20px;
-      color: #a9d6f8;
-      background: rgb(31 104 166 / 13%);
-      text-align: center;
-      font-size: 10px;
-    }
-  }
-
-  audio { display: none; }
-}
-
-@keyframes orbit-breathe {
-  0%, 100% { transform: scale(1); filter: brightness(1); }
-  50% { transform: scale(1.035); filter: brightness(1.16); }
-}
-
-@keyframes wave-pulse {
-  from { transform: scaleY(0.58); opacity: 0.42; }
-  to { transform: scaleY(1.08); opacity: 0.9; }
-}
-
-@media (max-width: 680px) {
-  .voice-conversation {
-    height: 400px;
-    max-height: 400px;
-    min-height: 0;
-    padding: 38px 14px 12px;
-
-    .corner-title { top: 12px; left: 16px; font-size: 17px; }
-    .voice-visual { gap: 10px; }
-    .microphone-orbit { width: 90px; height: 90px; }
-    .microphone-core { width: 56px; height: 56px; }
-    .microphone-core svg { width: 28px; height: 28px; }
-    .sound-wave { width: 58px; gap: 4px; }
-    .sound-wave i { width: 3px; }
-    .call-controls { flex-wrap: wrap; }
-  }
-}
-
-@media (max-width: 420px) {
-  .voice-conversation {
-    .hero-title p { letter-spacing: 1px; }
-    .voice-visual { gap: 7px; }
-    .sound-wave { width: 48px; gap: 3px; }
-    .sound-wave i:nth-child(1),
-    .sound-wave i:nth-child(7) { display: none; }
-    .feature-tags { gap: 7px; }
-    .status-card { padding-inline: 15px; }
-  }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/ManualTakeover/index.vue b/src/views/inspection/cockpit/components/ManualTakeover/index.vue
deleted file mode 100644
index eaf49da..0000000
--- a/src/views/inspection/cockpit/components/ManualTakeover/index.vue
+++ /dev/null
@@ -1,622 +0,0 @@
-<template>
-    <div class="monitor-container">
-        <div class="left-container">
-            <div class="robot-container">
-                <div class="title">选择机器人</div>
-                <div class="robot-box">
-                    <div v-for="item, index in robotList" class="robot" :class="{ active: activeBot === index }"
-                        @click="changeBot(index)">
-                        <div>
-                            <SvgIcon name="bot" :color="colorList[index]" />
-                        </div>
-                        <div>
-                            <div class="bot-name">{{ item.robotName }}</div>
-                            <div class="bot-local" :class="agvRuntimeStatusClass(item.status)">{{ agvRuntimeStatusLabel(item.status) }}</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="split-line"></div>
-            <div class="mode-container">
-                <div class="title">控制模式</div>
-                <div class="mode-box">
-                    <div class="mode-item" :class="{ activeMode: activeMode === 'auto' }" @click="changeMode('auto')">
-                        <SvgIcon name="cpu" :color="activeMode === 'auto' ? '#00FF88' : '#fff'" :size="16" />
-                        <span class="label">自动巡检</span>
-                    </div>
-                    <div class="mode-item" :class="{ activeMode: activeMode === 'artificial' }"
-                        @click="changeMode('artificial')">
-                        <SvgIcon name="gamepad" :color="activeMode === 'artificial' ? '#00FF88' : '#fff'" :size="16" />
-                        <span class="label">人工接管</span>
-                    </div>
-                </div>
-            </div>
-            <div v-if="activeMode === 'artificial'" class="artificial-panel">
-                <el-radio-group v-model="activeController" size="small" @change="handlerController">
-                    <el-radio :value="1">底盘</el-radio>
-                    <el-radio :value="2">机械臂</el-radio>
-                    <el-radio :value="3">相机</el-radio>
-                </el-radio-group>
-                <div class="controller-panel">人工控制面板</div>
-                <div class="device-binding">
-                    <span>设备随机器人自动切换</span>
-                    <el-tag size="small" :type="activeDeviceId ? 'success' : 'danger'">
-                        {{ activeDeviceId || '无匹配在线设备' }}
-                    </el-tag>
-                </div>
-                <DirectionControl v-if="activeController === 1" :robot="activeBotData"
-                    :device-id="deviceByKind(1)" />
-                <div v-if="activeController === 2" class="robotic-arm-controller-container">
-                    <el-radio-group v-model="activeRoboticArm" size="small">
-                        <el-radio :value="1">末端控制</el-radio>
-                        <el-radio :value="2">关节控制</el-radio>
-                        <el-radio :value="3">姿态控制</el-radio>
-                    </el-radio-group>
-
-                    <RoboticArm :type="activeRoboticArm === 1 ? 'end' : 'posture'" :robot="activeBotData"
-                        :device-id="deviceByKind(2)"
-                        v-if="activeController === 2 && [1, 3].includes(activeRoboticArm)" />
-
-                    <div class="control-panel" v-if="activeRoboticArm === 2">
-                        <div class="joint-list">
-                            <div v-for="joint in jointControls" :key="joint.name" class="joint-item">
-                                <label :for="joint.name">{{ joint.name }}</label>
-                                <el-input
-                                    v-model="joint.value"
-                                    readonly
-                                >
-                                    <template #prepend>
-                                        <el-button
-                                            @mousedown="updateJoint(joint.name, '-')"
-                                            @mouseup="stop"
-                                            @touchstart.prevent="updateJoint(joint.name, '-')"
-                                            @touchend.prevent="stop"
-                                        >
-                                                -
-                                        </el-button>
-                                    </template>
-                                    <template #append>
-                                        <el-button
-                                            @mousedown="updateJoint(joint.name, '+')"
-                                            @mouseup="stop"
-                                            @touchstart.prevent="updateJoint(joint.name, '+')"
-                                            @touchend.prevent="stop"
-                                        >
-                                            +
-                                        </el-button>
-                                    </template>
-                                </el-input>
-                            </div>
-                        </div>
-                        <div class="speed-container">
-                            <div class="label">速度：</div>
-                            <el-slider v-model="jointSpeed" :min="0.01" :step="0.01" :max="1" />
-                            <div class="proportion">{{( jointSpeed / 1 * 100).toFixed(0) }} %</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-        </div>
-        <div class="video-container">
-            <div v-if="activeMode === 'auto' || activeController === 1" class="map-container">
-                <MapCanvas v-if="robotList.length > 0" :robotList="currentRobot" ref="mapCanvasRef" />
-            </div>
-            <div v-if="activeMode === 'artificial' && activeController === 2" class="model-container">
-                <UrdfViewer ref="urdfViewerRef" modelPath="/inspection/elfin10/elfin10.urdf.xacro" />
-            </div>
-            <div v-if="activeMode === 'artificial' && activeController === 3" class="monitor-container">监控</div>
-        </div>
-        <div class="right-container">
-            <div class="container-title">车载监控</div>
-            <div class="monitor-container">
-                <IPlayer :isLive="true" :videoUrl="videoUrl" />
-            </div>
-            <div class="split-line"></div>
-            <div class="container-title">语音对话</div>
-            <div class="voice-container">
-                <VoiceConversation :robot-id="activeBotData.robotId"
-                    :microphone-device-id="deviceByKind(9)" :speaker-device-id="deviceByKind(13)" />
-            </div>
-        </div>
-    </div>
-</template>
-<script setup>
-import { computed, onMounted, onUnmounted, nextTick } from "vue";
-import { ElMessage } from 'element-plus'
-import MapCanvas from "../MapCanvas.vue";
-import SvgIcon from "@/components/SvgIcon";
-import UrdfViewer from '../UrdfView.vue'
-import DirectionControl from './DirectionControl.vue'
-import RoboticArm from "./RoboticArm.vue";
-import { getRobotList, getRobotDevicesByRobotId } from '@/api/resource/robot'
-import { getJointStateApi, moveJApi, torqueOnApi, speedJApi, stopMotionApi, clearFault } from '@/api/inspection/cockpit'
-import { Remove, CirclePlus } from '@element-plus/icons-vue'
-import VoiceConversation from "./VoiceConversation.vue";
-import IPlayer from "@/components/IPlayer/index.vue";
-import { agvRuntimeStatusClass, agvRuntimeStatusLabel } from '@/utils/agvRuntimeStatus'
-
-const robotList = ref([])
-const robotDevices = ref([])
-const deviceByKind = (kind) => robotDevices.value.find(device => device.deviceKind === kind)?.deviceId || ''
-const activeDeviceId = computed(() => deviceByKind(activeController.value === 2 ? 2 : activeController.value === 3 ? 5 : 1))
-
-const loadRobotDevices = async (robotId) => {
-    robotDevices.value = []
-    if (!robotId) return
-    const response = await getRobotDevicesByRobotId(robotId)
-    robotDevices.value = Array.isArray(response.data) ? response.data : []
-}
-
-const fetchRobotList = async (refreshDevices = true) => {
-    try {
-        const res = await getRobotList({
-            robotType: 2,
-        })
-        if (res.code === 200) {
-            const currentRobotId = activeBotData.value.robotId
-            robotList.value = res.rows
-            const currentIndex = robotList.value.findIndex(item => item.robotId === currentRobotId)
-            activeBot.value = currentIndex >= 0 ? currentIndex : 0
-            activeBotData.value = robotList.value[activeBot.value] || {}
-            if (refreshDevices) await loadRobotDevices(activeBotData.value.robotId)
-        } else {
-            console.error('获取机器人列表失败:', res.message)
-        }
-    } catch (error) {
-        console.error('获取机器人列表失败:', error)
-    }
-}
-
-const activeBot = ref(0)
-const activeBotData = ref({})
-const changeBot = async (index) => {
-    activeBot.value = index
-    activeBotData.value = robotList.value[activeBot.value] || {}
-    await loadRobotDevices(activeBotData.value.robotId)
-}
-
-const currentRobot = computed(() => {
-    return [robotList.value[activeBot.value]] || []
-})
-
-const colorList = ['#00D4FF', '#FFB300', '#00FF88', '#fff']
-
-const activeMode = ref('auto')
-const changeMode = (mode) => {
-    activeMode.value = mode
-}
-
-const activeController = ref(1)
-
-const speed = ref(0.8)
-
-const activeRoboticArm = ref(1)
-
-const urdfViewerRef = ref()
-const jointControls = ref()
-
-const animationId = ref(null)
-
-const handlerController = (value) => {
-    if (value === 2) {
-        if (!deviceByKind(2)) {
-            ElMessage.warning('当前机器人没有在线机械臂')
-            return
-        }
-        // 开启机械臂使能
-        torqueOnApi({
-            deviceId: deviceByKind(2),
-            robotId: activeBotData.value.robotId
-        }).catch(error => {
-            console.error('开启机械臂使能失败:', error)
-            clearFault({
-                deviceId: deviceByKind(2),
-                robotId: activeBotData.value.robotId
-            })
-        })
-        jointControls.value = urdfViewerRef.value.jointControls
-        if (animationId.value) {
-            clearInterval(animationId.value)
-        }
-        animationId.value = setInterval(() => {
-            getJointState(activeBotData.value)
-        }, 100)
-    } else {
-        if (animationId.value) {
-            clearInterval(animationId.value)
-        }
-    }
-}
-
-const jointNamsMap = {
-    'joint_1' :'elfin_joint1',
-    'joint_2': 'elfin_joint2',
-    'joint_3': 'elfin_joint3',
-    'joint_4': 'elfin_joint4',
-    'joint_5': 'elfin_joint5',
-    'joint_6': 'elfin_joint6',
-}
-
-const errCount = ref(0)
-
-/**
- * 获取关节状态
- * @param robot 
- */
-const getJointState = async (robot) => {
-    try {
-        const res = await getJointStateApi({
-            deviceId: deviceByKind(2),
-            robotId: robot.robotId
-        })
-        if (res.code === 200) {
-            setTimeout(() => {
-                const names = res.data.name
-                const positions = res.data.position
-                names.forEach((name, index) => {
-                    urdfViewerRef.value.updateJoint(jointNamsMap[name] || name, positions[index].toFixed(3))
-                })
-            }, 500)
-        } else {
-            errCount.value += 1
-            if (errCount.value > 2) {
-                clearInterval(animationId.value)
-                errCount.value = 0
-            }
-            console.error('获取关节状态失败:', res.message)
-        }
-    } catch (error) {
-        errCount.value += 1
-        if (errCount.value > 2) {
-            clearInterval(animationId.value)
-            errCount.value = 0
-        }
-        console.error('获取关节状态失败:', error)
-    }
-}
-
-const jointSpeed = ref(0.8)
-const updateJoint = async (jointName, _dir) => {
-    const velocities = jointControls.value.map(joint => {
-        return 0
-    })
-    const index = jointControls.value.findIndex(joint => joint.name === jointName)
-    velocities[index] = jointSpeed.value * (_dir === '+' ? 1 : -1)
-    const res = await speedJApi({
-        deviceId: deviceByKind(2),
-        robotId: activeBotData.value.robotId,
-        acceleration: jointSpeed.value + 0.1,
-        duration: 60,
-        velocities: velocities
-    })
-}
-
-/**
- * 停止机械臂移动
- */
-const stop = async () => {
-    await stopMotionApi({
-        deviceId: deviceByKind(2),
-        robotId: activeBotData.value.robotId
-    })
-}
-
-const videoUrl = ref('https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8')
-
-let robotRefreshTimer
-
-onMounted(() => {
-    fetchRobotList()
-    robotRefreshTimer = window.setInterval(() => {
-        if (!document.hidden) fetchRobotList(false)
-    }, 500)
-})
-
-onUnmounted(() => {
-    window.clearInterval(robotRefreshTimer)
-    if (animationId.value) {
-        clearInterval(animationId.value)
-    }
-})
-
-</script>
-
-<style lang="scss" scoped>
-.monitor-container {
-    width: 100%;
-    height: 100%;
-    display: flex;
-
-    .left-container {
-        width: 360px;
-        height: 100%;
-        padding: 16px;
-
-        .robot-container {
-
-            .title {
-                color: #8899BB;
-                font-size: 14px;
-                margin-bottom: 16px;
-            }
-
-            .robot-box {
-                display: flex;
-                flex-wrap: wrap;
-                gap: 10px;
-                align-items: center;
-                justify-content: space-between;
-
-                .robot {
-                    flex: 0 0 calc(50% - 10px);
-                    background: #0F1E38;
-                    height: 56px;
-                    border-radius: 8px;
-                    padding: 12px;
-                    display: flex;
-                    align-items: center;
-                    gap: 12px;
-                    margin-bottom: 16px;
-                    cursor: pointer;
-                    border: 1px solid transparent;
-
-                    .bot-name {
-                        color: #fff;
-                        font-size: 12px;
-                    }
-
-                    .bot-local {
-                        font-size: 11px;
-                        margin-top: 4px;
-                    }
-
-                    .online {
-                        color: #0f8;
-                    }
-
-                    .unknown,
-                    .offline,
-                    .stopped {
-                        color: #cbd5e1;
-                    }
-
-                    .manual,
-                    .running {
-                        color: #00d4ff;
-                    }
-
-                    .charging,
-                    .paused {
-                        color: #ffb300;
-                    }
-
-                    .fault,
-                    .emergency {
-                        color: #ff6b6d;
-                    }
-                }
-
-                .active {
-                    border-color: #00c2ff;
-                    color: #fff;
-                    box-shadow: 0 0 10px rgba(0, 194, 255, 0.5);
-                }
-            }
-        }
-
-        .split-line {
-            width: 100%;
-            height: 1px;
-            margin: 16px 0;
-            background: #1E3A5F;
-        }
-
-        .mode-container {
-            .title {
-                color: #8899BB;
-                font-size: 14px;
-                margin-bottom: 16px;
-            }
-
-            .mode-box {
-                display: flex;
-                flex-wrap: wrap;
-                gap: 10px;
-                align-items: center;
-                justify-content: space-between;
-
-                .mode-item {
-                    height: 36px;
-                    flex: 0 0 calc(50% - 10px);
-                    background: #0F1E38;
-                    border: 1px solid transparent;
-                    border-radius: 8px;
-                    padding: 16px;
-                    margin-bottom: 12px;
-                    display: flex;
-                    align-items: center;
-                    gap: 16px;
-                    cursor: pointer;
-
-                    .label {
-                        color: #8899BB;
-                        font-size: 13px;
-                    }
-                }
-
-                .activeMode {
-                    border-color: #00FF88;
-
-                    .label {
-                        color: #00FF88;
-                    }
-                }
-
-            }
-        }
-
-        .controller-panel {
-            padding: 16px;
-            color: #fff;
-            font-size: 16px;
-        }
-
-
-        .robotic-arm-controller-container {
-            :deep(.el-radio-group) {
-                display: flex;
-                align-items: center;
-                justify-content: space-between;
-            }
-        }
-    }
-
-    .video-container {
-        flex: 1;
-        border: 1px solid #1E3A5F;
-        border-top: 0;
-
-        .map-container {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: #00c2ff;
-            font-size: 20px;
-        }
-
-        .model-container {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: #00c2ff;
-            font-size: 20px;
-        }
-
-        .monitor-container {
-            width: 100%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: #00c2ff;
-            font-size: 20px;
-        }
-    }
-
-    .right-container {
-        width: 360px;
-        height: 100%;
-        padding: 16px;
-
-        .container-title {
-            color: #fff;
-            font-size: 16px;
-            font-weight: bold;
-            margin-bottom: 16px;
-        }
-
-        .split-line {
-            width: 100%;
-            height: 1px;
-            margin: 16px 0;
-            background: #1E3A5F;
-        }
-
-        .monitor-container {
-            width: 100%;
-            height: 360px;
-        }
-
-        .voice-container {
-            width: 100%;
-            height: 400px;
-        }
-    }
-}
-
-.device-binding {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: 10px;
-    margin: 10px 0 14px;
-    color: #64748b;
-    font-size: 12px;
-}
-
-.control-panel {
-    margin-top: 12px;
-    background: #0F1E38;
-    padding: 15px;
-    border-radius: 8px;
-    color: #ccc;
-    max-height: 80%;
-    overflow-y: auto;
-
-    .joint-item {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-        margin-bottom: 10px;
-        padding: 10px;
-        border: 1px solid rgba(0, 195, 255, 0.08);
-        border-radius: 5px;
-        background: #0b182c;
-
-        &:hover {
-            border-color: #2a3f7a;
-            background: rgba(59, 130, 246, 0.031372549);
-        }
-
-        label {
-            width: 120px;
-            font-size: 16px;
-            font-weight: bold;
-        }
-
-        input[type=range] {
-            flex: 1;
-        }
-
-        .angle {
-            width: 50px;
-            text-align: right;
-        }
-
-        :deep(.el-input-group__prepend) {
-            background: #080b10;
-            border-right: 0px;
-            box-shadow: 0 0 0 1px #272727 inset;
-        }
-
-        :deep(.el-input-group__append) {
-            background: #080b10;
-            border-left: 0px;
-            box-shadow: 0 0 0 1px #272727 inset;
-        }
-
-        :deep(.el-input__wrapper) {
-            background-color: #0e0e0e;
-            box-shadow: 0 0 0 1px #272727 inset;
-        }
-    }
-
-    .speed-container {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        .label,
-        .proportion {
-          width: 100px;
-          text-align: center;
-          color: #fff;
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/MapCanvas.vue b/src/views/inspection/cockpit/components/MapCanvas.vue
deleted file mode 100644
index 8c8e59c..0000000
--- a/src/views/inspection/cockpit/components/MapCanvas.vue
+++ /dev/null
@@ -1,527 +0,0 @@
-<template>
-    <div class="container">
-        <canvas id="map-canvas"></canvas>
-        <div id="tooltip">
-            <div class="tooltip-title"></div>
-            <div class="tooltip-detail"></div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import { onMounted, onUnmounted, watch } from 'vue';
-
-import {
-    worldToScreen,
-    screenToWorld,
-    drawGrid,
-    drawGridlines,
-    drawAdvancedAreaList,
-    drawAdvancedLineList,
-    drawNormalLines,
-    drawAdvancedCurveList,
-    drawAdvancedPointList,
-    drawMapBoundary,
-    buildOccupancyGridImage,
-    MobileRobot
-} from '../canvasUtils';
-import { getMapJson } from '@/api/resource/robot'
-import { useInspectionStore } from "@/store/modules/inspection";
-import { ElMessage } from 'element-plus';
-
-const props = defineProps({
-    robotList: {
-        type: Array,
-        default: () => []
-    }
-})
-
-const inspectionStore = useInspectionStore();
-
-
-/**
- * 应用全局状态对象，集中管理所有可变数据
- * - parsedMap:      解析后的地图数据结构
- * - layerVisibility: 各图层的可见性开关
- * - mouseState:     鼠标位置与拖拽状态
- * - isMapLoaded:    地图是否已加载完成
- */
-const applicationState = {
-    parsedMap: null,                                      // 解析后的完整地图数据
-    mouseState: {                                                 // 鼠标交互状态
-        screenX: 0,                                                // 鼠标在 Canvas 上的像素 X
-        screenY: 0,                                                // 鼠标在 Canvas 上的像素 Y
-        worldX: 0,                                                // 鼠标对应的世界坐标 X
-        worldY: 0,                                                // 鼠标对应的世界坐标 Y
-        isDragging: false,                                         // 是否正在拖拽平移
-    },
-    isMapLoaded: false,                                           // 地图加载完成标志,
-    layerVisibility: {                                            // 各图层是否可见
-        grid: true,                                       // 占据栅格底图
-        edges: true,                                       // 墙壁边缘发光
-        gridlines: true,                                       // 1米网格辅助线
-        normalLines: true,                                       // normalLineList
-        advLines: true,                                       // advancedLineList
-        curves: true,                                       // advancedCurveList
-        points: true,                                       // advancedPointList
-        areas: true,                                       // advancedAreaList
-        robots: true,                                       // 机器人位置和朝向
-    },
-    robots: []      // 存储机器人实例
-};
-
-let mapCanvas;     // 主渲染画布 DOM 元素
-let canvasCtx;                 // 2D 渲染上下文
-
-// 保存当前动画帧 ID，组件卸载时用于停止 Canvas 渲染循环。
-let animationFrameId;
-// 地图请求版本号：当多个地图请求并发时，只允许最后一次请求更新画布。
-let mapLoadVersion = 0;
-
-const init = () => {
-    mapCanvas = document.getElementById('map-canvas');
-    canvasCtx = mapCanvas.getContext('2d');
-}
-
-/**
- * 根据容器尺寸和设备像素比调整 Canvas 大小
- * 在窗口 resize 时自动调用
- */
-function resizeCanvasToContainer() {
-    const containerRect = mapCanvas.parentElement.getBoundingClientRect(); // 获取容器实际尺寸
-    devicePixelRatio = window.devicePixelRatio || 1;             // 获取设备像素比
-    inspectionStore.canvasWidthPx = containerRect.width;                        // 更新逻辑宽度
-    inspectionStore.canvasHeightPx = containerRect.height;                  // 逻辑高度 = 容器高度 - 状态栏高度
-    mapCanvas.width = inspectionStore.canvasWidthPx * devicePixelRatio;         // Canvas 物理像素宽
-    mapCanvas.height = inspectionStore.canvasHeightPx * devicePixelRatio;        // Canvas 物理像素高
-    mapCanvas.style.width = inspectionStore.canvasWidthPx + 'px';               // CSS 显示宽度
-    mapCanvas.style.height = inspectionStore.canvasHeightPx + 'px';              // CSS 显示高度
-}
-
-
-/**
- * 解析 SEER smap JSON 文件为内部地图数据结构
- *
- * @param {Object} rawJson - 原始 JSON 解析后的对象
- * @returns {Object} 解析后的统一地图数据结构
- */
-function parseSmapJson(rawJson) {
-    // ── 解析 header ──
-    const header = rawJson.header || rawJson;                    // 兼容 header 嵌套或平铺
-    const minimumPos = header.minPos || { x: 0, y: 0 };         // 地图左下角（世界坐标）
-    const maximumPos = header.maxPos || { x: 1, y: 1 };         // 地图右上角（世界坐标）
-    const resolution = header.resolution || 0.05;                // 每像素代表的世界长度（米）
-
-    // ── 计算栅格尺寸 ──
-    const worldWidth = maximumPos.x - minimumPos.x;            // 地图世界宽度（米）
-    const worldHeight = maximumPos.y - minimumPos.y;            // 地图世界高度（米）
-    const gridWidthPx = Math.ceil(worldWidth / resolution) + 1; // 栅格像素宽度
-    const gridHeightPx = Math.ceil(worldHeight / resolution) + 1;// 栅格像素高度
-
-    // ── 构建统一数据结构 ──
-    const parsedMap = {
-        name: header.mapName || 'Untitled',             // 地图名称
-        version: header.version || '',                      // 版本号
-        mapType: header.mapType || '',                      // 地图类型（如 "2D-Map"）
-        resolution: resolution,                                // 分辨率（米/像素）
-        originX: minimumPos.x,                              // 地图左下角 X
-        originY: minimumPos.y,                              // 地图左下角 Y
-        maxX: maximumPos.x,                              // 地图右上角 X
-        maxY: maximumPos.y,                              // 地图右上角 Y
-        gridWidth: gridWidthPx,                               // 栅格宽度（像素）
-        gridHeight: gridHeightPx,                              // 栅格高度（像素）
-        // normalPosList: 自由空间点，直接拷贝
-        normalPositions: rawJson.normalPosList || [],
-        // normalLineList: 直接拷贝，每项含 {startPos:{x,y}, endPos:{x,y}}
-        normalLines: rawJson.normalLineList || [],
-        // advancedPointList: 直接拷贝，每项含 {className, instanceName, pos:{x,y}, dir, desc, property:[]}
-        advancedPoints: rawJson.advancedPointList || [],
-        // advancedLineList: 直接拷贝，每项含 {className, instanceName, line:{startPos, endPos}}
-        advancedLines: rawJson.advancedLineList || [],
-        // advancedCurveList: 直接拷贝，每项含 {className, instanceName, controlPos1, controlPos2, startPos, endPos}
-        advancedCurves: rawJson.advancedCurveList || [],
-        // advancedAreaList: 直接拷贝，每项含 {className, instanceName, dir, posGroup:[], attribute:{}}
-        advancedAreas: rawJson.advancedAreaList || [],
-    };
-
-    return parsedMap;
-}
-
-/**
- * 加载地图到应用：构建栅格图像、设置相机、更新UI
- * @param {Object} parsedMap - parseSmapJson 的输出
- */
-async function loadMapIntoApplication(parsedMap) {
-    await new Promise(resolve => setTimeout(resolve, 30));       // 短暂等待让 UI 有机会刷新
-
-    // 保存地图数据到全局状态
-    applicationState.parsedMap = parsedMap;
-    // 构建栅格图像（带边缘高亮）
-    inspectionStore.gridOffscreen = buildOccupancyGridImage(parsedMap, applicationState.layerVisibility.edges);
-
-    // ── 设置相机初始位置（地图中心）──
-    inspectionStore.camera.centerX = (parsedMap.originX + parsedMap.maxX) / 2; // 水平居中
-    inspectionStore.camera.centerY = (parsedMap.originY + parsedMap.maxY) / 2; // 垂直居中
-    // 计算合适的缩放级别，使地图完整显示在画布内
-    const worldWidthMeters = parsedMap.maxX - parsedMap.originX; // 地图世界宽度
-    const worldHeightMeters = parsedMap.maxY - parsedMap.originY; // 地图世界高度
-    const fitScaleX = inspectionStore.canvasWidthPx / worldWidthMeters;           // 水平方向恰好填满的缩放
-    const fitScaleY = inspectionStore.canvasHeightPx / worldHeightMeters;         // 垂直方向恰好填满的缩放
-    inspectionStore.camera.pixelsPerMeter = Math.max(1, Math.max(fitScaleX, fitScaleY) * 1); // 取较小值
-
-    // 标记加载完成并更新UI
-    applicationState.isMapLoaded = true;
-}
-
-
-/**
- * 主渲染函数，由 requestAnimationFrame 循环调用
- * 按层顺序绘制：栅格 → 网格线 → 区域 → 基础线 → 高级线 → 曲线 → 点 → 边界
- *
- * @param {number} timestamp - requestAnimationFrame 提供的时间戳（毫秒）
- */
-function renderFrame(timestamp) {
-    // 更新动画时间
-    inspectionStore.animationTimeSeconds = (timestamp || 0) / 1000;
-
-    // 设置 Canvas 变换矩阵（考虑设备像素比）
-    canvasCtx.setTransform(inspectionStore.devicePixelRatio, 0, 0, inspectionStore.devicePixelRatio, 0, 0);
-    // canvasCtx.clearRect(0, 0, inspectionStore.canvasWidthPx, inspectionStore.canvasHeightPx);    // 清空画布
-    canvasCtx.clearRect(0, 0, 10000, 10000);    // 清空画布
-
-    // 如果地图未加载，跳过绘制
-    if (!applicationState.isMapLoaded) {
-        animationFrameId = requestAnimationFrame(renderFrame);      // 继续请求下一帧
-        return;
-    }
-
-    const map = applicationState.parsedMap;                       // 当前地图数据
-    const layers = applicationState.layerVisibility;              // 图层可见性
-
-    // 图层1: 占据栅格底图
-    if (layers.grid && inspectionStore.gridOffscreen) {
-        drawGrid(canvasCtx, map);
-    }
-
-    // 图层2: 网格辅助线（每1米一条）
-    if (layers.gridlines) {
-        drawGridlines(canvasCtx)
-    }
-
-    // 图层3: advancedAreaList（半透明多边形区域）
-    if (layers.areas) {
-        drawAdvancedAreaList(canvasCtx, map)
-    }
-
-    // 图层4: normalLineList（基础直线，青色 #00e5ff）
-    if (layers.normalLines) {
-        drawNormalLines(canvasCtx, map);
-    }
-
-    // 图层5: advancedLineList（高级线，如 ForbiddenLine）
-    if (layers.advLines) {
-        drawAdvancedLineList(canvasCtx, map);
-    }
-
-    // 图层6: advancedCurveList（贝塞尔曲线路径，酸绿色 #76ff03）
-    if (layers.curves) {
-        drawAdvancedCurveList(canvasCtx, map);
-    }
-
-    // 图层7: advancedPointList（高级点标记，菱形）
-    if (layers.points) {
-        drawAdvancedPointList(canvasCtx, map);
-    }
-
-    if (layers.robots) {
-        drawAllRobots(canvasCtx)
-    }
-
-    // 地图边界虚线框
-    drawMapBoundary(canvasCtx, map);
-
-    // 请求下一帧渲染
-    animationFrameId = requestAnimationFrame(renderFrame);
-}
-
-const drawAllRobots = (ctx) => {
-    if (!applicationState.layerVisibility.robots) return;
-    for (const robot of applicationState.robots) {
-        const screenPos = worldToScreen(robot.x, robot.y);
-        // 裁剪超出画布简易跳过
-        if (screenPos.x + 20 < 0 || screenPos.x - 20 > inspectionStore.canvasWidthPx || screenPos.y + 20 < 0 || screenPos.y - 20 > inspectionStore.canvasHeightPx) {
-            continue;
-        }
-        robot.draw(ctx, screenPos.x, screenPos.y, robot.color, 1);
-    }
-}
-
-const bindEvent = () => {
-    // ── 鼠标移动：更新坐标、拖拽平移、悬停检测 ──
-    mapCanvas.addEventListener('mousemove', (mouseEvent) => {
-        const canvasRect = mapCanvas.getBoundingClientRect();        // Canvas 在页面中的位置
-        applicationState.mouseState.screenX = mouseEvent.clientX - canvasRect.left; // 鼠标在 Canvas 上的 X
-        applicationState.mouseState.screenY = mouseEvent.clientY - canvasRect.top;  // 鼠标在 Canvas 上的 Y
-        // 反算世界坐标
-        const worldPos = screenToWorld(applicationState.mouseState.screenX, applicationState.mouseState.screenY);
-        applicationState.mouseState.worldX = worldPos.x;
-        applicationState.mouseState.worldY = worldPos.y;
-
-        // 如果正在拖拽，平移相机
-        if (applicationState.mouseState.isDragging) {
-            inspectionStore.camera.centerX -= mouseEvent.movementX / inspectionStore.camera.pixelsPerMeter; // 水平平移
-            inspectionStore.camera.centerY += mouseEvent.movementY / inspectionStore.camera.pixelsPerMeter; // 垂直平移（Y翻转）
-        }
-
-        let hit = hitTestRobots(worldPos.x, worldPos.y);
-        updateTooltipDisplay(hit);
-    });
-
-    // ── 鼠标按下：开始拖拽 ──
-    mapCanvas.addEventListener('mousedown', () => {
-        applicationState.mouseState.isDragging = true;               // 标记拖拽开始
-    });
-
-    // ── 鼠标抬起：结束拖拽 ──
-    mapCanvas.addEventListener('mouseup', () => {
-        applicationState.mouseState.isDragging = false;              // 标记拖拽结束
-    });
-
-    // ── 鼠标离开画布：结束拖拽并隐藏 Tooltip ──
-    mapCanvas.addEventListener('mouseleave', () => {
-        applicationState.mouseState.isDragging = false;
-    });
-
-    // ── 滚轮：缩放（向鼠标位置缩放）──
-    mapCanvas.addEventListener('wheel', (wheelEvent) => {
-        wheelEvent.preventDefault();                                  // 阻止页面滚动
-        const zoomFactor = wheelEvent.deltaY > 0 ? 0.88 : 1.12;     // 向下滚动=缩小，向上滚动=放大
-        const mouseWorldBefore = screenToWorld(applicationState.mouseState.screenX, applicationState.mouseState.screenY); // 缩放前鼠标世界坐标
-        inspectionStore.camera.pixelsPerMeter = Math.max(0.5, Math.min(2000, inspectionStore.camera.pixelsPerMeter * zoomFactor)); // 应用缩放并钳制范围
-        const mouseWorldAfter = screenToWorld(applicationState.mouseState.screenX, applicationState.mouseState.screenY);   // 缩放后鼠标世界坐标
-        // 调整相机中心，使鼠标指向的世界坐标保持不变
-        inspectionStore.camera.centerX += mouseWorldBefore.x - mouseWorldAfter.x;
-        inspectionStore.camera.centerY += mouseWorldBefore.y - mouseWorldAfter.y;
-    }, { passive: false });                                          // passive:false 允许 preventDefault
-}
-
-
-const updateTooltipDisplay = (hitResult) => {
-    const tooltipEl = document.getElementById('tooltip');
-    if (!hitResult) {
-        tooltipEl.style.display = 'none';
-        inspectionStore.hoveredElement = null;
-        return;
-    }
-    inspectionStore.hoveredElement = hitResult;
-    let title = '', details = '';
-    if (hitResult.kind === 'robot') {
-        const robot = hitResult.robot;
-        title = `${robot.name}`;
-        details = `<div class="tooltip-detail">位置: (${robot.x}, ${robot.y})</div>
-                    <div class="tooltip-detail">朝向: ${(robot.angle * 180 / Math.PI).toFixed(1)}°</div>
-                    <div class="tooltip-detail">ID: ${robot.id}</div>`;
-    }
-    tooltipEl.innerHTML = `<div class="tooltip-title" style="color:#00e5a0">${title}</div>${details}`;
-    tooltipEl.style.display = 'block';
-    tooltipEl.style.left = Math.min(applicationState.mouseState.screenX + 14, inspectionStore.canvasWidthPx - 220) + 'px';
-    tooltipEl.style.top = Math.max(4, applicationState.mouseState.screenY - 8) + 'px';
-}
-
-const hitTestRobots = (worldX, worldY) => {
-    for (let i = 0; i < applicationState.robots.length; i++) {
-        const robot = applicationState.robots[i];
-        if (robot.hitTest(worldX, worldY)) {
-            return { kind: 'robot', index: i, robot: robot };
-        }
-    }
-    return null;
-}
-
-const zoomCanvas = (zoomIn) => {
-    const zoomFactor = zoomIn ? 1.12 : 0.88;
-    const worldBefore = screenToWorld(inspectionStore.canvasWidthPx / 2, inspectionStore.canvasHeightPx / 2);
-    inspectionStore.camera.pixelsPerMeter = Math.max(0.5, Math.min(2000, inspectionStore.camera.pixelsPerMeter * zoomFactor));
-    const worldAfter = screenToWorld(inspectionStore.canvasWidthPx / 2, inspectionStore.canvasHeightPx / 2);
-    inspectionStore.camera.centerX += worldBefore.x - worldAfter.x;
-    inspectionStore.camera.centerY += worldBefore.y - worldAfter.y;
-}
-
-const centerCanvasView = () => {
-    const map = applicationState.parsedMap;
-    if (!map) return;
-    inspectionStore.camera.centerX = (map.originX + map.maxX) / 2;
-    inspectionStore.camera.centerY = (map.originY + map.maxY) / 2;
-}
-
-/**
- * 从机器人列表中选出地图数据来源。
- * 当前沿用原有规则：使用第一台已连接的机器人获取地图。
- */
-const getConnectedRobot = (robotList = props.robotList) => {
-    return robotList.find(item => item?.connectStatus == 1)
-}
-
-/**
- * 生成地图来源的稳定标识。
- * 机器人轮询时位置等字段会不断变化，但机器人 ID 和地图名称不变，
- * 因此监听该标识可以避免位置更新触发底图重新加载。
- */
-const getMapIdentity = (robotList = props.robotList) => {
-    const robot = getConnectedRobot(robotList)
-    return robot ? `${robot.id ?? ''}:${robot.robotMapName ?? ''}` : ''
-}
-
-/**
- * 请求并加载机器人当前使用的地图。
- * @param {Object} connectedRobot 用于提供地图的已连接机器人
- */
-const loadSourceMap = async (connectedRobot = getConnectedRobot()) => {
-    if (!connectedRobot) return;
-
-    // 记录本次请求版本。若等待响应期间又发起了新请求，则丢弃本次旧结果。
-    const currentLoadVersion = ++mapLoadVersion;
-
-    const res = await getMapJson({
-        robotId: connectedRobot.id,
-        mapName: connectedRobot.robotMapName
-    });
-    // 防止较慢返回的旧地图覆盖用户刚切换的新地图。
-    if (currentLoadVersion !== mapLoadVersion) return;
-    if (res.code === 200) {
-        try {
-            const rawJsonObject = JSON.parse(res.data);        // 解析 JSON
-            const parsedMap = parseSmapJson(rawJsonObject);        // 转换为内部结构
-            await loadMapIntoApplication(parsedMap);                     // 加载到应用
-        } catch (parseError) {
-            ElMessage.error('Parse error: ' + parseError.message);                 // 显示错误信息
-        }
-    }
-};
-
-/**
- * 将接口返回的 "x,y,angle" 字符串转换为数值坐标。
- * 无位置或包含非法数值时返回 null，避免无效机器人进入绘制列表。
- */
-const parseRobotPosition = (currentPosition) => {
-    if (!currentPosition) return null
-    const values = String(currentPosition).split(',').map(Number)
-    if (values.length < 3 || values.some(value => !Number.isFinite(value))) return null
-    return values
-}
-
-/**
- * 将最新机器人列表同步到 Canvas 使用的机器人实例中。
- *
- * 已存在的机器人会复用原 MobileRobot 实例，仅修改位置和名称；新增机器人
- * 创建实例，接口中已移除或没有有效位置的机器人不会进入 nextRobots。
- * 该函数不会加载地图或重置相机，因此可安全用于高频轮询。
- */
-const syncRobots = (robotList) => {
-    // 用 ID 建立索引，避免为每台机器人遍历整个旧列表。
-    const previousRobots = new Map(applicationState.robots.map(robot => [robot.id, robot]));
-    const nextRobots = [];
-
-    robotList.forEach(item => {
-        const position = parseRobotPosition(item.currentPosition)
-        if (!position) return
-
-        const [x, y, angle] = position
-        const robot = previousRobots.get(item.id)
-        if (robot) {
-            // 保留原实例和颜色，只更新轮询产生的动态信息。
-            robot.name = item.robotName
-            robot.x = x
-            robot.y = y
-            robot.angle = angle
-            nextRobots.push(robot)
-            return
-        }
-
-        // 列表中首次出现的机器人需要创建绘制实例并分配颜色。
-        nextRobots.push(new MobileRobot(
-            item.id,
-            item.robotName,
-            x,
-            y,
-            angle,
-            colorList[nextRobots.length % colorList.length]
-        ))
-    })
-
-    // 整体替换绘制列表，同时自然移除本轮接口中不存在的机器人。
-    applicationState.robots = nextRobots
-}
-
-onMounted(() => {
-    init()
-    window.addEventListener('resize', resizeCanvasToContainer);
-    resizeCanvasToContainer();
-    bindEvent()
-    syncRobots(props.robotList)
-    loadSourceMap()
-    animationFrameId = requestAnimationFrame(renderFrame);
-})
-
-const colorList = ['#00D4FF', '#FFB300', '#00FF88', '#ff5100', '#fff', '#15ff00', '#ff00d4', '#00d4ff']
-
-// 轮询只同步机器人实例，不重新请求、解析或重置地图。
-watch(() => props.robotList, syncRobots)
-
-// 只有用于加载地图的机器人或地图名称改变时，才重新加载底图。
-watch(
-    () => getMapIdentity(props.robotList),
-    (newIdentity, oldIdentity) => {
-        if (newIdentity && newIdentity !== oldIdentity) loadSourceMap()
-    }
-)
-
-defineExpose({
-    zoomCanvas,
-    centerCanvasView
-})
-
-onUnmounted(() => {
-    window.removeEventListener('resize', resizeCanvasToContainer)
-    // 停止渲染循环，并使仍在进行中的地图请求全部失效。
-    cancelAnimationFrame(animationFrameId)
-    mapLoadVersion += 1
-    canvasCtx = null
-})
-</script>
-
-<style lang="scss" scoped>
-.container {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    #tooltip {
-        position: absolute;
-        display: none;
-        background: #0b1120;
-        border: 1px solid #2a3a5c;
-        padding: 8px 12px;
-        border-radius: 3px;
-        pointer-events: none;
-        z-index: 20;
-        font-size: 10px;
-        min-width: 180px;
-        max-width: 280px;
-        box-shadow: 0 4px 16px rgba(0, 0, 0, .5);
-
-        .tooltip-title {
-            font-weight: 700;
-            font-size: 11px;
-            margin-bottom: 5px;
-        }
-
-        :deep(.tooltip-detail) {
-            color: #94a3b8;
-            padding: 2px 0;
-            font-size: 9px;
-            word-break: break-all;
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/MapOverview.vue b/src/views/inspection/cockpit/components/MapOverview.vue
deleted file mode 100644
index 34cca2e..0000000
--- a/src/views/inspection/cockpit/components/MapOverview.vue
+++ /dev/null
@@ -1,433 +0,0 @@
-<template>
-    <div class="page-container">
-        <div class="left-container">
-            <div class="robot-container">
-                <div class="robot-state">机器人状态</div>
-                <div class="robot-info" v-for="item, index in robotList">
-                    <div class="title-box">
-                        <div><SvgIcon name="bot" :color="index === 0 ? '#00D4FF' : '#FFB300'" /></div>
-                        <div class="title">{{ item.robotName }}</div>
-                        <div class="state" :class="agvRuntimeStatusClass(item.status)">{{ agvRuntimeStatusLabel(item.status) }}</div>
-                    </div>
-                    <div class="info-box">
-                        <div class="item-box">
-                            <div class="item-title">编号</div>
-                            <div class="item-detail">{{ item.robotCode }}</div>
-                        </div>
-                        <div class="item-box">
-                            <div class="item-title">当前任务</div>
-                            <div class="item-detail">{{ getRunningTaskByRobotId(item.id) }}</div>
-                        </div>
-                        <div class="item-box">
-                            <div class="item-title">电量</div>
-                            <div class="item-detail">{{ item.batteryLevel }}%</div>
-                        </div>
-                        <div class="item-box">
-                            <div class="item-title">IP端口</div>
-                            <div class="item-detail">{{ `${item.ipAddress}: ${item.port}` }}</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <div class="split-line"></div>
-            <div class="task-container">
-                <div class="container-title">当前任务</div>
-                <div class="task-box" v-for="item, index in taskList">
-                    <div class="title">{{ item.taskName }}</div>
-                    <div class="task-info">
-                        <div>{{ taskStatus[item.status] }}</div>
-                        <div>{{ item.remark }}</div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="map-container">
-            <div class="title-container">
-                <div class="title">
-                    <SvgIcon name="map" color='#00D4FF' />
-                    <span>实时地图 — 工厂园区</span>
-                </div>
-                <div class="map-controller">
-                    <div class="btn-container">
-                        <SvgIcon name="zoom-in" color='#00D4FF' :size="16" @click="zoomCanvas(true)" />
-                    </div>
-                    <div class="btn-container">
-                        <SvgIcon name="zoom-out" color='#00D4FF' :size="16" @click="zoomCanvas(false)" />
-                    </div>
-                    <div class="btn-container">
-                        <SvgIcon name="locate-fixed" color='#00D4FF' :size="16" @click="centerCanvasView" />
-                    </div>
-                </div>
-            </div>
-
-            <div class="map-box">
-                <MapCanvas v-if="robotList.length > 0" :robotList="robotList" ref="mapCanvasRef" />
-            </div>
-        </div>
-        <div class="right-container">
-            <!-- <div class="sensor-container">
-                <div class="sensor-title">传感器数据</div>
-            </div> -->
-            <!-- <div class="split-line"></div> -->
-            <div class="alarm-container">
-                <div class="container-title">告警记录</div>
-                <div class="alarm-box" v-for="item, index in 2">
-                    <div class="title">#01 检测到异常噪声</div>
-                    <div class="alarm-info">14:28:33 — 厂区A 东侧走廊</div>
-                </div>
-            </div>
-        </div>
-    </div>
-</template>
-
-<script setup>
-import SvgIcon from "@/components/SvgIcon";
-import MapCanvas from "./MapCanvas.vue";
-import { onMounted, onUnmounted } from "vue";
-import { getRobotList } from '@/api/resource/robot'
-import { getRunTaskList } from '@/api/inspection/runTask'
-import { agvRuntimeStatusClass, agvRuntimeStatusLabel } from '@/utils/agvRuntimeStatus'
-
-const robotList = ref([])
-const getRobot = async () => {
-    let robotType
-    if (import.meta.env.VITE_INSPECTION_TYPE === 'inspection') {
-        robotType = '2'
-    } else {
-        robotType = '1'
-    }
-
-    const res = await getRobotList({
-        robotType
-    })
-
-    if (res.code === 200) {
-        robotList.value = res.rows
-        // getRobot()
-    }
-}
-
-const taskList = ref([])
-const taskStatus = {
-    "0": "已完成",
-    "1": "执行中",
-    "2": "失败",
-    "3": "已暂停",
-    "4": "已终止",
-    "5": "未执行"
-}
-const getRunningTask = async () => {
-    let taskType
-    if (import.meta.env.VITE_INSPECTION_TYPE === 'inspection') {
-        taskType = '1'
-    } else {
-        taskType = '2'
-    }
-    const res = await getRunTaskList({
-        taskType,
-        statusList: ['1', '3']
-    })
-    if (res.code === 200) {
-        taskList.value = res.rows
-    }
-}
-
-const getRunningTaskByRobotId = (robotId) => {
-    const task = taskList.value.find(item => item.robotId === robotId)
-    if (task) {
-        return task.taskName
-    }
-    return '暂无'
-}
-
-const mapCanvasRef = ref(null)
-
-const zoomCanvas = (isZoomIn) => {
-    if (mapCanvasRef.value) {
-        mapCanvasRef.value.zoomCanvas(isZoomIn);
-    }
-}
-
-const centerCanvasView = () => {
-    if (mapCanvasRef.value) {
-        mapCanvasRef.value.centerCanvasView();
-    }
-}
-
-let robotRefreshTimer
-
-onMounted(() => {
-    getRobot()
-    getRunningTask()
-    robotRefreshTimer = window.setInterval(() => {
-        if (!document.hidden) getRobot()
-    }, 5000)
-})
-
-onUnmounted(() => {
-    window.clearInterval(robotRefreshTimer)
-})
-</script>
-
-<style lang="scss">
-.page-container {
-    height: 100%;
-    width: 100%;
-    display: flex;
-
-    .left-container {
-        width: 300px;
-        height: 100%;
-        padding: 16px;
-
-        .robot-container {
-            max-height: 50%;
-            overflow: hidden;
-            overflow-y: auto;
-
-            .robot-state {
-                color: #fff;
-                font-size: 16px;
-                font-weight: bold;
-                margin-bottom: 16px;
-            }
-
-            .robot-info {
-                width: 268px;
-                height: 148px;
-                background: #0F1E38;
-                border-radius: 10px;
-                // border: 1px solid #00D4FF;
-                padding: 16px;
-                margin-bottom: 16px;
-
-                .title-box {
-                    display: flex;
-                    justify-content: space-between;
-                    margin-bottom: 12px;
-
-                    .title {
-                        color: #fff;
-                        font-size: 14px;
-                        font-family: Inter;
-                        font-weight: bold;
-                    }
-
-                    .state {
-                        font-size: 12px;
-                        border-radius: 12px;
-                        padding: 0 8px;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                    }
-
-                    .online {
-                        background: #0f83;
-                        color: #0f8;
-                    }
-
-                    .unknown,
-                    .offline,
-                    .stopped {
-                        background: rgba(148, 163, 184, 0.2);
-                        color: #cbd5e1;
-                    }
-
-                    .manual,
-                    .running {
-                        background: rgba(0, 212, 255, 0.18);
-                        color: #00d4ff;
-                    }
-
-                    .charging,
-                    .paused {
-                        background: rgba(255, 179, 0, 0.2);
-                        color: #ffb300;
-                    }
-
-                    .fault,
-                    .emergency {
-                        background: rgba(255, 77, 79, 0.2);
-                        color: #ff6b6d;
-                    }
-                }
-
-                .info-box {
-                    .item-box {
-                        display: flex;
-                        justify-content: space-between;
-                        margin: 6px 0;
-
-                        .item-title {
-                            color: #89B;
-                            font-size: 12px;
-                        }
-
-                        .item-detail {
-                            color: #e0e8f0;
-                            font-size: 12px;
-                        }
-                    }
-                }
-            }
-
-            .robot-info.last-child {
-                margin-bottom: 0;
-            }
-        }
-
-        .split-line {
-            width: 100%;
-            height: 1px;
-            margin: 16px 0;
-            background: #1E3A5F;
-        }
-
-        .task-container {
-            max-height: 50%;
-            overflow-y: auto;
-
-            .container-title {
-                color: #fff;
-                font-size: 16px;
-                font-weight: bold;
-                margin-bottom: 16px;
-            }
-
-            .task-box {
-                height: 72px;
-                background: #0F1E38;
-                border-radius: 8px;
-                padding: 16px;
-                margin-bottom: 16px;
-
-                .title {
-                    color: #fff;
-                    text-align: center;
-                    font-size: 14px;
-                    font-family: Inter;
-                    font-weight: bold;
-                }
-
-                .task-info {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-                    margin: 10px 0;
-                    font-size: 12px;
-                    color: #E0E8F0;
-                }
-            }
-        }
-    }
-
-    .map-container {
-        flex: 1;
-        border: 1px solid #1E3A5F;
-        border-top: 0;
-
-        .title-container {
-            height: 52px;
-            padding: 0 16px;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            .title {
-                color: #fff;
-                font-size: 16px;
-                font-weight: bold;
-                display: flex;
-                align-items: center;
-                gap: 12px;
-            }
-
-            .map-controller {
-                display: flex;
-                align-items: center;
-                gap: 12px;
-
-                .btn-container {
-                    width: 32px;
-                    height: 32px;
-                    border-radius: 8px;
-                    background: #1E3A5F;
-                    display: flex;
-                    align-items: center;
-                    justify-content: center;
-                    border: 1px solid transparent;
-
-                    &:hover {
-                        border-color: #00D4FF;
-                        cursor: pointer;
-                    }
-                }
-            }
-        }
-
-        .map-box {
-            height: calc(100% - 52px);
-        }
-    }
-
-    .right-container {
-        width: 280px;
-        height: 100%;
-        padding: 16px;
-
-        .sensor-container {
-            max-height: 50%;
-            height: 45%;
-            overflow-y: auto;
-
-            .sensor-title {
-                color: #fff;
-                font-size: 16px;
-                font-weight: bold;
-                margin-bottom: 16px;
-            }
-        }
-
-        .split-line {
-            width: 100%;
-            height: 1px;
-            margin: 16px 0;
-            background: #1E3A5F;
-        }
-
-        .alarm-container {
-            max-height: 50%;
-            overflow-y: auto;
-
-            .container-title {
-                color: #fff;
-                font-size: 16px;
-                font-weight: bold;
-                margin-bottom: 16px;
-            }
-
-            .alarm-box {
-                height: 72px;
-                background: #0F1E38;
-                border-radius: 8px;
-                padding: 16px;
-                margin-bottom: 16px;
-
-                .title {
-                    color: #FF6B6B;
-                    font-size: 14px;
-                    font-family: Inter;
-                    font-weight: bold;
-                }
-
-                .alarm-info {
-                    margin: 10px 0;
-                    font-size: 12px;
-                    color: #8899BB;
-                }
-            }
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/Monitor.vue b/src/views/inspection/cockpit/components/Monitor.vue
deleted file mode 100644
index 6dd44a5..0000000
--- a/src/views/inspection/cockpit/components/Monitor.vue
+++ /dev/null
@@ -1,209 +0,0 @@
-<template>
-    <div class="page-container">
-        <div class="left-container">
-             <div class="robot-container">
-                <div class="title">选择机器人</div>
-                <div class="robot-box">
-                    <div class="robot" :class="{ active: activeBot === 0 }" @click="changeBot(0)">
-                        <div><SvgIcon name="bot" color="#fff" /></div>
-                        <div class="bot-name">全部</div>
-                    </div>
-                    <div v-for="item, index in robotList" class="robot" :class="{ active: activeBot === index + 1 }" @click="changeBot(index + 1)">
-                        <div>
-                            <SvgIcon name="bot" :color="colorList[index]" />
-                        </div>
-                        <div>
-                            <div class="bot-name">{{ item.robotName }}</div>
-                            <div class="bot-local" :class="agvRuntimeStatusClass(item.status)">{{ agvRuntimeStatusLabel(item.status) }}</div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="center-container">
-            <div class="video-container" v-if="activeBot == 0">
-                <div class="ttt" v-for="value in 4">
-                    <IPlayer :isLive="true" :videoUrl="videoUrl" />
-                </div>
-            </div>
-            <div class="single-video-container" v-else>
-                <IPlayer :isLive="true" :videoUrl="videoUrl" />
-            </div>
-        </div>
-        <div v-if="activeBot != 0" class="right-container">
-            <div class="container-title">OCR识别</div>
-            <div class="ocr-container"></div>
-            <div class="split-line"></div>
-            <div class="container-title">红外热成像</div>
-        </div>
-    </div>
-</template>
-<script setup>
-import SvgIcon from "@/components/SvgIcon";
-import IPlayer from "@/components/IPlayer/index.vue";
-import { getRobotList } from '@/api/resource/robot'
-import { agvRuntimeStatusClass, agvRuntimeStatusLabel } from '@/utils/agvRuntimeStatus'
-
-const videoUrl = ref('https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8')
-
-const colorList = ['#00D4FF', '#FFB300', '#00FF88', '#fd00ff']
-
-const robotList = ref([])
-
-const activeBot = ref(0)
-const changeBot = (index) => {
-    activeBot.value = index
-}
-
-const fetchRobotList = async () => {
-    try {
-        const res = await getRobotList({
-            robotType: 2,
-        })
-        if (res.code === 200) {
-            robotList.value = res.rows
-        } else {
-            console.error('获取机器人列表失败:', res.message)
-        }
-    } catch (error) {
-        console.error('获取机器人列表失败:', error)
-    }
-}
-
-onMounted(() => {
-    fetchRobotList()
-})
-</script>
-<style lang="scss" scoped>
-.page-container {
-    height: 100%;
-    width: 100%;
-    display: flex;
-
-    .left-container {
-        width: 240px;
-        height: 100%;
-        padding: 16px;
-
-        .robot-container {
-
-            .title {
-                color: #8899BB;
-                font-size: 14px;
-                margin-bottom: 16px;
-            }
-
-            .robot-box {
-
-                .robot {
-                    background: #0F1E38;
-                    height: 56px;
-                    border-radius: 8px;
-                    padding: 16px;
-                    display: flex;
-                    align-items: center;
-                    gap: 20px;
-                    margin-bottom: 16px;
-                    cursor: pointer;
-                    border: 1px solid transparent;
-
-                    .bot-name {
-                        color: #fff;
-                        font-size: 13px;
-                    }
-
-                    .bot-local {
-                        font-size: 11px;
-                        margin-top: 4px;
-                    }
-
-                    .online {
-                        color: #0f8;
-                    }
-
-                    .unknown,
-                    .offline,
-                    .stopped {
-                        color: #cbd5e1;
-                    }
-
-                    .manual,
-                    .running {
-                        color: #00d4ff;
-                    }
-
-                    .charging,
-                    .paused {
-                        color: #ffb300;
-                    }
-
-                    .fault,
-                    .emergency {
-                        color: #ff6b6d;
-                    }
-                }
-
-                .active {
-                    border-color: #00c2ff;
-                    color: #fff;
-                    box-shadow: 0 0 10px rgba(0, 194, 255, 0.5);
-                }
-            }
-        }
-    }
-
-    .center-container {
-        flex: 1;
-        min-width: 0;
-        min-height: 0;
-        overflow: hidden;
-        border: 1px solid #1e3a5f;
-        border-top: 0;
-
-        .video-container {
-            display: grid;
-            grid-template-columns: repeat(2, minmax(0, 1fr));
-            grid-template-rows: repeat(2, minmax(0, 1fr));
-            gap: 16px;
-            width: 100%;
-            height: 100%;
-            min-height: 0;
-            overflow: hidden;
-
-            .ttt {
-                width: auto;
-                height: auto;
-                min-width: 0;
-                min-height: 0;
-                overflow: hidden;
-                box-sizing: border-box;
-            }
-        }
-
-        .single-video-container {
-            width: 100%;
-            height: 100%;
-            min-height: 0;
-            overflow: hidden;
-        }
-    }
-
-    .right-container {
-        width: 360px;
-        height: 100%;
-        padding: 16px;
-
-        .container-title {
-            color: #fff;
-            font-size: 16px;
-            font-weight: bold;
-            margin-bottom: 16px;
-        }
-
-        .ocr-container {
-            width: 100%;
-            height: 360px;
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/cockpit/components/UrdfView.vue b/src/views/inspection/cockpit/components/UrdfView.vue
deleted file mode 100644
index 254c787..0000000
--- a/src/views/inspection/cockpit/components/UrdfView.vue
+++ /dev/null
@@ -1,292 +0,0 @@
-<template>
-  <div class="elfin-viewer">
-    <div ref="viewerContainer" class="viewer-container">
-      <!-- Three.js 渲染 -->
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, onMounted, onBeforeUnmount, nextTick, reactive } from 'vue';
-import * as THREE from 'three';
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
-import URDFLoader from 'urdf-loader';
-
-import { XacroAdapter } from '@/adapters/XacroAdapter.js'
-import { URDFAdapter } from '@/adapters/URDFAdapter.js'
-
-const props = defineProps({
-  modelPath: {
-    type: String,
-    default: '/inspection/elfin10/elfin10.urdf.xacro'
-  },
-  filePath: {
-    type: String,
-    default: ''
-  },
-  fileName: {
-    type: String,
-    default: ''
-  }
-})
-
-const normalizePublicPath = (path) => {
-  let normalized = path.trim().replace(/\\/g, '/')
-  normalized = normalized.replace(/^[a-zA-Z]:.*?\/public\//, '/')
-  normalized = normalized.replace(/^\.?\/?public\//, '/')
-  return normalized.startsWith('/') ? normalized : `/${normalized}`
-}
-
-const modelUrl = computed(() => normalizePublicPath(
-  props.filePath && props.fileName
-    ? `${props.filePath.replace(/[\\/]?$/, '/')}${props.fileName}`
-    : props.modelPath
-))
-
-const modelDirectory = computed(() => modelUrl.value.slice(0, modelUrl.value.lastIndexOf('/') + 1))
-
-const viewerContainer = ref(null);
-
-let scene, camera, renderer, controls;
-
-const animationId = ref(null);
-const jointControls = reactive([]);
-
-// ============ 场景初始化 ============
-const initScene = () => {
-  const container = viewerContainer.value;
-  const width = container.clientWidth || 800;
-  const height = container.clientHeight || 600;
-
-  scene = new THREE.Scene();
-  scene.background = new THREE.Color('#050a14');
-
-  camera = new THREE.PerspectiveCamera(35, width / height, 0.1, 1000);
-  camera.position.set(0, 0, 4);
-
-  renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true });
-  renderer.setSize(width, height);
-
-  container.appendChild(renderer.domElement);
-
-  controls = new OrbitControls(camera, renderer.domElement);
-  controls.enableDamping = true;
-  controls.dampingFactor = 0.1;
-  controls.target.set(0, 0.5, 0);
-  controls.update();
-
-  const ambient = new THREE.AmbientLight(0xffffff, 0.6)
-  scene.add(ambient);
-
-  const directionalLight = new THREE.DirectionalLight(0xffffff, 1.0);
-  directionalLight.position.set(5, 10, 7);
-  directionalLight.castShadow = true;
-  scene.add(directionalLight);
-};
-
-// ============ 关节控制（无需修改） ============
-const updateJoint = (jointName, angle) => {
-  if (!robotInstance) return;
-
-  const joint = robotInstance.joints[jointName];
-
-  if (!joint) {
-    console.warn(`未找到关节: ${jointName}`);
-    return;
-  }
-
-  // ✅ 使用 setJointValue 触发变换矩阵更新
-  if (joint._jointType === 'revolute' || joint._jointType === 'continuous') {
-    joint.setJointValue(angle);
-  } else if (joint._jointType === 'prismatic') {
-    joint.setJointValue(angle);
-  }
-
-  // 同步滑块显示值
-  const control = jointControls.find(c => c.name === jointName);
-  if (control) control.value = angle;
-};
-
-const resetJoints = () => {
-  for (const joint of jointControls) {
-    joint.value = 0;
-    updateJoint(joint.name, 0);
-  }
-};
-
-const fileMap = new Map()
-const resolveReferencedUrl = (reference, parentUrl) => {
-  const normalized = reference.replace(/\\/g, '/')
-  const rosPath = normalized.match(/^(?:file:\/\/)?\$\(find\s+[^)]+\)\/(.+)$/)
-  if (rosPath) return `${modelDirectory.value}${rosPath[1]}`
-
-  const packagePath = normalized.match(/^package:\/\/[^/]+\/(.+)$/)
-  if (packagePath) return `${modelDirectory.value}${packagePath[1]}`
-
-  if (/^(?:https?:|blob:|data:)/i.test(normalized)) return normalized
-  return new URL(normalized, new URL(parentUrl, window.location.origin)).pathname
-}
-
-const loadFiles = async () => {
-  fileMap.clear()
-  if (!modelUrl.value.toLowerCase().endsWith('.xacro')) return
-
-  const pendingUrls = [modelUrl.value]
-  const visitedUrls = new Set()
-  while (pendingUrls.length) {
-    const url = pendingUrls.shift()
-    if (visitedUrls.has(url)) continue
-    visitedUrls.add(url)
-
-    const response = await fetch(url)
-    if (!response.ok) throw new Error(`加载模型依赖失败：${url} (HTTP ${response.status})`)
-    const blob = await response.blob()
-    const fileName = url.split('/').pop()
-    const file = new File([blob], fileName, { type: blob.type })
-    fileMap.set(url, file)
-
-    if (!/\.(?:xacro|urdf|xml)$/i.test(fileName)) continue
-    const content = await blob.text()
-    const references = [...content.matchAll(/\b(?:filename|url)=["']([^"']+)["']/gi)]
-    references.forEach(([, reference]) => {
-      const referencedUrl = resolveReferencedUrl(reference, url)
-      if (!visitedUrls.has(referencedUrl)) pendingUrls.push(referencedUrl)
-    })
-  }
-}
-
-const currentModel = ref()
-let robotInstance = null; // 保存 URDFRobot 对象
-
-const parseUrdf = async (urdfContent) => {
-  const loader = new URDFLoader()
-  loader.parseCollision = true
-
-  const packageNames = [...urdfContent.matchAll(/package:\/\/([^/]+)/g)].map(match => match[1])
-  loader.packages = Object.fromEntries(
-    [...new Set(packageNames)].map(packageName => [packageName, `${modelDirectory.value}${packageName}`])
-  )
-
-  const robot = loader.parse(urdfContent, modelDirectory.value)
-  return URDFAdapter.convert(robot, urdfContent)
-}
-
-const loadRobot = async () => {
-  const response = await fetch(modelUrl.value);
-  if (!response.ok) throw new Error(`加载模型失败：${modelUrl.value} (HTTP ${response.status})`);
-  const content = await response.text();
-  const fileName = modelUrl.value.split('/').pop()
-  const lowerCaseFileName = fileName.toLowerCase()
-  let model
-  if (lowerCaseFileName.endsWith('.xacro')) {
-    const file = fileMap.get(modelUrl.value) || new File([content], fileName, { type: 'text/xml' })
-    model = await XacroAdapter.parse(content, file.name, fileMap, file);
-  } else if (lowerCaseFileName.endsWith('.urdf')) {
-    model = await parseUrdf(content)
-  } else {
-    throw new Error(`不支持的模型格式：${fileName}，仅支持 .xacro 和 .urdf`)
-  }
-
-  const robot = model.threeObject; 
-
-  // 将机器人添加到场景
-  scene.add(robot);
-  robot.rotation.x = -Math.PI / 2;
-  currentModel.value = model
-
-  robotInstance = robot;
-
-  // 获取关节条目数组
-  let jointEntries = [];
-  if (robot.joints instanceof Map) {
-    jointEntries = [...robot.joints.entries()];
-  } else if (typeof robot.joints === 'object' && robot.joints !== null) {
-    jointEntries = Object.entries(robot.joints);
-  } else if (Array.isArray(robot.joints)) {
-    jointEntries = robot.joints.map((j, i) => [i, j]); // 索引作为名称
-  } else {
-    console.error('未知的 joints 结构:', robot.joints);
-  }
-
-  // 填充关节控制列表
-  for (const [name, joint] of jointEntries) {
-    if (joint._jointType === 'fixed') continue;
-    const limits = joint.limits || {};
-    let lower = limits.lower !== undefined ? limits.lower : -Math.PI;
-    let upper = limits.upper !== undefined ? limits.upper : Math.PI;
-    // 如果是连续关节，范围设为 -PI ~ PI
-    if (joint._jointType === 'continuous') {
-      lower = -Math.PI;
-      upper = Math.PI;
-    }
-    // 初始角度一般为 0
-    jointControls.push({
-      name,
-      min: lower,
-      max: upper,
-      value: 0, // 因为 joint.angle 初始为 0
-    });
-  }
-};
-
-// ============ 动画循环 ============
-const animate = () => {
-  animationId.value = requestAnimationFrame(animate);
-  controls?.update();
-  renderer?.render(scene, camera);
-};
-
-// ============ 生命周期 ============
-onMounted(async () => {
-  await nextTick();
-  await loadFiles()
-  initScene();
-  await loadRobot();
-  animate();
-  window.addEventListener('resize', onResize);
-});
-
-onBeforeUnmount(() => {
-  if (animationId.value) cancelAnimationFrame(animationId.value);
-  window.removeEventListener('resize', onResize);
-  renderer?.dispose();
-  controls?.dispose();
-});
-
-const onResize = () => {
-  const container = viewerContainer.value;
-  if (!container || !camera || !renderer) return;
-  const width = container.clientWidth;
-  const height = container.clientHeight;
-  camera.aspect = width / height;
-  camera.updateProjectionMatrix();
-  renderer.setSize(width, height);
-};
-
-defineExpose({ updateJoint, resetJoints, jointControls });
-</script>
-
-<style lang="scss" scoped>
-.elfin-viewer {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-  background: #050a14;
-
-  .viewer-container {
-    width: 100%;
-    height: 100%;
-
-    canvas {
-      display: block;
-      width: 100% !important;
-      height: 100% !important;
-    }
-  }
-}
-
-
-
-
-</style>
diff --git a/src/views/inspection/cockpit/index.vue b/src/views/inspection/cockpit/index.vue
deleted file mode 100644
index 916636b..0000000
--- a/src/views/inspection/cockpit/index.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-    <div class="container">
-        <div class="header">
-            <Header @active-page="activePage" />
-        </div>
-        <div class="body-box">
-            <MapOverview v-if="currentPage === 'home'" />
-            <ManualTakeover v-if="currentPage === 'manualTakeover'" />
-            <Monitor v-if="currentPage === 'monitoring'" />
-        </div>
-    </div>
-</template>
-<script setup>
-import Header from './components/Header.vue';
-import MapOverview from './components/MapOverview.vue';
-import ManualTakeover from './components/ManualTakeover/index.vue';
-import Monitor from './components/Monitor.vue';
-
-// import autofit from 'autofit.js'
-// autofit.init()
-
-
-const currentPage = ref('home')
-const activePage = (page) => {
-    currentPage.value = page
-}
-
-
-</script>
-<style lang="scss" scoped>
-.container {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    z-index: 1;
-    background-color: #000d2e;
-    display: flex;
-    flex-direction: column;
-
-    .header {
-        height: 64px;
-        background: linear-gradient(180deg, rgba(0, 20, 70, 0.98) 0%, rgba(0, 10, 50, 0.95) 100%);
-        border-bottom: 1px solid rgba(0, 194, 255, 0.3);
-    }
-
-    .body-box {
-        flex: 1;
-    }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/inspection/point/index.vue b/src/views/inspection/point/index.vue
deleted file mode 100644
index 5f11aa6..0000000
--- a/src/views/inspection/point/index.vue
+++ /dev/null
@@ -1,419 +0,0 @@
-<template>
-  <div class="app-container">
-    <div ref="topContainerRef">
-      <TableSearch
-        :queryParams="queryParams"
-        :showSearch="showSearch"
-        label-width="90px"
-        queryRef="queryRef"
-        @refresh="resetQuery"
-        @search="handleQuery"
-      >
-        <template #one>
-          <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-            <el-form-item label="点位名称" prop="waypointName">
-              <el-input
-                v-model="queryParams.waypointName"
-                clearable
-                placeholder="请输入点位名称"
-                style="width: 100%"
-                @keyup.enter="handleQuery"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-            <el-form-item label="所属地图" prop="mapId">
-              <el-select
-                v-model="queryParams.mapId"
-                clearable
-                placeholder="请选择所属地图"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in mapList"
-                  :key="item.id"
-                  :label="item.mapName"
-                  :value="item.id"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-            <el-form-item label="启用状态" prop="enabled">
-              <el-select
-                v-model="queryParams.enabled"
-                clearable
-                placeholder="请选择启用状态"
-                style="width: 100%"
-              >
-                <el-option label="启用" value="0" />
-                <el-option label="禁用" value="1" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </template>
-      </TableSearch>
-
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button
-            icon="Plus"
-            plain
-            type="primary"
-            @click="handleAdd"
-            >新增
-          </el-button>
-        </el-col>
-        <right-toolbar
-          v-model:showSearch="showSearch"
-          @queryTable="getList"
-        ></right-toolbar>
-      </el-row>
-    </div>
-
-    <div :style="containerHeight">
-      <el-table
-        v-loading="loading"
-        height="100%"
-        :data="tableDataList"
-      >
-        <el-table-column
-          align="center"
-          label="id"
-          prop="id"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          align="center"
-          label="点位名称"
-          prop="waypointName"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          align="center"
-          label="所属地图"
-          prop="mapName"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          align="center"
-          label="点位描述"
-          prop="remark"
-          show-overflow-tooltip
-        />
-        <el-table-column align="center" label="启用状态" prop="enabled">
-          <template #default="scope">
-            <el-switch
-              v-model="scope.row.enabled"
-              active-text="启用"
-              active-value="0"
-              inactive-text="禁用"
-              inactive-value="1"
-              inline-prompt
-              @change="handleChange(scope.row)"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column align="center" label="配置状态" prop="configStatus">
-          <template #default="scope">
-            <TableTags
-              :options="[
-                {
-                  label: '已配置',
-                  value: '0',
-                  type: 'success',
-                },
-                {
-                  label: '未配置',
-                  value: '1',
-                  type: 'warning',
-                },
-              ]"
-              :value="scope.row.configStatus"
-            ></TableTags>
-          </template>
-        </el-table-column>
-        <el-table-column
-          align="center"
-          label="创建人"
-          prop="createBy"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          align="center"
-          label="创建时间"
-          prop="createTime"
-          show-overflow-tooltip
-        />
-        <el-table-column
-          align="center"
-          class-name="small-padding fixed-width"
-          label="操作"
-          width="280"
-        >
-          <template #default="scope">
-            <el-button
-              icon="Edit"
-              link
-              type="primary"
-              @click="handleUpdate(scope.row)"
-            >
-              修改
-            </el-button>
-            <el-button
-              :loading="copyingId === scope.row.id"
-              icon="CopyDocument"
-              link
-              type="primary"
-              @click="handleCopy(scope.row)"
-            >复制</el-button>
-            <el-button
-              icon="Cpu"
-              link
-              type="primary"
-              @click="handleDeploy(scope.row)"
-              >配置
-            </el-button>
-            <el-button
-              icon="Delete"
-              link
-              type="primary"
-              @click="handleDelete(scope.row)"
-              >删除
-            </el-button>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <pagination
-        v-show="total > 0"
-        v-model:limit="queryParams.pageSize"
-        v-model:page="queryParams.pageNum"
-        :total="total"
-        @pagination="getList"
-      />
-    </div>
-
-    <!-- 添加或修改检测项配置对话框 -->
-    <el-dialog v-model="open" :title="title" append-to-body width="500px">
-      <el-form ref="pointRef" :model="form" :rules="rules" label-width="100px">
-        <el-form-item label="点位名称" prop="waypointName">
-          <el-input v-model="form.waypointName" placeholder="请输入点位名称" />
-        </el-form-item>
-        <el-form-item label="所属地图" prop="mapId">
-          <el-select
-            v-model="form.mapId"
-            clearable
-            placeholder="请选择所属地图"
-            style="width: 100%"
-          >
-            <el-option
-              v-for="item in mapList"
-              :key="item.id"
-              :label="item.mapName"
-              :value="item.id"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input
-            v-model="form.remark"
-            :rows="2"
-            placeholder="请输入备注"
-            type="textarea"
-          />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </template>
-    </el-dialog>
-
-  </div>
-</template>
-
-<script name="Detect" setup>
-import {
-  addPoint,
-  copyPoint,
-  deletePoint,
-  getPointList,
-  updatePoint,
-} from "@/api/inspection/point";
-import { listResourceMaps as getMapList } from "@/api/resource/map";
-import TableSearch from "@/components/TableSearch/index.vue";
-import { listGroup } from "@/api/system/group.js";
-import { appendParamsToPath } from "@/utils/fn.js";
-import TableTags from "@/components/TableTags/index.vue";
-import EditTable from "@/components/EditTable/index.vue";
-
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { el } from "element-plus/es/locale/index.mjs";
-import { map } from "lodash";
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-
-const { proxy } = getCurrentInstance();
-
-const tableDataList = ref([]);
-const open = ref(false);
-const loading = ref(false);
-const copyingId = ref("");
-const showSearch = ref(true);
-
-const total = ref(0);
-const title = ref("");
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    waypointName: null,
-    enabled: null,
-    mapId: null,
-  },
-  rules: {
-    waypointName: [
-      { required: true, message: "点位名称不能为空", trigger: "blur" },
-    ],
-    mapId: [
-      { required: true, message: "所属地图不能为空", trigger: "change" },
-    ],
-  },
-});
-
-const mapList = ref([]);
-// 获取地图列表
-const getMapArr = () => {
-    getMapList({
-        pageNum: 1,
-        pageSize: 10000,
-    }).then((response) => {
-        mapList.value = response.rows;
-    });
-}
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询点位列表 */
-function getList() {
-  loading.value = true;
-  getPointList(queryParams.value)
-    .then((res) => {
-      tableDataList.value = res.rows;
-      total.value = res.total;
-    })
-    .finally(() => {
-      loading.value = false;
-    });
-}
-
-// 取消按钮
-function cancel() {
-  open.value = false;
-  reset();
-}
-
-// 表单重置
-function reset() {
-  pointRef.value.resetFields();
-  form.value = {};
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  handleQuery();
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  isNew.value = true;
-  open.value = true;
-  title.value = "添加点位";
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  form.value = { ...row };
-  isNew.value = false;
-  open.value = true;
-  title.value = "修改点位";
-}
-
-const pointRef = ref();
-const isNew = ref(true);
-/** 提交按钮 */
-function submitForm() {
-  pointRef.value.validate((valid) => {
-    if (valid) {
-      if (isNew.value) {
-        addPoint(form.value).then(() => {
-          ElMessage.success("添加成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      } else {
-        updatePoint(form.value).then(() => {
-          ElMessage.success("修改成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      }
-    }
-  }); 
-}
-
-/** 删除按钮操作 */
-async function handleCopy(row) {
-  copyingId.value = row.id;
-  try {
-    await copyPoint(row.id);
-    ElMessage.success("复制成功");
-    await getList();
-  } finally {
-    copyingId.value = "";
-  }
-}
-
-function handleDelete(row) {
-  ElMessageBox.confirm("确定要删除该点位吗?", "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  }).then(() => {
-    deletePoint(row.id).then(() => {
-      ElMessage.success("删除成功");
-      getList();
-    });
-  });
-}
-
-/** 配置按钮操作 */
-function handleDeploy(row) {
-  const params = { itemId: row.detectItemId, name: row.waypointName, state: row.status };
-  const fullPath = appendParamsToPath("/flow", params);
-  const p = window.open(fullPath, "_blank");
-}
-
-
-
-onMounted(() => {
-  getList();
-  getMapArr();
-});
-
-</script>
diff --git a/src/views/inspection/runTask/index.vue b/src/views/inspection/runTask/index.vue
deleted file mode 100644
index a4ef912..0000000
--- a/src/views/inspection/runTask/index.vue
+++ /dev/null
@@ -1,824 +0,0 @@
-<template>
-    <div class="page-container">
-        <div class="left">
-            <div class="header">
-                <div>任务队列</div>
-                <el-button type="primary" @click="addTask">添加任务</el-button>
-            </div>
-            <div class="taskList-container">
-                <div v-for="task in runTaskList" :key="task.id" class="task-item"
-                    :class="{ 'is-selected': isSelectedTask(task) }"
-                    :aria-current="isSelectedTask(task) ? 'true' : undefined" @click="selectTask(task)">
-                    <div class="task-content">
-                        <div class="task-title">{{ task.taskName }}</div>
-                        <div class="task-actions">
-                            <SvgIcon class="icon" v-if="task.status === '1'" name="pause" :size="24" color="#FFB300"
-                                @click.stop="pauseTask(task)" />
-                            <SvgIcon class="icon" v-if="task.status === '3' || task.status === '5'" name="start"
-                                :size="24" color="#00FF88" @click.stop="startTask(task)" />
-                            <SvgIcon class="icon" v-if="task.status != '5'" name="stop" :size="24" color="#d81e06"
-                                @click.stop="stopTask(task)" />
-                            <SvgIcon class="icon" v-if="task.status === '5'" name="remove" :size="24" color="#FFB300"
-                                @click.stop="removeTask(task)" />
-                        </div>
-                    </div>
-                    <div class="robot">主要机器人：{{ task.robotName || '执行时安排' }}</div>
-                    <el-progress :color="customColorMethod"
-                        :percentage="parseFloat(taskRunningInfo[task.id]?.progress?.toFixed(2)) || 0" />
-                </div>
-            </div>
-        </div>
-        <div class="right" ref="topContainerRef">
-            <div class="header">
-                <div class="label" :class="{ active: activePanel === 'current' }" @click="activePanel = 'current'">当前任务
-                </div>
-                <div class="label" :class="{ active: activePanel === 'history' }" @click="activePanel = 'history'">历史记录
-                </div>
-            </div>
-            <div ref="contextContainerRef" class="context-container">
-                <div v-if="activePanel === 'current'">
-                    <!-- 当前任务区域只展示左侧任务队列中选中的任务，避免同时渲染所有执行中任务。 -->
-                    <div v-if="selectedRunTask" :key="selectedRunTask.id" class="task"
-                        :data-task-id="selectedRunTask.id">
-                        <div class="task-header">
-                            <div class="header-container">
-                                <div class="task-info">
-                                    <div class="title">{{ selectedRunTask.taskName }}</div>
-                                    <div class="id">ID: {{ selectedRunTask.taskId }}</div>
-                                </div>
-                                <div class="robot">
-                                    <div>主要机器人：{{ selectedRunTask.robotName || '按流程角色安排' }}</div>
-                                    <div>开始时间: {{ formatDate(selectedRunTask.startTime) }}</div>
-                                </div>
-                            </div>
-                            <div>
-                                <el-tag :type="selectedRunTask.status === '3' ? 'primary' : 'warning'">
-                                    {{ taskStatusMap[selectedRunTask.status] || '未知状态' }}
-                                </el-tag>
-                            </div>
-                        </div>
-
-                        <div class="progress-label">执行进度</div>
-                        <el-progress :color="customColorMethod"
-                            :percentage="parseFloat(taskRunningInfo[selectedRunTask.id]?.progress?.toFixed(2)) || 0" />
-                        <taskSteps :list="pointList_runningTask[selectedRunTask.taskId]"
-                            :activeStep="taskRunningInfo[selectedRunTask.id]?.activeStep || 0" />
-                        <div ref="taskLogContainerRef" class="run-log-container">
-                            <div ref="taskLogTitleRef">执行日志</div>
-                            <taskLog :height="taskLogHeight" :task-id="selectedRunTask.taskId"
-                                :task-status="selectedRunTask.status"
-                                :points="pointList_runningTask[selectedRunTask.taskId]"
-                                :list="taskLogList[selectedRunTask.id]" />
-                        </div>
-                    </div>
-                    <el-empty v-else description="暂无任务" />
-                </div>
-                <div v-else-if="activePanel === 'history'">
-                    <div :style="containerHeight">
-                        <el-table v-loading="loading" height="100%" :data="tableDataList">
-                            <el-table-column align="center" label="任务名称" prop="taskName" show-overflow-tooltip />
-                            <el-table-column align="center" label="任务状态" prop="status">
-                                <template #default="scope">
-                                    <el-tag :type="scope.row.status === '0' ? 'success' : 'danger'">
-                                        {{ taskStatusMap[scope.row.status] || '未知状态' }}
-                                    </el-tag>
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="任务类型" prop="taskType">
-                                <template #default="scope">
-                                    <el-tag :type="scope.row.taskType === '1' ? 'primary' : 'success'">
-                                        {{ scope.row.taskType === '1' ? '巡检任务' : '讲解任务' }}
-                                    </el-tag>
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="主要机器人" prop="robotName" show-overflow-tooltip>
-                                <template #default="scope">{{ scope.row.robotName || '按流程角色安排' }}</template>
-                            </el-table-column>
-                            <el-table-column align="center" label="开始时间" prop="startTime">
-                                <template #default="scope">
-                                    {{ formatDate(scope.row.startTime) }}
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="结束时间" prop="endTime">
-                                <template #default="scope">
-                                    {{ formatDate(scope.row.endTime) }}
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" class-name="small-padding fixed-width" label="操作"
-                                width="260">
-                                <template #default="scope">
-                                    <el-button icon="Edit" link type="primary" @click="handleOpenLog(scope.row)">
-                                        日志
-                                    </el-button>
-                                    <el-button v-if="['0', '2'].includes(scope.row.status)" icon="RefreshRight" link
-                                        type="primary" :loading="rerunningId === scope.row.id" @click="handleRerun(scope.row)">
-                                        再次执行
-                                    </el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-
-                        <pagination v-show="total > 0" v-model:limit="queryParams.pageSize"
-                            v-model:page="queryParams.pageNum" :total="total" @pagination="getHistoryList" />
-                    </div>
-                </div>
-            </div>
-        </div>
-
-
-        <!-- 添加任务弹窗 -->
-        <el-dialog title="添加任务" v-model="open" width="500px" append-to-body>
-            <el-form ref="runTaskRef" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="选择任务" prop="taskId">
-                    <el-select v-model="form.taskId" placeholder="请选择任务" clearable style="width: 100%">
-                        <el-option v-for="task in taskList" :key="task.id" :label="task.taskName" :value="task.id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                    <el-input type="textarea" v-model="form.remark" />
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="confirmTaskDialog">确 定</el-button>
-                    <el-button @click="cancelTaskDialog">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-
-        <el-dialog title="任务执行日志" v-model="logDialogVisible" width="800px" append-to-body>
-            <taskLog v-loading="logDialogLoading" :task-id="logDialogTaskId" :task-status="logDialogTaskStatus"
-                :list="logDialogData" :height="500" />
-        </el-dialog>
-
-        <el-dialog title="本次执行安排" v-model="startDialogVisible" width="820px" append-to-body>
-            <div class="start-dialog-content">
-                <div class="start-section-title">机器人和设备</div>
-                <RuntimeAssignmentsEditor
-                    ref="runtimeEditorRef"
-                    v-model="runtimeAssignments"
-                    :roles="runtimeRoles"
-                    :required-map-id="runtimeMapId"
-                />
-                <div class="start-section-title start-section-title--params">运行参数</div>
-                <RuntimeParamsEditor ref="runtimeParamsEditorRef" :items="runtimeParamItems" />
-            </div>
-            <template #footer>
-                <el-button @click="startDialogVisible = false">取消</el-button>
-                <el-button type="primary" :loading="startSubmitting" @click="confirmStartTask">开始执行</el-button>
-            </template>
-        </el-dialog>
-    </div>
-</template>
-<script setup>
-import SvgIcon from "@/components/SvgIcon";
-import taskSteps from "./task-steps.vue";
-import taskLog from "./task-log.vue";
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { getTaskList, getWaypointByTaskId } from "@/api/inspection/task";
-import { computed, onMounted, onUnmounted } from "vue";
-import { useElementBounding, useElementSize } from '@vueuse/core'
-import { addRunTask, getRunTaskList, startRunTask, rerunRunTask, pauseRunTask, stopRunTask, resumeRunTask, deleteRunTask, getTaskLogListApi } from "@/api/inspection/runTask";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { formatDate } from "@/utils/index";
-import { debounce } from 'lodash'; // 引入 lodash 的防抖函数
-import { fetchAllPagedRows } from '@/utils/pagedRequest'
-import RuntimeAssignmentsEditor from '@/views/flow/components/RuntimeAssignmentsEditor.vue'
-import RuntimeParamsEditor from '@/views/flow/components/RuntimeParamsEditor.vue'
-import { getTaskConfig } from '@/api/test/config.js'
-import {
-    createRuntimeAssignments,
-    firstAssignedRobotId,
-    loadFlowItemScopedRuntimeRoles,
-} from '@/utils/flowExecution'
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-const contextContainerRef = ref(null)
-const taskLogContainerRef = ref(null)
-const taskLogTitleRef = ref(null)
-
-// 通过元素边界实时获取当前任务内容区底部和日志容器顶部，避免依赖固定的 460px。
-const { bottom: contextContainerBottom } = useElementBounding(contextContainerRef)
-const { top: taskLogContainerTop } = useElementBounding(taskLogContainerRef)
-const { height: taskLogTitleHeight } = useElementSize(taskLogTitleRef)
-
-const TASK_LOG_MARGIN_TOP = 12
-const CURRENT_TASK_BOTTOM_PADDING = 16
-const MIN_TASK_LOG_HEIGHT = 150
-
-/**
- * 计算当前任务页面中日志组件可以使用的剩余高度。
- *
- * 计算基准是右侧内容区的底部，而不是窗口高度，因此页面外层布局、浏览器窗口
- * 尺寸或右侧面板高度发生变化时都能得到正确结果。日志容器顶部到内容区底部之间，
- * 还需要扣除“执行日志”标题高度、taskLog 组件自身的上间距，以及当前任务卡片的
- * 底部内边距，确保日志不会覆盖任务卡片边界。元素尚未挂载时使用最低高度作为初始值，
- * 待 VueUse 完成首次测量后会自动更新为实际剩余高度。
- */
-const taskLogHeight = computed(() => {
-    const remainingHeight = contextContainerBottom.value
-        - taskLogContainerTop.value
-        - taskLogTitleHeight.value
-        - TASK_LOG_MARGIN_TOP
-        - CURRENT_TASK_BOTTOM_PADDING
-
-    return Math.max(MIN_TASK_LOG_HEIGHT, Math.floor(remainingHeight))
-})
-
-const socket = inject('ws');
-const startDialogVisible = ref(false)
-const startSubmitting = ref(false)
-const pendingStartTask = ref(null)
-const runtimeRoles = ref([])
-const runtimeAssignments = ref([])
-const runtimeEditorRef = ref()
-const runtimeMapId = ref('')
-const runtimeParamItems = ref([])
-const runtimeParamsEditorRef = ref()
-const selectedTaskId = ref('')
-const rerunningId = ref('')
-
-const taskStatusMap = {
-    '0': '已完成',
-    '1': '执行中',
-    '2': '失败',
-    '3': '已暂停',
-    '4': '已终止',
-    '5': '未执行',
-}
-
-const form = reactive({
-    taskId: null,
-});
-
-const rules = reactive({
-    taskId: [{ required: true, message: '请选择任务', trigger: 'change' }],
-});
-
-const taskList = ref([]);
-const runTaskList = ref([]);
-
-// 接口和 WebSocket 可能分别以数字、字符串返回任务实例 ID，统一转换后再判断是否为选中任务。
-const isSelectedTask = (task) => String(task?.id ?? '') === String(selectedTaskId.value)
-
-// 当前任务详情直接从完整任务队列中取得，因此未执行、执行中和已暂停任务都可以被选中查看。
-const selectedRunTask = computed(() => runTaskList.value.find(isSelectedTask) || null)
-
-/**
- * 点击左侧任务卡片时切换右侧当前任务详情，并从历史记录面板返回当前任务面板。
- * 卡片内的启动、暂停、停止和删除图标均使用 .stop 阻止冒泡，执行操作时不会意外改变当前选择。
- *
- * @param {Object} task 左侧任务队列中被点击的任务实例
- */
-const selectTask = (task) => {
-    selectedTaskId.value = task.id
-    activePanel.value = 'current'
-}
-
-const normalizeTaskStatus = (tasks = []) => tasks.map(item => ({
-    ...item,
-    status: String(item.status),
-}))
-
-const getTaskData = () => {
-    getTaskList({
-        pageNum: 1,
-        pageSize: 10000,
-    }).then((res) => {
-        taskList.value = res.rows;
-    })
-}
-
-const open = ref(false);
-
-const addTask = () => {
-    open.value = true;
-}
-
-const runTaskRef = ref();
-/**
- * 确定添加执行任务
- */
-const confirmTaskDialog = () => {
-    runTaskRef.value.validate((valid) => {
-        if (valid) {
-            addRunTask(form).then(() => {
-                ElMessage.success("任务添加成功");
-                getList();
-                open.value = false;
-                runTaskRef.value.resetFields();
-            }).catch(() => {
-                ElMessage.error("任务添加失败");
-            })
-        }
-    });
-}
-
-const cancelTaskDialog = () => {
-    open.value = false;
-}
-
-
-/**
- * 获取任务队列并维护当前选中的任务：
- * 1. 页面首次加载时默认选中队列第一条任务；
- * 2. 队列刷新后，如果原任务仍存在，则保留用户当前选择；
- * 3. 如果原任务已经结束或被删除，则选择刷新后队列中的第一条任务；
- * 4. 如果任务队列为空，则清空选择并由模板展示空状态。
- */
-const getList = () => {
-    return getRunTaskList({
-        statusList: ['1', '3', '5'],
-    }).then((res) => {
-        if (res.code === 200) {
-            const tasks = normalizeTaskStatus(res.rows)
-            runTaskList.value = tasks;
-            if (!tasks.some(isSelectedTask)) {
-                selectedTaskId.value = tasks[0]?.id ?? ''
-            }
-            for (let i = 0; i < runTaskList.value.length; i++) {
-                getPointByTaskId(runTaskList.value[i].taskId)
-                getTaskLogList(runTaskList.value[i].id)
-            }
-        }
-    })
-}
-
-const handleRerun = async (task) => {
-    rerunningId.value = task.id
-    try {
-        const res = await rerunRunTask(task.id)
-        if (res.code === 200) {
-            selectedTaskId.value = String(res.data || '')
-            activePanel.value = 'current'
-            await getList()
-            await nextTick()
-            document.querySelector(`[data-task-id="${selectedTaskId.value}"]`)?.scrollIntoView({ behavior: 'smooth', block: 'center' })
-            ElMessage.success('已按上次参数创建并启动新任务')
-        }
-    } finally {
-        rerunningId.value = ''
-    }
-}
-
-const pointList_runningTask = ref({})
-/**
- * 获取正在执行任务的点位列表
- * @param taskId 
- */
-const getPointByTaskId = async (taskId) => {
-    const res = await getWaypointByTaskId(taskId)
-    if (res.code === 200) {
-        pointList_runningTask.value[taskId] = res.data
-    }
-}
-
-const taskLogList = ref({})
-
-/**
- * 获取正在执行任务的执行日志
- * @param taskInstanceId 
- */
-const getTaskLogList = async (taskInstanceId) => {
-    const res = await fetchAllPagedRows(getTaskLogListApi, { taskInstanceId })
-    if (res.code === 200) {
-        taskLogList.value[taskInstanceId] = res.rows
-    }
-}
-
-/**
- * 自定义进度条值不同区间所显示的颜色
- * @param percentage 
- */
-const customColorMethod = (percentage) => {
-    if (percentage < 30) {
-        return '#6f7ad3'
-    }
-    if (percentage < 70) {
-        return '#1989fa'
-    }
-    return '#67c23a'
-}
-
-const activePanel = ref('current');
-
-const tableDataList = ref([]);
-const loading = ref(false);
-const total = ref(0);
-
-const queryParams = reactive({
-    pageNum: 1,
-    pageSize: 10,
-});
-
-/**
- * 开始执行任务
- * @param task 
- */
-const startTask = async (task) => {
-    if (String(task.status) === '3') {
-        let res = await resumeRunTask(task.id);
-        if (res.code === 200) {
-            ElMessage.success("任务已恢复");
-            getList();
-        }
-    } else {
-        const taskDefinition = taskList.value.find(item => item.id === task.taskId)
-        if (!taskDefinition?.taskConfigId) {
-            ElMessage.warning('当前任务没有关联流程编排')
-            return
-        }
-        try {
-            const paramsResponse = await getTaskConfig({ taskId: taskDefinition.taskConfigId })
-            const paramItems = paramsResponse.rows || []
-            const roles = await loadFlowItemScopedRuntimeRoles(paramItems)
-            runtimeAssignments.value = createRuntimeAssignments(roles, task.robotIdentity)
-            runtimeMapId.value = taskDefinition.mapId || ''
-            runtimeRoles.value = roles
-            runtimeParamItems.value = paramItems
-            pendingStartTask.value = task
-            startDialogVisible.value = true
-        } catch (error) {
-            ElMessage.error(error.message || '工作流执行资源加载失败')
-        }
-    }
-}
-
-const confirmStartTask = async () => {
-    const assignmentError = runtimeEditorRef.value?.validate()
-    if (assignmentError) {
-        ElMessage.warning(assignmentError)
-        return
-    }
-    const paramsValid = await runtimeParamsEditorRef.value?.validate()
-    if (paramsValid === false) {
-        ElMessage.warning('请完整填写运行参数')
-        return
-    }
-    startSubmitting.value = true
-    try {
-        const robotId = firstAssignedRobotId(runtimeAssignments.value)
-        const res = await startRunTask(pendingStartTask.value.id, {
-            robotId,
-            runtimeAssignments: runtimeAssignments.value,
-            runParams: runtimeParamsEditorRef.value?.getRunParams() || {}
-        })
-        if (res.code === 200) {
-            ElMessage.success('任务已开始')
-            startDialogVisible.value = false
-            getList()
-        }
-    } finally {
-        startSubmitting.value = false
-    }
-}
-
-/**
- * 暂停执行任务
- * @param task 
- */
-const pauseTask = async (task) => {
-    let res = await pauseRunTask(task.id);
-    if (res.code === 200) {
-        ElMessage.success("任务已暂停");
-        getList();
-    }
-}
-
-/**
- * 停止执行任务
- * @param task 
- */
-const stopTask = async (task) => {
-    let res = await stopRunTask(task.id);
-    if (res.code === 200) {
-        ElMessage.success("任务已停止");
-        getList();
-    }
-}
-
-/**
- * 删除执行任务
- * @param task 
- */
-const removeTask = async (task) => {
-    ElMessageBox.confirm('确定要删除该任务吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-    }).then(async () => {
-        let res = await deleteRunTask(task.id);
-        if (res.code === 200) {
-            ElMessage.success("任务已删除");
-            getList();
-        }
-    }).catch(() => {
-        // 取消删除
-    });
-}
-
-/**
- * 获取历史执行任务
- */
-const getHistoryList = () => {
-    loading.value = true;
-    getRunTaskList({
-        statusList: ['0', '2', '4'],
-        pageNum: queryParams.pageNum,
-        pageSize: queryParams.pageSize,
-    }).then((res) => {
-        if (res.code === 200) {
-            tableDataList.value = normalizeTaskStatus(res.rows);
-            total.value = res.total;
-        }
-        loading.value = false;
-    }).catch(() => {
-        loading.value = false;
-    });
-}
-
-const taskRunningInfo = ref({})
-
-const socketChannelCallbacks = ref({})
-const channel = 'InspectionTaskInstance';
-
-/**
- * 订阅websocket
- */
-const subscribeDebounced = debounce(async (sub) => {
-    if (!socket) {
-        console.warn(`执行任务订阅失败: socket=${!!socket}`);
-        return;
-    }
-
-    socket.send({
-        type: 'channel_subscription',
-        action: sub ? 'subscribe' : 'unsubscribe',
-        channel,
-    });
-
-    if (sub) {
-        await nextTick();
-        // 清理旧回调
-        if (socketChannelCallbacks.value[channel]) {
-            socket.off(channel, socketChannelCallbacks.value[channel]);
-        }
-
-        const callback = (data) => {
-            if (data !== '500') {
-                // WebSocket 可能把状态作为字符串发送，先转成数字再判断，避免 '0' !== 0 导致终态被误当成运行日志。
-                // 0=完成、2=失败、4=终止，这三种状态都会结束当前实例，不再追加实时日志和进度。
-                const status = Number(data.status)
-                const terminal = [0, 2, 4].includes(status)
-                if (!terminal) {
-                    const steps = pointList_runningTask.value[data.taskId] || []
-                    let activeStep = Number.isInteger(data.itemOrder) && data.itemOrder > 0
-                        ? data.itemOrder - 1
-                        : Math.max(steps.findIndex(item => item.detectItemId === data.itemId), 0)
-                    if (data.progress == 100) {
-                        activeStep += 1
-                    }
-                    taskRunningInfo.value[data.taskInstanceId] = {
-                        ...data,
-                        activeStep
-                    }
-                    if (!taskLogList.value[data.taskInstanceId]) {
-                        taskLogList.value[data.taskInstanceId] = []
-                    }
-                    taskLogList.value[data.taskInstanceId].push({
-                        ...data
-                    })
-                } else {
-                    // 终态到达后清理内存中的实时快照，再从接口刷新当前队列与历史列表，保证页面以持久化结果为准。
-                    delete taskRunningInfo.value[data.taskInstanceId]
-                    delete taskLogList.value[data.taskInstanceId]
-                    getList()
-                    getHistoryList()
-                }
-            } else {
-                // 错误处理：取消订阅后重新订阅
-                subscribeDebounced(false);
-                subscribeDebounced(true);
-            }
-        };
-        socket.on(channel, callback);
-        socketChannelCallbacks.value[channel] = callback;
-    } else {
-        if (socketChannelCallbacks.value[channel]) {
-            socket.off(channel, socketChannelCallbacks.value[channel]);
-            delete socketChannelCallbacks.value[channel];
-        }
-    }
-}, 300);
-
-const logDialogVisible = ref(false)
-const logDialogData = ref([])
-// 历史日志组件需要任务定义 ID 查询该任务绑定的点位，并用任务终态推导未单独记录状态的点位结果。
-const logDialogTaskId = ref('')
-const logDialogTaskStatus = ref(null)
-const logDialogLoading = ref(false)
-let logDialogRequestId = 0
-const handleOpenLog = async (row) => {
-    const requestId = ++logDialogRequestId
-    logDialogVisible.value = true
-
-    // 先切换任务上下文，再请求日志；点位请求和日志请求可以并行，避免弹窗一直沿用上一次任务的数据。
-    logDialogTaskId.value = row.taskId
-    logDialogTaskStatus.value = row.status
-    logDialogData.value = []
-    logDialogLoading.value = true
-    try {
-        const res = await fetchAllPagedRows(getTaskLogListApi, { taskInstanceId: row.id })
-        if (requestId === logDialogRequestId && res.code === 200) {
-            logDialogData.value = res.rows
-        }
-    } finally {
-        if (requestId === logDialogRequestId) logDialogLoading.value = false
-    }
-}
-const refreshAfterSocketReconnect = () => {
-    getList()
-    getHistoryList()
-}
-onMounted(() => {
-    getTaskData();
-    getList();
-    getHistoryList();
-    subscribeDebounced(true)
-    socket?.on('open', refreshAfterSocketReconnect)
-})
-
-onUnmounted(() => {
-    subscribeDebounced(false)
-    socket?.off('open', refreshAfterSocketReconnect)
-})
-</script>
-<style lang="scss" scoped>
-.page-container {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    gap: 12px;
-
-    .left {
-        width: 25%;
-        height: 100%;
-        background: #fff;
-        padding: 16px;
-
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding-bottom: 16px;
-            border-bottom: 1px solid #eee;
-        }
-
-        .taskList-container {
-            margin-top: 16px;
-            height: calc(100% - 100px);
-            overflow-y: auto;
-
-            .task-item {
-                padding: 12px;
-                background: #fafafa;
-                box-shadow: inset 0 0 0 1px #eee;
-                border-radius: 8px;
-                margin-bottom: 16px;
-                cursor: pointer;
-                transition: background-color 0.2s ease, box-shadow 0.2s ease;
-
-                &:hover {
-                    background: var(--el-fill-color-light);
-                }
-
-                &.is-selected {
-                    background: var(--el-color-primary-light-9);
-                    box-shadow: inset 0 0 0 2px var(--el-color-primary);
-                }
-
-                .task-content {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    .task-title {
-                        font-size: 16px;
-                        font-weight: bold;
-                    }
-
-                    .task-actions {
-                        display: flex;
-                        gap: 8px;
-
-                        .icon {
-                            cursor: pointer;
-                        }
-                    }
-                }
-
-                .robot {
-                    margin-top: 8px;
-                    color: #666;
-                }
-            }
-        }
-    }
-
-    .right {
-        flex: 1;
-        padding: 16px;
-        background: #fff;
-        overflow: hidden;
-
-        .header {
-            display: flex;
-            margin-bottom: 16px;
-            border-bottom: 1px solid #eee;
-
-            .label {
-                font-size: 16px;
-                font-weight: bold;
-                color: #333;
-                cursor: pointer;
-                box-shadow: inset 0 0 0 1px #eee;
-                padding: 10px;
-            }
-
-            .active {
-                color: #409eff;
-                box-shadow: inset 0 0 0 1px #409eff;
-            }
-        }
-
-        .context-container {
-            height: calc(100% - 40px);
-            overflow: auto;
-        }
-
-        .task {
-            padding: 16px;
-            background: #fafafa;
-            border-radius: 20px;
-            margin-bottom: 12px;
-
-            .task-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-
-                .task-info {
-                    display: flex;
-                    gap: 40px;
-
-                    .title {
-                        font-size: 18px;
-                        font-weight: bold;
-                    }
-
-                    .id {
-                        color: #666;
-                        font-size: 14px;
-                        margin: 8px 0;
-                    }
-                }
-
-                .robot {
-                    display: flex;
-                    align-items: center;
-                    gap: 50px;
-                    color: #666;
-                    font-size: 14px;
-                }
-            }
-
-
-
-            .progress-label {
-                margin-top: 12px;
-                color: #666;
-                font-size: 14px;
-                font-weight: bold;
-            }
-        }
-    }
-}
-
-.start-dialog-content {
-    max-height: 65vh;
-    padding-right: 6px;
-    overflow-y: auto;
-}
-
-.start-section-title {
-    margin: 16px 0 10px;
-    color: var(--el-text-color-primary);
-    font-size: 15px;
-    font-weight: 600;
-}
-
-.start-section-title--params {
-    margin-top: 22px;
-}
-</style>
diff --git a/src/views/inspection/runTask/task-log.vue b/src/views/inspection/runTask/task-log.vue
deleted file mode 100644
index 31e8947..0000000
--- a/src/views/inspection/runTask/task-log.vue
+++ /dev/null
@@ -1,469 +0,0 @@
-<template>
-  <div class="task-log" :style="{ height: `${height}px` }">
-    <!-- 折叠状态只展示点位名称和执行状态，节点日志需要点击点位后才展开。 -->
-    <div class="task-log__heading">
-      <span>点位</span>
-      <span>状态</span>
-    </div>
-
-    <div v-if="loading" class="task-log__empty">点位加载中...</div>
-    <div v-else-if="!groups.length" class="task-log__empty">暂无点位</div>
-    <div v-else class="task-log__groups">
-      <section v-for="(group, index) in groups" :key="group.key" class="task-log__group">
-        <!-- 整行可点击；aria-expanded 同步展开状态，便于键盘和辅助技术识别。 -->
-        <button
-          type="button"
-          class="task-log__group-header"
-          :aria-expanded="isExpanded(group.key)"
-          @click="toggleGroup(group.key)"
-        >
-          <el-icon class="task-log__expand-icon" :class="{ 'is-expanded': isExpanded(group.key) }">
-            <ArrowRight />
-          </el-icon>
-          <span class="task-log__order">{{ String(index + 1).padStart(2, '0') }}</span>
-          <span class="task-log__name" :title="group.fullName">{{ group.name }}</span>
-          <span class="task-log__statuses">
-            <el-tag :type="group.status.type" size="small">{{ group.status.label }}</el-tag>
-          </span>
-        </button>
-
-        <!-- 展开后只渲染当前点位对应的节点日志，避免不同点位的日志混在一起。 -->
-        <div v-if="isExpanded(group.key)" class="task-log__details">
-          <div class="task-log__details-heading">
-            <span>节点执行日志</span>
-            <span class="task-log__details-count">{{ group.logs.length }} 条</span>
-          </div>
-          <div v-if="group.nodeNames.length" class="task-log__nodes">
-            节点：{{ group.nodeNames.join('、') }}
-          </div>
-          <TaskExecutionLog
-            v-if="group.logs.length"
-            :list="group.logs"
-            :height="logHeight(group.logs)"
-          />
-          <div v-else class="task-log__details-empty">该点位暂未产生节点日志</div>
-        </div>
-      </section>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { ArrowRight } from '@element-plus/icons-vue'
-import { getWaypointByTaskId } from '@/api/inspection/task'
-import TaskExecutionLog from '@/views/flow/components/TaskExecutionLog.vue'
-
-/**
- * taskId: 任务定义 ID。当父组件没有传入 points 时，用它查询任务所属的全部点位。
- * taskStatus: 任务实例状态，用于在任务结束、失败或终止后推导点位的最终状态。
- * list: 当前任务实例产生的日志；巡检日志接口中的 itemId 是点位的 detectItemId。
- * points: 父组件已经查询到的点位列表，传入后优先使用，避免当前任务重复请求点位接口。
- * height: 整个点位日志区域的高度，超出的点位和节点日志在区域内部滚动。
- */
-const props = defineProps({
-  taskId: { type: [String, Number], default: '' },
-  taskStatus: { type: [String, Number], default: null },
-  list: { type: Array, default: () => [] },
-  points: { type: Array, default: () => [] },
-  height: { type: Number, default: 150 },
-})
-
-const taskPoints = ref([])
-const loading = ref(false)
-
-// 默认全部折叠，页面初始只显示点位和状态，不提前占用节点日志空间。
-const expandedKeys = ref(new Set())
-
-// 请求序号用于防止快速切换任务时，旧任务的点位响应覆盖新任务。
-let requestId = 0
-
-/**
- * 后端 ID 可能以数字或字符串返回。统一转成字符串后再建立索引，避免 1 和 "1" 匹配失败。
- * 空值不参与点位和日志归类，后续会进入“未关联点位”兜底分组，避免日志静默丢失。
- */
-const valueOf = (value) => value === null || value === undefined || value === '' ? '' : String(value)
-
-/**
- * 点位的唯一归属键。业务约定点位 detectItemId 与点位 ID 一一对应，日志 itemId 保存的是
- * detectItemId，因此日志归类必须使用这个字段，而不是直接拿日志 itemId 去匹配点位 id。
- */
-const pointKeyOf = (point) => valueOf(point?.detectItemId)
-
-// 巡检日志接口中的 itemId 就是点位的 detectItemId，这是唯一的主归类字段。
-const logKeyOf = (log) => valueOf(log?.itemId)
-
-// 点位名称兼容不同接口 DTO，正常情况下使用 waypointName。
-const nameOf = (point) => point?.waypointName || point?.name || point?.pointName || '未命名点位'
-
-/**
- * 从日志中提取节点名称，用于展开区域的节点摘要。
- * 兼容节点名称位于顶层、node 对象或 actualResult/extraInfo JSON 字段的情况。
- */
-const parseObject = (value) => {
-  if (!value) return {}
-  if (typeof value === 'object') return value
-  try {
-    const parsed = JSON.parse(value)
-    return parsed && typeof parsed === 'object' ? parsed : {}
-  } catch {
-    return {}
-  }
-}
-
-const uniqueValues = (values) => [...new Set(values.map(valueOf).filter(Boolean))]
-
-const nodeNameOf = (log) => {
-  const actualResult = parseObject(log?.actualResult)
-  const extraInfo = parseObject(log?.extraInfo)
-  return log?.nodeName
-    || log?.nodeTitle
-    || log?.node?.name
-    || log?.node?.nodeName
-    || actualResult.nodeName
-    || extraInfo.nodeName
-    || log?.nodeId
-    || ''
-}
-
-const normalizedStatus = (value) => String(value ?? '').trim().toLowerCase()
-
-/**
- * 判断日志是否表示该点位已经执行完成。
- * 普通节点完成只能说明流程继续推进，进度达到 100 或明确的成功状态才作为完成候选；
- * 顺序执行任务中，如果后面的点位已经有日志，前面的点位也会由 statusOf 统一判定完成。
- */
-const isPointCompletionLog = (log) => {
-  const statuses = [
-    log?.itemStatus,
-    log?.executionStatus,
-    log?.runStatus,
-    log?.resultStatus,
-    log?.state,
-    log?.status,
-  ].map(normalizedStatus)
-
-  return statuses.some((status) => ['0', 'success', 'succeeded', 'completed', 'complete', 'finished'].includes(status))
-    || Number(log?.progress) >= 100
-    || log?.completed === true
-    || log?.finished === true
-}
-
-/**
- * 根据点位日志和任务实例状态计算点位状态。
- * 优先级为：失败 > 终止 > 暂停 > 已完成 > 执行中；没有日志的点位固定为未执行。
- * 对失败、终止和暂停任务，按顺序执行规则把最后一个产生日志的点位视为中断点。
- */
-const statusOf = (logs, execution = {}) => {
-  if (!logs.length) return { label: '未执行', type: 'info' }
-
-  const statuses = logs.flatMap((log) => [
-    log?.itemStatus,
-    log?.executionStatus,
-    log?.runStatus,
-    log?.resultStatus,
-    log?.state,
-    log?.status,
-  ].map(normalizedStatus))
-
-  if (statuses.some((status) => ['2', 'failed', 'failure', 'error', 'exception'].includes(status))) {
-    return { label: '执行失败', type: 'danger' }
-  }
-  if (statuses.some((status) => ['4', 'stopped', 'terminated', 'aborted'].includes(status))) {
-    return { label: '已终止', type: 'warning' }
-  }
-  if (statuses.some((status) => ['3', 'paused', 'pause'].includes(status))) {
-    return { label: '已暂停', type: 'warning' }
-  }
-
-  const taskStatus = execution.taskStatus === null || execution.taskStatus === undefined || execution.taskStatus === ''
-    ? Number.NaN
-    : Number(execution.taskStatus)
-
-  // 任务整体完成时，所有实际产生过日志的点位都视为完成。
-  if (taskStatus === 0) return { label: '已完成', type: 'success' }
-
-  // 失败、终止或暂停时，最后一个有日志的点位是任务中断位置。
-  if (taskStatus === 2 || taskStatus === 4 || taskStatus === 3) {
-    if (execution.groupIndex < execution.lastLoggedIndex) {
-      return { label: '已完成', type: 'success' }
-    }
-    if (taskStatus === 2) return { label: '执行失败', type: 'danger' }
-    if (taskStatus === 4) return { label: '已终止', type: 'warning' }
-    return { label: '已暂停', type: 'warning' }
-  }
-
-  // 后续点位已经产生日志，说明当前点位已经执行完毕。
-  if (execution.groupIndex < execution.lastLoggedIndex) {
-    return { label: '已完成', type: 'success' }
-  }
-  if (logs.some(isPointCompletionLog)) {
-    return { label: '已完成', type: 'success' }
-  }
-  return { label: '执行中', type: 'primary' }
-}
-
-// 父组件传入点位时优先使用；历史日志弹窗没有现成点位时再使用 taskId 请求。
-const taskPointsSource = computed(() => props.points.length ? props.points : taskPoints.value)
-
-/**
- * 将点位和日志合并成页面分组：
- * 1. 先为每个点位创建空日志分组，保证没有执行过的点位也展示为未执行；
- * 2. 使用 point.detectItemId 建立索引；
- * 3. 使用 log.itemId 查找对应分组，确保一个点位的节点日志不会进入其他点位；
- * 4. 最后计算节点摘要和点位执行状态。
- */
-const groups = computed(() => {
-  const result = taskPointsSource.value.map((point, index) => {
-    const pointKey = pointKeyOf(point)
-    const name = nameOf(point)
-    return {
-      key: `point-${pointKey || index}`,
-      name,
-      fullName: name,
-      pointKey,
-      logs: [],
-    }
-  })
-
-  const keyToGroup = new Map()
-  result.forEach((group) => {
-    if (group.pointKey) keyToGroup.set(group.pointKey, group)
-  })
-
-  const unmatchedLogs = []
-  props.list.forEach((log) => {
-    const group = keyToGroup.get(logKeyOf(log))
-    if (group) group.logs.push(log)
-    else unmatchedLogs.push(log)
-  })
-
-  // 后端数据异常或历史日志字段不完整时保留日志，避免用户看不到已经产生的执行记录。
-  // if (unmatchedLogs.length) {
-  //   result.push({
-  //     key: 'unmatched',
-  //     name: '未关联点位',
-  //     fullName: '未关联点位',
-  //     pointKey: '',
-  //     logs: unmatchedLogs,
-  //   })
-  // }
-
-  const lastLoggedIndex = result.reduce((lastIndex, group, index) => (
-    group.logs.length ? index : lastIndex
-  ), -1)
-
-  return result.map((group, index) => ({
-    ...group,
-    nodeNames: uniqueValues(group.logs.map(nodeNameOf)),
-    status: statusOf(group.logs, {
-      groupIndex: index,
-      lastLoggedIndex,
-      taskStatus: props.taskStatus,
-    }),
-  }))
-})
-
-const isExpanded = (key) => expandedKeys.value.has(key)
-
-// 使用新 Set 替换旧值，确保 Vue 能可靠追踪集合变化并立即更新展开区域。
-const toggleGroup = (key) => {
-  const next = new Set(expandedKeys.value)
-  if (next.has(key)) next.delete(key)
-  else next.add(key)
-  expandedKeys.value = next
-}
-
-// 节点日志较少时避免留下大块空白，日志较多时在点位详情内部滚动。
-const logHeight = (logs) => Math.max(120, Math.min(320, 78 + logs.length * 58))
-
-/**
- * 根据任务 ID 查询点位列表。父组件传入 points 时不重复请求；请求版本号保证快速切换
- * 历史任务时，旧任务响应不会覆盖当前任务的点位列表。
- */
-const loadTaskPoints = async (taskId) => {
-  const currentRequestId = ++requestId
-  if (!taskId || props.points.length) {
-    taskPoints.value = []
-    loading.value = false
-    return
-  }
-
-  loading.value = true
-  try {
-    const res = await getWaypointByTaskId(taskId)
-    if (currentRequestId === requestId) {
-      taskPoints.value = Array.isArray(res?.data)
-        ? res.data
-        : Array.isArray(res?.rows)
-          ? res.rows
-          : []
-    }
-  } catch {
-    if (currentRequestId === requestId) taskPoints.value = []
-  } finally {
-    if (currentRequestId === requestId) loading.value = false
-  }
-}
-
-// taskId 或外部点位列表变化时重新加载数据；计算分组会自动响应日志 list 的实时更新。
-watch(
-  () => [props.taskId, props.points.length],
-  ([taskId]) => loadTaskPoints(taskId),
-  { immediate: true },
-)
-
-// 切换任务后清理旧任务的展开项，避免新任务复用旧任务的展开状态。
-watch(() => groups.value.map((group) => group.key), (keys) => {
-  expandedKeys.value = new Set([...expandedKeys.value].filter((key) => keys.includes(key)))
-})
-</script>
-
-<style scoped lang="scss">
-.task-log {
-  margin-top: 12px;
-  overflow-y: auto;
-  background: #fff;
-  border: 1px solid #eee;
-  border-radius: 8px;
-}
-
-.task-log__heading,
-.task-log__group-header {
-  display: grid;
-  grid-template-columns: 22px 34px minmax(0, 1fr) auto;
-  gap: 8px;
-  align-items: center;
-}
-
-.task-log__heading {
-  padding: 10px 14px;
-  color: #98a2b3;
-  font-size: 12px;
-  border-bottom: 1px solid #f0f2f5;
-}
-
-.task-log__heading span:first-child {
-  grid-column: 3;
-}
-
-.task-log__heading span:last-child {
-  grid-column: 4;
-}
-
-.task-log__groups {
-  padding: 0 8px 8px;
-}
-
-.task-log__group {
-  border-bottom: 1px solid #f0f2f5;
-}
-
-.task-log__group:last-child {
-  border-bottom: 0;
-}
-
-.task-log__group-header {
-  width: 100%;
-  min-height: 48px;
-  padding: 8px 6px;
-  color: #344054;
-  text-align: left;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-}
-
-.task-log__group-header:hover {
-  background: #f8fafc;
-}
-
-.task-log__expand-icon {
-  color: #98a2b3;
-  transition: transform 0.2s ease;
-}
-
-.task-log__expand-icon.is-expanded {
-  transform: rotate(90deg);
-}
-
-.task-log__order {
-  color: #98a2b3;
-  font-size: 12px;
-  font-variant-numeric: tabular-nums;
-}
-
-.task-log__name {
-  min-width: 0;
-  overflow: hidden;
-  font-size: 14px;
-  font-weight: 500;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.task-log__statuses {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  justify-self: end;
-}
-
-.task-log__details {
-  margin: 0 6px 10px 64px;
-  padding: 10px 12px 12px;
-  background: #f8fafc;
-  border-left: 2px solid #d0d5dd;
-}
-
-.task-log__details-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: #475467;
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.task-log__details-count,
-.task-log__nodes {
-  color: #98a2b3;
-  font-size: 12px;
-  font-weight: 400;
-}
-
-.task-log__nodes {
-  margin-top: 6px;
-  line-height: 18px;
-  word-break: break-word;
-}
-
-.task-log__details :deep(.task-log) {
-  margin-top: 8px;
-  border-color: #eaecf0;
-}
-
-.task-log__empty,
-.task-log__details-empty {
-  padding: 28px 12px;
-  color: #98a2b3;
-  font-size: 13px;
-  text-align: center;
-}
-
-.task-log__details-empty {
-  padding: 18px 0 6px;
-}
-
-@media (max-width: 640px) {
-  .task-log__details {
-    margin-left: 12px;
-  }
-
-  .task-log__heading,
-  .task-log__group-header {
-    grid-template-columns: 22px 26px minmax(0, 1fr) auto;
-    gap: 6px;
-  }
-}
-</style>
diff --git a/src/views/inspection/runTask/task-steps.vue b/src/views/inspection/runTask/task-steps.vue
deleted file mode 100644
index 6d7e595..0000000
--- a/src/views/inspection/runTask/task-steps.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-    <div v-if="list.length" class="step-current">
-        <span class="step-current__count">{{ currentStepText }}</span>
-        <span class="step-current__name">{{ currentStep?.waypointName || '未命名点位' }}</span>
-    </div>
-    <el-scrollbar ref="scrollbarRef" style="width: 100%;" class="step-scrollbar">
-        <div class="step-wrapper" ref="stepWrapperRef">
-            <el-steps :active="normalizedActiveStep" finish-status="success" process-status="process">
-                <el-step v-for="(item, index) in list" :key="item.id || item.waypointId || item.detectItemId || index"
-                    :title="item.waypointName" :description="item.remark" />
-            </el-steps>
-        </div>
-    </el-scrollbar>
-</template>
-<script setup>
-const props = defineProps({
-    list: {
-        type: Array,
-        default: () => []
-    },
-    activeStep: {
-        type: Number,
-        default: 0
-    }
-})
-
-const scrollbarRef = ref(null)
-const stepWrapperRef = ref(null)
-
-const currentStepIndex = computed(() => Math.min(Math.max(props.activeStep, 0), Math.max(props.list.length - 1, 0)))
-const currentStep = computed(() => props.list[currentStepIndex.value])
-const normalizedActiveStep = computed(() => Math.min(Math.max(props.activeStep, 0), props.list.length))
-const currentStepText = computed(() => props.activeStep >= props.list.length
-    ? `已完成 ${props.list.length}/${props.list.length}`
-    : `当前 ${currentStepIndex.value + 1}/${props.list.length}`)
-
-
-/**
- * 滚动到当前激活的步骤
- */
-const scrollToActiveStep = () => {
-    nextTick(() => {
-        // 获取 el-scrollbar 的可视区域宽度
-        const scrollbarEl = scrollbarRef.value?.$el
-        const wrapEl = scrollbarEl?.querySelector('.el-scrollbar__wrap')
-        if (!wrapEl) return
-
-        const viewWidth = wrapEl.clientWidth
-
-        // 获取所有 step 元素
-        const steps = stepWrapperRef.value?.querySelectorAll('.el-step')
-        if (!steps || !steps[currentStepIndex.value]) return
-
-        // 计算激活 step 的位置
-        const activeEl = steps[currentStepIndex.value]
-        const stepLeft = activeEl.offsetLeft
-        const stepWidth = activeEl.offsetWidth
-
-        // 让激活 step 居中显示
-        const scrollLeft = stepLeft - viewWidth / 2 + stepWidth / 2
-        scrollbarRef.value.setScrollLeft(Math.max(0, scrollLeft))
-    })
-}
-
-watch(
-    () => [props.activeStep, props.list.length],
-    scrollToActiveStep,
-    { immediate: true, flush: 'post' }
-)
-</script>
-
-<style lang="scss" scoped>
-.step-current {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    min-width: 0;
-    margin-top: 12px;
-    color: #303133;
-}
-
-.step-current__count {
-    flex: none;
-    color: #409eff;
-    font-weight: 600;
-}
-
-.step-current__name {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.step-scrollbar {
-    margin-top: 4px;
-    white-space: nowrap;
-
-    .step-wrapper {
-        display: inline-block;
-        width: max-content;
-        min-width: 100%;
-        white-space: nowrap;
-        margin: 10px 0 20px 0;
-
-        :deep(.el-steps) {
-            flex-wrap: nowrap;
-            width: max-content;
-            min-width: 100%;
-
-            .el-step {
-                flex: 0 0 180px !important;
-                min-width: 180px;
-            }
-        }
-    }
-}
-</style>
diff --git a/src/views/inspection/task/index.vue b/src/views/inspection/task/index.vue
deleted file mode 100644
index 8a9f73f..0000000
--- a/src/views/inspection/task/index.vue
+++ /dev/null
@@ -1,404 +0,0 @@
-<template>
-    <div class="app-container">
-        <div ref="topContainerRef">
-            <TableSearch :queryParams="queryParams" :showSearch="showSearch" label-width="90px" queryRef="queryRef"
-                @refresh="resetQuery" @search="handleQuery">
-                <template #one>
-                    <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                        <el-form-item label="任务名称" prop="taskName">
-                            <el-input v-model="queryParams.taskName" clearable placeholder="请输入任务名称" style="width: 100%"
-                                @keyup.enter="handleQuery" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                        <el-form-item label="任务类型" prop="taskType">
-                            <el-select v-model="queryParams.taskType" clearable placeholder="请选择任务类型"
-                                style="width: 100%">
-                                <el-option label="巡检任务" value="1" />
-                                <el-option label="讲解任务" value="2" />
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                </template>
-            </TableSearch>
-
-            <el-row :gutter="10" class="mb8">
-                <el-col :span="1.5">
-                    <el-button icon="Plus" plain type="primary" @click="handleAdd">新增
-                    </el-button>
-                </el-col>
-                <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-            </el-row>
-        </div>
-
-        <div :style="containerHeight">
-            <el-table v-loading="loading" height="100%" :data="tableDataList">
-                <el-table-column align="center" label="id" prop="id" show-overflow-tooltip />
-                <el-table-column align="center" label="任务名称" prop="taskName" show-overflow-tooltip />
-                <el-table-column align="center" label="任务描述" prop="remark" show-overflow-tooltip />
-                <el-table-column align="center" label="任务类型" prop="taskType">
-                    <template #default="scope">
-                        <el-tag :type="scope.row.taskType === '1' ? 'primary' : 'success'">
-                            {{ scope.row.taskType === '1' ? '巡检任务' : '讲解任务' }}
-                        </el-tag>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center" label="所属地图" prop="mapName" show-overflow-tooltip />
-                <el-table-column align="center" label="创建人" prop="createBy" show-overflow-tooltip />
-                <el-table-column align="center" label="创建时间" prop="createTime" show-overflow-tooltip />
-                <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="320">
-                    <template #default="scope">
-                        <el-button icon="Edit" link type="primary" @click="handleUpdate(scope.row)">
-                            修改
-                        </el-button>
-                        <el-button :loading="copyingId === scope.row.id" icon="CopyDocument" link type="primary"
-                            @click="handleCopy(scope.row)">复制
-                        </el-button>
-                        <el-button icon="Cpu" link type="primary" @click="handleBindPoint(scope.row)">绑定点位
-                        </el-button>
-                        <el-button icon="Delete" link type="primary" @click="handleDelete(scope.row)">删除
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-            <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum"
-                :total="total" @pagination="getList" />
-        </div>
-
-
-        <el-dialog v-model="open" :title="title" append-to-body width="500px">
-            <el-form ref="taskRef" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="任务名称" prop="taskName">
-                    <el-input v-model="form.taskName" placeholder="请输入任务名称" />
-                </el-form-item>
-                <el-form-item label="任务类型" prop="taskType">
-                    <el-select v-model="form.taskType" clearable placeholder="请选择任务类型" style="width: 100%">
-                        <el-option label="巡检任务" value="1" />
-                        <el-option label="讲解任务" value="2" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="所属地图" prop="mapId">
-                    <el-select
-                        v-model="form.mapId"
-                        clearable
-                        placeholder="请选择所属地图"
-                        style="width: 100%"
-                    >
-                        <el-option
-                        v-for="item in mapList"
-                        :key="item.id"
-                        :label="item.mapName"
-                        :value="item.id"
-                        />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="form.remark" :rows="2" placeholder="请输入备注" type="textarea" />
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="submitForm">确 定</el-button>
-                    <el-button @click="cancel">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-
-        <!-- 点位绑定弹窗 -->
-        <el-dialog v-model="dialogVisible" title="点位绑定" width="800px">
-            <el-row>
-                <TableSearch :queryParams="pointQueryParams" :showSearch="showSearch" label-width="90px" @refresh="resetBindPointQuery" @search="handleBindPointQuery">
-                    <template #one>
-                        <el-col :lg="12" :md="12" :sm="24" :xl="12" :xs="24" :xxl="12">
-                            <el-form-item label="点位名称" prop="waypointName">
-                                <el-input v-model="pointQueryParams.waypointName" clearable placeholder="请输入点位名称"
-                                    style="width: 100%" @keyup.enter="handleBindPointQuery" />
-                            </el-form-item>
-                        </el-col>
-                    </template>
-                </TableSearch>
-            </el-row>
-            <el-row :gutter="24">
-                <el-col :span="12">
-                    <div style="height: 55vh">
-                        <div class="task-title">待选择点位</div>
-
-                        <draggable :animation="340" :forceFallback="true" :list="taskLeftList" class="draggable-group"
-                            ghostClass="dragClass" :group="{ name: 'people', pull: 'clone', put: false}"
-                            :clone="cloneBindingItem" itemKey="_bindingKey">
-                            <template #item="{ element, index }">
-                                <div class="list-group-item">
-                                    <el-icon>
-                                        <Tools />
-                                    </el-icon>
-                                    {{ element.waypointName }}
-                                </div>
-                            </template>
-                        </draggable>
-                    </div>
-                </el-col>
-                <el-col :span="12">
-                    <div style="height: 55vh">
-                        <div class="task-title">点位排序</div>
-                        <draggable :animation="340" :forceFallback="true" :list="taskRightList" class="draggable-group"
-                            ghostClass="dragClass" :group="{ name: 'people', pull: false, put: true }" itemKey="_bindingKey">
-                            <template #item="{ element, index }">
-                                <div class="list-group-item">
-                                    {{ index + 1 }} 、{{ element.waypointName }}
-                                    <el-icon color="red" @click="removeFromB(index)" style="margin-left: 10px;"><Delete /></el-icon>
-                                </div>
-                            </template>
-                        </draggable>
-                    </div>
-                </el-col>
-            </el-row>
-            <div class="custom-block">
-                <div class="mb5">1、将待选择点位拖拽至点位排序中</div>
-                <div>2、点位排序中可拖拽自定义其顺序</div>
-            </div>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="bindPoint">确 定</el-button>
-                    <el-button @click="cancelPoint">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-    </div>
-</template>
-
-<script name="Detect" setup>
-import { addTask, copyTask, updateTask, getTaskList, deleteTask, getWaypointByTaskId, bindWaypointsToTask } from "../../../api/inspection/task";
-import { getPointList } from "../../../api/inspection/point";
-import TableSearch from "@/components/TableSearch/index.vue";
-
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { ElMessage, ElMessageBox } from "element-plus";
-import draggable from "vuedraggable";
-import { reactive, ref } from "vue";
-import { listResourceMaps as getMapList } from "@/api/resource/map";
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-
-const { proxy } = getCurrentInstance();
-
-const tableDataList = ref([]);
-const open = ref(false);
-const dialogVisible = ref(false);
-const loading = ref(false);
-const copyingId = ref("");
-const showSearch = ref(true);
-
-const total = ref(0);
-const title = ref("");
-
-const data = reactive({
-    form: {},
-    queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        taskName: null,
-        taskType: null,
-    },
-    rules: {
-        taskName: [
-            { required: true, message: "任务名称不能为空", trigger: "blur" },
-        ],
-        taskType: [
-            { required: true, message: "请选择任务类型", trigger: "blur" },
-        ],
-        mapId: [
-            { required: true, message: "请选择所属地图", trigger: "blur" },
-        ],
-    },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询任务列表 */
-function getList() {
-    loading.value = false;
-    getTaskList(queryParams.value).then((res) => {
-        tableDataList.value = res.rows;
-        total.value = res.total;
-        loading.value = false;
-    }).finally(() => {
-        loading.value = false;
-    });
-}
-
-// 取消按钮
-function cancel() {
-    open.value = false;
-    reset();
-}
-
-// 表单重置
-function reset() {
-    taskRef.value.resetFields();
-    form.value = {};
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-    queryParams.value.pageNum = 1;
-    getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-    handleQuery();
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-    isNew.value = true;
-    open.value = true;
-    title.value = "添加任务";
-}
-
-const mapList = ref([]);
-// 获取地图列表
-const getMapArr = () => {
-    getMapList({
-        pageNum: 1,
-        pageSize: 10000,
-    }).then((response) => {
-        mapList.value = response.rows;
-    });
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-    form.value = { ...row };
-    isNew.value = false;
-    open.value = true;
-    title.value = "修改任务";
-}
-
-const taskRef = ref();
-const isNew = ref(true);
-/** 提交按钮 */
-function submitForm() {
-    taskRef.value.validate((valid) => {
-        if (valid) {
-            if (isNew.value) {
-                addTask(form.value).then(() => {
-                    ElMessage.success("添加成功");
-                    cancel();
-                    getList();
-                });
-            } else {
-                updateTask(form.value).then(() => {
-                    ElMessage.success("修改成功");
-                    cancel();
-                    getList();
-                });
-            }
-        }
-    });
-}
-
-/** 删除按钮操作 */
-async function handleCopy(row) {
-    copyingId.value = row.id;
-    try {
-        await copyTask(row.id);
-        ElMessage.success("复制成功");
-        await getList();
-    } finally {
-        copyingId.value = "";
-    }
-}
-
-function handleDelete(row) {
-    ElMessageBox.confirm("确定要删除该任务吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-    }).then(() => {
-        deleteTask(row.id).then(() => {
-            ElMessage.success("删除成功");
-            getList();
-        });
-    });
-}
-
-const pointQueryParams = reactive({
-    pageNum: 1,
-    pageSize: 1000000,
-    waypointName: null,
-    mapId: null
-})
-
-/** 搜索按钮操作 */
-function handleBindPointQuery() {
-    queryParams.value.pageNum = 1;
-    getList();
-}
-
-/** 重置按钮操作 */
-function resetBindPointQuery() {
-    handleBindPointQuery();
-}
-
-const taskId = ref(null);
-let bindingSequence = 0
-const createBindingKey = () => `waypoint-${Date.now()}-${bindingSequence++}`
-const cloneBindingItem = (item) => ({ ...item, _bindingKey: createBindingKey() })
-const handleBindPoint = async (row) => {
-    dialogVisible.value = true;
-    taskId.value = row.id;
-    pointQueryParams.mapId = row.mapId;
-    taskLeftList.value = [];
-    taskRightList.value = [];
-    await getBindPointByTaskId(row.id)
-    await getPointListData()
-};
-
-/** 查询点位列表 */
-const getPointListData = async () => {
-  const res = await getPointList(pointQueryParams)
-  if (res.code === 200) {
-    taskLeftList.value = res.rows.map(item => ({ ...item, _bindingKey: createBindingKey() }))
-  }
-}
-
-const getBindPointByTaskId = async (taskId) => {
-    const res = await getWaypointByTaskId(taskId)
-    if (res.code === 200) {
-        taskRightList.value = res.data.map(item => ({ ...item, _bindingKey: createBindingKey() }));
-    }
-}
-
-const taskLeftList = ref([])
-const taskRightList = ref([])
-
-const bindPoint = async () => {
-    if (taskRightList.value.length === 0) {
-        ElMessage.warning("请选择点位")
-        return
-    }
-    const ids = taskRightList.value.map(item => item.id)
-    const res = await bindWaypointsToTask(taskId.value, ids)
-    if (res.code === 200) {
-        ElMessage.success("绑定点位成功")
-        cancelPoint()
-    }
-};
-
-const cancelPoint = () => {
-    dialogVisible.value = false;
-};
-
-const removeFromB = (index) => {
-  taskRightList.value.splice(index, 1)
-}
-
-onMounted(() => {
-    getList();
-    getMapArr();
-});
-
-</script>
diff --git a/src/views/intelligenceTest/car/index.vue b/src/views/intelligenceTest/car/index.vue
deleted file mode 100644
index a4ae1a2..0000000
--- a/src/views/intelligenceTest/car/index.vue
+++ /dev/null
@@ -1,304 +0,0 @@
-<template>
-  <div class="app-container">
-    <div ref="topContainerRef">
-        <TableSearch
-            :queryParams="queryParams"
-            :showSearch="showSearch"
-            label-width="90px"
-            queryRef="queryRef"
-            @refresh="resetQuery"
-            @search="handleQuery"
-        >
-            <template #one>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="车辆名称" prop="vehicleName">
-                        <el-input
-                        v-model="queryParams.vehicleName"
-                        placeholder="请输入车辆名称"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="车型" prop="vehicleModel">
-                        <el-input
-                        v-model="queryParams.vehicleModel"
-                        placeholder="请输入车型"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-            </template>
-        </TableSearch>
-
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                type="primary"
-                plain
-                icon="Plus"
-                @click="handleAdd"
-                >新增</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="success"
-                plain
-                icon="Edit"
-                :disabled="single"
-                @click="handleUpdate"
-                >修改</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="danger"
-                plain
-                icon="Delete"
-                :disabled="multiple"
-                @click="handleDelete"
-                >删除</el-button>
-            </el-col>
-
-        <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-    </div>
-
-    <div :style="containerHeight">
-      <!-- 表格数据 -->
-      <el-table height="100%" v-loading="loading" :data="tableDataList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="车辆名称" prop="vehicleName" />
-         <el-table-column label="车型" prop="vehicleModel" />
-         <el-table-column label="车架号" prop="vin" />
-         <el-table-column label="颜色" prop="color"/>
-         <el-table-column label="状态" align="center" width="100">
-            <template #default="scope">
-               <el-switch
-                  v-model="scope.row.status"
-                  active-value="0"
-                  inactive-value="1"
-                  @change="handleStatusChange(scope.row)"
-               ></el-switch>
-            </template>
-         </el-table-column>
-         <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" width="180"/>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-              <el-tooltip content="修改" placement="top">
-                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
-              </el-tooltip>
-              <el-tooltip content="删除" placement="top">
-                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
-              </el-tooltip>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-    </div>
-
-      <!-- 添加或修改配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="carRef" :model="form" :rules="rules" label-width="100px">
-            <el-form-item label="车辆名称" prop="vehicleName">
-               <el-input v-model="form.vehicleName" placeholder="请输入车辆名称" />
-            </el-form-item>
-            <el-form-item label="车型" prop="vehicleModel">
-               <el-input v-model="form.vehicleModel" placeholder="请输入车型" />
-            </el-form-item>
-            <el-form-item label="车架号" prop="vin">
-                <el-input v-model="form.vin" placeholder="请输入车架号" />
-            </el-form-item>
-            <el-form-item label="颜色" prop="vin">
-                <el-input v-model="form.color" placeholder="请输入颜色" />
-            </el-form-item>
-            <el-form-item label="生产日期" prop="productionDate">
-                <el-date-picker
-                    v-model="form.productionDate"
-                    type="date"
-                    style="width: 100%;"
-                    placeholder="Pick a day"
-                />
-            </el-form-item>
-            <el-form-item label="备注">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-
-   </div>
-</template>
-
-<script setup name="Role">
-import TableSearch from "@/components/TableSearch/index.vue";
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { addVehicle, getVehicleList, updateVehicle, deleteVehicle } from "@/api/intelligenceTest/car.js"
-import { ElMessage, ElMessageBox } from 'element-plus'
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-
-const tableDataList = ref([]);
-const open = ref(false);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref([]);
-const single = ref(true);
-const multiple = ref(true);
-const total = ref(0);
-const title = ref("");
-
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    vehicleName: undefined,
-    vehicleModel: undefined
-  },
-  rules: {
-    vehicleName: [{ required: true, message: "车辆名称不能为空", trigger: "blur" }],
-    vehicleModel: [{ required: true, message: "车型不能为空", trigger: "blur" }],
-    vin: [{ required: true, message: "车架号不能为空", trigger: "blur" }],
-    color: [{ required: true, message: "颜色不能为空", trigger: "blur" }],
-    productionDate: [{ required: true, message: "生产日期不能为空", trigger: "blur" }]
-  },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询列表 */
-const getList = async () =>  {
-  loading.value = true;
-  const res = await getVehicleList(queryParams.value)
-  if (res.code === 200) {
-    tableDataList.value = res.rows;
-    total.value = res.total;
-  }
-  loading.value = false;
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  handleQuery();
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-    const deleteIds = row.id || ids.value;
-    ElMessageBox.confirm(`确定要删除编号为${deleteIds}的车辆吗?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-    }).then(() => {
-        deleteVehicle(deleteIds).then(() => {
-            ElMessage.success("删除成功");
-            getList();
-        });
-     });
-}
-
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.id);
-  single.value = selection.length != 1;
-  multiple.value = !selection.length;
-}
-
-/** 状态修改 */
-function handleStatusChange(row) {
-    let text = row.status === "0" ? "启用" : "停用";
-    ElMessageBox.confirm('确认要"' + text + '""' + row.vehicleName + '"车辆吗?', "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-    }).then(() => {
-        updateVehicle({
-            ...row,
-        }).then(() => {
-            ElMessage.success(text + "成功");
-            getList();
-        });
-    }).catch(() => {
-        row.status = row.status === "0" ? "1" : "0";
-    })
-}
-
-const reset = () => {
-    carRef.value.resetFields()
-};
-
-const carRef = ref()
-const isNew = ref(true)
-
-/** 添加 */
-function handleAdd() {
-  open.value = true;
-  isNew.value = true
-  title.value = "添加";
-}
-
-/** 修改 */
-function handleUpdate(row) {
-  form.value = { ...row };
-  open.value = true;
-  isNew.value = false
-  title.value = "修改";
-}
-
-/** 提交按钮 */
-function submitForm() {
-  carRef.value.validate((valid) => {
-    if (valid) {
-      if (isNew.value) {
-        addVehicle(form.value).then(() => {
-          ElMessage.success("添加成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      } else {
-        updateVehicle(form.value).then(() => {
-          ElMessage.success("修改成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      }
-    }
-  }); 
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false;
-  reset();
-}
-
-getList();
-</script>
diff --git a/src/views/intelligenceTest/mobilePhone/index.vue b/src/views/intelligenceTest/mobilePhone/index.vue
deleted file mode 100644
index 89d0a04..0000000
--- a/src/views/intelligenceTest/mobilePhone/index.vue
+++ /dev/null
@@ -1,321 +0,0 @@
-<template>
-  <div class="app-container">
-    <div ref="topContainerRef">
-        <TableSearch
-            :queryParams="queryParams"
-            :showSearch="showSearch"
-            label-width="90px"
-            queryRef="queryRef"
-            @refresh="resetQuery"
-            @search="handleQuery"
-        >
-            <template #one>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="手机名称" prop="phoneName">
-                        <el-input
-                        v-model="queryParams.phoneName"
-                        placeholder="请输入手机名称"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="手机型号" prop="phoneModel">
-                        <el-input
-                        v-model="queryParams.phoneModel"
-                        placeholder="请输入手机型号"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="厂商" prop="manufacturer">
-                        <el-input
-                        v-model="queryParams.manufacturer"
-                        placeholder="请输入厂商"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-            </template>
-        </TableSearch>
-
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                type="primary"
-                plain
-                icon="Plus"
-                @click="handleAdd"
-                >新增</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="success"
-                plain
-                icon="Edit"
-                :disabled="single"
-                @click="handleUpdate"
-                >修改</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="danger"
-                plain
-                icon="Delete"
-                :disabled="multiple"
-                @click="handleDelete"
-                >删除</el-button>
-            </el-col>
-
-        <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-    </div>
-
-    <div :style="containerHeight">
-      <!-- 表格数据 -->
-      <el-table height="100%" v-loading="loading" :data="tableDataList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="手机名称" prop="phoneName" :show-overflow-tooltip="true" width="180"/>
-         <el-table-column label="手机型号" prop="phoneModel" />
-         <el-table-column label="系统版本" prop="osVersion"  />
-         <el-table-column label="操作系统" prop="osSystem" width="100" />
-         <el-table-column label="厂商" align="center" prop="manufacturer" />
-         <el-table-column label="额外参数" align="center" prop="specifications" :show-overflow-tooltip="true" width="180"/>
-         <el-table-column label="状态" align="center" width="100">
-            <template #default="scope">
-               <el-switch
-                  v-model="scope.row.status"
-                  active-value="0"
-                  inactive-value="1"
-                  @change="handleStatusChange(scope.row)"
-               ></el-switch>
-            </template>
-         </el-table-column>
-         <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" width="180"/>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-              <el-tooltip content="修改" placement="top">
-                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
-              </el-tooltip>
-              <el-tooltip content="删除" placement="top">
-                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
-              </el-tooltip>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-    </div>
-
-      <!-- 添加或修改配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="phoneRef" :model="form" :rules="rules" label-width="100px">
-            <el-form-item label="手机名称" prop="phoneName">
-               <el-input v-model="form.phoneName" placeholder="请输入手机名称" />
-            </el-form-item>
-            <el-form-item label="手机型号" prop="phoneModel">
-               <el-input v-model="form.phoneModel" placeholder="请输入手机型号" />
-            </el-form-item>
-            <el-form-item label="操作系统" prop="osSystem">
-                <el-select v-model="form.osSystem">
-                    <el-option  label="Android" value="Android" />
-                    <el-option  label="iOS" value="iOS" />
-               </el-select>
-            </el-form-item>
-            <el-form-item label="系统版本" prop="osVersion">
-               <el-input v-model="form.osVersion" placeholder="请输入系统版本" />
-            </el-form-item>
-            <el-form-item label="厂商" prop="manufacturer">
-               <el-input v-model="form.manufacturer" />
-            </el-form-item>
-            <el-form-item label="规格参数" prop="specifications">
-               <el-input v-model="form.specifications" />
-            </el-form-item>
-            <el-form-item label="备注">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-
-   </div>
-</template>
-
-<script setup name="Role">
-import TableSearch from "@/components/TableSearch/index.vue";
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { addPhone, getPhoneList, updatePhone, deletePhone } from "@/api/intelligenceTest/mobilePhone.js"
-import { ElMessage, ElMessageBox } from 'element-plus'
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-
-const tableDataList = ref([]);
-const open = ref(false);
-const loading = ref(true);
-const showSearch = ref(true);
-const ids = ref([]);
-const single = ref(true);
-const multiple = ref(true);
-const total = ref(0);
-const title = ref("");
-
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    phoneName: undefined,
-    phoneModel: undefined,
-    manufacturer: undefined
-  },
-  rules: {
-    phoneName: [{ required: true, message: "手机名称不能为空", trigger: "blur" }],
-    phoneModel: [{ required: true, message: "手机型号不能为空", trigger: "blur" }],
-    manufacturer: [{ required: true, message: "厂商不能为空", trigger: "blur" }],
-    osSystem: [{ required: true, message: "操作系统不能为空", trigger: "blur" }],
-    osVersion: [{ required: true, message: "系统版本不能为空", trigger: "blur" }]
-  },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询列表 */
-const getList = async () =>  {
-  loading.value = true;
-  const res = await getPhoneList(queryParams.value)
-  if (res.code === 200) {
-    tableDataList.value = res.rows;
-    total.value = res.total;
-  }
-  loading.value = false;
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  handleQuery();
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-    const deleteIds = row.id || ids.value;
-    ElMessageBox.confirm(`确定要删除编号为${deleteIds}的手机吗?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-    }).then(() => {
-        deletePhone(deleteIds).then(() => {
-        ElMessage.success("删除成功");
-        getList();
-        });
-     });
-}
-
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.id);
-  single.value = selection.length != 1;
-  multiple.value = !selection.length;
-}
-
-/** 状态修改 */
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用";
-  ElMessageBox.confirm('确认要"' + text + '""' + row.phoneName + '"手机吗?', "提示", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    type: "warning",
-  }).then(() => {
-    updatePhone({
-        ...row,
-    }).then(() => {
-      ElMessage.success(text + "成功");
-      getList();
-    });
-  }).catch(() => {
-    row.status = row.status === "0" ? "1" : "0";
-  })
-}
-
-const reset = () => {
-    phoneRef.value.resetFields()
-};
-
-const phoneRef = ref()
-const isNew = ref(true)
-
-/** 添加 */
-function handleAdd() {
-  open.value = true;
-  isNew.value = true
-  title.value = "添加";
-}
-
-/** 修改 */
-function handleUpdate(row) {
-  form.value = { ...row };
-  open.value = true;
-  isNew.value = false
-  title.value = "修改";
-}
-
-
-
-/** 提交按钮 */
-function submitForm() {
-  phoneRef.value.validate((valid) => {
-    if (valid) {
-      if (isNew.value) {
-        addPhone(form.value).then(() => {
-          ElMessage.success("添加成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      } else {
-        updatePhone(form.value).then(() => {
-          ElMessage.success("修改成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      }
-    }
-  }); 
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false;
-  reset();
-}
-
-getList();
-</script>
diff --git a/src/views/intelligenceTest/runningTask/index.vue b/src/views/intelligenceTest/runningTask/index.vue
deleted file mode 100644
index 28abdd8..0000000
--- a/src/views/intelligenceTest/runningTask/index.vue
+++ /dev/null
@@ -1,885 +0,0 @@
-<template>
-    <div class="page-container">
-        <div class="left">
-            <div class="header">
-                <div>任务队列</div>
-                <el-button type="primary" @click="addTask">添加任务</el-button>
-            </div>
-            <div class="taskList-container">
-                <div v-for="task in runTaskList" :key="task.id" class="task-item"
-                    :class="{ 'is-selected': isSelectedTask(task) }"
-                    :aria-current="isSelectedTask(task) ? 'true' : undefined" @click="selectTask(task)">
-                    <div class="task-content">
-                        <div class="task-title">{{ task.taskName }}</div>
-                        <div class="task-actions">
-                            <SvgIcon class="icon" v-if="task.status == '1'" name="pause" :size="24" color="#FFB300"
-                                @click.stop="pauseTask(task)" />
-                            <SvgIcon class="icon" v-if="task.status == '3' || task.status == '5'" name="start"
-                                :size="24" color="#00FF88" @click.stop="startTask(task)" />
-                            <SvgIcon class="icon" v-if="task.status != '5'" name="stop" :size="24" color="#d81e06"
-                                @click.stop="stopTask(task)" />
-                            <SvgIcon class="icon" v-if="task.status == '5'" name="remove" :size="24" color="#FFB300"
-                                @click.stop="removeTask(task)" />
-                        </div>
-                    </div>
-                    <div class="robot">手机：{{ task.phoneName }}</div>
-                    <div class="robot">车辆：{{ task.vehicleName }}</div>
-                    <el-progress :color="customColorMethod"
-                        :percentage="parseFloat(taskRunningInfo[task.id]?.progress?.toFixed(2)) || 0" />
-                </div>
-            </div>
-        </div>
-        <div class="right" ref="topContainerRef">
-            <div class="header">
-                <div class="label" :class="{ active: activePanel === 'current' }" @click="activePanel = 'current'">当前任务
-                </div>
-                <div class="label" :class="{ active: activePanel === 'history' }" @click="activePanel = 'history'">历史记录
-                </div>
-            </div>
-            <div ref="contextContainerRef" class="context-container">
-                <div v-if="activePanel === 'current'">
-                    <!-- 当前任务区域只展示左侧队列选中的任务，不再同时渲染全部执行中任务。 -->
-                    <div v-if="selectedRunTask" :key="selectedRunTask.id" class="task"
-                        :data-task-id="selectedRunTask.id">
-                        <div class="task-header">
-                            <div class="header-container">
-                                <div class="task-info">
-                                    <div class="title">{{ selectedRunTask.taskName }}</div>
-                                    <div class="id">ID: {{ selectedRunTask.taskId }}</div>
-                                </div>
-                                <div class="robot">
-                                    <div>手机：{{ selectedRunTask.phoneName }}</div>
-                                    <div>车辆：{{ selectedRunTask.vehicleName }}</div>
-                                    <div>开始时间: {{ formatDate(selectedRunTask.startTime) }}</div>
-                                </div>
-                            </div>
-                            <div>
-                                <el-tag :type="selectedRunTask.status === '3' ? 'primary' : 'warning'">
-                                    {{ taskStatusMap[selectedRunTask.status] || '未知状态' }}
-                                </el-tag>
-                            </div>
-                        </div>
-
-                        <div class="progress-label">执行进度</div>
-                        <el-progress :color="customColorMethod"
-                            :percentage="parseFloat(taskRunningInfo[selectedRunTask.id]?.progress?.toFixed(2)) || 0" />
-                        <taskSteps :list="pointList_runningTask[selectedRunTask.taskId]"
-                            :activeStep="taskRunningInfo[selectedRunTask.id]?.activeStep || 0" />
-                        <div ref="taskLogContainerRef" class="run-log-container">
-                            <div ref="taskLogTitleRef">执行日志</div>
-                            <!--
-                                taskId 用于查询检测项，taskStatus 用于在完成/失败/终止后推导最后一个已执行检测项的状态；
-                                两者与实例日志分开传入，避免把任务级字段重复写进每一条日志。
-                            -->
-                            <taskLog :height="taskLogHeight" :task-id="selectedRunTask.taskId"
-                                :task-status="selectedRunTask.status" :list="taskLogList[selectedRunTask.id]" />
-                        </div>
-                    </div>
-                    <el-empty v-else description="暂无任务" />
-                </div>
-                <div v-else-if="activePanel === 'history'">
-                    <div :style="containerHeight">
-                        <el-table v-loading="loading" height="100%" :data="tableDataList">
-                            <el-table-column align="center" label="任务名称" prop="taskName" show-overflow-tooltip />
-                            <el-table-column align="center" label="任务状态" prop="status">
-                                <template #default="scope">
-                                    <el-tag :type="scope.row.status === '0' ? 'success' : 'danger'">
-                                        {{ taskStatusMap[scope.row.status] || '未知状态' }}
-                                    </el-tag>
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="任务类型" prop="taskType">
-                                <template #default="scope">
-                                    <el-tag :type="scope.row.taskType === '1' ? 'primary' : 'success'">
-                                        {{ scope.row.taskType === '1' ? '巡检任务' : '讲解任务' }}
-                                    </el-tag>
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="机器人" prop="robotName" show-overflow-tooltip />
-                            <el-table-column align="center" label="开始时间" prop="startTime">
-                                <template #default="scope">
-                                    {{ formatDate(scope.row.startTime) }}
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" label="结束时间" prop="endTime">
-                                <template #default="scope">
-                                    {{ formatDate(scope.row.endTime) }}
-                                </template>
-                            </el-table-column>
-                            <el-table-column align="center" class-name="small-padding fixed-width" label="操作"
-                                width="260">
-                                <template #default="scope">
-                                    <el-button icon="Edit" link type="primary" @click="handleOpenLog(scope.row)">
-                                        日志
-                                    </el-button>
-                                    <el-button v-if="['0', '2'].includes(scope.row.status)" icon="RefreshRight" link
-                                        type="primary" :loading="rerunningId === scope.row.id" @click="handleRerun(scope.row)">
-                                        再次执行
-                                    </el-button>
-                                </template>
-                            </el-table-column>
-                        </el-table>
-
-                        <pagination v-show="total > 0" v-model:limit="queryParams.pageSize"
-                            v-model:page="queryParams.pageNum" :total="total" @pagination="getHistoryList" />
-                    </div>
-                </div>
-            </div>
-        </div>
-
-
-        <!-- 添加任务弹窗 -->
-        <el-dialog title="添加任务" v-model="open" width="500px" append-to-body>
-            <el-form ref="runTaskRef" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="选择任务" prop="taskId">
-                    <el-select v-model="form.taskId" placeholder="请选择任务" clearable style="width: 100%">
-                        <el-option v-for="task in taskList" :key="task.id" :label="task.taskName" :value="task.id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="选择手机" prop="phoneId">
-                    <el-select v-model="form.phoneId" placeholder="请选择手机" clearable style="width: 100%">
-                        <el-option v-for="phone in phoneList" :key="phone.id" :label="phone.phoneName"
-                            :value="phone.id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="选择车辆" prop="vehicleId">
-                    <el-select v-model="form.vehicleId" placeholder="请选择车辆" clearable style="width: 100%">
-                        <el-option v-for="vehicle in carList" :key="vehicle.id" :label="vehicle.vehicleName"
-                            :value="vehicle.id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                    <el-input type="textarea" v-model="form.remark" />
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="confirmTaskDialog">确 定</el-button>
-                    <el-button @click="cancelTaskDialog">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-
-        <el-dialog title="任务执行日志" v-model="logDialogVisible" width="800px" append-to-body>
-            <!--
-                历史弹窗没有 WebSocket 实时上下文，因此同时传入任务定义 ID 和历史终态；
-                日志组件据此补齐未执行项，并正确区分最后一项是完成、失败还是终止。
-            -->
-            <taskLog v-loading="logDialogLoading" :task-id="logDialogTaskId" :task-status="logDialogTaskStatus"
-                :list="logDialogData" :height="500" />
-        </el-dialog>
-
-        <el-dialog title="本次执行安排" v-model="startDialogVisible" width="820px" append-to-body>
-            <div class="start-dialog-content">
-                <div class="start-dialog-tip">手机和车辆沿用任务配置，这里只安排执行流程的机器人和设备。</div>
-                <div class="start-section-title">机器人和设备</div>
-                <RuntimeAssignmentsEditor ref="runtimeEditorRef" v-model="runtimeAssignments" :roles="runtimeRoles"/>
-                <div class="start-section-title start-section-title--params">运行参数</div>
-                <RuntimeParamsEditor ref="runtimeParamsEditorRef" :items="runtimeParamItems" />
-            </div>
-            <template #footer>
-                <el-button @click="startDialogVisible = false">取消</el-button>
-                <el-button type="primary" :loading="startSubmitting" @click="confirmStartTask">开始执行</el-button>
-            </template>
-        </el-dialog>
-    </div>
-</template>
-<script setup>
-import SvgIcon from "@/components/SvgIcon";
-import taskSteps from "./task-steps.vue";
-import taskLog from "./task-log.vue";
-import { fetchAllPagedRows } from '@/utils/pagedRequest'
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { getTaskList, getTestCaseByTaskId } from "@/api/intelligenceTest/taskManage";
-import { getPhoneList } from "@/api/intelligenceTest/mobilePhone";
-import { getVehicleList } from "@/api/intelligenceTest/car";
-import { computed, onMounted, onUnmounted } from "vue";
-import { useElementBounding, useElementSize } from '@vueuse/core'
-import { 
-    addTaskinstance,
-    getTaskinstanceList,
-    startTaskinstance,
-    rerunTaskinstance,
-    pauseTaskinstance,
-    stopTaskinstance,
-    resumeTaskinstance,
-    deleteTaskinstance,
-    getTaskLogListApi
-} from "@/api/intelligenceTest/runningTask";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { formatDate } from "@/utils/index";
-import { debounce } from 'lodash'; // 引入 lodash 的防抖函数
-import RuntimeAssignmentsEditor from '@/views/flow/components/RuntimeAssignmentsEditor.vue'
-import RuntimeParamsEditor from '@/views/flow/components/RuntimeParamsEditor.vue'
-import { getTaskConfig } from '@/api/test/config.js'
-import {
-    createRuntimeAssignments,
-    firstAssignedRobotId,
-    loadFlowItemScopedRuntimeRoles,
-} from '@/utils/flowExecution'
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-const contextContainerRef = ref(null)
-const taskLogContainerRef = ref(null)
-const taskLogTitleRef = ref(null)
-
-// 通过元素边界实时获取当前任务内容区底部和日志容器顶部，避免依赖固定的 460px。
-const { bottom: contextContainerBottom } = useElementBounding(contextContainerRef)
-const { top: taskLogContainerTop } = useElementBounding(taskLogContainerRef)
-const { height: taskLogTitleHeight } = useElementSize(taskLogTitleRef)
-
-const TASK_LOG_MARGIN_TOP = 12
-const CURRENT_TASK_BOTTOM_PADDING = 16
-const MIN_TASK_LOG_HEIGHT = 150
-
-/**
- * 计算当前任务页面中日志组件可以使用的剩余高度。
- *
- * 计算基准是右侧内容区的底部，而不是窗口高度，因此页面外层布局、浏览器窗口
- * 尺寸或右侧面板高度发生变化时都能得到正确结果。日志容器顶部到内容区底部之间，
- * 还需要扣除“执行日志”标题高度、taskLog 组件自身的上间距，以及当前任务卡片的
- * 底部内边距，确保日志不会覆盖任务卡片边界。元素尚未挂载时使用最低高度作为初始值，
- * 待 VueUse 完成首次测量后会自动更新为实际剩余高度。
- */
-const taskLogHeight = computed(() => {
-    const remainingHeight = contextContainerBottom.value
-        - taskLogContainerTop.value
-        - taskLogTitleHeight.value
-        - TASK_LOG_MARGIN_TOP
-        - CURRENT_TASK_BOTTOM_PADDING
-
-    return Math.max(MIN_TASK_LOG_HEIGHT, Math.floor(remainingHeight))
-})
-
-const socket = inject('ws');
-const startDialogVisible = ref(false)
-const startSubmitting = ref(false)
-const pendingStartTask = ref(null)
-const runtimeRoles = ref([])
-const runtimeAssignments = ref([])
-const runtimeEditorRef = ref()
-const runtimeParamItems = ref([])
-const runtimeParamsEditorRef = ref()
-const selectedTaskId = ref('')
-const rerunningId = ref('')
-
-const taskStatusMap = {
-    '0': '已完成',
-    '1': '执行中',
-    '2': '失败',
-    '3': '已暂停',
-    '4': '已终止',
-    '5': '未执行',
-}
-
-const form = reactive({
-    taskId: null,
-});
-
-const rules = reactive({
-    taskId: [{ required: true, message: '请选择任务', trigger: 'change' }],
-    phoneId: [{ required: true, message: '请选择手机', trigger: 'change' }],
-    vehicleId: [{ required: true, message: '请选择车辆', trigger: 'change' }],
-});
-
-const taskList = ref([]);
-const phoneList = ref([]);
-
-const runTaskList = ref([]);
-
-// 任务实例 ID 在接口和 WebSocket 中可能分别是数字或字符串，统一按字符串比较选中状态。
-const isSelectedTask = (task) => String(task?.id ?? '') === String(selectedTaskId.value)
-
-// 右侧当前任务始终从完整任务队列中取选中的一条，包括尚未执行、执行中和已暂停任务。
-const selectedRunTask = computed(() => runTaskList.value.find(isSelectedTask) || null)
-
-/**
- * 点击左侧任务卡片时切换右侧详情，并自动回到“当前任务”面板。
- * 卡片内部操作按钮使用 .stop 阻止冒泡，因此执行暂停/启动等命令时不会意外切换选择。
- */
-const selectTask = (task) => {
-    selectedTaskId.value = task.id
-    activePanel.value = 'current'
-}
-
-const normalizeTaskStatus = (tasks = []) => tasks.map(item => ({
-    ...item,
-    status: String(item.status),
-}))
-
-const getTaskData = () => {
-    getTaskList({
-        pageNum: 1,
-        pageSize: 10000,
-    }).then((res) => {
-        taskList.value = res.rows;
-    })
-}
-
-const getPhoneData = (mapId = null) => {
-    getPhoneList({
-        pageNum: 1,
-        pageSize: 10000
-    }).then((res) => {
-        phoneList.value = res.rows;
-    })
-}
-
-const carList = ref([])
-
-const getCarData = (mapId = null) => {
-    getVehicleList({
-        pageNum: 1,
-        pageSize: 10000
-    }).then((res) => {
-        carList.value = res.rows;
-    })
-}
-
-const open = ref(false);
-
-const addTask = () => {
-    open.value = true;
-}
-
-const runTaskRef = ref();
-/**
- * 确定添加执行任务
- */
-const confirmTaskDialog = () => {
-    runTaskRef.value.validate((valid) => {
-        if (valid) {
-            addTaskinstance(form).then(() => {
-                ElMessage.success("任务添加成功");
-                getList();
-                open.value = false;
-                runTaskRef.value.resetFields();
-            }).catch(() => {
-                ElMessage.error("任务添加失败");
-            })
-        }
-    });
-}
-
-const cancelTaskDialog = () => {
-    open.value = false;
-}
-
-
-/**
- * 获取任务队列，并维护当前选中任务：
- * 1. 首次加载默认选择队列第一条；
- * 2. 刷新后原任务仍在队列中则保持选择；
- * 3. 原任务已结束或被删除时回退到新的第一条，队列为空时清空选择。
- */
-const getList = () => {
-    return getTaskinstanceList({
-        statusList: ['1', '3', '5'],
-    }).then((res) => {
-        if (res.code === 200) {
-            const tasks = normalizeTaskStatus(res.rows)
-            runTaskList.value = tasks;
-            if (!tasks.some(isSelectedTask)) {
-                selectedTaskId.value = tasks[0]?.id ?? ''
-            }
-            for (let i = 0; i < runTaskList.value.length; i++) {
-                getCaseByTaskId(runTaskList.value[i].taskId)
-                getTaskLogList(runTaskList.value[i].id)
-            }
-        }
-    })
-}
-
-const handleRerun = async (task) => {
-    rerunningId.value = task.id
-    try {
-        const res = await rerunTaskinstance(task.id)
-        if (res.code === 200) {
-            selectedTaskId.value = String(res.data || '')
-            activePanel.value = 'current'
-            await getList()
-            await nextTick()
-            document.querySelector(`[data-task-id="${selectedTaskId.value}"]`)?.scrollIntoView({ behavior: 'smooth', block: 'center' })
-            ElMessage.success('已按上次参数创建并启动新任务')
-        }
-    } finally {
-        rerunningId.value = ''
-    }
-}
-
-const pointList_runningTask = ref({})
-/**
- * 获取正在执行任务的用例列表
- * @param taskId 
- */
-const getCaseByTaskId = async (taskId) => {
-    const res = await getTestCaseByTaskId(taskId)
-    if (res.code === 200) {
-        pointList_runningTask.value[taskId] = res.data
-    }
-}
-
-const taskLogList = ref({})
-
-/**
- * 获取正在执行任务的执行日志
- * @param taskInstanceId 
- */
-const getTaskLogList = async (taskInstanceId) => {
-    const res = await fetchAllPagedRows(getTaskLogListApi, { taskInstanceId })
-    if (res.code === 200) {
-        taskLogList.value[taskInstanceId] = res.rows
-    }
-}
-
-/**
- * 自定义进度条值不同区间所显示的颜色
- * @param percentage 
- */
-const customColorMethod = (percentage) => {
-    if (percentage < 30) {
-        return '#6f7ad3'
-    }
-    if (percentage < 70) {
-        return '#1989fa'
-    }
-    return '#67c23a'
-}
-
-const activePanel = ref('current');
-
-const tableDataList = ref([]);
-const loading = ref(false);
-const total = ref(0);
-
-const queryParams = reactive({
-    pageNum: 1,
-    pageSize: 10,
-});
-
-/**
- * 开始执行任务
- * @param task 
- */
-const startTask = async (task) => {
-    if (String(task.status) === '3') {
-        let res = await resumeTaskinstance(task.id);
-        if (res.code === 200) {
-            ElMessage.success("任务已恢复");
-            getList();
-        }
-    } else {
-        const taskDefinition = taskList.value.find(item => item.id === task.taskId)
-        if (!taskDefinition?.taskConfigId) {
-            ElMessage.warning('当前任务没有关联流程编排')
-            return
-        }
-        try {
-            const paramsResponse = await getTaskConfig({ taskId: taskDefinition.taskConfigId })
-            const paramItems = paramsResponse.rows || []
-            const roles = await loadFlowItemScopedRuntimeRoles(paramItems)
-            runtimeAssignments.value = createRuntimeAssignments(roles)
-            runtimeRoles.value = roles
-            runtimeParamItems.value = paramItems
-            pendingStartTask.value = task
-            startDialogVisible.value = true
-        } catch (error) {
-            ElMessage.error(error.message || '工作流执行资源加载失败')
-        }
-    }
-}
-
-const confirmStartTask = async () => {
-    const assignmentError = runtimeEditorRef.value?.validate()
-    if (assignmentError) {
-        ElMessage.warning(assignmentError)
-        return
-    }
-    const paramsValid = await runtimeParamsEditorRef.value?.validate()
-    if (paramsValid === false) {
-        ElMessage.warning('请完整填写运行参数')
-        return
-    }
-    startSubmitting.value = true
-    try {
-        const robotId = firstAssignedRobotId(runtimeAssignments.value)
-        const res = await startTaskinstance(pendingStartTask.value.id, {
-            robotId,
-            runtimeAssignments: runtimeAssignments.value,
-            runParams: runtimeParamsEditorRef.value?.getRunParams() || {}
-        })
-        if (res.code === 200) {
-            ElMessage.success('任务已开始')
-            startDialogVisible.value = false
-            getList()
-        }
-    } finally {
-        startSubmitting.value = false
-    }
-}
-
-/**
- * 暂停执行任务
- * @param task 
- */
-const pauseTask = async (task) => {
-    let res = await pauseTaskinstance(task.id);
-    if (res.code === 200) {
-        ElMessage.success("任务已暂停");
-        getList();
-    }
-}
-
-/**
- * 停止执行任务
- * @param task 
- */
-const stopTask = async (task) => {
-    let res = await stopTaskinstance(task.id);
-    if (res.code === 200) {
-        ElMessage.success("任务已停止");
-        getList();
-    }
-}
-
-/**
- * 删除执行任务
- * @param task 
- */
-const removeTask = async (task) => {
-    ElMessageBox.confirm('确定要删除该任务吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
-    }).then(async () => {
-        let res = await deleteTaskinstance(task.id);
-        if (res.code === 200) {
-            ElMessage.success("任务已删除");
-            getList();
-        }
-    }).catch(() => {
-        // 取消删除
-    });
-}
-
-/**
- * 获取历史执行任务
- */
-const getHistoryList = () => {
-    loading.value = true;
-    getTaskinstanceList({
-        statusList: ['0', '2', '4'],
-        pageNum: queryParams.pageNum,
-        pageSize: queryParams.pageSize,
-    }).then((res) => {
-        if (res.code === 200) {
-            tableDataList.value = normalizeTaskStatus(res.rows);
-            total.value = res.total;
-        }
-        loading.value = false;
-    }).catch(() => {
-        loading.value = false;
-    });
-}
-
-const taskRunningInfo = ref({})
-
-const socketChannelCallbacks = ref({})
-const channel = 'AimaTaskInstance';
-
-/**
- * 订阅websocket
- */
-const subscribeDebounced = debounce(async (sub) => {
-    if (!socket) {
-        console.warn(`执行任务订阅失败: socket=${!!socket}`);
-        return;
-    }
-
-    socket.send({
-        type: 'channel_subscription',
-        action: sub ? 'subscribe' : 'unsubscribe',
-        channel,
-    });
-
-    if (sub) {
-        await nextTick();
-        // 清理旧回调
-        if (socketChannelCallbacks.value[channel]) {
-            socket.off(channel, socketChannelCallbacks.value[channel]);
-        }
-
-        const callback = (data) => {
-            if (data !== '500') {
-                // 统一处理数字和字符串状态。0=完成、2=失败、4=终止，均属于任务实例终态。
-                // 终态消息只触发列表刷新，不作为普通节点日志追加，否则会产生一个无法归属检测项的伪日志。
-                const status = Number(data.status)
-                const terminal = [0, 2, 4].includes(status)
-                if (!terminal) {
-                    const steps = pointList_runningTask.value[data.taskId] || []
-                    let activeStep = Number.isInteger(data.itemOrder) && data.itemOrder > 0
-                        ? data.itemOrder - 1
-                        : Math.max(steps.findIndex(item => item.detectItemId === data.itemId), 0)
-                    if (data.progress == 100) {
-                        activeStep += 1
-                    }
-                    taskRunningInfo.value[data.taskInstanceId] = {
-                        ...data,
-                        activeStep
-                    }
-                    if (!taskLogList.value[data.taskInstanceId]) {
-                        taskLogList.value[data.taskInstanceId] = []
-                    }
-                    taskLogList.value[data.taskInstanceId].push({
-                        ...data
-                    })
-                } else {
-                    // 清除实时缓存后重新查询任务队列和历史记录，让最终状态与后端持久化结果保持一致。
-                    delete taskRunningInfo.value[data.taskInstanceId]
-                    delete taskLogList.value[data.taskInstanceId]
-                    getList()
-                    getHistoryList()
-                }
-            } else {
-                // 错误处理：取消订阅后重新订阅
-                subscribeDebounced(false);
-                subscribeDebounced(true);
-            }
-        };
-        socket.on(channel, callback);
-        socketChannelCallbacks.value[channel] = callback;
-    } else {
-        if (socketChannelCallbacks.value[channel]) {
-            socket.off(channel, socketChannelCallbacks.value[channel]);
-            delete socketChannelCallbacks.value[channel];
-        }
-    }
-}, 300);
-
-const logDialogVisible = ref(false)
-const logDialogData = ref([])
-
-// 历史表格行里的 taskId 是任务定义 ID；日志组件使用它查询本次任务包含的全部检测项。
-const logDialogTaskId = ref('')
-
-// 保存当前历史实例的终态，供日志组件判断最后一个产生过日志的检测项是完成、失败还是被终止。
-const logDialogTaskStatus = ref(null)
-const logDialogLoading = ref(false)
-let logDialogRequestId = 0
-const handleOpenLog = async (row) => {
-    const requestId = ++logDialogRequestId
-    logDialogVisible.value = true
-
-    // 在请求实例日志前先更新 taskId，让检测项请求与日志请求并行执行，减少弹窗等待时间。
-    logDialogTaskId.value = row.taskId
-
-    // 状态与 taskId 同步切换，防止连续打开不同历史任务时短暂沿用上一个实例的状态。
-    logDialogTaskStatus.value = row.status
-    logDialogData.value = []
-    logDialogLoading.value = true
-    try {
-        const res = await fetchAllPagedRows(getTaskLogListApi, { taskInstanceId: row.id })
-        if (requestId === logDialogRequestId && res.code === 200) {
-            logDialogData.value = res.rows
-        }
-    } finally {
-        if (requestId === logDialogRequestId) logDialogLoading.value = false
-    }
-}
-const refreshAfterSocketReconnect = () => {
-    getList()
-    getHistoryList()
-}
-onMounted(() => {
-    getTaskData();
-    getPhoneData();
-    getCarData()
-    getList();
-    getHistoryList();
-    subscribeDebounced(true)
-    socket?.on('open', refreshAfterSocketReconnect)
-})
-
-onUnmounted(() => {
-    subscribeDebounced(false)
-    socket?.off('open', refreshAfterSocketReconnect)
-})
-</script>
-<style lang="scss" scoped>
-.page-container {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    gap: 12px;
-
-    .left {
-        width: 25%;
-        height: 100%;
-        background: #fff;
-        padding: 16px;
-
-        .header {
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            padding-bottom: 16px;
-            border-bottom: 1px solid #eee;
-        }
-
-        .taskList-container {
-            margin-top: 16px;
-            height: calc(100% - 100px);
-            overflow-y: auto;
-
-            .task-item {
-                padding: 12px;
-                background: #fafafa;
-                box-shadow: inset 0 0 0 1px #eee;
-                border-radius: 8px;
-                margin-bottom: 16px;
-                cursor: pointer;
-                transition: background-color 0.2s ease, box-shadow 0.2s ease;
-
-                &:hover {
-                    background: var(--el-fill-color-light);
-                }
-
-                &.is-selected {
-                    background: var(--el-color-primary-light-9);
-                    box-shadow: inset 0 0 0 2px var(--el-color-primary);
-                }
-
-                .task-content {
-                    display: flex;
-                    justify-content: space-between;
-                    align-items: center;
-
-                    .task-title {
-                        font-size: 16px;
-                        font-weight: bold;
-                    }
-
-                    .task-actions {
-                        display: flex;
-                        gap: 8px;
-
-                        .icon {
-                            cursor: pointer;
-                        }
-                    }
-                }
-
-                .robot {
-                    margin-top: 8px;
-                    color: #666;
-                }
-            }
-        }
-    }
-
-    .right {
-        flex: 1;
-        padding: 16px;
-        background: #fff;
-        overflow: hidden;
-
-        .header {
-            display: flex;
-            margin-bottom: 16px;
-            border-bottom: 1px solid #eee;
-
-            .label {
-                font-size: 16px;
-                font-weight: bold;
-                color: #333;
-                cursor: pointer;
-                box-shadow: inset 0 0 0 1px #eee;
-                padding: 10px;
-            }
-
-            .active {
-                color: #409eff;
-                box-shadow: inset 0 0 0 1px #409eff;
-            }
-        }
-
-        .context-container {
-            height: calc(100% - 40px);
-            overflow: auto;
-        }
-
-        .task {
-            padding: 16px;
-            background: #fafafa;
-            border-radius: 20px;
-            margin-bottom: 12px;
-
-            .task-header {
-                display: flex;
-                justify-content: space-between;
-                align-items: center;
-
-                .task-info {
-                    display: flex;
-                    gap: 40px;
-
-                    .title {
-                        font-size: 18px;
-                        font-weight: bold;
-                    }
-
-                    .id {
-                        color: #666;
-                        font-size: 14px;
-                        margin: 8px 0;
-                    }
-                }
-
-                .robot {
-                    display: flex;
-                    align-items: center;
-                    gap: 50px;
-                    color: #666;
-                    font-size: 14px;
-                }
-            }
-
-
-
-            .progress-label {
-                margin-top: 12px;
-                color: #666;
-                font-size: 14px;
-                font-weight: bold;
-            }
-        }
-    }
-}
-
-.start-dialog-tip {
-    margin-bottom: 12px;
-    padding: 10px 12px;
-    border-left: 3px solid var(--el-color-primary);
-    background: var(--el-fill-color-light);
-    color: var(--el-text-color-secondary);
-    font-size: 13px;
-}
-
-.start-dialog-content {
-    max-height: 65vh;
-    padding-right: 6px;
-    overflow-y: auto;
-}
-
-.start-section-title {
-    margin: 16px 0 10px;
-    color: var(--el-text-color-primary);
-    font-size: 15px;
-    font-weight: 600;
-}
-
-.start-section-title--params {
-    margin-top: 22px;
-}
-</style>
diff --git a/src/views/intelligenceTest/runningTask/task-log.vue b/src/views/intelligenceTest/runningTask/task-log.vue
deleted file mode 100644
index 562bff7..0000000
--- a/src/views/intelligenceTest/runningTask/task-log.vue
+++ /dev/null
@@ -1,641 +0,0 @@
-<template>
-  <div class="task-log" :style="{ height: `${height}px` }">
-    <!-- 折叠状态下只保留检测项名称和状态两列，节点日志不会提前占用页面空间。 -->
-    <div class="task-log__heading">
-      <span>检测项</span>
-      <span>状态</span>
-    </div>
-
-    <div v-if="loading" class="task-log__empty">检测项加载中...</div>
-    <div v-else-if="!groups.length" class="task-log__empty">暂无检测项</div>
-    <div v-else class="task-log__groups">
-      <section v-for="(group, index) in groups" :key="group.key" class="task-log__group">
-        <!-- 整行都可以点击；aria-expanded 同步当前展开状态，便于键盘和辅助技术识别。 -->
-        <button
-          type="button"
-          class="task-log__group-header"
-          :aria-expanded="isExpanded(group.key)"
-          @click="toggleGroup(group.key)"
-        >
-          <el-icon class="task-log__expand-icon" :class="{ 'is-expanded': isExpanded(group.key) }">
-            <ArrowRight />
-          </el-icon>
-          <span class="task-log__order">{{ String(index + 1).padStart(2, '0') }}</span>
-          <!-- 同一个检测项被任务重复编排时保留原名称，并用“第 N 次”明确区分每个执行分组。 -->
-          <span class="task-log__name" :title="group.fullName">
-            {{ group.name }}
-            <span v-if="group.repeatLabel" class="task-log__repeat">{{ group.repeatLabel }}</span>
-          </span>
-          <!-- 执行状态和分析结论是两个维度：前者表示流程是否执行完成，后者表示检测结果是否通过。 -->
-          <span class="task-log__statuses">
-            <el-tag v-if="group.analysisStatus" :type="group.analysisStatus.type" effect="plain" size="small">
-              {{ group.analysisStatus.label }}
-            </el-tag>
-            <el-tag :type="group.status.type" size="small">{{ group.status.label }}</el-tag>
-          </span>
-        </button>
-
-        <!-- 展开后只把当前检测项已经归类的节点日志交给通用日志组件渲染。 -->
-        <div v-if="isExpanded(group.key)" class="task-log__details">
-          <div class="task-log__details-heading">
-            <span>执行过程</span>
-          </div>
-          <TaskExecutionLog
-            v-if="group.logs.length"
-            :list="group.logs"
-            :height="logHeight(group.logs)"
-            mode="user"
-          />
-          <div v-else class="task-log__details-empty">该检测项暂未产生节点日志</div>
-        </div>
-      </section>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { computed, ref, watch } from 'vue'
-import { ArrowRight } from '@element-plus/icons-vue'
-import { getTestCaseByTaskId } from '@/api/intelligenceTest/taskManage'
-import TaskExecutionLog from '@/views/flow/components/TaskExecutionLog.vue'
-
-/**
- * taskId: 任务定义 ID，用于查询该任务绑定的全部检测项。
- * taskStatus: 当前任务实例状态，用于历史任务结束后判断最后一个有日志的检测项最终状态。
- * list: 当前任务实例产生的日志，检测项加载完成后会按 itemId/itemOrder 分组。
- * items: 可选的外部检测项数据；传入后优先使用，可避免父组件已经查询时重复请求。
- * height: 整个检测项日志区域的固定高度，内部超出部分滚动显示。
- */
-const props = defineProps({
-  taskId: { type: [String, Number], default: '' },
-  taskStatus: { type: [String, Number], default: null },
-  list: { type: Array, default: () => [] },
-  items: { type: Array, default: () => [] },
-  height: { type: Number, default: 150 },
-})
-
-// taskItems 保存根据 taskId 查询到的检测项；items prop 存在时不会使用这里的数据。
-const taskItems = ref([])
-const loading = ref(false)
-
-// 默认 Set 为空，因此所有检测项初始都是折叠状态，符合“默认只展示检测项和状态”的要求。
-const expandedKeys = ref(new Set())
-
-// 每次检测项请求递增版本号，只允许最后一次请求更新页面，避免快速切换任务时旧结果覆盖新任务。
-let requestId = 0
-
-/**
- * 接口中的 ID 可能是数字或字符串。统一转为字符串后再比较，避免 1 与 "1" 无法匹配。
- * null、undefined 和空字符串都视为无效 ID，不参与日志分组。
- */
-const valueOf = (value) => value === null || value === undefined || value === '' ? '' : String(value)
-
-/**
- * actualResult、extraInfo 在不同日志来源中可能是对象，也可能是 JSON 字符串。
- * 解析失败时返回空对象，让单条异常日志不会中断整个检测项列表的渲染。
- */
-const parseObject = (value) => {
-  if (!value) return {}
-  if (typeof value === 'object') return value
-  try {
-    const parsed = JSON.parse(value)
-    return parsed && typeof parsed === 'object' ? parsed : {}
-  } catch {
-    return {}
-  }
-}
-
-// 标准化、过滤空值并去重，防止同一个 ID 的多个字段别名重复建立索引。
-const uniqueValues = (values) => [...new Set(values.map(valueOf).filter(Boolean))]
-
-/**
- * 生成检测项所有可能的关联键。
- * 当前业务主要使用 detectItemId，但保留 itemId/testCaseId/caseId/id，兼容历史数据和不同接口 DTO。
- */
-const itemKeysOf = (item) => uniqueValues([
-  item?.detectItemId,
-  item?.itemId,
-  item?.testCaseId,
-  item?.caseId,
-  item?.id,
-])
-
-/**
- * 生成日志所有可能的检测项关联键。
- * 除日志顶层字段外，也读取 actualResult 和 extraInfo，兼容节点执行器把上下文放进扩展字段的情况。
- */
-const logKeysOf = (log) => {
-  const actualResult = parseObject(log?.actualResult)
-  const extraInfo = parseObject(log?.extraInfo)
-
-  // 新版执行器把重复检测项的归属信息写入 actualResult._executionContext，旧版顶层字段仍继续兼容。
-  const executionContext = parseObject(actualResult?._executionContext)
-  return uniqueValues([
-    log?.itemId,
-    log?.detectItemId,
-    log?.testItemId,
-    log?.testCaseId,
-    log?.caseId,
-    log?.item?.id,
-    log?.item?.detectItemId,
-    actualResult.itemId,
-    actualResult.detectItemId,
-    executionContext.itemId,
-    extraInfo.itemId,
-    extraInfo.detectItemId,
-  ])
-}
-
-/**
- * 提取日志在任务编排中的位置。
- * 顶层 itemOrder/itemOccurrence 优先，因为它们是日志接口的正式字段；缺失时再读取
- * actualResult._executionContext，以兼容由节点执行结果携带上下文的新格式。
- */
-const logExecutionContextOf = (log) => {
-  const actualResult = parseObject(log?.actualResult)
-  const context = parseObject(actualResult?._executionContext)
-  return {
-    itemOrder: log?.itemOrder ?? context.itemOrder,
-    itemOccurrence: log?.itemOccurrence ?? context.itemOccurrence,
-  }
-}
-
-// 检测项名称优先使用任务用例名称，其他字段作为不同后端版本的兼容回退。
-const nameOf = (item) => item?.caseName || item?.detectName || item?.itemName || item?.name || '未命名检测项'
-
-/**
- * 提取执行节点名称，用于展开区域的节点汇总。
- * 如果没有可读名称，最后使用 nodeId，至少能让用户定位到具体流程节点。
- */
-const nodeNameOf = (log) => {
-  const actualResult = parseObject(log?.actualResult)
-  const extraInfo = parseObject(log?.extraInfo)
-  return log?.nodeName
-    || log?.nodeTitle
-    || log?.node?.name
-    || log?.node?.nodeName
-    || actualResult.nodeName
-    || extraInfo.nodeName
-    || log?.nodeId
-    || ''
-}
-
-// 状态统一转为小写字符串，使数字枚举和英文状态值可以使用同一套判断逻辑。
-const normalizedStatus = (value) => String(value ?? '').trim().toLowerCase()
-
-/**
- * 判断一条节点日志是否明确表示“当前检测项执行结束”。
- * 只有结束节点（nodeType=END）的完成事件（eventType=NODE_COMPLETED）才算检测项完成，
- * 普通业务节点完成只代表流程推进，不能提前把整个检测项标记为已完成。
- */
-const isItemCompletionLog = (log) => {
-  const actualResult = parseObject(log?.actualResult)
-  const context = parseObject(actualResult?._executionContext)
-  return String(context.eventType || '').toUpperCase() === 'NODE_COMPLETED'
-    && String(context.nodeType || '').toUpperCase() === 'END'
-}
-
-/**
- * 根据一个检测项下的全部日志推导检测项状态。
- * 优先级为：失败 > 终止 > 暂停 > 完成 > 执行中；没有日志时固定为“未执行”。
- * 对已经结束的任务，还会结合任务终态和“最后一个有日志的检测项”判断失败/终止落在哪一项；
- * 完成状态最后再兼容状态字段、结束节点事件、progress=100 以及 completed/finished 布尔标记。
- */
-const statusOf = (logs, execution = {}) => {
-  if (!logs.length) return { label: '未执行', type: 'info' }
-
-  const statuses = logs.flatMap((log) => [
-    log?.itemStatus,
-    log?.executionStatus,
-    log?.runStatus,
-    log?.resultStatus,
-    log?.state,
-    log?.status,
-  ].map(normalizedStatus))
-
-  if (statuses.some((status) => ['2', 'failed', 'failure', 'error', 'exception'].includes(status))) {
-    return { label: '执行失败', type: 'danger' }
-  }
-  if (statuses.some((status) => ['4', 'stopped', 'terminated', 'aborted'].includes(status))) {
-    return { label: '已终止', type: 'warning' }
-  }
-  if (statuses.some((status) => ['3', 'paused', 'pause'].includes(status))) {
-    return { label: '已暂停', type: 'warning' }
-  }
-
-  // taskStatus 为空时用 NaN 表示“无任务级结论”，避免 Number(null) 被错误转换为完成状态 0。
-  const taskStatus = execution.taskStatus === null || execution.taskStatus === undefined || execution.taskStatus === ''
-    ? Number.NaN
-    : Number(execution.taskStatus)
-
-  // 整个任务正常完成时，所有实际产生过日志的检测项都可视为已完成。
-  if (taskStatus === 0) return { label: '已完成', type: 'success' }
-
-  // 任务失败时，最后一个有日志的检测项视为失败；它之前的检测项已经顺序执行完成。
-  if (taskStatus === 2) {
-    return execution.groupIndex < execution.lastLoggedIndex
-      ? { label: '已完成', type: 'success' }
-      : { label: '执行失败', type: 'danger' }
-  }
-
-  // 任务被终止时采用同样的位置规则，仅将当时正在执行的最后一项标记为“已终止”。
-  if (taskStatus === 4) {
-    return execution.groupIndex < execution.lastLoggedIndex
-      ? { label: '已完成', type: 'success' }
-      : { label: '已终止', type: 'warning' }
-  }
-
-  // 对仍在运行的任务，只要后续检测项已经产生日志，当前项就必然已经按顺序执行完成。
-  if (execution.groupIndex < execution.lastLoggedIndex) {
-    return { label: '已完成', type: 'success' }
-  }
-  if (logs.some(isItemCompletionLog)) {
-    return { label: '已完成', type: 'success' }
-  }
-  if (
-    statuses.some((status) => ['0', 'success', 'succeeded', 'completed', 'complete', 'finished'].includes(status))
-    || logs.some((log) => Number(log?.progress) >= 100 || log?.completed === true || log?.finished === true)
-  ) {
-    return { label: '已完成', type: 'success' }
-  }
-  return { label: '执行中', type: 'primary' }
-}
-
-/**
- * 将分析结果中的布尔值规范为 true/false/null。
- * 部分接口会返回字符串 "true"/"false"；null 表示字段缺失或值无法识别，调用方应继续尝试其他结论字段。
- */
-const booleanValue = (value) => {
-  if (value === true || value === false) return value
-  if (typeof value === 'string') {
-    if (value.toLowerCase() === 'true') return true
-    if (value.toLowerCase() === 'false') return false
-  }
-  return null
-}
-
-/**
- * 从单条日志中提取分析判定：true=通过、false=不通过、null=这不是分析日志。
- * 识别范围包含音视频 analysisType/profileCode、analysisStatus、passed、matched 和旧版 testStatus。
- * 判定优先级为：分析执行失败 > passed > matched > testStatus，避免旧字段覆盖更明确的新字段。
- */
-const analysisVerdictOf = (log) => {
-  const output = {
-    ...parseObject(log?.actualResult),
-    ...parseObject(log?.extraInfo),
-  }
-  const testStatus = String(log?.testStatus ?? '')
-  const analysisType = String(output.analysisType || '').toUpperCase()
-  const profileCode = String(output.profileCode || '').toLowerCase()
-  // 通用图片分析只返回提示词要求的内容，不承担检测项通过/不通过判定。
-  if (analysisType.includes('IMAGE') || profileCode.includes('image')) return null
-  // 其余展示判定仍限定在音频/视频分析结果内，避免普通执行日志误入检测结论。
-  const hasAnalysis = Boolean(
-    analysisType.includes('AUDIO') || analysisType.includes('VIDEO')
-    || profileCode.includes('audio') || profileCode.includes('video')
-    || output.analysisStatus
-    || output.passed !== undefined || output.matched !== undefined
-    || ['1', '2'].includes(testStatus)
-  )
-  if (!hasAnalysis) return null
-  const analysisStatus = String(output.analysisStatus || '').toUpperCase()
-  if (['FAILED', 'ERROR'].includes(analysisStatus)) return false
-  const passed = booleanValue(output.passed)
-  if (passed !== null) return passed
-  const matched = booleanValue(output.matched)
-  if (matched !== null) return matched
-  if (testStatus === '1') return true
-  return false
-}
-
-/**
- * 汇总一个检测项下的全部分析日志。
- * 没有分析日志时不展示结论标签；只要任意一次分析不通过，检测项结论就是“不通过”。
- */
-const analysisStatusOf = (logs) => {
-  const verdicts = logs.map(analysisVerdictOf).filter((value) => value !== null)
-  if (!verdicts.length) return null
-  return verdicts.every(Boolean)
-    ? { label: '通过', type: 'success' }
-    : { label: '不通过', type: 'danger' }
-}
-
-// 父组件明确传入 items 时直接使用，否则使用 taskId 请求到的检测项。
-const taskItemsSource = computed(() => props.items.length ? props.items : taskItems.value)
-
-/**
- * 将“检测项列表”和“任务实例日志”合并成页面需要的分组结构：
- * 1. 先为每个检测项创建空分组，保证尚未执行的检测项也能显示；
- * 2. 对重复编排的同一检测项记录出现次数，并建立一个 ID 对应多个候选分组的索引；
- * 3. 按 itemOrder、历史 progress、itemOccurrence/ID 的优先级把每条日志放入对应分组；
- * 4. 最后计算节点名称、流程执行状态和分析结论。
- */
-const groups = computed(() => {
-  // occurrenceByItemKey 记录当前遍历到第几次，totalByItemKey 用于判断是否需要显示“第 N 次”。
-  const occurrenceByItemKey = new Map()
-  const totalByItemKey = new Map()
-  taskItemsSource.value.forEach((item) => {
-    const primaryKey = itemKeysOf(item)[0]
-    if (primaryKey) totalByItemKey.set(primaryKey, (totalByItemKey.get(primaryKey) || 0) + 1)
-  })
-
-  // 每个检测项先建立空日志数组，所以初始状态能够由 statusOf 正确显示为“未执行”。
-  const result = taskItemsSource.value.map((item, index) => {
-    const primaryKey = itemKeysOf(item)[0] || `item-${index}`
-    const occurrence = (occurrenceByItemKey.get(primaryKey) || 0) + 1
-    occurrenceByItemKey.set(primaryKey, occurrence)
-    const repeated = (totalByItemKey.get(primaryKey) || 0) > 1
-    const repeatLabel = repeated ? `第 ${occurrence} 次` : ''
-    const name = nameOf(item)
-    return {
-      // key 同时包含编排顺序、检测项 ID 和出现次数，重复检测项也能保持独立的展开状态。
-      key: `order-${index + 1}:${primaryKey}:${occurrence}`,
-      name,
-      fullName: repeatLabel ? `${name}（${repeatLabel}）` : name,
-      itemKeys: itemKeysOf(item),
-      occurrence,
-      repeatLabel,
-      logs: [],
-    }
-  })
-  const keyToGroups = new Map()
-
-  // 一个检测项 ID 可能对应多个重复执行分组，因此索引值必须是候选数组，不能只保存第一个分组。
-  taskItemsSource.value.forEach((item, index) => {
-    const group = result[index]
-    itemKeysOf(item).forEach((key) => {
-      if (!keyToGroups.has(key)) keyToGroups.set(key, [])
-      keyToGroups.get(key).push(group)
-    })
-  })
-
-  const unmatchedLogs = []
-  props.list.forEach((log) => {
-    const executionContext = logExecutionContextOf(log)
-    const order = Number(executionContext.itemOrder)
-    const occurrence = Number(executionContext.itemOccurrence)
-
-    // 第一优先级：itemOrder 是任务内的 1 基绝对序号，存在时可以直接定位，包括重复编排的检测项。
-    const orderedGroup = Number.isInteger(order) && order > 0 ? result[order - 1] : null
-
-    // 第二优先级：旧持久化日志没有 itemOrder，但任务 progress 单调递增，可按检测项总数反推出所在区间。
-    // 反推后还要校验日志 ID 是否属于该分组，防止进度精度或边界值把日志分配给错误检测项。
-    const progress = Number(log?.progress)
-    const progressOrder = Number.isFinite(progress) && progress > 0 && result.length
-      ? Math.max(1, Math.min(result.length, Math.ceil(progress * result.length / 100)))
-      : 0
-    const progressGroup = progressOrder > 0 ? result[progressOrder - 1] : null
-    const logKeys = logKeysOf(log)
-    const compatibleProgressGroup = progressGroup
-      && logKeys.some((key) => progressGroup.itemKeys.includes(key))
-      ? progressGroup
-      : null
-
-    // 第三优先级：使用 itemId 等兼容键查找候选分组；如果上下文带 itemOccurrence，
-    // 选择对应的第 N 个候选，否则退回第一个，兼容完全没有执行上下文的最早期日志。
-    const matchedGroup = orderedGroup || compatibleProgressGroup || logKeys.map((key) => {
-      const candidates = keyToGroups.get(key) || []
-      return Number.isInteger(occurrence) && occurrence > 0
-        ? candidates[occurrence - 1]
-        : candidates[0]
-    }).find(Boolean)
-    if (matchedGroup) matchedGroup.logs.push(log)
-    else unmatchedLogs.push(log)
-  })
-
-  // 最后一个有日志的索引用于解释任务级失败/终止状态：顺序执行模型下，更早的分组已完成，最后一组是中断点。
-  const lastLoggedIndex = result.reduce((lastIndex, group, index) => (
-    group.logs.length ? index : lastIndex
-  ), -1)
-
-  // 无法关联的日志不能静默丢失，统一放入兜底分组，便于发现后端字段或历史数据问题。
-  // if (unmatchedLogs.length) {
-  //   result.push({
-  //     key: 'unmatched',
-  //     name: '未关联检测项',
-  //     fullName: '未关联检测项',
-  //     itemKeys: [],
-  //     repeatLabel: '',
-  //     logs: unmatchedLogs,
-  //   })
-  // }
-
-  // 页面最终消费的分组在这里统一补齐节点摘要、执行状态和分析结论，模板不再重复计算业务规则。
-  return result.map((group, index) => ({
-    ...group,
-    nodeNames: uniqueValues(group.logs.map(nodeNameOf)),
-    status: statusOf(group.logs, {
-      groupIndex: index,
-      lastLoggedIndex,
-      taskStatus: props.taskStatus,
-    }),
-    analysisStatus: analysisStatusOf(group.logs),
-  }))
-})
-
-const isExpanded = (key) => expandedKeys.value.has(key)
-
-// 使用新 Set 替换旧值，确保 Vue 能可靠追踪集合变化并立即更新展开区域。
-const toggleGroup = (key) => {
-  const next = new Set(expandedKeys.value)
-  if (next.has(key)) next.delete(key)
-  else next.add(key)
-  expandedKeys.value = next
-}
-
-// 展开日志设置最小、最大高度；少量日志不会留出大块空白，大量日志则在内部滚动。
-const logHeight = (logs) => Math.max(120, Math.min(320, 78 + logs.length * 58))
-
-/**
- * 根据任务定义 ID 查询其绑定的检测项。
- * 当 taskId 为空或父组件已经传入 items 时不发请求；请求结束前再次切换任务时，
- * 通过 currentRequestId 与全局 requestId 比较，忽略已经过期的响应和 loading 状态更新。
- */
-const loadTaskItems = async (taskId) => {
-  const currentRequestId = ++requestId
-  if (!taskId || props.items.length) {
-    taskItems.value = []
-    loading.value = false
-    return
-  }
-
-  loading.value = true
-  try {
-    const res = await getTestCaseByTaskId(taskId)
-    if (currentRequestId === requestId) {
-      taskItems.value = Array.isArray(res?.data) ? res.data : Array.isArray(res?.rows) ? res.rows : []
-    }
-  } catch {
-    if (currentRequestId === requestId) taskItems.value = []
-  } finally {
-    if (currentRequestId === requestId) loading.value = false
-  }
-}
-
-// immediate 保证组件首次拿到 taskId 时立即查询，而不需要父组件额外触发初始化方法。
-watch(() => props.taskId, loadTaskItems, { immediate: true })
-
-// 检测项切换后清除已经不存在的展开 key，避免新任务意外继承旧任务的展开状态。
-watch(() => groups.value.map((group) => group.key), (keys) => {
-  expandedKeys.value = new Set([...expandedKeys.value].filter((key) => keys.includes(key)))
-})
-</script>
-
-<style scoped lang="scss">
-.task-log {
-  margin-top: 12px;
-  overflow-y: auto;
-  background: #fff;
-  border: 1px solid #eee;
-  border-radius: 8px;
-}
-
-.task-log__heading,
-.task-log__group-header {
-  display: grid;
-  grid-template-columns: 22px 34px minmax(0, 1fr) auto;
-  gap: 8px;
-  align-items: center;
-}
-
-.task-log__heading {
-  padding: 10px 14px;
-  color: #98a2b3;
-  font-size: 12px;
-  border-bottom: 1px solid #f0f2f5;
-}
-
-.task-log__heading span:first-child {
-  grid-column: 3;
-}
-
-.task-log__heading span:last-child {
-  grid-column: 4;
-}
-
-.task-log__groups {
-  padding: 0 8px 8px;
-}
-
-.task-log__group {
-  border-bottom: 1px solid #f0f2f5;
-}
-
-.task-log__group:last-child {
-  border-bottom: 0;
-}
-
-.task-log__group-header {
-  width: 100%;
-  min-height: 48px;
-  padding: 8px 6px;
-  color: #344054;
-  text-align: left;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-}
-
-.task-log__group-header:hover {
-  background: #f8fafc;
-}
-
-.task-log__expand-icon {
-  color: #98a2b3;
-  transition: transform 0.2s ease;
-}
-
-.task-log__expand-icon.is-expanded {
-  transform: rotate(90deg);
-}
-
-.task-log__order {
-  color: #98a2b3;
-  font-size: 12px;
-  font-variant-numeric: tabular-nums;
-}
-
-.task-log__name {
-  min-width: 0;
-  overflow: hidden;
-  font-size: 14px;
-  font-weight: 500;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.task-log__repeat {
-  // 重复次数作为名称的辅助信息，视觉权重低于检测项主名称。
-  display: inline-block;
-  margin-left: 6px;
-  color: #409eff;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.task-log__statuses {
-  // 状态区域允许换行，窄屏下两个标签不会挤压或遮挡检测项名称。
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-  justify-self: end;
-}
-
-.task-log__details {
-  margin: 0 6px 10px 64px;
-  padding: 10px 12px 12px;
-  background: #f8fafc;
-  border-left: 2px solid #d0d5dd;
-}
-
-.task-log__details-heading {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  color: #475467;
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.task-log__details-count,
-.task-log__nodes {
-  color: #98a2b3;
-  font-size: 12px;
-  font-weight: 400;
-}
-
-.task-log__nodes {
-  margin-top: 6px;
-  line-height: 18px;
-  word-break: break-word;
-}
-
-.task-log__details :deep(.task-log) {
-  margin-top: 8px;
-  border-color: #eaecf0;
-}
-
-.task-log__empty,
-.task-log__details-empty {
-  padding: 28px 12px;
-  color: #98a2b3;
-  font-size: 13px;
-  text-align: center;
-}
-
-.task-log__details-empty {
-  padding: 18px 0 6px;
-}
-
-@media (max-width: 640px) {
-  .task-log__details {
-    margin-left: 12px;
-  }
-
-  .task-log__heading,
-  .task-log__group-header {
-    grid-template-columns: 22px 26px minmax(0, 1fr) auto;
-    gap: 6px;
-  }
-}
-</style>
diff --git a/src/views/intelligenceTest/runningTask/task-steps.vue b/src/views/intelligenceTest/runningTask/task-steps.vue
deleted file mode 100644
index 667bc41..0000000
--- a/src/views/intelligenceTest/runningTask/task-steps.vue
+++ /dev/null
@@ -1,117 +0,0 @@
-<template>
-    <div v-if="list.length" class="step-current">
-        <span class="step-current__count">{{ currentStepText }}</span>
-        <span class="step-current__name">{{ currentStep?.caseName || '未命名检测项' }}</span>
-    </div>
-    <el-scrollbar ref="scrollbarRef" style="width: 100%;" class="step-scrollbar">
-        <div class="step-wrapper" ref="stepWrapperRef">
-            <el-steps :active="normalizedActiveStep" finish-status="success" process-status="process">
-                <el-step v-for="(item, index) in list" :key="item.id || item.testCaseId || item.detectItemId || index"
-                    :title="item.caseName" :description="item.remark" />
-            </el-steps>
-        </div>
-    </el-scrollbar>
-</template>
-<script setup>
-const props = defineProps({
-    list: {
-        type: Array,
-        default: () => []
-    },
-    activeStep: {
-        type: Number,
-        default: 0
-    }
-})
-
-const scrollbarRef = ref(null)
-const stepWrapperRef = ref(null)
-
-const currentStepIndex = computed(() => Math.min(Math.max(props.activeStep, 0), Math.max(props.list.length - 1, 0)))
-const currentStep = computed(() => props.list[currentStepIndex.value])
-const normalizedActiveStep = computed(() => Math.min(Math.max(props.activeStep, 0), props.list.length))
-const currentStepText = computed(() => props.activeStep >= props.list.length
-    ? `已完成 ${props.list.length}/${props.list.length}`
-    : `当前 ${currentStepIndex.value + 1}/${props.list.length}`)
-
-
-/**
- * 滚动到当前激活的步骤
- */
-const scrollToActiveStep = () => {
-    nextTick(() => {
-        // 获取 el-scrollbar 的可视区域宽度
-        const scrollbarEl = scrollbarRef.value?.$el
-        const wrapEl = scrollbarEl?.querySelector('.el-scrollbar__wrap')
-        if (!wrapEl) return
-
-        const viewWidth = wrapEl.clientWidth
-
-        // 获取所有 step 元素
-        const steps = stepWrapperRef.value?.querySelectorAll('.el-step')
-        if (!steps || !steps[currentStepIndex.value]) return
-
-        // 计算激活 step 的位置
-        const activeEl = steps[currentStepIndex.value]
-        const stepLeft = activeEl.offsetLeft
-        const stepWidth = activeEl.offsetWidth
-
-        // 让激活 step 居中显示
-        const scrollLeft = stepLeft - viewWidth / 2 + stepWidth / 2
-        scrollbarRef.value.setScrollLeft(Math.max(0, scrollLeft))
-    })
-}
-
-watch(
-    () => [props.activeStep, props.list.length],
-    scrollToActiveStep,
-    { immediate: true, flush: 'post' }
-)
-</script>
-
-<style lang="scss" scoped>
-.step-current {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-    min-width: 0;
-    margin-top: 12px;
-    color: #303133;
-}
-
-.step-current__count {
-    flex: none;
-    color: #409eff;
-    font-weight: 600;
-}
-
-.step-current__name {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.step-scrollbar {
-    margin-top: 4px;
-    white-space: nowrap;
-
-    .step-wrapper {
-        display: inline-block;
-        width: max-content;
-        min-width: 100%;
-        white-space: nowrap;
-        margin: 10px 0 20px 0;
-
-        :deep(.el-steps) {
-            flex-wrap: nowrap;
-            width: max-content;
-            min-width: 100%;
-
-            .el-step {
-                flex: 0 0 180px !important;
-                min-width: 180px;
-            }
-        }
-    }
-}
-</style>
diff --git a/src/views/intelligenceTest/taskManage/index.vue b/src/views/intelligenceTest/taskManage/index.vue
deleted file mode 100644
index 9d0ea7c..0000000
--- a/src/views/intelligenceTest/taskManage/index.vue
+++ /dev/null
@@ -1,376 +0,0 @@
-<template>
-    <div class="app-container">
-        <div ref="topContainerRef">
-            <TableSearch :queryParams="queryParams" :showSearch="showSearch" label-width="90px" queryRef="queryRef"
-                @refresh="resetQuery" @search="handleQuery">
-                <template #one>
-                    <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                        <el-form-item label="任务名称" prop="taskName">
-                            <el-input v-model="queryParams.taskName" clearable placeholder="请输入任务名称" style="width: 100%"
-                                @keyup.enter="handleQuery" />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                        <el-form-item label="任务类型" prop="taskType">
-                            <el-select v-model="queryParams.taskType" clearable placeholder="请选择任务类型"
-                                style="width: 100%">
-                                <el-option label="常规测试" value="1" />
-                                <el-option label="回归测试" value="2" />
-                                <el-option label="专项测试" value="3" />
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                </template>
-            </TableSearch>
-
-            <el-row :gutter="10" class="mb8">
-                <el-col :span="1.5">
-                    <el-button icon="Plus" plain type="primary" @click="handleAdd">新增
-                    </el-button>
-                </el-col>
-                <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-            </el-row>
-        </div>
-
-        <div :style="containerHeight">
-            <el-table v-loading="loading" height="100%" :data="tableDataList">
-                <el-table-column align="center" label="id" prop="id" show-overflow-tooltip />
-                <el-table-column align="center" label="任务名称" prop="taskName" show-overflow-tooltip />
-                <el-table-column align="center" label="任务描述" prop="remark" show-overflow-tooltip />
-                <el-table-column align="center" label="任务类型" prop="taskType">
-                    <template #default="scope">
-                        <el-tag :type="scope.row.taskType === '1' ? 'primary' : 'success'">
-                            {{ scope.row.taskType === '1' ? '巡检任务' : '讲解任务' }}
-                        </el-tag>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center" label="创建人" prop="createBy" show-overflow-tooltip />
-                <el-table-column align="center" label="创建时间" prop="createTime" show-overflow-tooltip />
-                <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="320">
-                    <template #default="scope">
-                        <el-button icon="Edit" link type="primary" @click="handleUpdate(scope.row)">
-                            修改
-                        </el-button>
-                        <el-button :loading="copyingId === scope.row.id" icon="CopyDocument" link type="primary"
-                            @click="handleCopy(scope.row)">复制
-                        </el-button>
-                        <el-button icon="Cpu" link type="primary" @click="handleBindCase(scope.row)">绑定用例
-                        </el-button>
-                        <el-button icon="Delete" link type="primary" @click="handleDelete(scope.row)">删除
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
-
-            <pagination v-show="total > 0" v-model:limit="queryParams.pageSize" v-model:page="queryParams.pageNum"
-                :total="total" @pagination="getList" />
-        </div>
-
-
-        <el-dialog v-model="open" :title="title" append-to-body width="500px">
-            <el-form ref="taskRef" :model="form" :rules="rules" label-width="100px">
-                <el-form-item label="任务名称" prop="taskName">
-                    <el-input v-model="form.taskName" placeholder="请输入任务名称" />
-                </el-form-item>
-                <el-form-item label="任务类型" prop="taskType">
-                    <el-select v-model="form.taskType" clearable placeholder="请选择任务类型" style="width: 100%">
-                        <el-option label="常规测试" value="1" />
-                        <el-option label="回归测试" value="2" />
-                        <el-option label="专项测试" value="3" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="备注" prop="remark">
-                    <el-input v-model="form.remark" :rows="2" placeholder="请输入备注" type="textarea" />
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="submitForm">确 定</el-button>
-                    <el-button @click="cancel">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-
-        <!-- 点位绑定弹窗 -->
-        <el-dialog v-model="dialogVisible" title="测试用例绑定" width="800px">
-            <el-row>
-                <TableSearch :queryParams="caseQueryParams" :showSearch="showSearch" label-width="90px" @refresh="resetBindCaseQuery" @search="handleBindCaseQuery">
-                    <template #one>
-                        <el-col :lg="12" :md="12" :sm="24" :xl="12" :xs="24" :xxl="12">
-                            <el-form-item label="用例名称" prop="caseName">
-                                <el-input v-model="caseQueryParams.caseName" clearable placeholder="请输入用例名称"
-                                    style="width: 100%" @keyup.enter="handleBindCaseQuery" />
-                            </el-form-item>
-                        </el-col>
-                    </template>
-                </TableSearch>
-            </el-row>
-            <el-row :gutter="24">
-                <el-col :span="12">
-                    <div style="height: 55vh">
-                        <div class="task-title">待选择用例</div>
-
-                        <draggable :animation="340" :forceFallback="true" :list="taskLeftList" class="draggable-group"
-                            ghostClass="dragClass" :group="{ name: 'people', pull: 'clone', put: false}"
-                            :clone="cloneBindingItem" itemKey="_bindingKey">
-                            <template #item="{ element, index }">
-                                <div class="list-group-item">
-                                    <el-icon>
-                                        <Tools />
-                                    </el-icon>
-                                    {{ element.caseName }}
-                                </div>
-                            </template>
-                        </draggable>
-                    </div>
-                </el-col>
-                <el-col :span="12">
-                    <div style="height: 55vh">
-                        <div class="task-title">用例排序</div>
-                        <draggable :animation="340" :forceFallback="true" :list="taskRightList" class="draggable-group"
-                            ghostClass="dragClass" :group="{ name: 'people', pull: false, put: true }" itemKey="_bindingKey">
-                            <template #item="{ element, index }">
-                                <div class="list-group-item">
-                                    {{ index + 1 }} 、{{ element.caseName }}
-                                    <el-icon color="red" @click="removeFromB(index)" style="margin-left: 10px;"><Delete /></el-icon>
-                                </div>
-                            </template>
-                        </draggable>
-                    </div>
-                </el-col>
-            </el-row>
-            <div class="custom-block">
-                <div class="mb5">1、将待选择用例拖拽至用例排序中</div>
-                <div>2、用例排序中可拖拽自定义其顺序</div>
-            </div>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button type="primary" @click="bindCase">确 定</el-button>
-                    <el-button @click="cancelCase">取 消</el-button>
-                </div>
-            </template>
-        </el-dialog>
-    </div>
-</template>
-
-<script name="Detect" setup>
-import { addTask, copyTask, updateTask, getTaskList, deleteTask, getTestCaseByTaskId, bindTastCase} from "../../../api/intelligenceTest/taskManage";
-import { getTestCaseList } from "../../../api/intelligenceTest/testCase.js";
-import TableSearch from "@/components/TableSearch/index.vue";
-
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { ElMessage, ElMessageBox } from "element-plus";
-import draggable from "vuedraggable";
-import { reactive, ref } from "vue";
-import { listResourceMaps as getMapList } from "@/api/resource/map";
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-
-const { proxy } = getCurrentInstance();
-
-const tableDataList = ref([]);
-const open = ref(false);
-const dialogVisible = ref(false);
-const loading = ref(false);
-const copyingId = ref("");
-const showSearch = ref(true);
-
-const total = ref(0);
-const title = ref("");
-
-const data = reactive({
-    form: {},
-    queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        taskName: null,
-        taskType: null,
-    },
-    rules: {
-        taskName: [
-            { required: true, message: "任务名称不能为空", trigger: "blur" },
-        ],
-        taskType: [
-            { required: true, message: "请选择任务类型", trigger: "blur" },
-        ],
-        mapId: [
-            { required: true, message: "请选择所属地图", trigger: "blur" },
-        ],
-    },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询任务列表 */
-function getList() {
-    loading.value = false;
-    getTaskList(queryParams.value).then((res) => {
-        tableDataList.value = res.rows;
-        total.value = res.total;
-        loading.value = false;
-    }).finally(() => {
-        loading.value = false;
-    });
-}
-
-// 取消按钮
-function cancel() {
-    open.value = false;
-    reset();
-}
-
-// 表单重置
-function reset() {
-    taskRef.value.resetFields();
-    form.value = {};
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-    queryParams.value.pageNum = 1;
-    getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-    handleQuery();
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-    isNew.value = true;
-    open.value = true;
-    title.value = "添加任务";
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-    form.value = { ...row };
-    isNew.value = false;
-    open.value = true;
-    title.value = "修改任务";
-}
-
-const taskRef = ref();
-const isNew = ref(true);
-/** 提交按钮 */
-function submitForm() {
-    taskRef.value.validate((valid) => {
-        if (valid) {
-            if (isNew.value) {
-                addTask(form.value).then(() => {
-                    ElMessage.success("添加成功");
-                    cancel();
-                    getList();
-                });
-            } else {
-                updateTask(form.value).then(() => {
-                    ElMessage.success("修改成功");
-                    cancel();
-                    getList();
-                });
-            }
-        }
-    });
-}
-
-/** 删除按钮操作 */
-async function handleCopy(row) {
-    copyingId.value = row.id;
-    try {
-        await copyTask(row.id);
-        ElMessage.success("复制成功");
-        await getList();
-    } finally {
-        copyingId.value = "";
-    }
-}
-
-function handleDelete(row) {
-    ElMessageBox.confirm("确定要删除该任务吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-    }).then(() => {
-        deleteTask(row.id).then(() => {
-            ElMessage.success("删除成功");
-            getList();
-        });
-    });
-}
-
-const caseQueryParams = reactive({
-    pageNum: 1,
-    pageSize: 1000000,
-    caseName: null
-})
-
-/** 搜索按钮操作 */
-function handleBindCaseQuery() {
-    queryParams.value.pageNum = 1;
-    getList();
-}
-
-/** 重置按钮操作 */
-function resetBindCaseQuery() {
-    handleBindCaseQuery();
-}
-
-const taskId = ref(null);
-let bindingSequence = 0
-const createBindingKey = () => `case-${Date.now()}-${bindingSequence++}`
-const cloneBindingItem = (item) => ({ ...item, _bindingKey: createBindingKey() })
-const handleBindCase = async (row) => {
-    dialogVisible.value = true;
-    taskId.value = row.id;
-    taskLeftList.value = [];
-    taskRightList.value = [];
-    await getbindCaseByTaskId(row.id)
-    await getTestCaseListData()
-};
-
-/** 查询点位列表 */
-const getTestCaseListData = async () => {
-  const res = await getTestCaseList(caseQueryParams)
-  if (res.code === 200) {
-    taskLeftList.value = res.rows.map(item => ({ ...item, _bindingKey: createBindingKey() }))
-  }
-}
-
-const getbindCaseByTaskId = async (taskId) => {
-    const res = await getTestCaseByTaskId(taskId)
-    if (res.code === 200) {
-        taskRightList.value = res.data.map(item => ({ ...item, _bindingKey: createBindingKey() }));
-    }
-}
-
-const taskLeftList = ref([])
-const taskRightList = ref([])
-
-const bindCase = async () => {
-    if (taskRightList.value.length === 0) {
-        ElMessage.warning("请选择用例")
-        return
-    }
-    const ids = taskRightList.value.map(item => item.id)
-    const res = await bindTastCase(taskId.value, ids)
-    if (res.code === 200) {
-        ElMessage.success("绑定用例成功")
-        cancelCase()
-    }
-};
-
-const cancelCase = () => {
-    dialogVisible.value = false;
-};
-
-const removeFromB = (index) => {
-  taskRightList.value.splice(index, 1)
-}
-
-onMounted(() => {
-    getList();
-});
-
-</script>
diff --git a/src/views/intelligenceTest/testCase/index.vue b/src/views/intelligenceTest/testCase/index.vue
deleted file mode 100644
index 0c6cc25..0000000
--- a/src/views/intelligenceTest/testCase/index.vue
+++ /dev/null
@@ -1,344 +0,0 @@
-<template>
-  <div class="app-container">
-    <div ref="topContainerRef">
-        <TableSearch
-            :queryParams="queryParams"
-            :showSearch="showSearch"
-            label-width="90px"
-            queryRef="queryRef"
-            @refresh="resetQuery"
-            @search="handleQuery"
-        >
-            <template #one>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="用例编码" prop="caseCode">
-                        <el-input
-                        v-model="queryParams.caseCode"
-                        placeholder="请输入用例编码"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-                <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-                    <el-form-item label="测试步骤" prop="testSteps">
-                        <el-input
-                        v-model="queryParams.testSteps"
-                        placeholder="请输入测试步骤"
-                        clearable
-                        style="width: 240px"
-                        @keyup.enter="handleQuery"
-                        />
-                    </el-form-item>
-                </el-col>
-            </template>
-        </TableSearch>
-
-        <el-row :gutter="10" class="mb8">
-            <el-col :span="1.5">
-                <el-button
-                type="primary"
-                plain
-                icon="Plus"
-                @click="handleAdd"
-                >新增</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="success"
-                plain
-                icon="Edit"
-                :disabled="single"
-                @click="handleUpdate"
-                >修改</el-button>
-            </el-col>
-            <el-col :span="1.5">
-                <el-button
-                type="danger"
-                plain
-                icon="Delete"
-                :disabled="multiple"
-                @click="handleDelete"
-                >删除</el-button>
-            </el-col>
-
-        <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-    </div>
-
-    <div :style="containerHeight">
-      <!-- 表格数据 -->
-      <el-table height="100%" v-loading="loading" :data="tableDataList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="用例名称" prop="caseName" />
-         <el-table-column label="预期结果" prop="expectedResult" :show-overflow-tooltip="true" width="200" />
-         <el-table-column label="前置条件" prop="precondition" show-overflow-tooltip="true" width="200" />
-         <el-table-column label="测试步骤" align="center" prop="testSteps" show-overflow-tooltip="true" width="200"/>
-         <el-table-column label="测试描述" align="center" prop="testDescription" show-overflow-tooltip="true" width="200" />
-         <el-table-column label="状态" align="center" width="100">
-            <template #default="scope">
-               <el-switch
-                  v-model="scope.row.enabled"
-                  active-value="0"
-                  inactive-value="1"
-                  @change="handleStatusChange(scope.row)"
-               ></el-switch>
-            </template>
-         </el-table-column>
-         <el-table-column align="center" label="配置状态" prop="configStatus">
-          <template #default="scope">
-            <TableTags
-              :options="[
-                {
-                  label: '已配置',
-                  value: '0',
-                  type: 'success',
-                },
-                {
-                  label: '未配置',
-                  value: '1',
-                  type: 'warning',
-                },
-              ]"
-              :value="scope.row.configStatus"
-            ></TableTags>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="280">
-            <template #default="scope">
-              <el-tooltip content="修改" placement="top">
-                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)">修改</el-button>
-              </el-tooltip>
-              <el-button :loading="copyingId === scope.row.id" link type="primary" icon="CopyDocument"
-                @click="handleCopy(scope.row)">复制</el-button>
-              <el-button
-                icon="Cpu"
-                link
-                type="primary"
-                @click="handleDeploy(scope.row)"
-                >配置
-            </el-button>
-              <el-tooltip content="删除" placement="top">
-                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)">删除</el-button>
-              </el-tooltip>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-    </div>
-
-      <!-- 添加或修改配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="testCaseRef" :model="form" :rules="rules" label-width="100px">
-            <el-form-item label="用例名称" prop="caseName">
-               <el-input v-model="form.caseName" placeholder="请输入用例名称" />
-            </el-form-item>
-            <el-form-item label="预期结果" prop="expectedResult">
-               <el-input type="textarea" v-model="form.expectedResult" placeholder="请输入预期结果" />
-            </el-form-item>
-            <el-form-item label="前置条件" prop="precondition">
-                <el-input type="textarea" v-model="form.precondition" placeholder="请输入前置条件" />
-            </el-form-item>
-            <el-form-item label="测试步骤" prop="testSteps">
-               <el-input type="textarea" v-model="form.testSteps" placeholder="请输入测试步骤" />
-            </el-form-item>
-            <el-form-item label="测试描述" prop="testDescription">
-               <el-input type="textarea" v-model="form.testDescription" />
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-
-   </div>
-</template>
-
-<script setup name="Role">
-import TableSearch from "@/components/TableSearch/index.vue";
-import { useContainerHeight } from "@/hooks/tableHeight";
-import { addTestCase, copyTestCase, getTestCaseList, updateTestCase, deleteTestCase } from "@/api/intelligenceTest/testCase.js"
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { appendParamsToPath } from "@/utils/fn.js";
-import TableTags from "@/components/TableTags/index.vue";
-
-const topContainerRef = ref();
-const containerHeight = useContainerHeight(topContainerRef);
-
-const tableDataList = ref([]);
-const open = ref(false);
-const loading = ref(true);
-const copyingId = ref("");
-const showSearch = ref(true);
-const ids = ref([]);
-const single = ref(true);
-const multiple = ref(true);
-const total = ref(0);
-const title = ref("");
-
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    caseName: undefined,
-    testSteps: undefined
-  },
-  rules: {
-    caseName: [{ required: true, message: "用例名称不能为空", trigger: "blur" }],
-    expectedResult: [{ required: true, message: "预期结果不能为空", trigger: "blur" }],
-    testSteps: [{ required: true, message: "测试步骤为空", trigger: "blur" }],
-    testDescription: [{ required: true, message: "测试描述不能为空", trigger: "blur" }]
-  },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-/** 查询列表 */
-const getList = async () =>  {
-  loading.value = true;
-  const res = await getTestCaseList(queryParams.value)
-  if (res.code === 200) {
-    tableDataList.value = res.rows;
-    total.value = res.total;
-  }
-  loading.value = false;
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1;
-  getList();
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  handleQuery();
-}
-
-/** 删除按钮操作 */
-async function handleCopy(row) {
-  copyingId.value = row.id;
-  try {
-    await copyTestCase(row.id);
-    ElMessage.success("复制成功");
-    await getList();
-  } finally {
-    copyingId.value = "";
-  }
-}
-
-function handleDelete(row) {
-  const deleteIds = row.id || ids.value;
-    ElMessageBox.confirm(`确定要删除编号为${deleteIds}的测试用例吗?`, "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-    }).then(() => {
-        deleteTestCase(deleteIds).then(() => {
-            ElMessage.success("删除成功");
-            getList();
-        });
-     });
-}
-
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.id);
-  single.value = selection.length != 1;
-  multiple.value = !selection.length;
-}
-
-/** 状态修改 */
-function handleStatusChange(row) {
-  let text = row.enabled === "0" ? "启用" : "停用";
-  ElMessageBox.confirm('确认要"' + text + '""' + row.caseName + '"测试用例吗?', "提示", {
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
-      type: "warning",
-  }).then(() => {
-      updateTestCase({
-          ...row,
-      }).then(() => {
-          ElMessage.success(text + "成功");
-          getList();
-      });
-  }).catch(() => {
-      row.enabled = row.enabled === "0" ? "1" : "0";
-  })
-}
-
-const reset = () => {
-  testCaseRef.value.resetFields()
-};
-
-const testCaseRef = ref()
-const isNew = ref(true)
-
-/** 添加 */
-function handleAdd() {
-  open.value = true;
-  isNew.value = true
-  title.value = "添加";
-}
-
-/** 修改 */
-function handleUpdate(row) {
-  form.value = { ...row };
-  open.value = true;
-  isNew.value = false
-  title.value = "修改";
-}
-
-/** 提交按钮 */
-function submitForm() {
-  testCaseRef.value.validate((valid) => {
-    if (valid) {
-      if (isNew.value) {
-        addTestCase(form.value).then(() => {
-          ElMessage.success("添加成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      } else {
-        updateTestCase(form.value).then(() => {
-          ElMessage.success("修改成功");
-          getList();
-          open.value = false;
-          reset();
-        });
-      }
-    }
-  }); 
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false;
-  reset();
-}
-
-/** 配置按钮操作 */
-function handleDeploy(row) {
-  const params = { itemId: row.detectItemId, name: row.caseName, state: row.status };
-  const fullPath = appendParamsToPath("/flow", params);
-  const p = window.open(fullPath, "_blank");
-}
-
-getList();
-</script>
diff --git a/src/views/login.vue b/src/views/login.vue
deleted file mode 100644
index 36116e2..0000000
--- a/src/views/login.vue
+++ /dev/null
@@ -1,239 +0,0 @@
-<template>
-  <div class="login">
-    <el-form ref="loginRef" :model="loginForm" :rules="loginRules" class="login-form">
-      <h3 class="title">{{ title }}</h3>
-      <el-form-item prop="username">
-        <el-input
-          v-model="loginForm.username"
-          type="text"
-          size="large"
-          auto-complete="off"
-          placeholder="账号"
-        >
-          <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password">
-        <el-input
-          v-model="loginForm.password"
-          type="password"
-          size="large"
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter="handleLogin"
-        >
-          <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          v-model="loginForm.code"
-          size="large"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter="handleLogin"
-        >
-          <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
-        </el-input>
-        <div class="login-code">
-          <img :src="codeUrl" @click="getCode" class="login-code-img"/>
-        </div>
-      </el-form-item>
-      <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="large"
-          type="primary"
-          style="width:100%;"
-          @click.prevent="handleLogin"
-        >
-          <span v-if="!loading">登 录</span>
-          <span v-else>登 录 中...</span>
-        </el-button>
-        <div style="float: right;" v-if="register">
-          <router-link class="link-type" :to="'/register'">立即注册</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-login-footer">
-      <span>{{ footerContent }}</span>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { getCodeImg } from "@/api/login"
-import Cookies from "js-cookie"
-import { encrypt, decrypt } from "@/utils/jsencrypt"
-import useUserStore from '@/store/modules/user'
-import defaultSettings from '@/settings'
-
-const title = import.meta.env.VITE_APP_TITLE
-const footerContent = defaultSettings.footerContent
-const userStore = useUserStore()
-const route = useRoute()
-const router = useRouter()
-const { proxy } = getCurrentInstance()
-
-const loginForm = ref({
-  username: "admin",
-  password: "admin123",
-  rememberMe: false,
-  code: "",
-  uuid: ""
-})
-
-const loginRules = {
-  username: [{ required: true, trigger: "blur", message: "请输入您的账号" }],
-  password: [{ required: true, trigger: "blur", message: "请输入您的密码" }],
-  code: [{ required: true, trigger: "change", message: "请输入验证码" }]
-}
-
-const codeUrl = ref("")
-const loading = ref(false)
-// 验证码开关
-const captchaEnabled = ref(true)
-// 注册开关
-const register = ref(false)
-const redirect = ref(undefined)
-
-watch(route, (newRoute) => {
-    redirect.value = newRoute.query && newRoute.query.redirect
-}, { immediate: true })
-
-function handleLogin() {
-  proxy.$refs.loginRef.validate(valid => {
-    if (valid) {
-      loading.value = true
-      // 勾选了需要记住密码设置在 cookie 中设置记住用户名和密码
-      if (loginForm.value.rememberMe) {
-        Cookies.set("username", loginForm.value.username, { expires: 30 })
-        Cookies.set("password", encrypt(loginForm.value.password), { expires: 30 })
-        Cookies.set("rememberMe", loginForm.value.rememberMe, { expires: 30 })
-      } else {
-        // 否则移除
-        Cookies.remove("username")
-        Cookies.remove("password")
-        Cookies.remove("rememberMe")
-      }
-      // 调用action的登录方法
-      userStore.login(loginForm.value).then(() => {
-        const query = route.query
-        const otherQueryParams = Object.keys(query).reduce((acc, cur) => {
-          if (cur !== "redirect") {
-            acc[cur] = query[cur]
-          }
-          return acc
-        }, {})
-        router.push({ path: redirect.value || "/", query: otherQueryParams })
-      }).catch(() => {
-        loading.value = false
-        // 重新获取验证码
-        if (captchaEnabled.value) {
-          getCode()
-        }
-      })
-    }
-  })
-}
-
-function getCode() {
-  getCodeImg().then(res => {
-    captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
-    if (captchaEnabled.value) {
-      codeUrl.value = "data:image/gif;base64," + res.img
-      loginForm.value.uuid = res.uuid
-    }
-  })
-}
-
-function getCookie() {
-  const username = Cookies.get("username")
-  const password = Cookies.get("password")
-  const rememberMe = Cookies.get("rememberMe")
-  loginForm.value = {
-    username: username === undefined ? loginForm.value.username : username,
-    password: password === undefined ? loginForm.value.password : decrypt(password),
-    rememberMe: rememberMe === undefined ? false : Boolean(rememberMe)
-  }
-}
-
-getCode()
-getCookie()
-</script>
-
-<style lang='scss' scoped>
-.login {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-.login::before {
-  content: "";
-  position: absolute;
-  inset: 0;  
-  width: 100%;
-  background-image: url("../assets/images/login-background.jpg");
-  height: 100%;
-  background-size: cover;
-  opacity: 0.3;                /* 只在这层做透明 */
-  z-index: -1;
-}
-.title {
-  margin: 0px auto 30px auto;
-  text-align: center;
-  color: #707070;
-}
-
-.login-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-  .el-input {
-    height: 40px;
-    input {
-      height: 40px;
-    }
-  }
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 0px;
-  }
-}
-.login-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
-}
-.login-code {
-  width: 33%;
-  height: 40px;
-  float: right;
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
-}
-.el-login-footer {
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial;
-  font-size: 12px;
-  letter-spacing: 1px;
-}
-.login-code-img {
-  height: 40px;
-  padding-left: 12px;
-}
-</style>
diff --git a/src/views/monitor/cache/index.vue b/src/views/monitor/cache/index.vue
deleted file mode 100644
index 271cc8e..0000000
--- a/src/views/monitor/cache/index.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-row :gutter="10">
-      <el-col :span="24" class="card-box">
-        <el-card>
-          <template #header><Monitor style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">基本信息</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <table cellspacing="0" style="width: 100%">
-              <tbody>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">Redis版本</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.redis_version }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">运行模式</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.redis_mode == "standalone" ? "单机" : "集群" }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">端口</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.tcp_port }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">客户端数</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.connected_clients }}</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">运行时间(天)</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.uptime_in_days }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">使用内存</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.used_memory_human }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">使用CPU</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ parseFloat(cache.info.used_cpu_user_children).toFixed(2) }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">内存配置</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.maxmemory_human }}</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">AOF是否开启</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.aof_enabled == "0" ? "否" : "是" }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">RDB是否成功</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.rdb_last_bgsave_status }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">Key数量</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.dbSize">{{ cache.dbSize }} </div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">网络入口/出口</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="cache.info">{{ cache.info.instantaneous_input_kbps }}kps/{{cache.info.instantaneous_output_kbps}}kps</div></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col :span="12" class="card-box">
-        <el-card>
-          <template #header><PieChart style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">命令统计</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <div ref="commandstats" style="height: 420px" />
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col :span="12" class="card-box">
-        <el-card>
-          <template #header><Odometer style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">内存信息</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <div ref="usedmemory" style="height: 420px" />
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup name="Cache">
-import { getCache } from '@/api/monitor/cache'
-import * as echarts from 'echarts'
-
-const cache = ref([])
-const commandstats = ref(null)
-const usedmemory = ref(null)
-const { proxy } = getCurrentInstance()
-
-function getList() {
-  proxy.$modal.loading("正在加载缓存监控数据，请稍候！")
-  getCache().then(response => {
-    proxy.$modal.closeLoading()
-    cache.value = response.data
-
-    const commandstatsIntance = echarts.init(commandstats.value, "macarons")
-    commandstatsIntance.setOption({
-      tooltip: {
-        trigger: "item",
-        formatter: "{a} <br/>{b} : {c} ({d}%)"
-      },
-      series: [
-        {
-          name: "命令",
-          type: "pie",
-          roseType: "radius",
-          radius: [15, 95],
-          center: ["50%", "38%"],
-          data: response.data.commandStats,
-          animationEasing: "cubicInOut",
-          animationDuration: 1000
-        }
-      ]
-    })
-    const usedmemoryInstance = echarts.init(usedmemory.value, "macarons")
-    usedmemoryInstance.setOption({
-      tooltip: {
-        formatter: "{b} <br/>{a} : " + cache.value.info.used_memory_human
-      },
-      series: [
-        {
-          name: "峰值",
-          type: "gauge",
-          min: 0,
-          max: 1000,
-          detail: {
-            formatter: cache.value.info.used_memory_human
-          },
-          data: [
-            {
-              value: parseFloat(cache.value.info.used_memory_human),
-              name: "内存消耗"
-            }
-          ]
-        }
-      ]
-    })
-    window.addEventListener("resize", () => {
-      commandstatsIntance.resize()
-      usedmemoryInstance.resize()
-    })
-  })
-}
-
-getList()
-</script>
diff --git a/src/views/monitor/cache/list.vue b/src/views/monitor/cache/list.vue
deleted file mode 100644
index 6515fcd..0000000
--- a/src/views/monitor/cache/list.vue
+++ /dev/null
@@ -1,246 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-row :gutter="10">
-      <el-col :span="8">
-        <el-card style="height: calc(100vh - 125px)">
-          <template #header>
-            <Collection style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">缓存列表</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              link
-              type="primary"
-              icon="Refresh"
-              @click="refreshCacheNames()"
-            ></el-button>
-          </template>
-          <el-table
-            v-loading="loading"
-            :data="cacheNames"
-            :height="tableHeight"
-            highlight-current-row
-            @row-click="getCacheKeys"
-            style="width: 100%"
-          >
-            <el-table-column
-              label="序号"
-              width="60"
-              type="index"
-            ></el-table-column>
-
-            <el-table-column
-              label="缓存名称"
-              align="center"
-              prop="cacheName"
-              :show-overflow-tooltip="true"
-              :formatter="nameFormatter"
-            ></el-table-column>
-
-            <el-table-column
-              label="备注"
-              align="center"
-              prop="remark"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="操作"
-              width="60"
-              align="center"
-              class-name="small-padding fixed-width"
-            >
-              <template #default="scope">
-                <el-button
-                  link
-                  type="primary"
-                  icon="Delete"
-                  @click="handleClearCacheName(scope.row)"
-                ></el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
-      </el-col>
-
-      <el-col :span="8">
-        <el-card style="height: calc(100vh - 125px)">
-          <template #header>
-            <Key style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">键名列表</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              link
-              type="primary"
-              icon="Refresh"
-              @click="refreshCacheKeys()"
-            ></el-button>
-          </template>
-          <el-table
-            v-loading="subLoading"
-            :data="cacheKeys"
-            :height="tableHeight"
-            highlight-current-row
-            @row-click="handleCacheValue"
-            style="width: 100%"
-          >
-            <el-table-column
-              label="序号"
-              width="60"
-              type="index"
-            ></el-table-column>
-            <el-table-column
-              label="缓存键名"
-              align="center"
-              :show-overflow-tooltip="true"
-              :formatter="keyFormatter"
-            >
-            </el-table-column>
-            <el-table-column
-              label="操作"
-              width="60"
-              align="center"
-              class-name="small-padding fixed-width"
-            >
-              <template #default="scope">
-                <el-button
-                  link
-                  type="primary"
-                  icon="Delete"
-                  @click="handleClearCacheKey(scope.row)"
-                ></el-button>
-              </template>
-            </el-table-column>
-          </el-table>
-        </el-card>
-      </el-col>
-
-      <el-col :span="8">
-        <el-card :bordered="false" style="height: calc(100vh - 125px)">
-          <template #header>
-            <Document style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">缓存内容</span>
-            <el-button
-              style="float: right; padding: 3px 0"
-              link
-              type="primary"
-              icon="Refresh"
-              @click="handleClearCacheAll()"
-              >清理全部</el-button
-            >
-          </template>
-          <el-form :model="cacheForm">
-            <el-row :gutter="32">
-              <el-col :offset="1" :span="22">
-                <el-form-item label="缓存名称:" prop="cacheName">
-                  <el-input v-model="cacheForm.cacheName" :readOnly="true" />
-                </el-form-item>
-              </el-col>
-              <el-col :offset="1" :span="22">
-                <el-form-item label="缓存键名:" prop="cacheKey">
-                  <el-input v-model="cacheForm.cacheKey" :readOnly="true" />
-                </el-form-item>
-              </el-col>
-              <el-col :offset="1" :span="22">
-                <el-form-item label="缓存内容:" prop="cacheValue">
-                  <el-input
-                    v-model="cacheForm.cacheValue"
-                    type="textarea"
-                    :rows="8"
-                    :readOnly="true"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup name="CacheList">
-import { listCacheName, listCacheKey, getCacheValue, clearCacheName, clearCacheKey, clearCacheAll } from "@/api/monitor/cache"
-
-const { proxy } = getCurrentInstance()
-
-const cacheNames = ref([])
-const cacheKeys = ref([])
-const cacheForm = ref({})
-const loading = ref(true)
-const subLoading = ref(false)
-const nowCacheName = ref("")
-const tableHeight = ref(window.innerHeight - 200)
-
-/** 查询缓存名称列表 */
-function getCacheNames() {
-  loading.value = true
-  listCacheName().then(response => {
-    cacheNames.value = response.data
-    loading.value = false
-  })
-}
-
-/** 刷新缓存名称列表 */
-function refreshCacheNames() {
-  getCacheNames()
-  proxy.$modal.msgSuccess("刷新缓存列表成功")
-}
-
-/** 清理指定名称缓存 */
-function handleClearCacheName(row) {
-  clearCacheName(row.cacheName).then(response => {
-    proxy.$modal.msgSuccess("清理缓存名称[" + row.cacheName + "]成功")
-    getCacheKeys()
-  })
-}
-
-/** 查询缓存键名列表 */
-function getCacheKeys(row) {
-  const cacheName = row !== undefined ? row.cacheName : nowCacheName.value
-  if (cacheName === "") {
-    return
-  }
-  subLoading.value = true
-  listCacheKey(cacheName).then(response => {
-    cacheKeys.value = response.data
-    subLoading.value = false
-    nowCacheName.value = cacheName
-  })
-}
-
-/** 刷新缓存键名列表 */
-function refreshCacheKeys() {
-  getCacheKeys()
-  proxy.$modal.msgSuccess("刷新键名列表成功")
-}
-
-/** 清理指定键名缓存 */
-function handleClearCacheKey(cacheKey) {
-  clearCacheKey(cacheKey).then(response => {
-    proxy.$modal.msgSuccess("清理缓存键名[" + cacheKey + "]成功")
-    getCacheKeys()
-  })
-}
-
-/** 列表前缀去除 */
-function nameFormatter(row) {
-  return row.cacheName.replace(":", "")
-}
-
-/** 键名前缀去除 */
-function keyFormatter(cacheKey) {
-  return cacheKey.replace(nowCacheName.value, "")
-}
-
-/** 查询缓存内容详细 */
-function handleCacheValue(cacheKey) {
-  getCacheValue(nowCacheName.value, cacheKey).then(response => {
-    cacheForm.value = response.data
-  })
-}
-
-/** 清理全部缓存 */
-function handleClearCacheAll() {
-  clearCacheAll().then(response => {
-    proxy.$modal.msgSuccess("清理全部缓存成功")
-  })
-}
-
-getCacheNames()
-</script>
diff --git a/src/views/monitor/druid/index.vue b/src/views/monitor/druid/index.vue
deleted file mode 100644
index 29c1aa7..0000000
--- a/src/views/monitor/druid/index.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<template>
-   <div>
-      <i-frame v-model:src="url"></i-frame>
-   </div>
-</template>
-
-<script setup>
-import iFrame from '@/components/iFrame'
-
-import { ref } from 'vue'
-
-const url = ref(import.meta.env.VITE_APP_BASE_API + '/druid/login.html')
-</script>
diff --git a/src/views/monitor/job/detail.vue b/src/views/monitor/job/detail.vue
deleted file mode 100644
index ab09d50..0000000
--- a/src/views/monitor/job/detail.vue
+++ /dev/null
@@ -1,217 +0,0 @@
-<template>
-  <el-dialog :title="type === 'log' ? '调度日志详细' : '任务详细'" v-model="dialogVisible" width="780px" append-to-body>
-    <div class="detail-wrap">
-      <template v-if="type === 'log'">
-        <!-- 基本信息 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><InfoFilled /></el-icon> 基本信息
-          </div>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">日志编号</span><span class="detail-value">{{ form.jobLogId }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item">
-                <span class="detail-label">执行状态</span>
-                <el-tag v-if="form.status == 0" type="success" size="small">正常</el-tag>
-                <el-tag v-else type="danger" size="small">失败</el-tag>
-              </div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">开始时间</span><span class="detail-value">{{ form.startTime }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">结束时间</span><span class="detail-value">{{ form.endTime }}</span></div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">记录时间</span><span class="detail-value">{{ form.createTime }}</span></div>
-            </el-col>
-            <el-col :span="12" v-if="form.status == 0 && form.startTime && form.endTime">
-              <div class="detail-item"><span class="detail-label">执行耗时</span><span class="detail-value">{{ costTime }} 毫秒</span></div>
-            </el-col>
-          </el-row>
-        </div>
-        <!-- 任务信息 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><Clock /></el-icon> 任务信息
-          </div>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">任务名称</span><span class="detail-value">{{ form.jobName }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item">
-                <span class="detail-label">任务分组</span>
-                <dict-tag :options="sys_job_group" :value="form.jobGroup" />
-              </div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row">
-            <el-col :span="24">
-              <div class="detail-item"><span class="detail-label">日志信息</span><span class="detail-value">{{ form.jobMessage }}</span></div>
-            </el-col>
-          </el-row>
-        </div>
-        <!-- 调用目标 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><Operation /></el-icon> 调用目标
-          </div>
-          <div class="code-body">
-            <div class="code-wrap"><pre class="code-pre">{{ form.invokeTarget || '（无）' }}</pre></div>
-          </div>
-        </div>
-        <!-- 异常信息 -->
-        <div class="detail-card" v-if="form.status == 1">
-          <div class="detail-card-title error-title">
-            <el-icon><Warning /></el-icon> 异常信息
-          </div>
-          <div class="error-body"><div class="error-msg">{{ form.exceptionInfo }}</div></div>
-        </div>
-      </template>
-
-      <template v-else>
-        <!-- 任务配置 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><Setting /></el-icon> 任务配置
-          </div>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">任务编号</span><span class="detail-value">{{ form.jobId }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">任务名称</span><span class="detail-value">{{ form.jobName }}</span></div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item">
-                <span class="detail-label">任务分组</span>
-                <dict-tag :options="sys_job_group" :value="form.jobGroup" />
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item">
-                <span class="detail-label">执行状态</span>
-                <el-tag v-if="form.status == 0" type="success" size="small">正常</el-tag>
-                <el-tag v-else type="info" size="small">暂停</el-tag>
-              </div>
-            </el-col>
-          </el-row>
-        </div>
-        <!-- 调度信息 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><Calendar /></el-icon> 调度信息
-          </div>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">cron 表达式</span><span class="detail-value mono">{{ form.cronExpression }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">下次执行时间</span><span class="detail-value">{{ parseTime(form.nextValidTime) }}</span></div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item">
-                <span class="detail-label">执行策略</span>
-                <el-tag v-if="form.misfirePolicy == 0" type="info" size="small">默认策略</el-tag>
-                <el-tag v-else-if="form.misfirePolicy == 1" type="warning" size="small">立即执行</el-tag>
-                <el-tag v-else-if="form.misfirePolicy == 2" type="primary" size="small">执行一次</el-tag>
-                <el-tag v-else-if="form.misfirePolicy == 3" type="danger" size="small">放弃执行</el-tag>
-              </div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item">
-                <span class="detail-label">并发执行</span>
-                <el-tag v-if="form.concurrent == 0" type="success" size="small">允许</el-tag>
-                <el-tag v-else type="danger" size="small">禁止</el-tag>
-              </div>
-            </el-col>
-          </el-row>
-        </div>
-        <!-- 执行方法 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><Operation /></el-icon> 执行方法
-          </div>
-          <div class="code-body">
-            <div class="code-wrap"><pre class="code-pre">{{ form.invokeTarget || '（无）' }}</pre></div>
-          </div>
-        </div>
-        <!-- 元信息 -->
-        <div class="detail-card">
-          <div class="detail-card-title">
-            <el-icon><Document /></el-icon> 元信息
-          </div>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">创建人</span><span class="detail-value">{{ form.createBy || '-' }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">创建时间</span><span class="detail-value">{{ form.createTime }}</span></div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row">
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">更新人</span><span class="detail-value">{{ form.updateBy || '-' }}</span></div>
-            </el-col>
-            <el-col :span="12">
-              <div class="detail-item"><span class="detail-label">更新时间</span><span class="detail-value">{{ form.updateTime || '-' }}</span></div>
-            </el-col>
-          </el-row>
-          <el-row class="detail-row" v-if="form.remark">
-            <el-col :span="24">
-              <div class="detail-item"><span class="detail-label">备注</span><span class="detail-value">{{ form.remark }}</span></div>
-            </el-col>
-          </el-row>
-        </div>
-      </template>
-    </div>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="dialogVisible = false">关 闭</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup name="JobDetail">
-const props = defineProps({
-  visible: { type: Boolean, default: false },
-  row: { type: Object, default: () => ({}) },
-  // 'job' 任务详细 | 'log' 调度日志详细
-  type: { type: String, default: 'job' }
-})
-
-const emit = defineEmits(['update:visible'])
-
-const dialogVisible = computed({
-  get: () => props.visible,
-  set: (val) => emit('update:visible', val)
-})
-
-const { proxy } = getCurrentInstance()
-const { sys_job_group } = useDict('sys_job_group')
-
-const form = computed(() => props.row || {})
-
-const costTime = computed(() => {
-  if (!form.value.startTime || !form.value.endTime) return 0
-  return new Date(form.value.endTime).getTime() - new Date(form.value.startTime).getTime()
-})
-</script>
-
-<style scoped>
-.detail-label {
-  width: 80px;
-}
-</style>
diff --git a/src/views/monitor/job/index.vue b/src/views/monitor/job/index.vue
deleted file mode 100644
index 25b4532..0000000
--- a/src/views/monitor/job/index.vue
+++ /dev/null
@@ -1,435 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-         <el-form-item label="任务名称" prop="jobName">
-            <el-input
-               v-model="queryParams.jobName"
-               placeholder="请输入任务名称"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="任务组名" prop="jobGroup">
-            <el-select v-model="queryParams.jobGroup" placeholder="请选择任务组名" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_job_group"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="任务状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="请选择任务状态" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_job_status"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['monitor:job:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['monitor:job:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['monitor:job:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['monitor:job:export']"
-            >导出</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="info"
-               plain
-               icon="Operation"
-               @click="handleJobLog"
-               v-hasPermi="['monitor:job:query']"
-            >日志</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="任务编号" width="100" align="center" prop="jobId" />
-         <el-table-column label="任务名称" align="center" :show-overflow-tooltip="true">
-            <template #default="scope">
-               <a class="link-type" style="cursor:pointer" @click="handleView(scope.row)">{{ scope.row.jobName }}</a>
-            </template>
-         </el-table-column>
-         <el-table-column label="任务组名" align="center" prop="jobGroup">
-            <template #default="scope">
-               <dict-tag :options="sys_job_group" :value="scope.row.jobGroup" />
-            </template>
-         </el-table-column>
-         <el-table-column label="调用目标字符串" align="center" prop="invokeTarget" :show-overflow-tooltip="true" />
-         <el-table-column label="cron执行表达式" align="center" prop="cronExpression" :show-overflow-tooltip="true" />
-         <el-table-column label="状态" align="center">
-            <template #default="scope">
-               <el-switch
-                  v-model="scope.row.status"
-                  active-value="0"
-                  inactive-value="1"
-                  @change="handleStatusChange(scope.row)"
-               ></el-switch>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-tooltip content="修改" placement="top">
-                  <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['monitor:job:edit']"></el-button>
-               </el-tooltip>
-               <el-tooltip content="删除" placement="top">
-                  <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['monitor:job:remove']"></el-button>
-               </el-tooltip>
-               <el-tooltip content="执行一次" placement="top">
-                  <el-button link type="primary" icon="CaretRight" @click="handleRun(scope.row)" v-hasPermi="['monitor:job:changeStatus']"></el-button>
-               </el-tooltip>
-               <el-tooltip content="调度日志" placement="top">
-                  <el-button link type="primary" icon="Operation" @click="handleJobLog(scope.row)" v-hasPermi="['monitor:job:query']"></el-button>
-               </el-tooltip>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改定时任务对话框 -->
-      <el-dialog :title="title" v-model="open" width="820px" append-to-body>
-         <el-form ref="jobRef" :model="form" :rules="rules" label-width="120px">
-            <el-row>
-               <el-col :span="12">
-                  <el-form-item label="任务名称" prop="jobName">
-                     <el-input v-model="form.jobName" placeholder="请输入任务名称" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="任务分组" prop="jobGroup">
-                     <el-select v-model="form.jobGroup" placeholder="请选择">
-                        <el-option
-                           v-for="dict in sys_job_group"
-                           :key="dict.value"
-                           :label="dict.label"
-                           :value="dict.value"
-                        ></el-option>
-                     </el-select>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="24">
-                  <el-form-item prop="invokeTarget">
-                     <template #label>
-                        <span>
-                           调用方法
-                           <el-tooltip placement="top">
-                              <template #content>
-                                 <div>
-                                    Bean调用示例：ryTask.ryParams('ry')
-                                    <br />Class 类调用示例：com.cmvr.quartz.task.RyTask.ryParams('ry')
-                                    <br />参数说明：支持字符串，布尔类型，长整型，浮点型，整型
-                                 </div>
-                              </template>
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                        </span>
-                     </template>
-                     <el-input v-model="form.invokeTarget" placeholder="请输入调用目标字符串" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="24">
-                  <el-form-item label="cron表达式" prop="cronExpression">
-                     <el-input v-model="form.cronExpression" placeholder="请输入cron执行表达式">
-                        <template #append>
-                           <el-button type="primary" @click="handleShowCron">
-                              生成表达式
-                              <i class="el-icon-time el-icon--right"></i>
-                           </el-button>
-                        </template>
-                     </el-input>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="24" v-if="form.jobId !== undefined">
-                  <el-form-item label="状态">
-                     <el-radio-group v-model="form.status">
-                        <el-radio
-                           v-for="dict in sys_job_status"
-                           :key="dict.value"
-                           :value="dict.value"
-                        >{{ dict.label }}</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="执行策略" prop="misfirePolicy">
-                     <el-radio-group v-model="form.misfirePolicy">
-                        <el-radio-button value="1">立即执行</el-radio-button>
-                        <el-radio-button value="2">执行一次</el-radio-button>
-                        <el-radio-button value="3">放弃执行</el-radio-button>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="是否并发" prop="concurrent">
-                     <el-radio-group v-model="form.concurrent">
-                        <el-radio-button value="0">允许</el-radio-button>
-                        <el-radio-button value="1">禁止</el-radio-button>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-            </el-row>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-
-     <el-dialog title="Cron表达式生成器" v-model="openCron" append-to-body destroy-on-close>
-       <crontab ref="crontabRef" @hide="openCron=false" @fill="crontabFill" :expression="expression"></crontab>
-     </el-dialog>
-
-      <!-- 任务详细 -->
-      <job-detail v-model:visible="openView" :row="form" type="job" />
-   </div>
-</template>
-
-<script setup name="Job">
-import Crontab from '@/components/Crontab'
-import JobDetail from './detail'
-import { listJob, getJob, delJob, addJob, updateJob, runJob, changeJobStatus } from "@/api/monitor/job"
-
-const router = useRouter()
-const { proxy } = getCurrentInstance()
-const { sys_job_group, sys_job_status } = useDict("sys_job_group", "sys_job_status")
-
-const jobList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const openView = ref(false)
-const openCron = ref(false)
-const expression = ref("")
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    jobName: undefined,
-    jobGroup: undefined,
-    status: undefined
-  },
-  rules: {
-    jobName: [{ required: true, message: "任务名称不能为空", trigger: "blur" }],
-    invokeTarget: [{ required: true, message: "调用目标字符串不能为空", trigger: "blur" }],
-    cronExpression: [{ required: true, message: "cron执行表达式不能为空", trigger: "change" }]
-  }
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询定时任务列表 */
-function getList() {
-  loading.value = true
-  listJob(queryParams.value).then(response => {
-    jobList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    jobId: undefined,
-    jobName: undefined,
-    jobGroup: undefined,
-    invokeTarget: undefined,
-    cronExpression: undefined,
-    misfirePolicy: '1',
-    concurrent: '1',
-    status: "0"
-  }
-  proxy.resetForm("jobRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.jobId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-// 任务状态修改
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用"
-  proxy.$modal.confirm('确认要"' + text + '""' + row.jobName + '"任务吗?').then(function () {
-    return changeJobStatus(row.jobId, row.status)
-  }).then(() => {
-    proxy.$modal.msgSuccess(text + "成功")
-  }).catch(function () {
-    row.status = row.status === "0" ? "1" : "0"
-  })
-}
-
-/* 立即执行一次 */
-function handleRun(row) {
-  proxy.$modal.confirm('确认要立即执行一次"' + row.jobName + '"任务吗?').then(function () {
-    return runJob(row.jobId, row.jobGroup)
-  }).then(() => {
-    proxy.$modal.msgSuccess("执行成功")
-  }).catch(() => {})
-}
-
-/** 任务详细信息 */
-function handleView(row) {
-  getJob(row.jobId).then(response => {
-    form.value = response.data
-    openView.value = true
-  })
-}
-
-/** cron表达式按钮操作 */
-function handleShowCron() {
-  expression.value = form.value.cronExpression
-  openCron.value = true
-}
-
-/** 确定后回传值 */
-function crontabFill(value) {
-  form.value.cronExpression = value
-}
-
-/** 任务日志列表查询 */
-function handleJobLog(row) {
-  const jobId = row.jobId || 0
-  router.push('/monitor/job-log/index/' + jobId)
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加任务"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const jobId = row.jobId || ids.value
-  getJob(jobId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改任务"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["jobRef"].validate(valid => {
-    if (valid) {
-      if (form.value.jobId != undefined) {
-        updateJob(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addJob(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const jobIds = row.jobId || ids.value
-  proxy.$modal.confirm('是否确认删除定时任务编号为"' + jobIds + '"的数据项?').then(function () {
-    return delJob(jobIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("monitor/job/export", {
-    ...queryParams.value,
-  }, `job_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-</script>
diff --git a/src/views/monitor/job/log.vue b/src/views/monitor/job/log.vue
deleted file mode 100644
index 8651c74..0000000
--- a/src/views/monitor/job/log.vue
+++ /dev/null
@@ -1,251 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-         <el-form-item label="任务名称" prop="jobName">
-            <el-input
-               v-model="queryParams.jobName"
-               placeholder="请输入任务名称"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="任务组名" prop="jobGroup">
-            <el-select
-               v-model="queryParams.jobGroup"
-               placeholder="请选择任务组名"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_job_group"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="执行状态" prop="status">
-            <el-select
-               v-model="queryParams.status"
-               placeholder="请选择执行状态"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_common_status"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="执行时间" style="width: 308px">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['monitor:job:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               @click="handleClean"
-               v-hasPermi="['monitor:job:remove']"
-            >清空</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['monitor:job:export']"
-            >导出</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button 
-               type="warning" 
-               plain 
-               icon="Close"
-               @click="handleClose"
-            >关闭</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="日志编号" width="80" align="center" prop="jobLogId" />
-         <el-table-column label="任务名称" align="center" prop="jobName" :show-overflow-tooltip="true" />
-         <el-table-column label="任务组名" align="center" prop="jobGroup" :show-overflow-tooltip="true">
-            <template #default="scope">
-               <dict-tag :options="sys_job_group" :value="scope.row.jobGroup" />
-            </template>
-         </el-table-column>
-         <el-table-column label="调用目标字符串" align="center" prop="invokeTarget" :show-overflow-tooltip="true" />
-         <el-table-column label="日志信息" align="center" prop="jobMessage" :show-overflow-tooltip="true" />
-         <el-table-column label="执行状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_common_status" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="执行时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="View" @click="handleView(scope.row)" v-hasPermi="['monitor:job:query']">详细</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 调度日志详细 -->
-      <job-detail v-model:visible="open" :row="form" type="log" />
-   </div>
-</template>
-
-<script setup name="JobLog">
-import JobDetail from './detail'
-import { getJob } from "@/api/monitor/job"
-import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog"
-
-const { proxy } = getCurrentInstance()
-const { sys_common_status, sys_job_group } = useDict("sys_common_status", "sys_job_group")
-
-const jobLogList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const multiple = ref(true)
-const total = ref(0)
-const dateRange = ref([])
-const route = useRoute()
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    dictName: undefined,
-    dictType: undefined,
-    status: undefined
-  }
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询调度日志列表 */
-function getList() {
-  loading.value = true
-  listJobLog(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    jobLogList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-// 返回按钮
-function handleClose() {
-  const obj = { path: "/monitor/job" }
-  proxy.$tab.closeOpenPage(obj)
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.jobLogId)
-  multiple.value = !selection.length
-}
-
-/** 详细按钮操作 */
-function handleView(row) {
-  open.value = true
-  form.value = row
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  proxy.$modal.confirm('是否确认删除调度日志编号为"' + ids.value + '"的数据项?').then(function () {
-    return delJobLog(ids.value)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 清空按钮操作 */
-function handleClean() {
-  proxy.$modal.confirm("是否确认清空所有调度日志数据项?").then(function () {
-    return cleanJobLog()
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("清空成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("monitor/jobLog/export", {
-    ...queryParams.value,
-  }, `job_log_${new Date().getTime()}.xlsx`)
-}
-
-(() => {
-  const jobId = route.params && route.params.jobId
-  if (jobId !== undefined && jobId != 0) {
-    getJob(jobId).then(response => {
-      queryParams.value.jobName = response.data.jobName
-      queryParams.value.jobGroup = response.data.jobGroup
-      getList()
-    })
-  } else {
-    getList()
-  }
-})()
-</script>
diff --git a/src/views/monitor/logininfor/index.vue b/src/views/monitor/logininfor/index.vue
deleted file mode 100644
index 86f9f0b..0000000
--- a/src/views/monitor/logininfor/index.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-         <el-form-item label="登录地址" prop="ipaddr">
-            <el-input
-               v-model="queryParams.ipaddr"
-               placeholder="请输入登录地址"
-               clearable
-               style="width: 240px;"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="用户名称" prop="userName">
-            <el-input
-               v-model="queryParams.userName"
-               placeholder="请输入用户名称"
-               clearable
-               style="width: 240px;"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select
-               v-model="queryParams.status"
-               placeholder="登录状态"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_common_status"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="登录时间" style="width: 308px">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD HH:mm:ss"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-               :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['monitor:logininfor:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               @click="handleClean"
-               v-hasPermi="['monitor:logininfor:remove']"
-            >清空</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Unlock"
-               :disabled="single"
-               @click="handleUnlock"
-               v-hasPermi="['monitor:logininfor:unlock']"
-            >解锁</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['monitor:logininfor:export']"
-            >导出</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table ref="logininforRef" v-loading="loading" :data="logininforList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="访问编号" align="center" prop="infoId" />
-         <el-table-column label="用户名称" align="center" prop="userName" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" />
-         <el-table-column label="地址" align="center" prop="ipaddr" :show-overflow-tooltip="true" />
-         <el-table-column label="登录地点" align="center" prop="loginLocation" :show-overflow-tooltip="true" />
-         <el-table-column label="操作系统" align="center" prop="os" :show-overflow-tooltip="true" />
-         <el-table-column label="浏览器" align="center" prop="browser" :show-overflow-tooltip="true" />
-         <el-table-column label="登录状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_common_status" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="描述" align="center" prop="msg" :show-overflow-tooltip="true" />
-         <el-table-column label="访问时间" align="center" prop="loginTime" sortable="custom" :sort-orders="['descending', 'ascending']" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.loginTime) }}</span>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-   </div>
-</template>
-
-<script setup name="Logininfor">
-import { list, delLogininfor, cleanLogininfor, unlockLogininfor } from "@/api/monitor/logininfor"
-
-const { proxy } = getCurrentInstance()
-const { sys_common_status } = useDict("sys_common_status")
-
-const logininforList = ref([])
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const selectName = ref("")
-const total = ref(0)
-const dateRange = ref([])
-const defaultSort = ref({ prop: "loginTime", order: "descending" })
-
-// 查询参数
-const queryParams = ref({
-  pageNum: 1,
-  pageSize: 10,
-  ipaddr: undefined,
-  userName: undefined,
-  status: undefined,
-  orderByColumn: undefined,
-  isAsc: undefined
-})
-
-/** 查询登录日志列表 */
-function getList() {
-  loading.value = true
-  list(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    logininforList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  queryParams.value.pageNum = 1
-  proxy.$refs["logininforRef"].sort(defaultSort.value.prop, defaultSort.value.order)
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.infoId)
-  multiple.value = !selection.length
-  single.value = selection.length != 1
-  selectName.value = selection.map(item => item.userName)
-}
-
-/** 排序触发事件 */
-function handleSortChange(column, prop, order) {
-  queryParams.value.orderByColumn = column.prop
-  queryParams.value.isAsc = column.order
-  getList()
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const infoIds = row.infoId || ids.value
-  proxy.$modal.confirm('是否确认删除访问编号为"' + infoIds + '"的数据项?').then(function () {
-    return delLogininfor(infoIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 清空按钮操作 */
-function handleClean() {
-  proxy.$modal.confirm("是否确认清空所有登录日志数据项?").then(function () {
-    return cleanLogininfor()
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("清空成功")
-  }).catch(() => {})
-}
-
-/** 解锁按钮操作 */
-function handleUnlock() {
-  const username = selectName.value
-  proxy.$modal.confirm('是否确认解锁用户"' + username + '"数据项?').then(function () {
-    return unlockLogininfor(username)
-  }).then(() => {
-    proxy.$modal.msgSuccess("用户" + username + "解锁成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("monitor/logininfor/export", {
-    ...queryParams.value,
-  }, `logininfor_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-</script>
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
deleted file mode 100644
index fee70fe..0000000
--- a/src/views/monitor/online/index.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true">
-         <el-form-item label="登录地址" prop="ipaddr">
-            <el-input
-               v-model="queryParams.ipaddr"
-               placeholder="请输入登录地址"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="用户名称" prop="userName">
-            <el-input
-               v-model="queryParams.userName"
-               placeholder="请输入用户名称"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-      <el-table
-         v-loading="loading"
-         :data="onlineList.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
-         style="width: 100%;"
-      >
-         <el-table-column label="序号" width="50" type="index" align="center">
-            <template #default="scope">
-               <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="会话编号" align="center" prop="tokenId" :show-overflow-tooltip="true" />
-         <el-table-column label="登录名称" align="center" prop="userName" :show-overflow-tooltip="true" />
-         <el-table-column label="所属部门" align="center" prop="deptName" :show-overflow-tooltip="true" />
-         <el-table-column label="主机" align="center" prop="ipaddr" :show-overflow-tooltip="true" />
-         <el-table-column label="登录地点" align="center" prop="loginLocation" :show-overflow-tooltip="true" />
-         <el-table-column label="操作系统" align="center" prop="os" :show-overflow-tooltip="true" />
-         <el-table-column label="浏览器" align="center" prop="browser" :show-overflow-tooltip="true" />
-         <el-table-column label="登录时间" align="center" prop="loginTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.loginTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Delete" @click="handleForceLogout(scope.row)" v-hasPermi="['monitor:online:forceLogout']">强退</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination v-show="total > 0" :total="total" v-model:page="pageNum" v-model:limit="pageSize" />
-   </div>
-</template>
-
-<script setup name="Online">
-import { forceLogout, list as initData } from "@/api/monitor/online"
-
-const { proxy } = getCurrentInstance()
-
-const onlineList = ref([])
-const loading = ref(true)
-const total = ref(0)
-const pageNum = ref(1)
-const pageSize = ref(10)
-
-const queryParams = ref({
-  ipaddr: undefined,
-  userName: undefined
-})
-
-/** 查询登录日志列表 */
-function getList() {
-  loading.value = true
-  initData(queryParams.value).then(response => {
-    onlineList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  pageNum.value = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 强退按钮操作 */
-function handleForceLogout(row) {
-  proxy.$modal.confirm('是否确认强退名称为"' + row.userName + '"的用户?').then(function () {
-    return forceLogout(row.tokenId)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-getList()
-</script>
diff --git a/src/views/monitor/operlog/detail.vue b/src/views/monitor/operlog/detail.vue
deleted file mode 100644
index 6ebc593..0000000
--- a/src/views/monitor/operlog/detail.vue
+++ /dev/null
@@ -1,152 +0,0 @@
-<template>
-  <el-dialog title="操作日志详细" v-model="dialogVisible" width="780px" append-to-body @close="$emit('update:visible', false)">
-    <div class="detail-wrap">
-      <!-- 基本信息 -->
-      <div class="detail-card">
-        <div class="detail-card-title"><el-icon><InfoFilled /></el-icon> 基本信息</div>
-        <el-row class="detail-row">
-          <el-col :span="12">
-            <div class="detail-item"><span class="detail-label">操作模块</span><span class="detail-value">{{ form.title }}</span></div>
-          </el-col>
-          <el-col :span="12">
-            <div class="detail-item"><span class="detail-label">业务类型</span><span class="detail-value">{{ typeLabel }}</span></div>
-          </el-col>
-        </el-row>
-        <el-row class="detail-row">
-          <el-col :span="12">
-            <div class="detail-item"><span class="detail-label">操作时间</span><span class="detail-value">{{ form.operTime }}</span></div>
-          </el-col>
-          <el-col :span="12">
-            <div class="detail-item">
-              <span class="detail-label">执行状态</span>
-              <el-tag v-if="form.status === 0" type="success" size="small">正常</el-tag>
-              <el-tag v-else type="danger" size="small">异常</el-tag>
-            </div>
-          </el-col>
-        </el-row>
-      </div>
-
-      <!-- 操作人员 -->
-      <div class="detail-card">
-        <div class="detail-card-title"><el-icon><User /></el-icon> 操作人员</div>
-        <el-row class="detail-row">
-          <el-col :span="12">
-            <div class="detail-item"><span class="detail-label">操作人员</span><span class="detail-value">{{ form.operName }}</span></div>
-          </el-col>
-          <el-col :span="12" v-if="form.deptName">
-            <div class="detail-item"><span class="detail-label">所属部门</span><span class="detail-value">{{ form.deptName }}</span></div>
-          </el-col>
-        </el-row>
-        <el-row class="detail-row">
-          <el-col :span="24">
-            <div class="detail-item">
-              <span class="detail-label">操作地址</span>
-              <span class="detail-value">{{ form.operIp }}&nbsp;&nbsp;<span class="detail-location">{{ form.operLocation }}</span></span>
-            </div>
-          </el-col>
-        </el-row>
-      </div>
-
-      <!-- 请求信息 -->
-      <div class="detail-card">
-        <div class="detail-card-title"><el-icon><Sort /></el-icon> 请求信息</div>
-        <el-row class="detail-row">
-          <el-col :span="24">
-            <div class="detail-item">
-              <span class="detail-label">请求地址</span>
-              <span class="detail-value">
-                <span :class="'method-tag method-' + form.requestMethod">{{ form.requestMethod }}</span>
-                {{ form.operUrl }}
-              </span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row class="detail-row">
-          <el-col :span="24">
-            <div class="detail-item"><span class="detail-label">操作方法</span><span class="detail-value mono">{{ form.method }}</span></div>
-          </el-col>
-        </el-row>
-        <el-row class="detail-row">
-          <el-col :span="12">
-            <div class="detail-item"><span class="detail-label">消耗时间</span><span class="detail-value">{{ form.costTime }} 毫秒</span></div>
-          </el-col>
-        </el-row>
-      </div>
-
-      <!-- 请求参数 -->
-      <div class="detail-card">
-        <div class="detail-card-title"><el-icon><Upload /></el-icon> 请求参数</div>
-        <div class="code-body">
-          <div class="code-wrap">
-            <div class="code-action">
-              <el-button size="small" :icon="CopyDocument" @click="copyText(form.operParam)">复制</el-button>
-            </div>
-            <pre class="code-pre">{{ formatJson(form.operParam) }}</pre>
-          </div>
-        </div>
-      </div>
-
-      <!-- 返回参数 -->
-      <div class="detail-card">
-        <div class="detail-card-title"><el-icon><Download /></el-icon> 返回参数</div>
-        <div class="code-body">
-          <div class="code-wrap">
-            <div class="code-action">
-              <el-button size="small" :icon="CopyDocument" @click="copyText(form.jsonResult)">复制</el-button>
-            </div>
-            <pre class="code-pre">{{ formatJson(form.jsonResult) }}</pre>
-          </div>
-        </div>
-      </div>
-
-      <!-- 异常信息 -->
-      <div class="detail-card" v-if="form.status !== 0">
-        <div class="detail-card-title error-title"><el-icon><Warning /></el-icon> 异常信息</div>
-        <div class="error-body">
-          <div class="error-msg">{{ form.errorMsg }}</div>
-        </div>
-      </div>
-
-    </div>
-  </el-dialog>
-</template>
-
-<script setup>
-const props = defineProps({
-  visible: { type: Boolean, default: false },
-  row: { type: Object, default: () => ({}) }
-})
-
-const emit = defineEmits(['update:visible'])
-
-const dialogVisible = computed({
-  get: () => props.visible,
-  set: (val) => emit('update:visible', val)
-})
-
- 
-const { sys_oper_type } = useDict('sys_oper_type')
-
-const form = computed(() => props.row || {})
-const typeLabel = computed(() => selectDictLabel(sys_oper_type.value, form.value.businessType) || '-')
-
-function formatJson(str) {
-  if (!str) return '（无数据）'
-  try { return JSON.stringify(JSON.parse(str), null, 2) } catch { return str }
-}
-
-function copyText(str) {
-  const text = formatJson(str)
-  if (navigator.clipboard) {
-    navigator.clipboard.writeText(text).then(() => ElMessage({ message: '已复制', type: 'success', duration: 1500 }))
-  } else {
-    const ta = document.createElement('textarea')
-    ta.value = text
-    document.body.appendChild(ta)
-    ta.select()
-    document.execCommand('copy')
-    document.body.removeChild(ta)
-    ElMessage({ message: '已复制', type: 'success', duration: 1500 })
-  }
-}
-</script>
diff --git a/src/views/monitor/operlog/index.vue b/src/views/monitor/operlog/index.vue
deleted file mode 100644
index 9648905..0000000
--- a/src/views/monitor/operlog/index.vue
+++ /dev/null
@@ -1,262 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-         <el-form-item label="操作地址" prop="operIp">
-            <el-input
-               v-model="queryParams.operIp"
-               placeholder="请输入操作地址"
-               clearable
-               style="width: 240px;"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="系统模块" prop="title">
-            <el-input
-               v-model="queryParams.title"
-               placeholder="请输入系统模块"
-               clearable
-               style="width: 240px;"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="操作人员" prop="operName">
-            <el-input
-               v-model="queryParams.operName"
-               placeholder="请输入操作人员"
-               clearable
-               style="width: 240px;"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="类型" prop="businessType">
-            <el-select
-               v-model="queryParams.businessType"
-               placeholder="操作类型"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_oper_type"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select
-               v-model="queryParams.status"
-               placeholder="操作状态"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_common_status"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="操作时间" style="width: 308px">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD HH:mm:ss"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-               :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['monitor:operlog:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               @click="handleClean"
-               v-hasPermi="['monitor:operlog:remove']"
-            >清空</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['monitor:operlog:export']"
-            >导出</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table ref="operlogRef" v-loading="loading" :data="operlogList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
-         <el-table-column type="selection" width="50" align="center" />
-         <el-table-column label="日志编号" align="center" prop="operId" />
-         <el-table-column label="系统模块" align="center" prop="title" :show-overflow-tooltip="true" />
-         <el-table-column label="操作类型" align="center" prop="businessType">
-            <template #default="scope">
-               <dict-tag :options="sys_oper_type" :value="scope.row.businessType" />
-            </template>
-         </el-table-column>
-         <el-table-column label="操作人员" align="center" width="110" prop="operName" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']" />
-         <el-table-column label="操作地址" align="center" prop="operIp" width="130" :show-overflow-tooltip="true" />
-         <el-table-column label="操作状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_common_status" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="操作日期" align="center" prop="operTime" width="180" sortable="custom" :sort-orders="['descending', 'ascending']">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.operTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="消耗时间" align="center" prop="costTime" width="110" :show-overflow-tooltip="true" sortable="custom" :sort-orders="['descending', 'ascending']">
-            <template #default="scope">
-               <span>{{ scope.row.costTime }}毫秒</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="View" @click="handleDetail(scope.row, scope.index)" v-hasPermi="['monitor:operlog:query']">详细</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <operlog-detail v-model:visible="detailVisible" :row="detailRow" />
-   </div>
-</template>
-
-<script setup name="Operlog">
-import OperlogDetail from './detail'
-import { list, delOperlog, cleanOperlog } from "@/api/monitor/operlog"
-
-const { proxy } = getCurrentInstance()
-const { sys_oper_type, sys_common_status } = useDict("sys_oper_type", "sys_common_status")
-
-const operlogList = ref([])
-const detailVisible = ref(false)
-const loading = ref(true)
-const detailRow = ref({})
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-const defaultSort = ref({ prop: "operTime", order: "descending" })
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    operIp: undefined,
-    title: undefined,
-    operName: undefined,
-    businessType: undefined,
-    status: undefined
-  }
-})
-
-const { queryParams, form } = toRefs(data)
-
-/** 查询登录日志 */
-function getList() {
-  loading.value = true
-  list(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    operlogList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  queryParams.value.pageNum = 1
-  proxy.$refs["operlogRef"].sort(defaultSort.value.prop, defaultSort.value.order)
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.operId)
-  multiple.value = !selection.length
-}
-
-/** 排序触发事件 */
-function handleSortChange(column, prop, order) {
-  queryParams.value.orderByColumn = column.prop
-  queryParams.value.isAsc = column.order
-  getList()
-}
-
-/** 详细按钮操作 */
-function handleDetail(row) {
-  detailRow.value = row
-  detailVisible.value = true
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const operIds = row.operId || ids.value
-  proxy.$modal.confirm('是否确认删除日志编号为"' + operIds + '"的数据项?').then(function () {
-    return delOperlog(operIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 清空按钮操作 */
-function handleClean() {
-  proxy.$modal.confirm("是否确认清空所有操作日志数据项?").then(function () {
-    return cleanOperlog()
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("清空成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("monitor/operlog/export",{
-    ...queryParams.value,
-  }, `config_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-</script>
diff --git a/src/views/monitor/server/index.vue b/src/views/monitor/server/index.vue
deleted file mode 100644
index 60ff80c..0000000
--- a/src/views/monitor/server/index.vue
+++ /dev/null
@@ -1,187 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-row :gutter="10">
-      <el-col :span="12" class="card-box">
-        <el-card>
-          <template #header><Cpu style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">CPU</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <table cellspacing="0" style="width: 100%;">
-              <thead>
-                <tr>
-                  <th class="el-table__cell is-leaf"><div class="cell">属性</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">值</div></th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">核心数</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.cpuNum }}</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">用户使用率</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.used }}%</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">系统使用率</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.sys }}%</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">当前空闲率</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.cpu">{{ server.cpu.free }}%</div></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col :span="12" class="card-box">
-        <el-card>
-          <template #header><Tickets style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">内存</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <table cellspacing="0" style="width: 100%;">
-              <thead>
-                <tr>
-                  <th class="el-table__cell is-leaf"><div class="cell">属性</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">内存</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">JVM</div></th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">总内存</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem">{{ server.mem.total }}G</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.total }}M</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">已用内存</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem">{{ server.mem.used}}G</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.used}}M</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">剩余内存</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem">{{ server.mem.free }}G</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.free }}M</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">使用率</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.mem" :class="{'text-danger': server.mem.usage > 80}">{{ server.mem.usage }}%</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm" :class="{'text-danger': server.jvm.usage > 80}">{{ server.jvm.usage }}%</div></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col :span="24" class="card-box">
-        <el-card>
-          <template #header><Monitor style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">服务器信息</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <table cellspacing="0" style="width: 100%;">
-              <tbody>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">服务器名称</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.computerName }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">操作系统</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.osName }}</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">服务器IP</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.computerIp }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">系统架构</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.osArch }}</div></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col :span="24" class="card-box">
-        <el-card>
-          <template #header><CoffeeCup style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">Java虚拟机信息</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <table cellspacing="0" style="width: 100%;table-layout:fixed;">
-              <tbody>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">Java名称</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.name }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">Java版本</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.version }}</div></td>
-                </tr>
-                <tr>
-                  <td class="el-table__cell is-leaf"><div class="cell">启动时间</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.startTime }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">运行时长</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.runTime }}</div></td>
-                </tr>
-                <tr>
-                  <td colspan="1" class="el-table__cell is-leaf"><div class="cell">安装路径</div></td>
-                  <td colspan="3" class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.home }}</div></td>
-                </tr>
-                <tr>
-                  <td colspan="1" class="el-table__cell is-leaf"><div class="cell">项目路径</div></td>
-                  <td colspan="3" class="el-table__cell is-leaf"><div class="cell" v-if="server.sys">{{ server.sys.userDir }}</div></td>
-                </tr>
-                <tr>
-                  <td colspan="1" class="el-table__cell is-leaf"><div class="cell">运行参数</div></td>
-                  <td colspan="3" class="el-table__cell is-leaf"><div class="cell" v-if="server.jvm">{{ server.jvm.inputArgs }}</div></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </el-card>
-      </el-col>
-
-      <el-col :span="24" class="card-box">
-        <el-card>
-          <template #header><MessageBox style="width: 1em; height: 1em; vertical-align: middle;" /> <span style="vertical-align: middle;">磁盘状态</span></template>
-          <div class="el-table el-table--enable-row-hover el-table--medium">
-            <table cellspacing="0" style="width: 100%;">
-              <thead>
-                <tr>
-                  <th class="el-table__cell el-table__cell is-leaf"><div class="cell">盘符路径</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">文件系统</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">盘符类型</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">总大小</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">可用大小</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">已用大小</div></th>
-                  <th class="el-table__cell is-leaf"><div class="cell">已用百分比</div></th>
-                </tr>
-              </thead>
-              <tbody v-if="server.sysFiles">
-                <tr v-for="(sysFile, index) in server.sysFiles" :key="index">
-                  <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.dirName }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.sysTypeName }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.typeName }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.total }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.free }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell">{{ sysFile.used }}</div></td>
-                  <td class="el-table__cell is-leaf"><div class="cell" :class="{'text-danger': sysFile.usage > 80}">{{ sysFile.usage }}%</div></td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </el-card>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup>
-import { getServer } from '@/api/monitor/server'
-
-const server = ref([])
-const { proxy } = getCurrentInstance()
-
-function getList() {
-  proxy.$modal.loading("正在加载服务监控数据，请稍候！")
-  getServer().then(response => {
-    server.value = response.data
-    proxy.$modal.closeLoading()
-  })
-}
-
-getList()
-</script>
diff --git a/src/views/redirect/index.vue b/src/views/redirect/index.vue
deleted file mode 100644
index 99dd4f5..0000000
--- a/src/views/redirect/index.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-  <div></div>
-</template>
-
-<script setup>
-import { useRoute, useRouter } from 'vue-router'
-
-const route = useRoute()
-const router = useRouter()
-const { params, query } = route
-const { path } = params
-
-router.replace({ path: '/' + path, query })
-</script>
\ No newline at end of file
diff --git a/src/views/register.vue b/src/views/register.vue
deleted file mode 100644
index 254cc8e..0000000
--- a/src/views/register.vue
+++ /dev/null
@@ -1,219 +0,0 @@
-<template>
-  <div class="register">
-    <el-form ref="registerRef" :model="registerForm" :rules="registerRules" class="register-form">
-      <h3 class="title">{{ title }}</h3>
-      <el-form-item prop="username">
-        <el-input 
-          v-model="registerForm.username" 
-          type="text" 
-          size="large" 
-          auto-complete="off" 
-          placeholder="账号"
-        >
-          <template #prefix><svg-icon icon-class="user" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="password" :rules="registerPwdValidator">
-        <el-input
-          v-model="registerForm.password"
-          type="password"
-          size="large" 
-          auto-complete="off"
-          placeholder="密码"
-          @keyup.enter="handleRegister"
-        >
-          <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="confirmPassword">
-        <el-input
-          v-model="registerForm.confirmPassword"
-          type="password"
-          size="large" 
-          auto-complete="off"
-          placeholder="确认密码"
-          @keyup.enter="handleRegister"
-        >
-          <template #prefix><svg-icon icon-class="password" class="el-input__icon input-icon" /></template>
-        </el-input>
-      </el-form-item>
-      <el-form-item prop="code" v-if="captchaEnabled">
-        <el-input
-          size="large" 
-          v-model="registerForm.code"
-          auto-complete="off"
-          placeholder="验证码"
-          style="width: 63%"
-          @keyup.enter="handleRegister"
-        >
-          <template #prefix><svg-icon icon-class="validCode" class="el-input__icon input-icon" /></template>
-        </el-input>
-        <div class="register-code">
-          <img :src="codeUrl" @click="getCode" class="register-code-img"/>
-        </div>
-      </el-form-item>
-      <el-form-item style="width:100%;">
-        <el-button
-          :loading="loading"
-          size="large" 
-          type="primary"
-          style="width:100%;"
-          @click.prevent="handleRegister"
-        >
-          <span v-if="!loading">注 册</span>
-          <span v-else>注 册 中...</span>
-        </el-button>
-        <div style="float: right;">
-          <router-link class="link-type" :to="'/login'">使用已有账户登录</router-link>
-        </div>
-      </el-form-item>
-    </el-form>
-    <!--  底部  -->
-    <div class="el-register-footer">
-      <span>{{ footerContent }}</span>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ElMessageBox } from "element-plus"
-import { getCodeImg, register } from "@/api/login"
-import defaultSettings from '@/settings'
-import { usePasswordRule } from "@/utils/passwordRule"
-
-const title = import.meta.env.VITE_APP_TITLE
-const footerContent = defaultSettings.footerContent
-const router = useRouter()
-const { proxy } = getCurrentInstance()
-const { registerPwdValidator } = usePasswordRule()
-
-const registerForm = ref({
-  username: "",
-  password: "",
-  confirmPassword: "",
-  code: "",
-  uuid: ""
-})
-
-const equalToPassword = (rule, value, callback) => {
-  if (registerForm.value.password !== value) {
-    callback(new Error("两次输入的密码不一致"))
-  } else {
-    callback()
-  }
-}
-
-const registerRules = {
-  username: [
-    { required: true, trigger: "blur", message: "请输入您的账号" },
-    { min: 2, max: 20, message: "用户账号长度必须介于 2 和 20 之间", trigger: "blur" }
-  ],
-  confirmPassword: [
-    { required: true, trigger: "blur", message: "请再次输入您的密码" },
-    { required: true, validator: equalToPassword, trigger: "blur" }
-  ],
-  code: [{ required: true, trigger: "change", message: "请输入验证码" }]
-}
-
-const codeUrl = ref("")
-const loading = ref(false)
-const captchaEnabled = ref(true)
-
-function handleRegister() {
-  proxy.$refs.registerRef.validate(valid => {
-    if (valid) {
-      loading.value = true
-      register(registerForm.value).then(res => {
-        const username = registerForm.value.username
-        ElMessageBox.alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", "系统提示", {
-          dangerouslyUseHTMLString: true,
-          type: "success",
-        }).then(() => {
-          router.push("/login")
-        }).catch(() => {})
-      }).catch(() => {
-        loading.value = false
-        if (captchaEnabled) {
-          getCode()
-        }
-      })
-    }
-  })
-}
-
-function getCode() {
-  getCodeImg().then(res => {
-    captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
-    if (captchaEnabled.value) {
-      codeUrl.value = "data:image/gif;base64," + res.img
-      registerForm.value.uuid = res.uuid
-    }
-  })
-}
-
-getCode()
-</script>
-
-<style lang='scss' scoped>
-.register {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-  background-image: url("../assets/images/login-background.jpg");
-  background-size: cover;
-}
-.title {
-  margin: 0px auto 30px auto;
-  text-align: center;
-  color: #707070;
-}
-
-.register-form {
-  border-radius: 6px;
-  background: #ffffff;
-  width: 400px;
-  padding: 25px 25px 5px 25px;
-  .el-input {
-    height: 40px;
-    input {
-      height: 40px;
-    }
-  }
-  .input-icon {
-    height: 39px;
-    width: 14px;
-    margin-left: 0px;
-  }
-}
-.register-tip {
-  font-size: 13px;
-  text-align: center;
-  color: #bfbfbf;
-}
-.register-code {
-  width: 33%;
-  height: 40px;
-  float: right;
-  img {
-    cursor: pointer;
-    vertical-align: middle;
-  }
-}
-.el-register-footer {
-  height: 40px;
-  line-height: 40px;
-  position: fixed;
-  bottom: 0;
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  font-family: Arial;
-  font-size: 12px;
-  letter-spacing: 1px;
-}
-.register-code-img {
-  height: 40px;
-  padding-left: 12px;
-}
-</style>
diff --git a/src/views/resource/device/index.vue b/src/views/resource/device/index.vue
deleted file mode 100644
index a28535e..0000000
--- a/src/views/resource/device/index.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form :inline="true" :model="query">
-      <el-form-item label="机器人ID"><el-input v-model="query.robotId" clearable @keyup.enter="search" /></el-form-item>
-      <el-form-item label="设备用途"><el-input v-model="query.deviceRole" clearable @keyup.enter="search" /></el-form-item>
-      <el-form-item label="在线状态">
-        <el-select v-model="onlineFilter" clearable style="width: 120px">
-          <el-option label="在线" value="online" /><el-option label="离线" value="offline" />
-        </el-select>
-      </el-form-item>
-      <el-form-item><el-button type="primary" icon="Search" @click="search">查询</el-button><el-button icon="Refresh" @click="reset">重置</el-button></el-form-item>
-    </el-form>
-
-    <el-table v-loading="loading" :data="rows" row-key="id">
-      <el-table-column label="机器人" prop="robotId" min-width="200" show-overflow-tooltip />
-      <el-table-column label="设备" min-width="210">
-        <template #default="{ row }"><strong>{{ row.deviceName || row.deviceId }}</strong><div class="secondary">{{ row.deviceId }}</div></template>
-      </el-table-column>
-      <el-table-column label="类型" width="120"><template #default="{ row }">{{ kindName(row.deviceKind) }}</template></el-table-column>
-      <el-table-column label="用途" prop="deviceRole" min-width="150"><template #default="{ row }">{{ row.deviceRole || '未设置' }}</template></el-table-column>
-      <el-table-column label="状态" width="100"><template #default="{ row }"><el-tag :type="row.onlineStatus === '1' ? 'success' : 'info'">{{ row.onlineStatus === '1' ? '在线' : '离线' }}</el-tag></template></el-table-column>
-      <el-table-column label="启用" width="90"><template #default="{ row }">{{ row.enabled === '0' ? '否' : '是' }}</template></el-table-column>
-      <el-table-column label="健康" width="100"><template #default="{ row }"><el-tag :type="row.hasError === '1' ? 'danger' : 'success'">{{ row.hasError === '1' ? '故障' : '正常' }}</el-tag></template></el-table-column>
-      <el-table-column label="最后发现" prop="lastSeenTime" width="175" />
-      <el-table-column label="操作" width="170" fixed="right">
-        <template #default="{ row }">
-          <el-button v-if="controlPath(row)" link type="primary" icon="VideoPlay" :disabled="row.onlineStatus !== '1'" @click="openTeach(row)">示教</el-button>
-          <el-button link type="primary" icon="Setting" @click="openConfig(row)">配置</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination v-show="total > 0" :total="total" v-model:page="query.pageNum" v-model:limit="query.pageSize" @pagination="load" />
-
-    <el-drawer v-model="configOpen" title="设备配置" size="min(720px, 94vw)" destroy-on-close>
-      <el-form :model="active" label-width="90px">
-        <el-form-item label="设备ID"><span class="identity">{{ active.deviceId }}</span></el-form-item>
-        <el-form-item label="设备名称"><el-input v-model="active.deviceName" /></el-form-item>
-        <el-form-item label="设备用途"><el-input v-model="active.deviceRole" placeholder="例如：前摄像头、左机械臂、环境麦克风" /></el-form-item>
-        <el-form-item label="启用"><el-switch v-model="active.enabled" active-value="1" inactive-value="0" /></el-form-item>
-        <el-form-item label="备注"><el-input v-model="active.remark" type="textarea" /></el-form-item>
-      </el-form>
-      <template #footer><el-button @click="configOpen = false">取消</el-button><el-button type="primary" :loading="saving" @click="saveConfig">保存</el-button></template>
-    </el-drawer>
-  </div>
-</template>
-
-<script setup name="ResourceDevice">
-import { onActivated, onMounted, reactive, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { ElMessage } from 'element-plus'
-import { listResourceDevices, updateResourceDevice } from '@/api/resource/device'
-
-const kindNames = { 1: '移动底盘', 2: '机械臂', 3: '电池', 4: '仿生头', 5: '摄像头', 6: 'CAN总线', 7: '灵巧手', 8: '夹爪', 9: '麦克风', 10: '电机', 11: '电机系统', 12: '机器人本体', 13: '扬声器' }
-const router = useRouter()
-const loading = ref(false), saving = ref(false), rows = ref([]), total = ref(0), configOpen = ref(false), onlineFilter = ref('')
-const query = reactive({ pageNum: 1, pageSize: 20, robotId: '', deviceRole: '', onlineOnly: false })
-const active = reactive({})
-const kindName = value => kindNames[value] || `未知(${value ?? '-'})`
-const controlPath = device => ({
-  2: 'mechanical_arm', 4: 'head', 5: 'camera', 7: 'hand', 9: 'microphone', 13: 'speaker',
-})[device.deviceKind]
-
-function openTeach(device) {
-  const path = controlPath(device)
-  if (!path) return
-  router.push({
-    path: `/device/${path}/${device.id}`,
-    query: { robotId: device.robotId, deviceId: device.deviceId },
-  })
-}
-
-async function load() {
-  loading.value = true
-  try {
-    const params = { ...query, onlineOnly: onlineFilter.value === 'online' }
-    const res = await listResourceDevices(params)
-    const data = res.rows || res.data || []
-    rows.value = onlineFilter.value === 'offline' ? data.filter(item => item.onlineStatus !== '1') : data
-    total.value = onlineFilter.value === 'offline' ? rows.value.length : (res.total ?? rows.value.length)
-  } finally { loading.value = false }
-}
-function search() { query.pageNum = 1; load() }
-function reset() { Object.assign(query, { pageNum: 1, robotId: '', deviceRole: '', onlineOnly: false }); onlineFilter.value = ''; load() }
-function openConfig(row) {
-  Object.assign(active, JSON.parse(JSON.stringify(row)))
-  configOpen.value = true
-}
-async function saveConfig() {
-  saving.value = true
-  try {
-    await updateResourceDevice(active.id, active)
-    ElMessage.success('设备配置已保存')
-    configOpen.value = false
-    load()
-  } finally { saving.value = false }
-}
-onMounted(load)
-onActivated(load)
-</script>
-
-<style scoped>
-.secondary { color: var(--el-text-color-secondary); font-size: 12px; margin-top: 3px; }
-.identity { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
-</style>
diff --git a/src/views/resource/map/index.vue b/src/views/resource/map/index.vue
deleted file mode 100644
index 745e05e..0000000
--- a/src/views/resource/map/index.vue
+++ /dev/null
@@ -1,189 +0,0 @@
-<template>
-  <div class="app-container resource-map-page">
-    <el-form v-show="showSearch" :model="query" inline>
-      <el-form-item label="地图名称">
-        <el-input v-model="query.mapName" clearable placeholder="请输入地图名称" @keyup.enter="loadMaps" />
-      </el-form-item>
-      <el-form-item label="地图类型">
-        <el-input v-model="query.mapType" clearable placeholder="例如 2D" @keyup.enter="loadMaps" />
-      </el-form-item>
-      <el-form-item label="状态">
-        <el-select v-model="query.status" clearable placeholder="全部" style="width: 120px">
-          <el-option label="启用" value="0" />
-          <el-option label="停用" value="1" />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">查询</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Plus" @click="openMapAdd">新增地图</el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="loadMaps" />
-    </el-row>
-
-    <el-table v-loading="mapLoading" :data="maps">
-      <el-table-column label="地图名称" prop="mapName" min-width="160" />
-      <el-table-column label="版本" prop="mapVersion" width="110" />
-      <el-table-column label="类型" prop="mapType" width="110" />
-      <el-table-column label="坐标系" prop="coordinateSystem" width="130" />
-      <el-table-column label="来源" min-width="180" show-overflow-tooltip>
-        <template #default="{ row }">{{ sourceLabel(row) }}</template>
-      </el-table-column>
-      <el-table-column label="状态" width="90">
-        <template #default="{ row }">
-          <el-tag :type="row.status === '0' ? 'success' : 'info'">
-            {{ row.status === '0' ? '启用' : '停用' }}
-          </el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="描述" prop="mapDesc" min-width="180" show-overflow-tooltip />
-      <el-table-column label="操作" width="150" fixed="right">
-        <template #default="{ row }">
-          <el-button link type="primary" icon="Edit" @click="openMapEdit(row)">编辑</el-button>
-          <el-button link type="danger" icon="Delete" @click="removeMap(row)">删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination
-      v-show="mapTotal > 0"
-      v-model:page="query.pageNum"
-      v-model:limit="query.pageSize"
-      :total="mapTotal"
-      @pagination="loadMaps"
-    />
-
-    <el-dialog v-model="mapFormOpen" :title="mapForm.id ? '编辑地图' : '新增地图'" width="680px" append-to-body>
-      <el-form ref="mapFormRef" :model="mapForm" :rules="mapRules" label-width="100px">
-        <el-row :gutter="16">
-          <el-col :span="12"><el-form-item label="地图名称" prop="mapName"><el-input v-model="mapForm.mapName" /></el-form-item></el-col>
-          <el-col :span="12"><el-form-item label="地图版本"><el-input v-model="mapForm.mapVersion" placeholder="例如 v1" /></el-form-item></el-col>
-          <el-col :span="12"><el-form-item label="地图类型"><el-input v-model="mapForm.mapType" placeholder="例如 2D" /></el-form-item></el-col>
-          <el-col :span="12"><el-form-item label="坐标系"><el-input v-model="mapForm.coordinateSystem" placeholder="例如 map" /></el-form-item></el-col>
-          <el-col :span="12">
-            <el-form-item label="来源类型">
-              <el-select v-model="mapForm.sourceType" style="width: 100%">
-                <el-option label="机器人" value="ROBOT" />
-                <el-option label="上传" value="UPLOAD" />
-                <el-option label="其他" value="OTHER" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12"><el-form-item label="状态"><el-radio-group v-model="mapForm.status"><el-radio value="0">启用</el-radio><el-radio value="1">停用</el-radio></el-radio-group></el-form-item></el-col>
-          <el-col v-if="mapForm.sourceType === 'ROBOT'" :span="12">
-            <el-form-item label="来源机器人">
-              <el-select v-model="mapForm.sourceRobotId" filterable clearable style="width: 100%">
-                <el-option v-for="robot in robots" :key="robot.robotId" :label="robot.robotName || robot.robotId" :value="robot.robotId" />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col v-if="mapForm.sourceType === 'ROBOT'" :span="12"><el-form-item label="原地图名称"><el-input v-model="mapForm.sourceMapName" /></el-form-item></el-col>
-          <el-col :span="24"><el-form-item label="地图文件"><el-input v-model="mapForm.mapFilePath" placeholder="文件地址或对象存储地址" /></el-form-item></el-col>
-          <el-col :span="24"><el-form-item label="地图描述"><el-input v-model="mapForm.mapDesc" type="textarea" :rows="3" /></el-form-item></el-col>
-          <el-col :span="24"><el-form-item label="备注"><el-input v-model="mapForm.remark" type="textarea" :rows="2" /></el-form-item></el-col>
-        </el-row>
-      </el-form>
-      <template #footer>
-        <el-button @click="mapFormOpen = false">取消</el-button>
-        <el-button type="primary" :loading="saving" @click="saveMap">保存</el-button>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup name="ResourceMap">
-import { onActivated, onMounted, reactive, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { listResourceRobots } from '@/api/resource/robot'
-import { addResourceMap, deleteResourceMap, listResourceMaps, updateResourceMap } from '@/api/resource/map'
-
-const showSearch = ref(true)
-const mapLoading = ref(false)
-const saving = ref(false)
-const maps = ref([])
-const robots = ref([])
-const mapTotal = ref(0)
-const mapFormOpen = ref(false)
-const mapFormRef = ref()
-const query = reactive({ pageNum: 1, pageSize: 10, mapName: '', mapType: '', status: '' })
-const emptyMap = () => ({
-  id: '', mapName: '', mapVersion: '', mapType: '2D', coordinateSystem: 'map',
-  sourceType: 'ROBOT', sourceRobotId: '', sourceMapName: '', mapFilePath: '',
-  status: '0', mapDesc: '', remark: '',
-})
-const mapForm = reactive(emptyMap())
-const mapRules = { mapName: [{ required: true, message: '请输入地图名称', trigger: 'blur' }] }
-
-function sourceLabel(row) {
-  if (row.sourceType === 'ROBOT') return [row.sourceRobotId, row.sourceMapName].filter(Boolean).join(' / ') || '机器人'
-  return row.sourceType || '-'
-}
-
-async function loadMaps() {
-  mapLoading.value = true
-  try {
-    const res = await listResourceMaps(query)
-    maps.value = res.rows || []
-    mapTotal.value = res.total || 0
-  } finally {
-    mapLoading.value = false
-  }
-}
-
-async function loadRobots() {
-  const res = await listResourceRobots({ pageNum: 1, pageSize: 10000 })
-  robots.value = res.rows || []
-}
-
-function handleQuery() {
-  query.pageNum = 1
-  loadMaps()
-}
-
-function resetQuery() {
-  Object.assign(query, { pageNum: 1, pageSize: query.pageSize, mapName: '', mapType: '', status: '' })
-  loadMaps()
-}
-
-function openMapAdd() {
-  Object.assign(mapForm, emptyMap())
-  mapFormOpen.value = true
-}
-
-function openMapEdit(row) {
-  Object.assign(mapForm, emptyMap(), JSON.parse(JSON.stringify(row)))
-  mapFormOpen.value = true
-}
-
-async function saveMap() {
-  await mapFormRef.value.validate()
-  saving.value = true
-  try {
-    if (mapForm.id) await updateResourceMap(mapForm)
-    else await addResourceMap(mapForm)
-    ElMessage.success('地图已保存')
-    mapFormOpen.value = false
-    await loadMaps()
-  } finally {
-    saving.value = false
-  }
-}
-
-async function removeMap(row) {
-  await ElMessageBox.confirm(`确定删除地图“${row.mapName}”吗？`, '提示', { type: 'warning' })
-  await deleteResourceMap(row.id)
-  ElMessage.success('地图已删除')
-  await loadMaps()
-}
-
-async function refresh() {
-  await Promise.all([loadMaps(), loadRobots()])
-}
-
-onMounted(refresh)
-onActivated(refresh)
-</script>
diff --git a/src/views/resource/robot/index.vue b/src/views/resource/robot/index.vue
deleted file mode 100644
index 04f3b84..0000000
--- a/src/views/resource/robot/index.vue
+++ /dev/null
@@ -1,339 +0,0 @@
-<template>
-  <div class="app-container robot-page">
-    <el-form v-show="showSearch" :model="queryParams" inline class="query-form">
-      <el-form-item label="机器人ID">
-        <el-input v-model="queryParams.robotId" placeholder="永久身份ID" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="名称">
-        <el-input v-model="queryParams.robotName" placeholder="机器人名称" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
-      <el-form-item label="连接状态">
-        <el-select v-model="queryParams.connectStatus" placeholder="全部" clearable style="width: 120px">
-          <el-option label="在线" value="1" />
-          <el-option label="离线" value="0" />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button type="primary" plain icon="Plus" @click="handleAdd">新增机器人</el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" />
-    </el-row>
-
-    <el-table v-loading="loading" :data="robotList" row-key="id">
-      <el-table-column label="机器人" min-width="190">
-        <template #default="{ row }">
-          <div class="robot-name">{{ row.robotName || '未命名机器人' }}</div>
-          <div class="secondary">{{ row.robotCode || '未设置业务编号' }}</div>
-        </template>
-      </el-table-column>
-      <el-table-column label="永久机器人ID" prop="robotId" min-width="210" show-overflow-tooltip>
-        <template #default="{ row }">
-          <span v-if="row.robotId" class="identity-text">{{ row.robotId }}</span>
-          <el-tag v-else type="info" effect="plain">旧数据</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="连接" width="100" align="center">
-        <template #default="{ row }">
-          <el-tag :type="row.connectStatus === '1' ? 'success' : 'info'" effect="light">
-            {{ row.connectStatus === '1' ? '在线' : '等待接入' }}
-          </el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="运行状态" width="100" align="center">
-        <template #default="{ row }">
-          <el-tag :type="runtimeStatusType(row.status)" effect="plain">{{ runtimeStatusLabel(row.status) }}</el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="电量" width="145">
-        <template #default="{ row }">
-          <div v-if="hasBattery(row)" class="battery-cell">
-            <el-progress :percentage="normalizeBattery(row.batteryLevel)" :stroke-width="8"
-              :color="batteryColor(row.batteryLevel)" />
-          </div>
-          <span v-else class="secondary">尚未获取</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="当前位置" min-width="210" show-overflow-tooltip>
-        <template #default="{ row }">
-          <span v-if="row.currentPosition" class="position-text">{{ positionText(row.currentPosition) }}</span>
-          <span v-else class="secondary">尚未获取AGV位姿</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="当前地图" min-width="135" show-overflow-tooltip>
-        <template #default="{ row }">{{ row.currentMapName || row.robotMapName || '-' }}</template>
-      </el-table-column>
-      <el-table-column label="当前端点" min-width="175">
-        <template #default="{ row }">
-          <span v-if="row.ipAddress && row.port">{{ row.ipAddress }}:{{ row.port }}</span>
-          <span v-else class="secondary">连接后自动获取</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="设备" width="150" align="center">
-        <template #default="{ row }">
-          <el-button v-if="row.robotId" link type="primary" @click="openDevices(row)">
-            {{ row.onlineDeviceCount || 0 }}/{{ row.deviceTotal || 0 }} 在线
-          </el-button>
-          <span v-else>-</span>
-          <el-tag v-if="row.faultDeviceCount" type="danger" size="small" class="fault-tag">
-            {{ row.faultDeviceCount }} 故障
-          </el-tag>
-        </template>
-      </el-table-column>
-      <el-table-column label="最后心跳" prop="lastHeartbeatTime" width="175">
-        <template #default="{ row }">{{ row.lastHeartbeatTime || '-' }}</template>
-      </el-table-column>
-      <el-table-column label="类型" prop="robotType" width="120">
-        <template #default="{ row }">{{ robotTypeLabel(row.robotType) }}</template>
-      </el-table-column>
-      <el-table-column label="操作" width="280" fixed="right">
-        <template #default="{ row }">
-          <el-button link type="primary" icon="Refresh" :loading="syncingRobotIds.has(row.id)"
-            :disabled="row.connectStatus !== '1'" @click="syncRuntimeState(row)">状态</el-button>
-          <el-button link type="primary" icon="View" :disabled="!row.robotId" @click="openDevices(row)">设备</el-button>
-          <el-button link type="primary" icon="Edit" @click="handleUpdate(row)">编辑</el-button>
-          <el-button link type="danger" icon="Delete" @click="handleArchive(row)">归档</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize" @pagination="getList" />
-
-    <el-dialog v-model="formOpen" :title="form.id ? '编辑机器人' : '登记机器人'" width="620px" append-to-body>
-      <el-alert v-if="!form.id" title="登记永久机器人ID后，IP、端口和设备将在QUIC连接时自动同步。" type="info" show-icon :closable="false" />
-      <el-form ref="robotRef" :model="form" :rules="rules" label-width="110px" class="robot-form">
-        <el-form-item label="机器人ID" prop="robotId">
-          <el-input v-model="form.robotId" :disabled="Boolean(form.id)" maxlength="128" placeholder="与边缘端 robot_id 完全一致">
-            <template #prefix><el-icon><Lock /></el-icon></template>
-          </el-input>
-        </el-form-item>
-        <el-form-item label="机器人名称" prop="robotName">
-          <el-input v-model="form.robotName" placeholder="请输入机器人名称" />
-        </el-form-item>
-        <el-form-item label="业务编号" prop="robotCode">
-          <el-input v-model="form.robotCode" placeholder="用于业务展示，可后续修改" />
-        </el-form-item>
-        <el-form-item label="机器人型号">
-          <el-input v-model="form.robotModel" placeholder="选填" />
-        </el-form-item>
-        <el-form-item label="机器人类型" prop="robotType">
-          <el-select v-model="form.robotType" placeholder="请选择" clearable style="width: 100%">
-            <el-option v-for="type in robot_type" :key="type.value" :label="type.label" :value="type.value" />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="当前地图">
-          <el-select v-model="form.currentMapId" placeholder="可稍后绑定" clearable style="width: 100%">
-            <el-option v-for="map in mapList" :key="map.value" :label="map.label" :value="map.value" />
-          </el-select>
-        </el-form-item>
-        <template v-if="form.id">
-          <el-divider content-position="left">连接信息</el-divider>
-          <el-form-item label="连接状态">
-            <el-tag :type="form.connectStatus === '1' ? 'success' : 'info'">{{ form.connectStatus === '1' ? '在线' : '等待接入' }}</el-tag>
-          </el-form-item>
-          <el-form-item label="当前端点"><span>{{ endpointText(form) }}</span></el-form-item>
-          <el-form-item label="边缘节点"><span>{{ form.quicNodeId || '-' }}</span></el-form-item>
-          <el-form-item label="AGV电量"><span>{{ hasBattery(form) ? `${normalizeBattery(form.batteryLevel)}%` : '尚未获取' }}</span></el-form-item>
-          <el-form-item label="AGV位姿"><span>{{ form.currentPosition ? positionText(form.currentPosition) : '尚未获取' }}</span></el-form-item>
-        </template>
-      </el-form>
-      <template #footer>
-        <el-button @click="formOpen = false">取消</el-button>
-        <el-button type="primary" :loading="submitting" @click="submitForm">保存</el-button>
-      </template>
-    </el-dialog>
-
-    <el-drawer v-model="deviceOpen" size="min(960px, 92vw)" destroy-on-close>
-      <template #header>
-        <div>
-          <div class="drawer-title">{{ activeRobot.robotName || activeRobot.robotId }}</div>
-          <div class="secondary">{{ activeRobot.robotId }} · {{ endpointText(activeRobot) }}</div>
-        </div>
-      </template>
-      <div class="device-toolbar">
-        <el-input v-model="deviceKeyword" placeholder="搜索设备ID或类型" clearable prefix-icon="Search" />
-        <el-select v-model="deviceOnline" placeholder="全部状态" clearable>
-          <el-option label="在线" value="1" /><el-option label="离线" value="0" />
-        </el-select>
-        <el-button icon="Refresh" :loading="deviceLoading" @click="loadDevices">刷新</el-button>
-      </div>
-      <el-table v-loading="deviceLoading" :data="filteredDevices" empty-text="机器人尚未上报设备">
-        <el-table-column label="设备" min-width="180">
-          <template #default="{ row }"><strong>{{ row.deviceName || row.deviceId }}</strong><div class="secondary">{{ row.deviceId }}</div></template>
-        </el-table-column>
-        <el-table-column label="类型" width="120"><template #default="{ row }">{{ deviceKindLabel(row.deviceKind) }}</template></el-table-column>
-        <el-table-column label="实现" prop="typeName" min-width="150" show-overflow-tooltip />
-        <el-table-column label="运行状态" width="110"><template #default="{ row }">{{ managerStateLabel(row.managerState) }}</template></el-table-column>
-        <el-table-column label="健康" width="100"><template #default="{ row }"><el-tag :type="healthTag(row)">{{ healthLabel(row) }}</el-tag></template></el-table-column>
-        <el-table-column label="在线" width="90"><template #default="{ row }"><el-tag :type="row.onlineStatus === '1' ? 'success' : 'info'">{{ row.onlineStatus === '1' ? '在线' : '离线' }}</el-tag></template></el-table-column>
-        <el-table-column label="最后发现" prop="lastSeenTime" width="175" />
-        <el-table-column label="错误" prop="errorMessage" min-width="180" show-overflow-tooltip />
-      </el-table>
-    </el-drawer>
-
-  </div>
-</template>
-
-<script setup name="ResourceRobot">
-import { computed, getCurrentInstance, onActivated, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { addRobot, deleteRobot, getRobotDevices, getRobotList, getRobotStatus, updateRobot } from '@/api/resource/robot'
-import { listResourceMaps as getMapList } from '@/api/resource/map'
-import { agvRuntimeStatusLabel, agvRuntimeStatusType } from '@/utils/agvRuntimeStatus'
-
-const { proxy } = getCurrentInstance()
-const { robot_type } = proxy.useDict('robot_type')
-const robotRef = ref()
-const loading = ref(false)
-const submitting = ref(false)
-const showSearch = ref(true)
-const total = ref(0)
-const robotList = ref([])
-const mapList = ref([])
-const formOpen = ref(false)
-const deviceOpen = ref(false)
-const deviceLoading = ref(false)
-const devices = ref([])
-const deviceKeyword = ref('')
-const deviceOnline = ref('')
-const activeRobot = ref({})
-const syncingRobotIds = reactive(new Set())
-let deviceRefreshTimer
-let listRefreshTimer
-
-const queryParams = reactive({ pageNum: 1, pageSize: 10, robotId: '', robotName: '', connectStatus: '' })
-const emptyForm = () => ({ id: '', robotId: '', robotName: '', robotCode: '', robotModel: '', robotType: '', currentMapId: '' })
-const form = reactive(emptyForm())
-const rules = {
-  robotId: [{ required: true, message: '请输入永久机器人ID', trigger: 'blur' }],
-  robotName: [{ required: true, message: '请输入机器人名称', trigger: 'blur' }],
-  robotCode: [{ required: true, message: '请输入业务编号', trigger: 'blur' }],
-  robotType: [{ required: true, message: '请选择机器人类型', trigger: 'change' }]
-}
-
-const filteredDevices = computed(() => devices.value.filter(item => {
-  const keyword = deviceKeyword.value.trim().toLowerCase()
-  const text = `${item.deviceId || ''} ${item.deviceName || ''} ${item.typeName || ''}`.toLowerCase()
-  return (!keyword || text.includes(keyword)) && (!deviceOnline.value || item.onlineStatus === deviceOnline.value)
-}))
-
-async function getList(showLoading = true) {
-  if (showLoading) loading.value = true
-  try {
-    const res = await getRobotList(queryParams)
-    robotList.value = res.rows || []
-    total.value = res.total || 0
-  } finally { if (showLoading) loading.value = false }
-}
-function handleQuery() { queryParams.pageNum = 1; getList() }
-function resetQuery() { Object.assign(queryParams, { pageNum: 1, robotId: '', robotName: '', connectStatus: '' }); getList() }
-function handleAdd() {
-  Object.assign(form, emptyForm())
-  formOpen.value = true
-}
-async function handleUpdate(row) {
-  Object.assign(form, emptyForm(), row)
-  formOpen.value = true
-}
-function submitForm() {
-  robotRef.value.validate(async valid => {
-    if (!valid) return
-    submitting.value = true
-    try {
-      if (form.id) await updateRobot(form); else await addRobot(form)
-      ElMessage.success(form.id ? '机器人信息已更新' : '机器人已登记，等待QUIC接入')
-      formOpen.value = false
-      getList()
-    } finally { submitting.value = false }
-  })
-}
-async function handleArchive(row) {
-  await ElMessageBox.confirm(`归档后机器人ID“${row.robotId || row.robotName}”不可再次使用，是否继续？`, '归档机器人', { type: 'warning' })
-  await deleteRobot(row.id); ElMessage.success('机器人已归档'); getList()
-}
-async function openDevices(row) {
-  activeRobot.value = row; deviceOpen.value = true; deviceKeyword.value = ''; deviceOnline.value = ''; await loadDevices()
-  clearInterval(deviceRefreshTimer); deviceRefreshTimer = setInterval(() => { if (deviceOpen.value) loadDevices(false) }, 5000)
-}
-async function loadDevices(showLoading = true) {
-  if (!activeRobot.value.id) return
-  if (showLoading) deviceLoading.value = true
-  try { const res = await getRobotDevices(activeRobot.value.id); devices.value = res.data || [] } finally { deviceLoading.value = false }
-}
-function endpointText(row) { return row.ipAddress && row.port ? `${row.ipAddress}:${row.port}` : '等待连接后自动获取' }
-const runtimeStatusLabel = agvRuntimeStatusLabel
-const runtimeStatusType = agvRuntimeStatusType
-function hasBattery(row) { return row.batteryLevel !== null && row.batteryLevel !== undefined && row.batteryLevel !== '' }
-function normalizeBattery(value) { return Math.max(0, Math.min(100, Math.round(Number(value) || 0))) }
-function batteryColor(value) {
-  const level = normalizeBattery(value)
-  if (level <= 20) return '#f56c6c'
-  if (level <= 40) return '#e6a23c'
-  return '#36a269'
-}
-function positionText(value) {
-  const values = String(value || '').split(',').map(item => Number(item))
-  if (values.length < 2 || values.some(item => !Number.isFinite(item))) return value || '-'
-  const theta = values.length > 2 ? `，θ ${values[2].toFixed(2)}` : ''
-  return `X ${values[0].toFixed(2)}，Y ${values[1].toFixed(2)}${theta}`
-}
-async function syncRuntimeState(row) {
-  if (!row.id || syncingRobotIds.has(row.id)) return
-  syncingRobotIds.add(row.id)
-  try {
-    const res = await getRobotStatus(row.id)
-    if (res.data) Object.assign(row, res.data)
-    ElMessage.success('机器人运行状态已刷新')
-  } finally {
-    syncingRobotIds.delete(row.id)
-  }
-}
-function robotTypeLabel(value) { return robot_type.value?.find(item => String(item.value) === String(value))?.label || value || '-' }
-const kindNames = { 1: 'AGV', 2: '机械臂', 3: '电池', 4: '仿生头', 5: '摄像头', 6: 'CAN总线', 7: '灵巧手', 8: '夹爪', 9: '麦克风', 10: '电机', 11: '电机系统', 12: '机器人', 13: '扬声器' }
-const stateNames = { 1: '停用', 2: '初始化', 3: '已注册', 4: '就绪', 5: '运行中', 6: '已停止', 7: '错误' }
-function deviceKindLabel(value) { return kindNames[value] || `未知(${value ?? '-'})` }
-function managerStateLabel(value) { return stateNames[value] || '-' }
-function healthLabel(row) { if (row.hasError === '1') return '故障'; return ({ 1: '健康', 2: '降级', 3: '故障' })[row.healthStatus] || '未知' }
-function healthTag(row) { return row.hasError === '1' || row.healthStatus === 3 ? 'danger' : row.healthStatus === 2 ? 'warning' : row.healthStatus === 1 ? 'success' : 'info' }
-
-onMounted(() => {
-  getList()
-  listRefreshTimer = setInterval(() => {
-    if (!document.hidden && !formOpen.value) getList(false)
-  }, 5000)
-  getMapList({ pageNum: 1, pageSize: 10000 }).then(res => {
-    mapList.value = (res.rows || []).map(item => ({ label: item.mapName, value: item.id }))
-  })
-})
-
-onActivated(() => getList(false))
-onBeforeUnmount(() => {
-  clearInterval(deviceRefreshTimer)
-  clearInterval(listRefreshTimer)
-})
-</script>
-
-<style scoped lang="scss">
-.robot-page { min-width: 0; }
-.query-form :deep(.el-input) { width: 190px; }
-.robot-name, .drawer-title { font-weight: 600; color: var(--el-text-color-primary); }
-.drawer-title { font-size: 16px; margin-bottom: 4px; }
-.secondary { color: var(--el-text-color-secondary); font-size: 12px; line-height: 20px; }
-.identity-text { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
-.battery-cell { width: 118px; }
-.battery-cell :deep(.el-progress__text) { min-width: 34px; font-size: 12px !important; }
-.position-text { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
-.fault-tag { margin-left: 6px; }
-.scope-tag { margin: 2px 4px 2px 0; }
-.robot-form { margin-top: 22px; }
-.form-tip { width: 100%; color: var(--el-text-color-secondary); font-size: 12px; line-height: 18px; }
-.device-toolbar { display: grid; grid-template-columns: minmax(220px, 1fr) 150px auto; gap: 10px; margin-bottom: 16px; }
-@media (max-width: 720px) { .device-toolbar { grid-template-columns: 1fr; } }
-</style>
diff --git a/src/views/resource/terminal/index.vue b/src/views/resource/terminal/index.vue
deleted file mode 100644
index 8bb484f..0000000
--- a/src/views/resource/terminal/index.vue
+++ /dev/null
@@ -1,75 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form :inline="true" :model="query">
-      <el-form-item label="终端"><el-input v-model="query.terminalName" clearable @keyup.enter="search" /></el-form-item>
-      <el-form-item label="连接状态"><el-select v-model="query.connectStatus" clearable style="width: 120px"><el-option label="在线" value="1" /><el-option label="离线" value="0" /></el-select></el-form-item>
-      <el-form-item><el-button type="primary" icon="Search" @click="search">查询</el-button><el-button icon="Refresh" @click="reset">重置</el-button></el-form-item>
-    </el-form>
-    <el-row class="mb8"><el-button type="primary" icon="Plus" @click="openAdd">登记终端</el-button></el-row>
-    <el-table v-loading="loading" :data="rows" row-key="id">
-      <el-table-column label="终端" min-width="210"><template #default="{ row }"><strong>{{ row.terminalName || row.terminalCode }}</strong><div class="secondary">{{ row.terminalCode }}</div></template></el-table-column>
-      <el-table-column label="当前地址" min-width="180"><template #default="{ row }">{{ endpoint(row) }}</template></el-table-column>
-      <el-table-column label="连接" width="95"><template #default="{ row }"><el-tag :type="row.connectStatus === '1' ? 'success' : 'info'">{{ row.connectStatus === '1' ? '在线' : '离线' }}</el-tag></template></el-table-column>
-      <el-table-column label="软件版本" prop="softwareVersion" min-width="130" />
-      <el-table-column label="绑定机器人" min-width="220"><template #default="{ row }"><span v-if="row.robotCount">{{ row.robotIdsCsv }}</span><span v-else class="secondary">未绑定</span></template></el-table-column>
-      <el-table-column label="最后心跳" prop="lastHeartbeatTime" width="180" />
-      <el-table-column label="操作" width="190" fixed="right"><template #default="{ row }"><el-button link type="primary" icon="Link" @click="openBindings(row)">绑定</el-button><el-button link type="primary" icon="Edit" @click="openEdit(row)">编辑</el-button><el-button link type="danger" icon="Delete" :disabled="row.connectStatus === '1'" @click="remove(row)">删除</el-button></template></el-table-column>
-    </el-table>
-    <pagination v-show="total > 0" :total="total" v-model:page="query.pageNum" v-model:limit="query.pageSize" @pagination="load" />
-
-    <el-dialog v-model="formOpen" :title="form.id ? '编辑边缘终端' : '登记边缘终端'" width="540px">
-      <el-alert v-if="!form.id" title="终端编码应与QUIC节点ID一致；连接地址和在线状态由终端自动上报。" type="info" :closable="false" show-icon />
-      <el-form :model="form" label-width="95px" class="terminal-form">
-        <el-form-item label="终端编码" required><el-input v-model="form.terminalCode" :disabled="Boolean(form.id)" /></el-form-item>
-        <el-form-item label="终端名称" required><el-input v-model="form.terminalName" /></el-form-item>
-        <el-form-item label="启用状态"><el-switch v-model="form.status" active-value="0" inactive-value="1" /></el-form-item>
-        <el-form-item label="备注"><el-input v-model="form.remark" type="textarea" /></el-form-item>
-      </el-form>
-      <template #footer><el-button @click="formOpen = false">取消</el-button><el-button type="primary" :loading="saving" @click="save">保存</el-button></template>
-    </el-dialog>
-
-    <el-dialog v-model="bindingOpen" title="绑定机器人" width="620px">
-      <el-alert title="一台机器人同一时间只归属一个在线边缘终端；重新绑定会自动解除旧终端关系。" type="info" :closable="false" show-icon />
-      <el-select v-model="selectedRobotIds" multiple filterable collapse-tags collapse-tags-tooltip placeholder="选择机器人" class="binding-select">
-        <el-option v-for="robot in robots" :key="robot.robotId" :label="`${robot.robotName || robot.robotId} (${robot.robotId})`" :value="robot.robotId" />
-      </el-select>
-      <template #footer><el-button @click="bindingOpen = false">取消</el-button><el-button type="primary" :loading="saving" @click="saveBindings">保存绑定</el-button></template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup name="ResourceTerminal">
-import { onActivated, onMounted, reactive, ref } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
-import { listResourceTerminals, addResourceTerminal, updateResourceTerminal, deleteResourceTerminals, listTerminalRobots, updateTerminalRobots } from '@/api/resource/terminal'
-import { listResourceRobots } from '@/api/resource/robot'
-
-const loading = ref(false), saving = ref(false), rows = ref([]), total = ref(0), formOpen = ref(false), bindingOpen = ref(false), robots = ref([]), selectedRobotIds = ref([]), activeTerminal = ref(null)
-const query = reactive({ pageNum: 1, pageSize: 20, terminalName: '', connectStatus: '' })
-const empty = () => ({ id: '', terminalCode: '', terminalName: '', status: '0', remark: '' })
-const form = reactive(empty())
-const endpoint = row => row.ipAddress ? `${row.ipAddress}${row.port ? `:${row.port}` : ''}` : '-'
-async function load() { loading.value = true; try { const res = await listResourceTerminals(query); rows.value = res.rows || []; total.value = res.total || 0 } finally { loading.value = false } }
-function search() { query.pageNum = 1; load() }
-function reset() { Object.assign(query, { pageNum: 1, terminalName: '', connectStatus: '' }); load() }
-function openAdd() { Object.assign(form, empty()); formOpen.value = true }
-function openEdit(row) { Object.assign(form, empty(), row); formOpen.value = true }
-async function save() { if (!form.terminalCode.trim() || !form.terminalName.trim()) return ElMessage.warning('请输入终端编码和名称'); saving.value = true; try { if (form.id) await updateResourceTerminal(form); else await addResourceTerminal(form); ElMessage.success('终端已保存'); formOpen.value = false; load() } finally { saving.value = false } }
-async function remove(row) { await ElMessageBox.confirm(`确定删除终端“${row.terminalName || row.terminalCode}”吗？`, '提示', { type: 'warning' }); await deleteResourceTerminals(row.id); ElMessage.success('已删除'); load() }
-async function openBindings(row) {
-  activeTerminal.value = row
-  const [robotRes, bindingRes] = await Promise.all([listResourceRobots({ pageNum: 1, pageSize: 10000 }), listTerminalRobots(row.id)])
-  robots.value = robotRes.rows || []
-  selectedRobotIds.value = bindingRes.data || []
-  bindingOpen.value = true
-}
-async function saveBindings() { saving.value = true; try { await updateTerminalRobots(activeTerminal.value.id, selectedRobotIds.value); ElMessage.success('机器人绑定已保存'); bindingOpen.value = false; load() } finally { saving.value = false } }
-onMounted(load)
-onActivated(load)
-</script>
-
-<style scoped>
-.secondary { color: var(--el-text-color-secondary); font-size: 12px; margin-top: 3px; }
-.terminal-form { margin-top: 20px; }
-.binding-select { width: 100%; margin-top: 20px; }
-</style>
diff --git a/src/views/system/config/index.vue b/src/views/system/config/index.vue
deleted file mode 100644
index beaaa7f..0000000
--- a/src/views/system/config/index.vue
+++ /dev/null
@@ -1,316 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-         <el-form-item label="参数名称" prop="configName">
-            <el-input
-               v-model="queryParams.configName"
-               placeholder="请输入参数名称"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="参数键名" prop="configKey">
-            <el-input
-               v-model="queryParams.configKey"
-               placeholder="请输入参数键名"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="系统内置" prop="configType">
-            <el-select v-model="queryParams.configType" placeholder="系统内置" clearable style="width: 240px">
-               <el-option
-                  v-for="dict in sys_yes_no"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="创建时间" style="width: 308px;">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:config:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:config:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:config:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['system:config:export']"
-            >导出</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Refresh"
-               @click="handleRefreshCache"
-               v-hasPermi="['system:config:remove']"
-            >刷新缓存</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="configList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="参数主键" align="center" prop="configId" />
-         <el-table-column label="参数名称" align="center" prop="configName" :show-overflow-tooltip="true" />
-         <el-table-column label="参数键名" align="center" prop="configKey" :show-overflow-tooltip="true" />
-         <el-table-column label="参数键值" align="center" prop="configValue" :show-overflow-tooltip="true" />
-         <el-table-column label="系统内置" align="center" prop="configType">
-            <template #default="scope">
-               <dict-tag :options="sys_yes_no" :value="scope.row.configType" />
-            </template>
-         </el-table-column>
-         <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" width="150" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:config:edit']" >修改</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:config:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="configRef" :model="form" :rules="rules" label-width="80px">
-            <el-form-item label="参数名称" prop="configName">
-               <el-input v-model="form.configName" placeholder="请输入参数名称" />
-            </el-form-item>
-            <el-form-item label="参数键名" prop="configKey">
-               <el-input v-model="form.configKey" placeholder="请输入参数键名" />
-            </el-form-item>
-            <el-form-item label="参数键值" prop="configValue">
-               <el-input v-model="form.configValue" type="textarea" placeholder="请输入参数键值" />
-            </el-form-item>
-            <el-form-item label="系统内置" prop="configType">
-               <el-radio-group v-model="form.configType">
-                  <el-radio
-                     v-for="dict in sys_yes_no"
-                     :key="dict.value"
-                     :value="dict.value"
-                  >{{ dict.label }}</el-radio>
-               </el-radio-group>
-            </el-form-item>
-            <el-form-item label="备注" prop="remark">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Config">
-import { listConfig, getConfig, delConfig, addConfig, updateConfig, refreshCache } from "@/api/system/config"
-
-const { proxy } = getCurrentInstance()
-const { sys_yes_no } = useDict("sys_yes_no")
-
-const configList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    configName: undefined,
-    configKey: undefined,
-    configType: undefined
-  },
-  rules: {
-    configName: [{ required: true, message: "参数名称不能为空", trigger: "blur" }],
-    configKey: [{ required: true, message: "参数键名不能为空", trigger: "blur" }],
-    configValue: [{ required: true, message: "参数键值不能为空", trigger: "blur" }]
-  }
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询参数列表 */
-function getList() {
-  loading.value = true
-  listConfig(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    configList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    configId: undefined,
-    configName: undefined,
-    configKey: undefined,
-    configValue: undefined,
-    configType: "Y",
-    remark: undefined
-  }
-  proxy.resetForm("configRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.configId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加参数"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const configId = row.configId || ids.value
-  getConfig(configId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改参数"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["configRef"].validate(valid => {
-    if (valid) {
-      if (form.value.configId != undefined) {
-        updateConfig(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addConfig(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const configIds = row.configId || ids.value
-  proxy.$modal.confirm('是否确认删除参数编号为"' + configIds + '"的数据项？').then(function () {
-    return delConfig(configIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/config/export", {
-    ...queryParams.value
-  }, `config_${new Date().getTime()}.xlsx`)
-}
-
-/** 刷新缓存按钮操作 */
-function handleRefreshCache() {
-  refreshCache().then(() => {
-    proxy.$modal.msgSuccess("刷新缓存成功")
-  })
-}
-
-getList()
-</script>
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
deleted file mode 100644
index 9c8b317..0000000
--- a/src/views/system/dept/index.vue
+++ /dev/null
@@ -1,334 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-         <el-form-item label="部门名称" prop="deptName">
-            <el-input
-               v-model="queryParams.deptName"
-               placeholder="请输入部门名称"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="部门状态" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:dept:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Check"
-               @click="handleSaveSort"
-               v-hasPermi="['system:dept:edit']"
-            >保存排序</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="info"
-               plain
-               icon="Sort"
-               @click="toggleExpandAll"
-            >展开/折叠</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table
-         v-if="refreshTable"
-         v-loading="loading"
-         :data="deptList"
-         row-key="deptId"
-         :default-expand-all="isExpandAll"
-         :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-      >
-         <el-table-column prop="deptName" label="部门名称" width="260"></el-table-column>
-         <el-table-column prop="orderNum" label="排序" width="200">
-            <template #default="scope">
-               <el-input-number v-model="scope.row.orderNum" controls-position="right" :min="0" style="width: 88px" />
-            </template>
-         </el-table-column>
-         <el-table-column prop="status" label="状态" width="100">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="创建时间" align="center" prop="createTime" width="200">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dept:edit']">修改</el-button>
-               <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['system:dept:add']">新增</el-button>
-               <el-button v-if="scope.row.parentId != 0" link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dept:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <!-- 添加或修改部门对话框 -->
-      <el-dialog :title="title" v-model="open" width="600px" append-to-body>
-         <el-form ref="deptRef" :model="form" :rules="rules" label-width="80px">
-            <el-row>
-               <el-col :span="24" v-if="form.parentId !== 0">
-                  <el-form-item label="上级部门" prop="parentId">
-                     <el-tree-select
-                        v-model="form.parentId"
-                        :data="deptOptions"
-                        :props="{ value: 'deptId', label: 'deptName', children: 'children' }"
-                        value-key="deptId"
-                        placeholder="选择上级部门"
-                        check-strictly
-                     />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="部门名称" prop="deptName">
-                     <el-input v-model="form.deptName" placeholder="请输入部门名称" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="显示排序" prop="orderNum">
-                     <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="负责人" prop="leader">
-                     <el-input v-model="form.leader" placeholder="请输入负责人" maxlength="20" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="联系电话" prop="phone">
-                     <el-input v-model="form.phone" placeholder="请输入联系电话" maxlength="11" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="邮箱" prop="email">
-                     <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="部门状态">
-                     <el-radio-group v-model="form.status">
-                        <el-radio
-                           v-for="dict in sys_normal_disable"
-                           :key="dict.value"
-                           :value="dict.value"
-                        >{{ dict.label }}</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-            </el-row>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Dept">
-import { listDept, getDept, delDept, addDept, updateDept, updateDeptSort, listDeptExcludeChild } from "@/api/system/dept"
-
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const deptList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const title = ref("")
-const deptOptions = ref([])
-const isExpandAll = ref(true)
-const refreshTable = ref(true)
-const originalOrders = ref({})
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    deptName: undefined,
-    status: undefined
-  },
-  rules: {
-    parentId: [{ required: true, message: "上级部门不能为空", trigger: "blur" }],
-    deptName: [{ required: true, message: "部门名称不能为空", trigger: "blur" }],
-    orderNum: [{ required: true, message: "显示排序不能为空", trigger: "blur" }],
-    email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
-    phone: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
-  },
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询部门列表 */
-function getList() {
-  loading.value = true
-  listDept(queryParams.value).then(response => {
-    deptList.value = proxy.handleTree(response.data, "deptId")
-    recordOriginalOrders(deptList.value)
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    deptId: undefined,
-    parentId: undefined,
-    deptName: undefined,
-    orderNum: 0,
-    leader: undefined,
-    phone: undefined,
-    email: undefined,
-    status: "0"
-  }
-  proxy.resetForm("deptRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 新增按钮操作 */
-function handleAdd(row) {
-  reset()
-  listDept().then(response => {
-    deptOptions.value = proxy.handleTree(response.data, "deptId")
-  })
-  if (row != undefined) {
-    form.value.parentId = row.deptId
-  }
-  open.value = true
-  title.value = "添加部门"
-}
-
-/** 展开/折叠操作 */
-function toggleExpandAll() {
-  refreshTable.value = false
-  isExpandAll.value = !isExpandAll.value
-  nextTick(() => {
-    refreshTable.value = true
-  })
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  listDeptExcludeChild(row.deptId).then(response => {
-    deptOptions.value = proxy.handleTree(response.data, "deptId")
-  })
-  getDept(row.deptId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改部门"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["deptRef"].validate(valid => {
-    if (valid) {
-      if (form.value.deptId != undefined) {
-        updateDept(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addDept(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 递归记录原始排序 */
-function recordOriginalOrders(list) {
-  list.forEach(item => {
-    originalOrders.value[item.deptId] = item.orderNum
-    if (item.children && item.children.length) {
-      recordOriginalOrders(item.children)
-    }
-  })
-}
-
-/** 保存排序 */
-function handleSaveSort() {
-  const changedDeptIds = []
-  const changedOrderNums = []
-  const collectChanged = (list) => {
-    list.forEach(item => {
-      if (String(originalOrders.value[item.deptId]) !== String(item.orderNum)) {
-        changedDeptIds.push(item.deptId)
-        changedOrderNums.push(item.orderNum)
-      }
-      if (item.children && item.children.length) {
-        collectChanged(item.children)
-      }
-    })
-  }
-  collectChanged(deptList.value)
-  if (changedDeptIds.length === 0) {
-   proxy.$modal.msgWarning("未检测到排序修改")
-    return
-  }
-  updateDeptSort({ deptIds: changedDeptIds.join(","), orderNums: changedOrderNums.join(",") }).then(() => {
-   proxy.$modal.msgSuccess("排序保存成功")
-    recordOriginalOrders(deptList.value)
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  proxy.$modal.confirm('是否确认删除名称为"' + row.deptName + '"的数据项?').then(function() {
-    return delDept(row.deptId)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-getList()
-</script>
diff --git a/src/views/system/dict/data.vue b/src/views/system/dict/data.vue
deleted file mode 100644
index d96fd1f..0000000
--- a/src/views/system/dict/data.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-         <el-form-item label="字典名称" prop="dictType">
-            <el-select v-model="queryParams.dictType" style="width: 200px">
-               <el-option
-                  v-for="item in typeOptions"
-                  :key="item.dictId"
-                  :label="item.dictName"
-                  :value="item.dictType"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="字典标签" prop="dictLabel">
-            <el-input
-               v-model="queryParams.dictLabel"
-               placeholder="请输入字典标签"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="数据状态" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:dict:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:dict:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:dict:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['system:dict:export']"
-            >导出</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Close"
-               @click="handleClose"
-            >关闭</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="dataList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="字典编码" align="center" prop="dictCode" />
-         <el-table-column label="字典标签" align="center" prop="dictLabel">
-            <template #default="scope">
-               <span v-if="(scope.row.listClass == '' || scope.row.listClass == 'default') && (scope.row.cssClass == '' || scope.row.cssClass == null)">{{ scope.row.dictLabel }}</span>
-               <el-tag v-else :type="scope.row.listClass == 'primary' ? '' : scope.row.listClass" :class="scope.row.cssClass">{{ scope.row.dictLabel }}</el-tag>
-            </template>
-         </el-table-column>
-         <el-table-column label="字典键值" align="center" prop="dictValue" />
-         <el-table-column label="字典排序" align="center" prop="dictSort" />
-         <el-table-column label="状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" width="160" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">修改</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="dataRef" :model="form" :rules="rules" label-width="80px">
-            <el-form-item label="字典类型">
-               <el-input v-model="form.dictType" :disabled="true" />
-            </el-form-item>
-            <el-form-item label="数据标签" prop="dictLabel">
-               <el-input v-model="form.dictLabel" placeholder="请输入数据标签" />
-            </el-form-item>
-            <el-form-item label="数据键值" prop="dictValue">
-               <el-input v-model="form.dictValue" placeholder="请输入数据键值" />
-            </el-form-item>
-            <el-form-item label="样式属性" prop="cssClass">
-               <el-input v-model="form.cssClass" placeholder="请输入样式属性" />
-            </el-form-item>
-            <el-form-item label="显示排序" prop="dictSort">
-               <el-input-number v-model="form.dictSort" controls-position="right" :min="0" />
-            </el-form-item>
-            <el-form-item label="回显样式" prop="listClass">
-               <el-select v-model="form.listClass">
-                  <el-option
-                     v-for="item in listClassOptions"
-                     :key="item.value"
-                     :label="item.label + '(' + item.value + ')'"
-                     :value="item.value"
-                  ></el-option>
-               </el-select>
-            </el-form-item>
-            <el-form-item label="状态" prop="status">
-               <el-radio-group v-model="form.status">
-                  <el-radio
-                     v-for="dict in sys_normal_disable"
-                     :key="dict.value"
-                     :value="dict.value"
-                  >{{ dict.label }}</el-radio>
-               </el-radio-group>
-            </el-form-item>
-            <el-form-item label="备注" prop="remark">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Data">
-import useDictStore from '@/store/modules/dict'
-import { optionselect as getDictOptionselect, getType } from "@/api/system/dict/type"
-import { listData, getData, delData, addData, updateData } from "@/api/system/dict/data"
-
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const dataList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const defaultDictType = ref("")
-const typeOptions = ref([])
-const route = useRoute()
-// 数据标签回显样式
-const listClassOptions = ref([
-  { value: "default", label: "默认" }, 
-  { value: "primary", label: "主要" }, 
-  { value: "success", label: "成功" },
-  { value: "info", label: "信息" },
-  { value: "warning", label: "警告" },
-  { value: "danger", label: "危险" }
-])
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    dictType: undefined,
-    dictLabel: undefined,
-    status: undefined
-  },
-  rules: {
-    dictLabel: [{ required: true, message: "数据标签不能为空", trigger: "blur" }],
-    dictValue: [{ required: true, message: "数据键值不能为空", trigger: "blur" }],
-    dictSort: [{ required: true, message: "数据顺序不能为空", trigger: "blur" }]
-  }
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询字典类型详细 */
-function getTypes(dictId) {
-  getType(dictId).then(response => {
-    queryParams.value.dictType = response.data.dictType
-    defaultDictType.value = response.data.dictType
-    getList()
-  })
-}
-
-/** 查询字典类型列表 */
-function getTypeList() {
-  getDictOptionselect().then(response => {
-    typeOptions.value = response.data
-  })
-}
-
-/** 查询字典数据列表 */
-function getList() {
-  loading.value = true
-  listData(queryParams.value).then(response => {
-    dataList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    dictCode: undefined,
-    dictLabel: undefined,
-    dictValue: undefined,
-    cssClass: undefined,
-    listClass: "default",
-    dictSort: 0,
-    status: "0",
-    remark: undefined
-  }
-  proxy.resetForm("dataRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 返回按钮操作 */
-function handleClose() {
-  const obj = { path: "/system/dict" }
-  proxy.$tab.closeOpenPage(obj)
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  queryParams.value.dictType = defaultDictType.value
-  handleQuery()
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加字典数据"
-  form.value.dictType = queryParams.value.dictType
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.dictCode)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const dictCode = row.dictCode || ids.value
-  getData(dictCode).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改字典数据"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["dataRef"].validate(valid => {
-    if (valid) {
-      if (form.value.dictCode != undefined) {
-        updateData(form.value).then(response => {
-          useDictStore().removeDict(queryParams.value.dictType)
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addData(form.value).then(response => {
-          useDictStore().removeDict(queryParams.value.dictType)
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const dictCodes = row.dictCode || ids.value
-  proxy.$modal.confirm('是否确认删除字典编码为"' + dictCodes + '"的数据项？').then(function() {
-    return delData(dictCodes)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-    useDictStore().removeDict(queryParams.value.dictType)
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/dict/data/export", {
-    ...queryParams.value
-  }, `dict_data_${new Date().getTime()}.xlsx`)
-}
-
-getTypes(route.params && route.params.dictId)
-getTypeList()
-</script>
diff --git a/src/views/system/dict/detail.vue b/src/views/system/dict/detail.vue
deleted file mode 100644
index 472267b..0000000
--- a/src/views/system/dict/detail.vue
+++ /dev/null
@@ -1,202 +0,0 @@
-<template>
-  <el-drawer :model-value="visible" direction="rtl" size="700px" append-to-body @update:model-value="$emit('update:visible', $event)">
-    <!-- 自定义标题 -->
-    <template #header>
-      <div class="drawer-head">
-        <el-icon style="color:#5b9bd5;margin-right:8px;"><List /></el-icon>
-        <span class="drawer-head-name">{{ row.dictName }}</span>
-        <span class="drawer-head-type">{{ row.dictType }}</span>
-      </div>
-    </template>
-
-    <div class="drawer-wrap">
-      <!-- 加载中 -->
-      <div v-if="loading" class="drawer-loading">
-        <el-icon class="is-loading"><Loading /></el-icon>
-        <span>加载中...</span>
-      </div>
-
-      <!-- 空数据 -->
-      <div v-else-if="!dataList.length" class="drawer-empty">
-        <el-icon style="font-size:36px;"><Document /></el-icon>
-        <div>暂无字典数据</div>
-      </div>
-
-      <template v-else>
-        <!-- 统计卡片 -->
-        <el-row :gutter="12" class="stat-row">
-          <el-col :span="disabledCount > 0 ? 8 : 12">
-            <div class="stat-card">
-              <div class="stat-num">{{ dataList.length }}</div>
-              <div class="stat-label">共计条目</div>
-            </div>
-          </el-col>
-          <el-col :span="disabledCount > 0 ? 8 : 12">
-            <div class="stat-card">
-              <div class="stat-num success">{{ normalCount }}</div>
-              <div class="stat-label">正常</div>
-            </div>
-          </el-col>
-          <el-col v-if="disabledCount > 0" :span="8">
-            <div class="stat-card">
-              <div class="stat-num danger">{{ disabledCount }}</div>
-              <div class="stat-label">停用</div>
-            </div>
-          </el-col>
-        </el-row>
-
-        <!-- 数据列表 -->
-        <div v-for="item in dataList" :key="item.dictCode" class="dict-item">
-          <div class="dict-cell">
-            <div class="dict-cell-key">标签</div>
-            <div class="dict-cell-val">
-              <el-tag v-if="item.listClass && item.listClass !== 'default'" :type="item.listClass === 'primary' ? undefined : item.listClass" size="small">{{ item.dictLabel }}</el-tag>
-              <span v-else>{{ item.dictLabel }}</span>
-            </div>
-          </div>
-          <div class="dict-cell">
-            <div class="dict-cell-key">键值</div>
-            <div class="dict-cell-val">{{ item.dictValue }}</div>
-          </div>
-          <div class="dict-cell">
-            <div class="dict-cell-key">状态</div>
-            <div class="dict-cell-val">
-              <el-tag :type="item.status === '0' ? 'success' : 'danger'" size="small">
-                {{ item.status === '0' ? '正常' : '停用' }}
-              </el-tag>
-            </div>
-          </div>
-        </div>
-      </template>
-    </div>
-  </el-drawer>
-</template>
-
-<script setup>
-import { listData } from '@/api/system/dict/data'
-
-const props = defineProps({
-  visible: { type: Boolean, default: false },
-  row: { type: Object, default: () => ({}) }
-})
-
-const emit = defineEmits(['update:visible'])
-
-const loading = ref(false)
-const dataList = ref([])
-
-const normalCount = computed(() => dataList.value.filter(r => r.status === '0').length)
-const disabledCount = computed(() => dataList.value.filter(r => r.status !== '0').length)
-
-watch(() => props.visible, (val) => {
-  if (val) {
-    loadData()
-  } else {
-    dataList.value = []
-  }
-})
-
-function loadData() {
-  if (!props.row?.dictType) return
-  loading.value = true
-  dataList.value = []
-  listData({ dictType: props.row.dictType, pageSize: 100, pageNum: 1 }).then(response => {
-    dataList.value = response.rows || []
-  }).catch(() => {}).finally(() => {
-    loading.value = false
-  })
-}
-</script>
-
-<style scoped>
-.drawer-head {
-  display: flex;
-  align-items: center;
-}
-.drawer-head-name {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--dict-drawer-title-color, #2c3e50);
-  margin-right: 8px;
-}
-.drawer-head-type {
-  font-size: 14px;
-  color: var(--dict-drawer-subtext-color, #95a5a6);
-  font-family: monospace;
-}
-.drawer-wrap {
-  padding: 0 20px 20px;
-}
-.drawer-loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 120px;
-  color: var(--dict-drawer-subtext-color, #aaa);
-  font-size: 13px;
-  gap: 8px;
-}
-.drawer-empty {
-  text-align: center;
-  color: var(--dict-drawer-subtext-color, #bbb);
-  padding: 60px 0;
-  font-size: 13px;
-}
-.drawer-empty .el-icon {
-  display: block;
-  margin: 0 auto 8px;
-}
-.stat-row {
-  margin-bottom: 16px;
-}
-.stat-card {
-  background: var(--dict-drawer-card-bg, #f7f9fb);
-  border: 1px solid var(--dict-drawer-border-color, #e8ecf0);
-  border-radius: 6px;
-  padding: 10px 14px;
-  text-align: center;
-}
-.stat-num {
-  font-size: 22px;
-  font-weight: 700;
-  color: var(--dict-drawer-title-color, #2c3e50);
-}
-.stat-num.success { color: #27ae60; }
-.stat-num.danger  { color: #e74c3c; }
-.stat-label {
-  font-size: 11px;
-  color: var(--dict-drawer-subtext-color, #95a5a6);
-  margin-top: 4px;
-}
-.dict-item {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  border: 1px solid var(--dict-drawer-border-color, #e8ecf0);
-  border-radius: 6px;
-  overflow: hidden;
-  margin-bottom: 8px;
-}
-.dict-cell {
-  display: grid;
-  grid-template-columns: 70px 1fr;
-  border-right: 1px solid var(--dict-drawer-cell-divider, #f0f4f8);
-}
-.dict-cell:last-child {
-  border-right: 0;
-}
-.dict-cell-key {
-  padding: 9px 14px;
-  font-size: 12px;
-  color: var(--dict-drawer-subtext-color, #888);
-  background: var(--dict-drawer-card-bg, #f7f9fb);
-  border-right: 1px solid var(--dict-drawer-cell-divider, #f0f4f8);
-}
-.dict-cell-val {
-  padding: 9px 14px;
-  font-size: 13px;
-  color: var(--dict-drawer-title-color, #2c3e50);
-  word-break: break-all;
-  display: flex;
-  align-items: center;
-}
-</style>
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
deleted file mode 100644
index 1e64264..0000000
--- a/src/views/system/dict/index.vue
+++ /dev/null
@@ -1,346 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-         <el-form-item label="字典名称" prop="dictName">
-            <el-input
-               v-model="queryParams.dictName"
-               placeholder="请输入字典名称"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="字典类型" prop="dictType">
-            <el-input
-               v-model="queryParams.dictType"
-               placeholder="请输入字典类型"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select
-               v-model="queryParams.status"
-               placeholder="字典状态"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="创建时间" style="width: 308px">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:dict:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:dict:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:dict:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['system:dict:export']"
-            >导出</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Refresh"
-               @click="handleRefreshCache"
-               v-hasPermi="['system:dict:remove']"
-            >刷新缓存</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="字典编号" align="center" prop="dictId" />
-         <el-table-column label="字典名称" align="center" prop="dictName" :show-overflow-tooltip="true"/>
-         <el-table-column label="字典类型" align="center" :show-overflow-tooltip="true">
-            <template #default="scope">
-               <a class="link-type" style="cursor:pointer" @click="handleViewData(scope.row)">{{ scope.row.dictType }}</a>
-            </template>
-         </el-table-column>
-         <el-table-column label="状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" width="280" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:dict:edit']">修改</el-button>
-               <el-button link type="primary" icon="Operation" @click="handleDataList(scope.row)" v-hasPermi="['system:dict:edit']">列表</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:dict:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改参数配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="dictRef" :model="form" :rules="rules" label-width="100px">
-            <el-form-item label="字典名称" prop="dictName">
-               <el-input v-model="form.dictName" placeholder="请输入字典名称" />
-            </el-form-item>
-            <el-form-item prop="dictType">
-               <el-input v-model="form.dictType" placeholder="请输入字典类型" />
-               <template #label>
-                 <span>
-                   <el-tooltip content='数据存储中的Key值，如：sys_user_sex' placement="top">
-                     <el-icon><question-filled /></el-icon>
-                   </el-tooltip>
-                   字典类型
-                 </span>
-               </template>
-            </el-form-item>
-            <el-form-item label="状态" prop="status">
-               <el-radio-group v-model="form.status">
-                  <el-radio
-                     v-for="dict in sys_normal_disable"
-                     :key="dict.value"
-                     :value="dict.value"
-                  >{{ dict.label }}</el-radio>
-               </el-radio-group>
-            </el-form-item>
-            <el-form-item label="备注" prop="remark">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-
-      <dict-data-drawer v-model:visible="drawerVisible" :row="drawerRow" />
-   </div>
-</template>
-
-<script setup name="Dict">
-import DictDataDrawer from './detail'
-import useDictStore from '@/store/modules/dict'
-import { listType, getType, delType, addType, updateType, refreshCache } from "@/api/system/dict/type"
-
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const typeList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-const drawerVisible = ref(false)
-const drawerRow = ref({})
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    dictName: undefined,
-    dictType: undefined,
-    status: undefined
-  },
-  rules: {
-    dictName: [{ required: true, message: "字典名称不能为空", trigger: "blur" }],
-    dictType: [{ required: true, message: "字典类型不能为空", trigger: "blur" }]
-  },
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询字典类型列表 */
-function getList() {
-  loading.value = true
-  listType(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    typeList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    dictId: undefined,
-    dictName: undefined,
-    dictType: undefined,
-    status: "0",
-    remark: undefined
-  }
-  proxy.resetForm("dictRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加字典类型"
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.dictId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 字典数据抽屉 */
-function handleViewData(row) {
-  drawerRow.value = row
-  drawerVisible.value = true
-}
-
-/** 字典数据列表页面 */
-function handleDataList(row) {
-  proxy.$tab.openPage("字典数据", '/system/dict-data/index/' + row.dictId)
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const dictId = row.dictId || ids.value
-  getType(dictId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改字典类型"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["dictRef"].validate(valid => {
-    if (valid) {
-      if (form.value.dictId != undefined) {
-        updateType(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addType(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const dictIds = row.dictId || ids.value
-  proxy.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？').then(function() {
-    return delType(dictIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/dict/type/export", {
-    ...queryParams.value
-  }, `dict_${new Date().getTime()}.xlsx`)
-}
-
-/** 刷新缓存按钮操作 */
-function handleRefreshCache() {
-  refreshCache().then(() => {
-    proxy.$modal.msgSuccess("刷新成功")
-    useDictStore().cleanDict()
-  })
-}
-
-getList()
-</script>
diff --git a/src/views/system/file/index.vue b/src/views/system/file/index.vue
deleted file mode 100644
index 8fa3319..0000000
--- a/src/views/system/file/index.vue
+++ /dev/null
@@ -1,350 +0,0 @@
-<template>
-  <div class="app-container">
-    <TableSearch
-        :queryParams="queryParams"
-        :showSearch="showSearch"
-        queryRef="queryRef"
-        @refresh="resetQuery"
-        @search="handleQuery"
-    >
-      <template #one>
-        <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-          <el-form-item label="文件名" prop="fileName">
-            <el-input
-                v-model="queryParams.fileName"
-                clearable
-                placeholder="请输入文件名"
-                @keyup.enter="handleQuery"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-          <el-form-item label="文件类型" prop="fileType">
-            <el-select v-model="queryParams.fileType">
-              <el-option v-for="item in fileType" :key="item.value" :label="item.label" :value="item.value"/>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </template>
-
-    </TableSearch>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-            v-hasPermi="['system:file:add']"
-            icon="Plus"
-            plain
-            type="primary"
-            @click="handleAdd"
-        >新增
-        </el-button>
-      </el-col>
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--            type="success"-->
-      <!--            plain-->
-      <!--            icon="Edit"-->
-      <!--            :disabled="single"-->
-      <!--            @click="handleUpdate"-->
-      <!--            v-hasPermi="['system:file:edit']"-->
-      <!--        >修改-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <el-col :span="1.5">
-        <el-button
-            v-hasPermi="['system:file:remove']"
-            :disabled="multiple"
-            icon="Delete"
-            plain
-            type="danger"
-            @click="handleDelete"
-        >删除
-        </el-button>
-      </el-col>
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--            type="warning"-->
-      <!--            plain-->
-      <!--            icon="Download"-->
-      <!--            @click="handleExport"-->
-      <!--            v-hasPermi="['system:file:export']"-->
-      <!--        >导出-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="fileList" @selection-change="handleSelectionChange">
-      <el-table-column align="center" type="selection" width="55"/>
-      <el-table-column align="center" label="文件名" prop="fileName" show-overflow-tooltip/>
-      <el-table-column align="center" label="文件类型" prop="fileType">
-        <template #default="scope">
-          {{ fileType.find(item => item.value === scope.row.fileType)["label"] }}
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="上传时间" prop="uploadTime" width="180">
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column align="center" label="创建者" prop="createBy"/>
-      <el-table-column align="center" class-name="small-padding fixed-width" label="操作" width="100">
-        <template #default="scope">
-          <el-icon style="cursor: pointer" @click="handlePreview(scope.row)">
-            <View/>
-          </el-icon>
-          <!--          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:file:edit']">修改</el-button>-->
-          <!--          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:file:remove']">删除</el-button>-->
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-        v-show="total>0"
-        v-model:limit="queryParams.pageSize"
-        v-model:page="queryParams.pageNum"
-        :total="total"
-        @pagination="getList"
-    />
-
-    <!-- 添加或修改文件管理对话框 -->
-    <el-dialog v-model="open" :title="title" append-to-body class="file-upload" width="500px" @close="getList()">
-      <el-upload
-          v-model:file-list="uploadFileList"
-          :action="`${data.baseUrl}/system/file/upload`"
-          :before-upload="beforeAvatarUpload"
-          :data="{fileType:uploadFileType}"
-          :headers="{
-                'authorization':  getToken()
-              }"
-          :limit="1"
-          :on-error="uploadError"
-          :on-success="uploadSuccess"
-          class="file-uploader"
-      >
-        <el-icon style="font-size:28px;color: #8c939d;width: 178px;height: 178px;text-align: center;">
-          <Plus/>
-        </el-icon>
-        <template #tip>
-          <div class="el-upload__tip">
-            支持格式：json/ xlsx/ txt / png / jpg / jpeg / mp3 / mp4
-          </div>
-        </template>
-      </el-upload>
-
-      <!--      <template #footer>-->
-      <!--        <div class="dialog-footer">-->
-      <!--          <el-button type="primary" @click="submitUplodaForm">确 定</el-button>-->
-      <!--          <el-button @click="cancel">取 消</el-button>-->
-      <!--        </div>-->
-      <!--      </template>-->
-    </el-dialog>
-
-    <!-- 文件预览对话框 -->
-    <el-dialog v-model="openPreview" :title="title" append-to-body width="600px">
-      <div style="height: 50vh">
-        <!--文字-->
-        <!--图片-->
-        <template v-if="currentFile.fileType===1">
-          <el-image :preview-src-list=[currentFile.filePath] :src="currentFile.filePath"
-                    fit="fill" style="width: 100%; height: 100%">
-            <template #error>
-              <div class="image-slot">
-                <el-icon>
-                  <picture/>
-                </el-icon>
-              </div>
-            </template>
-          </el-image>
-        </template>
-        <!--音频-->
-        <template v-if="currentFile.fileType===2">
-          <audio :src="currentFile.filePath" controls style="width: 100%;height: 100%"></audio>
-        </template>
-        <!--视频-->
-        <template v-if="currentFile.fileType===3">
-          <video :src="currentFile.filePath" controls style="width: 100%;height: 100%"></video>
-        </template>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script name="File" setup>
-import {addFile, delFile, getFile, listFile, updateFile} from "@/api/system/file"
-import {fileType, supportType} from "@/enum/index.js";
-import {Plus, View} from "@element-plus/icons-vue";
-import TableSearch from "@/components/TableSearch/index.vue";
-import {getToken} from "@/utils/auth.js";
-import {parseTime} from "../../../utils/ruoyi.js";
-
-const {proxy} = getCurrentInstance()
-
-const fileList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const openPreview = ref(false)
-const currentFile = ref({})
-const uploadFileList = ref([])
-const uploadFileType = ref(null)
-
-const data = reactive({
-  baseUrl: import.meta.env.VITE_APP_BASE_API,
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-  },
-  rules: {}
-})
-
-const {queryParams, form, rules} = toRefs(data)
-
-/** 查询文件管理列表 */
-function getList() {
-  loading.value = true
-  listFile(queryParams.value).then(response => {
-    fileList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-// 取消按钮
-function cancel() {
-  open.value = false
-  reset()
-}
-
-// 表单重置
-function reset() {
-  form.value = {
-    fileId: null,
-    fileName: null,
-    filePath: null,
-    fileSize: null,
-    fileType: null,
-    uploadBy: null,
-    uploadTime: null,
-    md5: null
-  }
-  proxy.resetForm("fileRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.fileId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "文件上传"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const _fileId = row.fileId || ids.value
-  getFile(_fileId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改文件管理"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["fileRef"].validate(valid => {
-    if (valid) {
-      if (form.value.fileId != null) {
-        updateFile(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addFile(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const _fileIds = row.fileId || ids.value
-  proxy.$modal.confirm('是否确认删除文件管理编号为"' + _fileIds + '"的数据项？').then(function () {
-    return delFile(_fileIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {
-  })
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download('system/file/export', {
-    ...queryParams.value
-  }, `file_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-
-/** 文件预览操作 */
-function handlePreview(row) {
-  console.log(row)
-  if (row?.fileName?.endsWith('.json')) {
-    window.open(row.filePath)
-    return
-  }
-  openPreview.value = true
-  title.value = row.fileName
-  currentFile.value = row
-}
-
-const beforeAvatarUpload = (rawFile) => {
-  console.log(rawFile.type)
-  const {label = undefined, value = undefined} = supportType?.find(item => item.label === rawFile.type)
-  if (label) {
-    uploadFileType.value = value
-    return true
-  }
-  proxy.$modal.msgError(`暂不支持上传格式为${rawFile.type}的文件`)
-  return false
-}
-
-const uploadSuccess = (e) => {
-  proxy.$modal.msgSuccess("上传成功")
-  uploadFileList.value = []
-}
-const uploadError = (e) => {
-  console.log("uploadError", e)
-}
-</script>
diff --git a/src/views/system/group/index.vue b/src/views/system/group/index.vue
deleted file mode 100644
index 925ef7d..0000000
--- a/src/views/system/group/index.vue
+++ /dev/null
@@ -1,289 +0,0 @@
-<template>
-  <div class="app-container">
-    <TableSearch
-        :queryParams="queryParams"
-        queryRef="queryRef"
-        :showSearch="showSearch"
-        @search="handleQuery"
-        @refresh="resetQuery"
-    >
-      <template #one>
-        <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6" :xxl="6">
-          <el-form-item label="分组名称" prop="groupName">
-            <el-input
-                v-model="queryParams.groupName"
-                placeholder="请输入分组名称"
-                style="width:100%"
-                clearable
-                @keyup.enter="handleQuery"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :xs="24" :sm="24" :md="12" :lg="6" :xl="6" :xxl="6">
-          <el-form-item label="分组描述" prop="desc">
-            <el-input
-                v-model="queryParams.desc"
-                placeholder="请输入分组描述"
-                style="width:100%"
-                clearable
-                @keyup.enter="handleQuery"
-            />
-          </el-form-item>
-        </el-col>
-      </template>
-    </TableSearch>
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-            type="primary"
-            plain
-            icon="Plus"
-            @click="handleAdd"
-            v-hasPermi="['system:group:add']"
-        >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            type="success"
-            plain
-            icon="Edit"
-            :disabled="single"
-            @click="handleUpdate"
-            v-hasPermi="['system:group:edit']"
-        >修改
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            type="danger"
-            plain
-            icon="Delete"
-            :disabled="multiple"
-            @click="handleDelete"
-            v-hasPermi="['system:group:remove']"
-        >删除
-        </el-button>
-      </el-col>
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--          type="warning"-->
-      <!--          plain-->
-      <!--          icon="Download"-->
-      <!--          @click="handleExport"-->
-      <!--          v-hasPermi="['system:group:export']"-->
-      <!--        >导出</el-button>-->
-      <!--      </el-col>-->
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="groupList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center"/>
-      <el-table-column label="分组ID" align="center" prop="groupId"/>
-      <el-table-column label="分组类型" align="center" prop="type">
-        <template #default="scope">
-          {{ sys_group_type?.find(item => Number(item.value) === scope.row.type)["label"] }}
-        </template>
-      </el-table-column>
-      <el-table-column label="分组名称" align="center" prop="groupName"/>
-      <el-table-column label="分组描述" align="center" prop="desc"/>
-      <el-table-column show-overflow-tooltip label="备注" align="center" prop="remark"/>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template #default="scope">
-          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
-                     v-hasPermi="['system:group:edit']">修改
-          </el-button>
-          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
-                     v-hasPermi="['system:group:remove']">删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-        v-show="total>0"
-        :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        @pagination="getList"
-    />
-
-    <!-- 添加或修改通用分组配置对话框 -->
-    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-      <el-form ref="groupRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="分组名称" prop="groupName">
-          <el-input v-model="form.groupName" placeholder="请输入分组名称"/>
-        </el-form-item>
-        <el-form-item label="分组类型">
-          <el-select v-model="form.type" placeholder="请选择分组类型">
-            <el-option v-for="dict in sys_group_type" :key="dict.value" :label="dict.label"
-                       :value="Number(dict.value)"></el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="分组描述" prop="desc">
-          <el-input v-model="form.desc" placeholder="请输入分组描述"/>
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup name="Group">
-import {listGroup, getGroup, delGroup, addGroup, updateGroup} from "@/api/system/group"
-import TableSearch from "@/components/TableSearch/index.vue"
-import {controlModuleList} from "@/enum/index.js";
-
-const {proxy} = getCurrentInstance()
-const {sys_group_type} = proxy.useDict("sys_group_type");
-
-const groupList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    type: null,
-    groupName: null,
-    desc: null,
-  },
-  rules: {
-    type: [
-      {required: true, message: "分组类型不能为空", trigger: "change"}
-    ],
-    groupName: [
-      {required: true, message: "分组名称不能为空", trigger: "blur"}
-    ],
-  }
-})
-
-const {queryParams, form, rules} = toRefs(data)
-
-/** 查询通用分组配置列表 */
-function getList() {
-  loading.value = true
-  listGroup(queryParams.value).then(response => {
-    groupList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-// 取消按钮
-function cancel() {
-  open.value = false
-  reset()
-}
-
-// 表单重置
-function reset() {
-  form.value = {
-    // groupId: null,
-    // type: null,
-    // groupName: null,
-    // desc: null,
-    // createBy: null,
-    // createTime: null,
-    // updateBy: null,
-    // updateTime: null,
-    // remark: null
-  }
-  proxy.resetForm("groupRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.groupId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加通用分组配置"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const _groupId = row.groupId || ids.value
-  getGroup(_groupId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改通用分组配置"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["groupRef"].validate(valid => {
-    if (valid) {
-      if (form.value.groupId != null) {
-        updateGroup(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addGroup(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const _groupIds = row.groupId || ids.value
-  proxy.$modal.confirm('是否确认删除通用分组配置编号为"' + _groupIds + '"的数据项？').then(function () {
-    return delGroup(_groupIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {
-  })
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download('system/group/export', {
-    ...queryParams.value
-  }, `group_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-</script>
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
deleted file mode 100644
index 9bc0ee8..0000000
--- a/src/views/system/menu/index.vue
+++ /dev/null
@@ -1,508 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-         <el-form-item label="菜单名称" prop="menuName">
-            <el-input
-               v-model="queryParams.menuName"
-               placeholder="请输入菜单名称"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="菜单状态" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:menu:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Check"
-               @click="handleSaveSort"
-               v-hasPermi="['system:menu:edit']"
-            >保存排序</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button 
-               type="info"
-               plain
-               icon="Sort"
-               @click="toggleExpandAll"
-            >展开/折叠</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table
-         v-if="refreshTable"
-         v-loading="loading"
-         :data="menuList"
-         row-key="menuId"
-         :default-expand-all="isExpandAll"
-         :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
-      >
-         <el-table-column prop="menuName" label="菜单名称" :show-overflow-tooltip="true" width="220">
-            <template #default="scope">
-               <svg-icon :icon-class="scope.row.icon" />
-               <span class="ml5">{{ scope.row.menuName }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column prop="menuName" label="类型" :show-overflow-tooltip="true" width="100">
-            <template #default="scope">
-               <el-tag v-if="scope.row.menuType === 'M' && scope.row.isFrame === '0'" type="danger" size="small">外链</el-tag>
-               <el-tag v-else-if="scope.row.menuType === 'M'" type="primary" size="small">目录</el-tag>
-               <el-tag v-else-if="scope.row.menuType === 'C' && scope.row.isFrame === '0'" type="danger" size="small">外链</el-tag>
-               <el-tag v-else-if="scope.row.menuType === 'C'" type="success" size="small">菜单</el-tag>
-               <el-tag v-else-if="scope.row.menuType === 'F'" type="warning" size="small">按钮</el-tag>
-            </template>
-         </el-table-column>
-         <el-table-column prop="orderNum" label="排序" width="200">
-            <template #default="scope">
-               <el-input-number v-model="scope.row.orderNum" controls-position="right" :min="0" style="width: 88px" />
-            </template>
-         </el-table-column>
-         <el-table-column prop="perms" label="权限标识" :show-overflow-tooltip="true" />
-         <el-table-column prop="component" label="组件路径" :show-overflow-tooltip="true" />
-         <el-table-column prop="status" label="状态" width="80">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" width="210" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:menu:edit']">修改</el-button>
-               <el-button link type="primary" icon="Plus" @click="handleAdd(scope.row)" v-hasPermi="['system:menu:add']">新增</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:menu:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <!-- 添加或修改菜单对话框 -->
-      <el-dialog :title="title" v-model="open" width="680px" append-to-body>
-         <el-form ref="menuRef" :model="form" :rules="rules" label-width="100px">
-            <el-row>
-               <el-col :span="24">
-                  <el-form-item label="上级菜单">
-                     <el-tree-select
-                        v-model="form.parentId"
-                        :data="menuOptions"
-                        :props="{ value: 'menuId', label: 'menuName', children: 'children' }"
-                        value-key="menuId"
-                        placeholder="选择上级菜单"
-                        check-strictly
-                     />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="24">
-                  <el-form-item label="菜单类型" prop="menuType">
-                     <el-radio-group v-model="form.menuType">
-                        <el-radio value="M">目录</el-radio>
-                        <el-radio value="C">菜单</el-radio>
-                        <el-radio value="F">按钮</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType != 'F'">
-                  <el-form-item label="菜单图标" prop="icon">
-                     <el-popover
-                        placement="bottom-start"
-                        :width="540"
-                        trigger="click"
-                     >
-                        <template #reference>
-                           <el-input v-model="form.icon" placeholder="点击选择图标" @blur="showSelectIcon" readonly>
-                              <template #prefix>
-                                 <svg-icon
-                                    v-if="form.icon"
-                                    :icon-class="form.icon"
-                                    class="el-input__icon"
-                                    style="height: 32px;width: 16px;"
-                                 />
-                                 <el-icon v-else style="height: 32px;width: 16px;"><search /></el-icon>
-                              </template>
-                           </el-input>
-                        </template>
-                        <icon-select ref="iconSelectRef" @selected="selected" :active-icon="form.icon" />
-                     </el-popover>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="显示排序" prop="orderNum">
-                     <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="菜单名称" prop="menuName">
-                     <el-input v-model="form.menuName" placeholder="请输入菜单名称" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType == 'C'">
-                  <el-form-item prop="routeName">
-                     <template #label>
-                        <span>
-                           <el-tooltip content="默认不填则和路由地址相同：如地址为：`user`，则名称为`User`（注意：因为router会删除名称相同路由，为避免名字的冲突，特殊情况下请自定义，保证唯一性）" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           路由名称
-                        </span>
-                     </template>
-                     <el-input v-model="form.routeName" placeholder="请输入路由名称" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType != 'F'">
-                  <el-form-item>
-                     <template #label>
-                        <span>
-                           <el-tooltip content="选择是外链则路由地址需要以`http(s)://`开头" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>是否外链
-                        </span>
-                     </template>
-                     <el-radio-group v-model="form.isFrame">
-                        <el-radio value="0">是</el-radio>
-                        <el-radio value="1">否</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType != 'F'">
-                  <el-form-item prop="path">
-                     <template #label>
-                        <span>
-                           <el-tooltip content="访问的路由地址，如：`user`，如外网地址需内链访问则以`http(s)://`开头" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           路由地址
-                        </span>
-                     </template>
-                     <el-input v-model="form.path" placeholder="请输入路由地址" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType == 'C'">
-                  <el-form-item prop="component">
-                     <template #label>
-                        <span>
-                           <el-tooltip content="访问的组件路径，如：`system/user/index`，默认在`views`目录下" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           组件路径
-                        </span>
-                     </template>
-                     <el-input v-model="form.component" placeholder="请输入组件路径" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType != 'M'">
-                  <el-form-item>
-                     <el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" />
-                     <template #label>
-                        <span>
-                           <el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasPermi('system:user:list')`)" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           权限字符
-                        </span>
-                     </template>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType == 'C'">
-                  <el-form-item>
-                     <el-input v-model="form.query" placeholder="请输入路由参数" maxlength="255" />
-                     <template #label>
-                        <span>
-                           <el-tooltip content='访问路由的默认传递参数，如：`{"id": 1, "name": "ry"}`' placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           路由参数
-                        </span>
-                     </template>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType == 'C'">
-                  <el-form-item>
-                     <template #label>
-                        <span>
-                           <el-tooltip content="选择是则会被`keep-alive`缓存，需要匹配组件的`name`和地址保持一致" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           是否缓存
-                        </span>
-                     </template>
-                     <el-radio-group v-model="form.isCache">
-                        <el-radio value="0">缓存</el-radio>
-                        <el-radio value="1">不缓存</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12" v-if="form.menuType != 'F'">
-                  <el-form-item>
-                     <template #label>
-                        <span>
-                           <el-tooltip content="选择隐藏则路由将不会出现在侧边栏，但仍然可以访问" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           显示状态
-                        </span>
-                     </template>
-                     <el-radio-group v-model="form.visible">
-                        <el-radio
-                           v-for="dict in sys_show_hide"
-                           :key="dict.value"
-                           :value="dict.value"
-                        >{{ dict.label }}</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item>
-                     <template #label>
-                        <span>
-                           <el-tooltip content="选择停用则路由将不会出现在侧边栏，也不能被访问" placement="top">
-                              <el-icon><question-filled /></el-icon>
-                           </el-tooltip>
-                           菜单状态
-                        </span>
-                     </template>
-                     <el-radio-group v-model="form.status">
-                        <el-radio
-                           v-for="dict in sys_normal_disable"
-                           :key="dict.value"
-                           :value="dict.value"
-                        >{{ dict.label }}</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-            </el-row>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Menu">
-import { addMenu, delMenu, getMenu, listMenu, updateMenu, updateMenuSort } from "@/api/system/menu"
-import SvgIcon from "@/components/SvgIcon"
-import IconSelect from "@/components/IconSelect"
-
-const { proxy } = getCurrentInstance()
-const { sys_show_hide, sys_normal_disable } = useDict("sys_show_hide", "sys_normal_disable")
-
-const menuList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const title = ref("")
-const menuOptions = ref([])
-const isExpandAll = ref(false)
-const refreshTable = ref(true)
-const iconSelectRef = ref(null)
-const originalOrders = ref({})
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    menuName: undefined,
-    visible: undefined
-  },
-  rules: {
-    menuName: [{ required: true, message: "菜单名称不能为空", trigger: "blur" }],
-    orderNum: [{ required: true, message: "菜单顺序不能为空", trigger: "blur" }],
-    path: [{ required: true, message: "路由地址不能为空", trigger: "blur" }]
-  },
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询菜单列表 */
-function getList() {
-  loading.value = true
-  listMenu(queryParams.value).then(response => {
-    menuList.value = proxy.handleTree(response.data, "menuId")
-    recordOriginalOrders(menuList.value)
-    loading.value = false
-  })
-}
-
-/** 查询菜单下拉树结构 */
-function getTreeselect() {
-  menuOptions.value = []
-  listMenu().then(response => {
-    const menu = { menuId: 0, menuName: "主类目", children: [] }
-    menu.children = proxy.handleTree(response.data, "menuId")
-    menuOptions.value.push(menu)
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    menuId: undefined,
-    parentId: 0,
-    menuName: undefined,
-    icon: undefined,
-    menuType: "M",
-    orderNum: undefined,
-    isFrame: "1",
-    isCache: "0",
-    visible: "0",
-    status: "0"
-  }
-  proxy.resetForm("menuRef")
-}
-
-/** 展示下拉图标 */
-function showSelectIcon() {
-  iconSelectRef.value.reset()
-}
-
-/** 选择图标 */
-function selected(name) {
-  form.value.icon = name
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 新增按钮操作 */
-function handleAdd(row) {
-  reset()
-  getTreeselect()
-  if (row != null && row.menuId) {
-    form.value.parentId = row.menuId
-  } else {
-    form.value.parentId = 0
-  }
-  open.value = true
-  title.value = "添加菜单"
-}
-
-/** 展开/折叠操作 */
-function toggleExpandAll() {
-  refreshTable.value = false
-  isExpandAll.value = !isExpandAll.value
-  nextTick(() => {
-    refreshTable.value = true
-  })
-}
-
-/** 修改按钮操作 */
-async function handleUpdate(row) {
-  reset()
-  await getTreeselect()
-  getMenu(row.menuId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改菜单"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["menuRef"].validate(valid => {
-    if (valid) {
-      if (form.value.menuId != undefined) {
-        updateMenu(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addMenu(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-
-/** 递归记录原始排序 */
-function recordOriginalOrders(list) {
-  list.forEach(item => {
-    originalOrders.value[item.menuId] = item.orderNum
-    if (item.children && item.children.length) {
-      recordOriginalOrders(item.children)
-    }
-  })
-}
-
-/** 保存排序 */
-function handleSaveSort() {
-  const changedMenuIds = []
-  const changedOrderNums = []
-  const collectChanged = (list) => {
-    list.forEach(item => {
-      if (String(originalOrders.value[item.menuId]) !== String(item.orderNum)) {
-        changedMenuIds.push(item.menuId)
-        changedOrderNums.push(item.orderNum)
-      }
-      if (item.children && item.children.length) {
-        collectChanged(item.children)
-      }
-    })
-  }
-  collectChanged(menuList.value)
-  if (changedMenuIds.length === 0) {
-   proxy.$modal.msgWarning("未检测到排序修改")
-    return
-  }
-  updateMenuSort({ menuIds: changedMenuIds.join(","), orderNums: changedOrderNums.join(",") }).then(() => {
-   proxy.$modal.msgSuccess("排序保存成功")
-    recordOriginalOrders(menuList.value)
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  proxy.$modal.confirm('是否确认删除名称为"' + row.menuName + '"的数据项?').then(function() {
-    return delMenu(row.menuId)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-getList()
-</script>
diff --git a/src/views/system/notice/ReadUsers.vue b/src/views/system/notice/ReadUsers.vue
deleted file mode 100644
index 7590bef..0000000
--- a/src/views/system/notice/ReadUsers.vue
+++ /dev/null
@@ -1,118 +0,0 @@
-<template>
-  <el-dialog v-model="visible" :title="`「${noticeTitle}」已读用户`" width="760px" top="6vh" append-to-body @close="handleClose">
-    <el-form ref="queryRef" :model="queryParams" size="small" :inline="true" style="margin-bottom: 4px;">
-      <el-form-item prop="searchValue">
-        <el-input
-          v-model="queryParams.searchValue"
-          placeholder="登录名称 / 用户名称"
-          clearable
-          :prefix-icon="Search"
-          style="width: 220px;"
-          @keyup.enter="handleQuery"
-          @clear="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" size="small" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" size="small" @click="resetQuery">重置</el-button>
-      </el-form-item>
-      <el-form-item style="float: right; margin-right: 0;">
-        <span class="read-stat">
-          共 <strong>{{ total }}</strong> 人已读
-        </span>
-      </el-form-item>
-    </el-form>
-    <el-table v-loading="loading" :data="userList" size="small" stripe height="340px">
-      <el-table-column type="index" label="序号" width="55" align="center" />
-      <el-table-column label="登录名称" prop="userName" align="center" :show-overflow-tooltip="true" />
-      <el-table-column label="用户名称" prop="nickName" align="center" :show-overflow-tooltip="true" />
-      <el-table-column label="所属部门" prop="deptName" align="center" :show-overflow-tooltip="true" />
-      <el-table-column label="手机号码" prop="phonenumber" align="center" width="120" />
-      <el-table-column label="阅读时间" prop="readTime" align="center" width="160">
-        <template #default="scope">
-          <span>{{ parseTime(scope.row.readTime) }}</span>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-      style="padding: 6px 0px;"
-    />
-  </el-dialog>
-</template>
-
-<script setup name="ReadUsers">
-import { Search } from "@element-plus/icons-vue"
-import { listNoticeReadUsers } from "@/api/system/notice"
-
-const { proxy } = getCurrentInstance()
-
-const visible = ref(false)
-const loading = ref(false)
-const noticeTitle = ref("")
-const total = ref(0)
-const userList = ref([])
-
-const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  noticeId: undefined,
-  searchValue: undefined
-})
-
-function open(row) {
-  queryParams.noticeId = row.noticeId
-  noticeTitle.value = row.noticeTitle
-  queryParams.searchValue = undefined
-  queryParams.pageNum = 1
-  visible.value = true
-  getList()
-}
-
-function getList() {
-  loading.value = true
-  listNoticeReadUsers(queryParams).then(res => {
-    userList.value = res.rows
-    total.value = res.total
-  }).finally(() => {
-    loading.value = false
-  })
-}
-
-function handleQuery() {
-  queryParams.pageNum = 1
-  getList()
-}
-
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-function handleClose() {
-  userList.value = []
-  total.value = 0
-  queryParams.searchValue = undefined
-}
-
-defineExpose({
-  open
-})
-</script>
-
-<style scoped>
-.read-stat {
-  font-size: 13px;
-  color: #606266;
-  line-height: 28px;
-}
-.read-stat strong {
-  color: #409eff;
-  font-size: 15px;
-  margin: 0 2px;
-}
-</style>
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
deleted file mode 100644
index 7541a48..0000000
--- a/src/views/system/notice/index.vue
+++ /dev/null
@@ -1,306 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-         <el-form-item label="公告标题" prop="noticeTitle">
-            <el-input
-               v-model="queryParams.noticeTitle"
-               placeholder="请输入公告标题"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="操作人员" prop="createBy">
-            <el-input
-               v-model="queryParams.createBy"
-               placeholder="请输入操作人员"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="类型" prop="noticeType">
-            <el-select v-model="queryParams.noticeType" placeholder="公告类型" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_notice_type"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:notice:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:notice:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:notice:remove']"
-            >删除</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="noticeList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="序号" align="center" prop="noticeId" width="100" />
-         <el-table-column label="公告标题" align="center" :show-overflow-tooltip="true">
-            <template #default="scope">
-               <a class="link-type" style="cursor:pointer" @click="handleViewData(scope.row)">{{ scope.row.noticeTitle }}</a>
-            </template>
-         </el-table-column>
-         <el-table-column label="公告类型" align="center" prop="noticeType" width="100">
-            <template #default="scope">
-               <dict-tag :options="sys_notice_type" :value="scope.row.noticeType" />
-            </template>
-         </el-table-column>
-         <el-table-column label="状态" align="center" prop="status" width="100">
-            <template #default="scope">
-               <dict-tag :options="sys_notice_status" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="创建者" align="center" prop="createBy" width="100" />
-         <el-table-column label="创建时间" align="center" prop="createTime" width="100">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime, '{y}-{m}-{d}') }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="User" @click="handleReadUsers(scope.row)" v-hasPermi="['system:notice:list']">阅读用户</el-button>
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:notice:edit']">修改</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:notice:remove']" >删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改公告对话框 -->
-      <el-dialog :title="title" v-model="open" width="780px" append-to-body>
-         <el-form ref="noticeRef" :model="form" :rules="rules" label-width="80px">
-            <el-row>
-               <el-col :span="12">
-                  <el-form-item label="公告标题" prop="noticeTitle">
-                     <el-input v-model="form.noticeTitle" placeholder="请输入公告标题" />
-                  </el-form-item>
-               </el-col>
-               <el-col :span="12">
-                  <el-form-item label="公告类型" prop="noticeType">
-                     <el-select v-model="form.noticeType" placeholder="请选择">
-                        <el-option
-                           v-for="dict in sys_notice_type"
-                           :key="dict.value"
-                           :label="dict.label"
-                           :value="dict.value"
-                        ></el-option>
-                     </el-select>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="24">
-                  <el-form-item label="状态">
-                     <el-radio-group v-model="form.status">
-                        <el-radio
-                           v-for="dict in sys_notice_status"
-                           :key="dict.value"
-                           :value="dict.value"
-                        >{{ dict.label }}</el-radio>
-                     </el-radio-group>
-                  </el-form-item>
-               </el-col>
-               <el-col :span="24">
-                  <el-form-item label="内容">
-                    <editor v-model="form.noticeContent" :min-height="192"/>
-                  </el-form-item>
-               </el-col>
-            </el-row>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-      <notice-detail-view ref="noticeViewRef" />
-      <read-users-dialog ref="readUsersRef" />
-   </div>
-</template>
-
-<script setup name="Notice">
-import NoticeDetailView from "@/layout/components/HeaderNotice/DetailView"
-import ReadUsersDialog from "./ReadUsers"
-import { listNotice, getNotice, delNotice, addNotice, updateNotice } from "@/api/system/notice"
-
-const { proxy } = getCurrentInstance()
-const { sys_notice_status, sys_notice_type } = useDict("sys_notice_status", "sys_notice_type")
-
-const noticeList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    noticeTitle: undefined,
-    createBy: undefined,
-    status: undefined
-  },
-  rules: {
-    noticeTitle: [{ required: true, message: "公告标题不能为空", trigger: "blur" }],
-    noticeType: [{ required: true, message: "公告类型不能为空", trigger: "change" }]
-  },
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询公告列表 */
-function getList() {
-  loading.value = true
-  listNotice(queryParams.value).then(response => {
-    noticeList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    noticeId: undefined,
-    noticeTitle: undefined,
-    noticeType: undefined,
-    noticeContent: undefined,
-    status: "0"
-  }
-  proxy.resetForm("noticeRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.noticeId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加公告"
-}
-
-/**修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const noticeId = row.noticeId || ids.value
-  getNotice(noticeId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改公告"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["noticeRef"].validate(valid => {
-    if (valid) {
-      if (form.value.noticeId != undefined) {
-        updateNotice(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addNotice(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 查看公告详情 */
-function handleViewData(row) {
-  proxy.$refs["noticeViewRef"].open(row)
-}
-
-/** 查看已读用户 */
-function handleReadUsers(row) {
-   proxy.$refs["readUsersRef"].open(row)
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const noticeIds = row.noticeId || ids.value
-  proxy.$modal.confirm('是否确认删除公告编号为"' + noticeIds + '"的数据项？').then(function() {
-    return delNotice(noticeIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-getList()
-</script>
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
deleted file mode 100644
index 316e0d7..0000000
--- a/src/views/system/post/index.vue
+++ /dev/null
@@ -1,287 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-         <el-form-item label="岗位编码" prop="postCode">
-            <el-input
-               v-model="queryParams.postCode"
-               placeholder="请输入岗位编码"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="岗位名称" prop="postName">
-            <el-input
-               v-model="queryParams.postName"
-               placeholder="请输入岗位名称"
-               clearable
-               style="width: 200px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="岗位状态" clearable style="width: 200px">
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:post:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:post:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:post:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['system:post:export']"
-            >导出</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="postList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="岗位编号" align="center" prop="postId" />
-         <el-table-column label="岗位编码" align="center" prop="postCode" />
-         <el-table-column label="岗位名称" align="center" prop="postName" />
-         <el-table-column label="岗位排序" align="center" prop="postSort" />
-         <el-table-column label="状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" width="180" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:post:edit']">修改</el-button>
-               <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:post:remove']">删除</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改岗位对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="postRef" :model="form" :rules="rules" label-width="80px">
-            <el-form-item label="岗位名称" prop="postName">
-               <el-input v-model="form.postName" placeholder="请输入岗位名称" />
-            </el-form-item>
-            <el-form-item label="岗位编码" prop="postCode">
-               <el-input v-model="form.postCode" placeholder="请输入编码名称" />
-            </el-form-item>
-            <el-form-item label="岗位顺序" prop="postSort">
-               <el-input-number v-model="form.postSort" controls-position="right" :min="0" />
-            </el-form-item>
-            <el-form-item label="岗位状态" prop="status">
-               <el-radio-group v-model="form.status">
-                  <el-radio
-                     v-for="dict in sys_normal_disable"
-                     :key="dict.value"
-                     :value="dict.value"
-                  >{{ dict.label }}</el-radio>
-               </el-radio-group>
-            </el-form-item>
-            <el-form-item label="备注" prop="remark">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Post">
-import { listPost, addPost, delPost, getPost, updatePost } from "@/api/system/post"
-
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const postList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    postCode: undefined,
-    postName: undefined,
-    status: undefined
-  },
-  rules: {
-    postName: [{ required: true, message: "岗位名称不能为空", trigger: "blur" }],
-    postCode: [{ required: true, message: "岗位编码不能为空", trigger: "blur" }],
-    postSort: [{ required: true, message: "岗位顺序不能为空", trigger: "blur" }],
-  }
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询岗位列表 */
-function getList() {
-  loading.value = true
-  listPost(queryParams.value).then(response => {
-    postList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 表单重置 */
-function reset() {
-  form.value = {
-    postId: undefined,
-    postCode: undefined,
-    postName: undefined,
-    postSort: 0,
-    status: "0",
-    remark: undefined
-  }
-  proxy.resetForm("postRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.postId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加岗位"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const postId = row.postId || ids.value
-  getPost(postId).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改岗位"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["postRef"].validate(valid => {
-    if (valid) {
-      if (form.value.postId != undefined) {
-        updatePost(form.value).then(() => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addPost(form.value).then(() => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const postIds = row.postId || ids.value
-  proxy.$modal.confirm('是否确认删除岗位编号为"' + postIds + '"的数据项？').then(function() {
-    return delPost(postIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/post/export", {
-    ...queryParams.value
-  }, `post_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-</script>
diff --git a/src/views/system/role/authUser.vue b/src/views/system/role/authUser.vue
deleted file mode 100644
index 6848eb4..0000000
--- a/src/views/system/role/authUser.vue
+++ /dev/null
@@ -1,179 +0,0 @@
-
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true">
-         <el-form-item label="用户名称" prop="userName">
-            <el-input
-               v-model="queryParams.userName"
-               placeholder="请输入用户名称"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="手机号码" prop="phonenumber">
-            <el-input
-               v-model="queryParams.phonenumber"
-               placeholder="请输入手机号码"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="openSelectUser"
-               v-hasPermi="['system:role:add']"
-            >添加用户</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="CircleClose"
-               :disabled="multiple"
-               @click="cancelAuthUserAll"
-               v-hasPermi="['system:role:remove']"
-            >批量取消授权</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button 
-               type="warning" 
-               plain 
-               icon="Close"
-               @click="handleClose"
-            >关闭</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
-         <el-table-column label="用户昵称" prop="nickName" :show-overflow-tooltip="true" />
-         <el-table-column label="邮箱" prop="email" :show-overflow-tooltip="true" />
-         <el-table-column label="手机" prop="phonenumber" :show-overflow-tooltip="true" />
-         <el-table-column label="状态" align="center" prop="status">
-            <template #default="scope">
-               <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-            </template>
-         </el-table-column>
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-               <el-button link type="primary" icon="CircleClose" @click="cancelAuthUser(scope.row)" v-hasPermi="['system:role:remove']">取消授权</el-button>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-      <select-user ref="selectRef" :roleId="queryParams.roleId" @ok="handleQuery" />
-   </div>
-</template>
-
-<script setup name="AuthUser">
-import selectUser from "./selectUser"
-import { allocatedUserList, authUserCancel, authUserCancelAll } from "@/api/system/role"
-
-const route = useRoute()
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const userList = ref([])
-const loading = ref(true)
-const showSearch = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const userIds = ref([])
-
-const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  roleId: route.params.roleId,
-  userName: undefined,
-  phonenumber: undefined,
-})
-
-/** 查询授权用户列表 */
-function getList() {
-  loading.value = true
-  allocatedUserList(queryParams).then(response => {
-    userList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 返回按钮 */
-function handleClose() {
-  const obj = { path: "/system/role" }
-  proxy.$tab.closeOpenPage(obj)
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  userIds.value = selection.map(item => item.userId)
-  multiple.value = !selection.length
-}
-
-/** 打开授权用户表弹窗 */
-function openSelectUser() {
-  proxy.$refs["selectRef"].show()
-}
-
-/** 取消授权按钮操作 */
-function cancelAuthUser(row) {
-  proxy.$modal.confirm('确认要取消该用户"' + row.userName + '"角色吗？').then(function () {
-    return authUserCancel({ userId: row.userId, roleId: queryParams.roleId })
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("取消授权成功")
-  }).catch(() => {})
-}
-
-/** 批量取消授权按钮操作 */
-function cancelAuthUserAll() {
-  const roleId = queryParams.roleId
-  const uIds = userIds.value.join(",")
-  proxy.$modal.confirm("是否取消选中用户授权数据项?").then(function () {
-    return authUserCancelAll({ roleId: roleId, userIds: uIds })
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("取消授权成功")
-  }).catch(() => {})
-}
-
-getList()
-</script>
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
deleted file mode 100644
index c191194..0000000
--- a/src/views/system/role/index.vue
+++ /dev/null
@@ -1,584 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-form :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="68px">
-         <el-form-item label="角色名称" prop="roleName">
-            <el-input
-               v-model="queryParams.roleName"
-               placeholder="请输入角色名称"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="权限字符" prop="roleKey">
-            <el-input
-               v-model="queryParams.roleKey"
-               placeholder="请输入权限字符"
-               clearable
-               style="width: 240px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="状态" prop="status">
-            <el-select
-               v-model="queryParams.status"
-               placeholder="角色状态"
-               clearable
-               style="width: 240px"
-            >
-               <el-option
-                  v-for="dict in sys_normal_disable"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-               />
-            </el-select>
-         </el-form-item>
-         <el-form-item label="创建时间" style="width: 308px">
-            <el-date-picker
-               v-model="dateRange"
-               value-format="YYYY-MM-DD"
-               type="daterange"
-               range-separator="-"
-               start-placeholder="开始日期"
-               end-placeholder="结束日期"
-            ></el-date-picker>
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-      <el-row :gutter="10" class="mb8">
-         <el-col :span="1.5">
-            <el-button
-               type="primary"
-               plain
-               icon="Plus"
-               @click="handleAdd"
-               v-hasPermi="['system:role:add']"
-            >新增</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="success"
-               plain
-               icon="Edit"
-               :disabled="single"
-               @click="handleUpdate"
-               v-hasPermi="['system:role:edit']"
-            >修改</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="danger"
-               plain
-               icon="Delete"
-               :disabled="multiple"
-               @click="handleDelete"
-               v-hasPermi="['system:role:remove']"
-            >删除</el-button>
-         </el-col>
-         <el-col :span="1.5">
-            <el-button
-               type="warning"
-               plain
-               icon="Download"
-               @click="handleExport"
-               v-hasPermi="['system:role:export']"
-            >导出</el-button>
-         </el-col>
-         <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-      </el-row>
-
-      <!-- 表格数据 -->
-      <el-table v-loading="loading" :data="roleList" @selection-change="handleSelectionChange">
-         <el-table-column type="selection" width="55" align="center" />
-         <el-table-column label="角色编号" prop="roleId" width="120" />
-         <el-table-column label="角色名称" prop="roleName" :show-overflow-tooltip="true" width="150" />
-         <el-table-column label="权限字符" prop="roleKey" :show-overflow-tooltip="true" width="150" />
-         <el-table-column label="显示顺序" prop="roleSort" width="100" />
-         <el-table-column label="状态" align="center" width="100">
-            <template #default="scope">
-               <el-switch
-                  v-model="scope.row.status"
-                  active-value="0"
-                  inactive-value="1"
-                  @change="handleStatusChange(scope.row)"
-               ></el-switch>
-            </template>
-         </el-table-column>
-         <el-table-column label="创建时间" align="center" prop="createTime">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            <template #default="scope">
-              <el-tooltip content="修改" placement="top" v-if="scope.row.roleId !== 1">
-                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
-              </el-tooltip>
-              <el-tooltip content="删除" placement="top" v-if="scope.row.roleId !== 1">
-                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:role:remove']"></el-button>
-              </el-tooltip>
-              <el-tooltip content="数据权限" placement="top" v-if="scope.row.roleId !== 1">
-                <el-button link type="primary" icon="CircleCheck" @click="handleDataScope(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
-              </el-tooltip>
-              <el-tooltip content="分配用户" placement="top" v-if="scope.row.roleId !== 1">
-                <el-button link type="primary" icon="User" @click="handleAuthUser(scope.row)" v-hasPermi="['system:role:edit']"></el-button>
-              </el-tooltip>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination
-         v-show="total > 0"
-         :total="total"
-         v-model:page="queryParams.pageNum"
-         v-model:limit="queryParams.pageSize"
-         @pagination="getList"
-      />
-
-      <!-- 添加或修改角色配置对话框 -->
-      <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-         <el-form ref="roleRef" :model="form" :rules="rules" label-width="100px">
-            <el-form-item label="角色名称" prop="roleName">
-               <el-input v-model="form.roleName" placeholder="请输入角色名称" />
-            </el-form-item>
-            <el-form-item prop="roleKey">
-               <template #label>
-                  <span>
-                     <el-tooltip content="控制器中定义的权限字符，如：@PreAuthorize(`@ss.hasRole('admin')`)" placement="top">
-                        <el-icon><question-filled /></el-icon>
-                     </el-tooltip>
-                     权限字符
-                  </span>
-               </template>
-               <el-input v-model="form.roleKey" placeholder="请输入权限字符" />
-            </el-form-item>
-            <el-form-item label="角色顺序" prop="roleSort">
-               <el-input-number v-model="form.roleSort" controls-position="right" :min="0" />
-            </el-form-item>
-            <el-form-item label="状态">
-               <el-radio-group v-model="form.status">
-                  <el-radio
-                     v-for="dict in sys_normal_disable"
-                     :key="dict.value"
-                     :value="dict.value"
-                  >{{ dict.label }}</el-radio>
-               </el-radio-group>
-            </el-form-item>
-            <el-form-item label="菜单权限">
-               <el-checkbox v-model="menuExpand" @change="handleCheckedTreeExpand($event, 'menu')">展开/折叠</el-checkbox>
-               <el-checkbox v-model="menuNodeAll" @change="handleCheckedTreeNodeAll($event, 'menu')">全选/全不选</el-checkbox>
-               <el-checkbox v-model="form.menuCheckStrictly" @change="handleCheckedTreeConnect($event, 'menu')">父子联动</el-checkbox>
-               <el-tree
-                  class="tree-border"
-                  :data="menuOptions"
-                  show-checkbox
-                  ref="menuRef"
-                  node-key="id"
-                  :check-strictly="!form.menuCheckStrictly"
-                  empty-text="加载中，请稍候"
-                  :props="{ label: 'label', children: 'children' }"
-               ></el-tree>
-            </el-form-item>
-            <el-form-item label="备注">
-               <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitForm">确 定</el-button>
-               <el-button @click="cancel">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-
-      <!-- 分配角色数据权限对话框 -->
-      <el-dialog :title="title" v-model="openDataScope" width="500px" append-to-body>
-         <el-form :model="form" label-width="80px">
-            <el-form-item label="角色名称">
-               <el-input v-model="form.roleName" :disabled="true" />
-            </el-form-item>
-            <el-form-item label="权限字符">
-               <el-input v-model="form.roleKey" :disabled="true" />
-            </el-form-item>
-            <el-form-item label="权限范围">
-               <el-select v-model="form.dataScope" @change="dataScopeSelectChange">
-                  <el-option
-                     v-for="item in dataScopeOptions"
-                     :key="item.value"
-                     :label="item.label"
-                     :value="item.value"
-                  ></el-option>
-               </el-select>
-            </el-form-item>
-            <el-form-item label="数据权限" v-show="form.dataScope == 2">
-               <el-checkbox v-model="deptExpand" @change="handleCheckedTreeExpand($event, 'dept')">展开/折叠</el-checkbox>
-               <el-checkbox v-model="deptNodeAll" @change="handleCheckedTreeNodeAll($event, 'dept')">全选/全不选</el-checkbox>
-               <el-checkbox v-model="form.deptCheckStrictly" @change="handleCheckedTreeConnect($event, 'dept')">父子联动</el-checkbox>
-               <el-tree
-                  class="tree-border"
-                  :data="deptOptions"
-                  show-checkbox
-                  default-expand-all
-                  ref="deptRef"
-                  node-key="id"
-                  :check-strictly="!form.deptCheckStrictly"
-                  empty-text="加载中，请稍候"
-                  :props="{ label: 'label', children: 'children' }"
-               ></el-tree>
-            </el-form-item>
-         </el-form>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitDataScope">确 定</el-button>
-               <el-button @click="cancelDataScope">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
-   </div>
-</template>
-
-<script setup name="Role">
-import { addRole, changeRoleStatus, dataScope, delRole, getRole, listRole, updateRole, deptTreeSelect } from "@/api/system/role"
-import { roleMenuTreeselect, treeselect as menuTreeselect } from "@/api/system/menu"
-
-const router = useRouter()
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const roleList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-const menuOptions = ref([])
-const menuExpand = ref(false)
-const menuNodeAll = ref(false)
-const deptExpand = ref(true)
-const deptNodeAll = ref(false)
-const deptOptions = ref([])
-const openDataScope = ref(false)
-const menuRef = ref(null)
-const deptRef = ref(null)
-
-/** 数据范围选项*/
-const dataScopeOptions = ref([
-  { value: "1", label: "全部数据权限" },
-  { value: "2", label: "自定数据权限" },
-  { value: "3", label: "本部门数据权限" },
-  { value: "4", label: "本部门及以下数据权限" },
-  { value: "5", label: "仅本人数据权限" }
-])
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    roleName: undefined,
-    roleKey: undefined,
-    status: undefined
-  },
-  rules: {
-    roleName: [{ required: true, message: "角色名称不能为空", trigger: "blur" }],
-    roleKey: [{ required: true, message: "权限字符不能为空", trigger: "blur" }],
-    roleSort: [{ required: true, message: "角色顺序不能为空", trigger: "blur" }]
-  },
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询角色列表 */
-function getList() {
-  loading.value = true
-  listRole(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    roleList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const roleIds = row.roleId || ids.value
-  proxy.$modal.confirm('是否确认删除角色编号为"' + roleIds + '"的数据项?').then(function () {
-    return delRole(roleIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/role/export", {
-    ...queryParams.value,
-  }, `role_${new Date().getTime()}.xlsx`)
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.roleId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 角色状态修改 */
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用"
-  proxy.$modal.confirm('确认要"' + text + '""' + row.roleName + '"角色吗?').then(function () {
-    return changeRoleStatus(row.roleId, row.status)
-  }).then(() => {
-    proxy.$modal.msgSuccess(text + "成功")
-  }).catch(function () {
-    row.status = row.status === "0" ? "1" : "0"
-  })
-}
-
-/** 更多操作 */
-function handleCommand(command, row) {
-  switch (command) {
-    case "handleDataScope":
-      handleDataScope(row)
-      break
-    case "handleAuthUser":
-      handleAuthUser(row)
-      break
-    default:
-      break
-  }
-}
-
-/** 分配用户 */
-function handleAuthUser(row) {
-  router.push("/system/role-auth/user/" + row.roleId)
-}
-
-/** 查询菜单树结构 */
-function getMenuTreeselect() {
-  menuTreeselect().then(response => {
-    menuOptions.value = response.data
-  })
-}
-
-/** 所有部门节点数据 */
-function getDeptAllCheckedKeys() {
-  // 目前被选中的部门节点
-  let checkedKeys = deptRef.value.getCheckedKeys()
-  // 半选中的部门节点
-  let halfCheckedKeys = deptRef.value.getHalfCheckedKeys()
-  checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
-  return checkedKeys
-}
-
-/** 重置新增的表单以及其他数据  */
-function reset() {
-  if (menuRef.value != undefined) {
-    menuRef.value.setCheckedKeys([])
-  }
-  menuExpand.value = false
-  menuNodeAll.value = false
-  deptExpand.value = true
-  deptNodeAll.value = false
-  form.value = {
-    roleId: undefined,
-    roleName: undefined,
-    roleKey: undefined,
-    roleSort: 0,
-    status: "0",
-    menuIds: [],
-    deptIds: [],
-    menuCheckStrictly: true,
-    deptCheckStrictly: true,
-    remark: undefined
-  }
-  proxy.resetForm("roleRef")
-}
-
-/** 添加角色 */
-function handleAdd() {
-  reset()
-  getMenuTreeselect()
-  open.value = true
-  title.value = "添加角色"
-}
-
-/** 修改角色 */
-function handleUpdate(row) {
-  reset()
-  const roleId = row.roleId || ids.value
-  const roleMenu = getRoleMenuTreeselect(roleId)
-  getRole(roleId).then(response => {
-    form.value = response.data
-    form.value.roleSort = Number(form.value.roleSort)
-    open.value = true
-    nextTick(() => {
-      roleMenu.then((res) => {
-        let checkedKeys = res.checkedKeys
-        checkedKeys.forEach((v) => {
-          nextTick(() => {
-            menuRef.value.setChecked(v, true, false)
-          })
-        })
-      })
-    })
-  })
-  title.value = "修改角色"
-}
-
-/** 根据角色ID查询菜单树结构 */
-function getRoleMenuTreeselect(roleId) {
-  return roleMenuTreeselect(roleId).then(response => {
-    menuOptions.value = response.menus
-    return response
-  })
-}
-
-/** 根据角色ID查询部门树结构 */
-function getDeptTree(roleId) {
-  return deptTreeSelect(roleId).then(response => {
-    deptOptions.value = response.depts
-    return response
-  })
-}
-
-/** 树权限（展开/折叠）*/
-function handleCheckedTreeExpand(value, type) {
-  if (type == "menu") {
-    let treeList = menuOptions.value
-    for (let i = 0; i < treeList.length; i++) {
-      menuRef.value.store.nodesMap[treeList[i].id].expanded = value
-    }
-  } else if (type == "dept") {
-    let treeList = deptOptions.value
-    for (let i = 0; i < treeList.length; i++) {
-      deptRef.value.store.nodesMap[treeList[i].id].expanded = value
-    }
-  }
-}
-
-/** 树权限（全选/全不选） */
-function handleCheckedTreeNodeAll(value, type) {
-  if (type == "menu") {
-    menuRef.value.setCheckedNodes(value ? menuOptions.value : [])
-  } else if (type == "dept") {
-    deptRef.value.setCheckedNodes(value ? deptOptions.value : [])
-  }
-}
-
-/** 树权限（父子联动） */
-function handleCheckedTreeConnect(value, type) {
-  if (type == "menu") {
-    form.value.menuCheckStrictly = value ? true : false
-  } else if (type == "dept") {
-    form.value.deptCheckStrictly = value ? true : false
-  }
-}
-
-/** 所有菜单节点数据 */
-function getMenuAllCheckedKeys() {
-  // 目前被选中的菜单节点
-  let checkedKeys = menuRef.value.getCheckedKeys()
-  // 半选中的菜单节点
-  let halfCheckedKeys = menuRef.value.getHalfCheckedKeys()
-  checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys)
-  return checkedKeys
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["roleRef"].validate(valid => {
-    if (valid) {
-      if (form.value.roleId != undefined) {
-        form.value.menuIds = getMenuAllCheckedKeys()
-        updateRole(form.value).then(() => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        form.value.menuIds = getMenuAllCheckedKeys()
-        addRole(form.value).then(() => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 选择角色权限范围触发 */
-function dataScopeSelectChange(value) {
-  if (value !== "2") {
-    deptRef.value.setCheckedKeys([])
-  }
-}
-
-/** 分配数据权限操作 */
-function handleDataScope(row) {
-  reset()
-  const deptTreeSelect = getDeptTree(row.roleId)
-  getRole(row.roleId).then(response => {
-    form.value = response.data
-    openDataScope.value = true
-    nextTick(() => {
-      deptTreeSelect.then(res => {
-        nextTick(() => {
-          if (deptRef.value) {
-            deptRef.value.setCheckedKeys(res.checkedKeys)
-          }
-        })
-      })
-    })
-  })
-  title.value = "分配数据权限"
-}
-
-/** 提交按钮（数据权限） */
-function submitDataScope() {
-  if (form.value.roleId != undefined) {
-    form.value.deptIds = getDeptAllCheckedKeys()
-    dataScope(form.value).then(() => {
-      proxy.$modal.msgSuccess("修改成功")
-      openDataScope.value = false
-      getList()
-    })
-  }
-}
-
-/** 取消按钮（数据权限）*/
-function cancelDataScope() {
-  openDataScope.value = false
-  reset()
-}
-
-getList()
-</script>
diff --git a/src/views/system/role/selectUser.vue b/src/views/system/role/selectUser.vue
deleted file mode 100644
index 58b621a..0000000
--- a/src/views/system/role/selectUser.vue
+++ /dev/null
@@ -1,144 +0,0 @@
-<template>
-   <!-- 授权用户 -->
-   <el-dialog title="选择用户" v-model="visible" width="800px" top="5vh" append-to-body>
-      <el-form :model="queryParams" ref="queryRef" :inline="true">
-         <el-form-item label="用户名称" prop="userName">
-            <el-input
-               v-model="queryParams.userName"
-               placeholder="请输入用户名称"
-               clearable
-               style="width: 180px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item label="手机号码" prop="phonenumber">
-            <el-input
-               v-model="queryParams.phonenumber"
-               placeholder="请输入手机号码"
-               clearable
-               style="width: 180px"
-               @keyup.enter="handleQuery"
-            />
-         </el-form-item>
-         <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-         </el-form-item>
-      </el-form>
-      <el-row>
-         <el-table @row-click="clickRow" ref="refTable" :data="userList" @selection-change="handleSelectionChange" height="260px">
-            <el-table-column type="selection" width="55"></el-table-column>
-            <el-table-column label="用户名称" prop="userName" :show-overflow-tooltip="true" />
-            <el-table-column label="用户昵称" prop="nickName" :show-overflow-tooltip="true" />
-            <el-table-column label="邮箱" prop="email" :show-overflow-tooltip="true" />
-            <el-table-column label="手机" prop="phonenumber" :show-overflow-tooltip="true" />
-            <el-table-column label="状态" align="center" prop="status">
-               <template #default="scope">
-                  <dict-tag :options="sys_normal_disable" :value="scope.row.status" />
-               </template>
-            </el-table-column>
-            <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-               <template #default="scope">
-                  <span>{{ parseTime(scope.row.createTime) }}</span>
-               </template>
-            </el-table-column>
-         </el-table>
-         <pagination
-            v-show="total > 0"
-            :total="total"
-            v-model:page="queryParams.pageNum"
-            v-model:limit="queryParams.pageSize"
-            @pagination="getList"
-         />
-      </el-row>
-      <template #footer>
-         <div class="dialog-footer">
-            <el-button type="primary" @click="handleSelectUser">确 定</el-button>
-            <el-button @click="visible = false">取 消</el-button>
-         </div>
-      </template>
-   </el-dialog>
-</template>
-
-<script setup name="SelectUser">
-import { authUserSelectAll, unallocatedUserList } from "@/api/system/role"
-
-const props = defineProps({
-  roleId: {
-    type: [Number, String]
-  }
-})
-
-const { proxy } = getCurrentInstance()
-const { sys_normal_disable } = useDict("sys_normal_disable")
-
-const userList = ref([])
-const visible = ref(false)
-const total = ref(0)
-const userIds = ref([])
-
-const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  roleId: undefined,
-  userName: undefined,
-  phonenumber: undefined
-})
-
-// 显示弹框
-function show() {
-  queryParams.roleId = props.roleId
-  getList()
-  visible.value = true
-}
-
-/**选择行 */
-function clickRow(row) {
-  proxy.$refs["refTable"].toggleRowSelection(row)
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  userIds.value = selection.map(item => item.userId)
-}
-
-// 查询表数据
-function getList() {
-  unallocatedUserList(queryParams).then(res => {
-    userList.value = res.rows
-    total.value = res.total
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-const emit = defineEmits(["ok"])
-/** 选择授权用户操作 */
-function handleSelectUser() {
-  const roleId = queryParams.roleId
-  const uIds = userIds.value.join(",")
-  if (uIds == "") {
-    proxy.$modal.msgError("请选择要分配的用户")
-    return
-  }
-  authUserSelectAll({ roleId: roleId, userIds: uIds }).then(res => {
-    proxy.$modal.msgSuccess(res.msg)
-    visible.value = false
-    emit("ok")
-  })
-}
-
-defineExpose({
-  show,
-})
-</script>
diff --git a/src/views/system/user/authRole.vue b/src/views/system/user/authRole.vue
deleted file mode 100644
index 28b40e7..0000000
--- a/src/views/system/user/authRole.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<template>
-   <div class="app-container">
-      <h4 class="form-header h4">基本信息</h4>
-      <el-form :model="form" label-width="80px">
-         <el-row>
-            <el-col :span="8" :offset="2">
-               <el-form-item label="用户昵称" prop="nickName">
-                  <el-input v-model="form.nickName" disabled />
-               </el-form-item>
-            </el-col>
-            <el-col :span="8" :offset="2">
-               <el-form-item label="登录账号" prop="userName">
-                  <el-input v-model="form.userName" disabled />
-               </el-form-item>
-            </el-col>
-         </el-row>
-      </el-form>
-
-      <h4 class="form-header h4">角色信息</h4>
-      <el-table v-loading="loading" :row-key="getRowKey" @row-click="clickRow" ref="roleRef" @selection-change="handleSelectionChange" :data="roles.slice((pageNum - 1) * pageSize, pageNum * pageSize)">
-         <el-table-column label="序号" width="55" type="index" align="center">
-            <template #default="scope">
-               <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>
-            </template>
-         </el-table-column>
-         <el-table-column type="selection" :reserve-selection="true" :selectable="checkSelectable" width="55"></el-table-column>
-         <el-table-column label="角色编号" align="center" prop="roleId" />
-         <el-table-column label="角色名称" align="center" prop="roleName" />
-         <el-table-column label="权限字符" align="center" prop="roleKey" />
-         <el-table-column label="创建时间" align="center" prop="createTime" width="180">
-            <template #default="scope">
-               <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-         </el-table-column>
-      </el-table>
-
-      <pagination v-show="total > 0" :total="total" v-model:page="pageNum" v-model:limit="pageSize" />
-
-      <el-form label-width="100px">
-         <div style="text-align: center;margin-left:-120px;margin-top:30px;">
-            <el-button type="primary" @click="submitForm()">提交</el-button>
-            <el-button @click="close()">返回</el-button>
-         </div>
-      </el-form>
-   </div>
-</template>
-
-<script setup name="AuthRole">
-import { getAuthRole, updateAuthRole } from "@/api/system/user"
-
-const route = useRoute()
-const { proxy } = getCurrentInstance()
-
-const loading = ref(true)
-const total = ref(0)
-const pageNum = ref(1)
-const pageSize = ref(10)
-const roleIds = ref([])
-const roles = ref([])
-const form = ref({
-  nickName: undefined,
-  userName: undefined,
-  userId: undefined
-})
-
-/** 单击选中行数据 */
-function clickRow(row) {
-  if (checkSelectable(row)) {
-    proxy.$refs["roleRef"].toggleRowSelection(row)
-  }
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  roleIds.value = selection.map(item => item.roleId)
-}
-
-/** 保存选中的数据编号 */
-function getRowKey(row) {
-  return row.roleId
-}
-
-// 检查角色状态
-function checkSelectable(row) {
-  return row.status === "0" ? true : false
-}
-
-/** 关闭按钮 */
-function close() {
-  const obj = { path: "/system/user" }
-  proxy.$tab.closeOpenPage(obj)
-}
-
-/** 提交按钮 */
-function submitForm() {
-  const userId = form.value.userId
-  const rIds = roleIds.value.join(",")
-  updateAuthRole({ userId: userId, roleIds: rIds }).then(() => {
-    proxy.$modal.msgSuccess("授权成功")
-    close()
-  })
-}
-
-(() => {
-  const userId = route.params && route.params.userId
-  if (userId) {
-    loading.value = true
-    getAuthRole(userId).then(response => {
-      form.value = response.user
-      roles.value = response.roles
-      total.value = roles.value.length
-      nextTick(() => {
-        roles.value.forEach(row => {
-          if (row.flag) {
-            proxy.$refs["roleRef"].toggleRowSelection(row)
-          }
-        })
-      })
-      loading.value = false
-    })
-  }
-})()
-</script>
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
deleted file mode 100644
index 6528964..0000000
--- a/src/views/system/user/index.vue
+++ /dev/null
@@ -1,459 +0,0 @@
-<template>
-  <div class="app-container tree-sidebar-manage-wrap">
-    <tree-panel title="组织机构" :tree-data="deptOptions" search-placeholder="请输入部门名称" storage-key="dept-sidebar-width" :defaultExpandAll="true" @node-click="handleNodeClick" @refresh="getDeptTree" ref="deptTreeRef" />
-    <div class="tree-sidebar-content">
-      <div class="content-inner">
-        <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
-          <el-form-item label="用户名称" prop="userName">
-            <el-input v-model="queryParams.userName" placeholder="请输入用户名称" clearable style="width: 240px" @keyup.enter="handleQuery" />
-          </el-form-item>
-          <el-form-item label="手机号码" prop="phonenumber">
-            <el-input v-model="queryParams.phonenumber" placeholder="请输入手机号码" clearable style="width: 240px" @keyup.enter="handleQuery" />
-          </el-form-item>
-          <el-form-item label="状态" prop="status">
-            <el-select v-model="queryParams.status" placeholder="用户状态" clearable style="width: 240px">
-              <el-option v-for="dict in sys_normal_disable" :key="dict.value" :label="dict.label" :value="dict.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item label="创建时间" style="width: 308px">
-            <el-date-picker v-model="dateRange" value-format="YYYY-MM-DD" type="daterange" range-separator="-" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-            <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-          </el-form-item>
-        </el-form>
-
-        <el-row :gutter="10" class="mb8">
-          <el-col :span="1.5">
-            <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['system:user:add']">新增</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate" v-hasPermi="['system:user:edit']">修改</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete" v-hasPermi="['system:user:remove']">删除</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="info" plain icon="Upload" @click="handleImport" v-hasPermi="['system:user:import']">导入</el-button>
-          </el-col>
-          <el-col :span="1.5">
-            <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['system:user:export']">导出</el-button>
-          </el-col>
-          <right-toolbar v-model:showSearch="showSearch" @queryTable="getList" :columns="columns" storageKey="xxxxxxxx"></right-toolbar>
-        </el-row>
-
-        <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
-          <el-table-column type="selection" width="50" align="center" />
-          <el-table-column label="用户编号" align="center" key="userId" prop="userId" v-if="columns.userId.visible" />
-          <el-table-column label="用户名称" align="center" key="userName" v-if="columns.userName.visible" :show-overflow-tooltip="true">
-            <template #default="scope">
-              <a class="link-type" style="cursor:pointer" @click="handleViewData(scope.row)">{{ scope.row.userName }}</a>
-            </template>
-         </el-table-column>
-          <el-table-column label="用户昵称" align="center" key="nickName" prop="nickName" v-if="columns.nickName.visible" :show-overflow-tooltip="true" />
-          <el-table-column label="部门" align="center" key="deptName" prop="dept.deptName" v-if="columns.deptName.visible" :show-overflow-tooltip="true" />
-          <el-table-column label="手机号码" align="center" key="phonenumber" prop="phonenumber" v-if="columns.phonenumber.visible" width="120" />
-          <el-table-column label="状态" align="center" key="status" v-if="columns.status.visible">
-            <template #default="scope">
-              <el-switch
-                v-model="scope.row.status"
-                active-value="0"
-                inactive-value="1"
-                @change="handleStatusChange(scope.row)"
-              ></el-switch>
-            </template>
-          </el-table-column>
-          <el-table-column label="创建时间" align="center" prop="createTime" v-if="columns.createTime.visible" width="160">
-            <template #default="scope">
-              <span>{{ parseTime(scope.row.createTime) }}</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" width="150" class-name="small-padding fixed-width">
-            <template #default="scope">
-              <el-tooltip content="修改" placement="top" v-if="scope.row.userId !== 1">
-                <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['system:user:edit']"></el-button>
-              </el-tooltip>
-              <el-tooltip content="删除" placement="top" v-if="scope.row.userId !== 1">
-                <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['system:user:remove']"></el-button>
-              </el-tooltip>
-              <el-tooltip content="重置密码" placement="top" v-if="scope.row.userId !== 1">
-                <el-button link type="primary" icon="Key" @click="handleResetPwd(scope.row)" v-hasPermi="['system:user:resetPwd']"></el-button>
-              </el-tooltip>
-              <el-tooltip content="分配角色" placement="top" v-if="scope.row.userId !== 1">
-                <el-button link type="primary" icon="CircleCheck" @click="handleAuthRole(scope.row)" v-hasPermi="['system:user:edit']"></el-button>
-              </el-tooltip>
-            </template>
-          </el-table-column>
-        </el-table>
-        <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
-      </div>
-    </div>
-
-    <!-- 添加或修改用户配置对话框 -->
-    <el-dialog :title="title" v-model="open" width="600px" append-to-body>
-      <el-form :model="form" :rules="rules" ref="userRef" label-width="80px">
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="用户昵称" prop="nickName">
-              <el-input v-model="form.nickName" placeholder="请输入用户昵称" maxlength="30" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="归属部门" prop="deptId">
-              <el-tree-select v-model="form.deptId" :data="enabledDeptOptions" :props="{ value: 'id', label: 'label', children: 'children' }" value-key="id" placeholder="请选择归属部门" clearable check-strictly />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="手机号码" prop="phonenumber">
-              <el-input v-model="form.phonenumber" placeholder="请输入手机号码" maxlength="11" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="邮箱" prop="email">
-              <el-input v-model="form.email" placeholder="请输入邮箱" maxlength="50" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item v-if="form.userId == undefined" label="用户名称" prop="userName">
-              <el-input v-model="form.userName" placeholder="请输入用户名称" maxlength="30" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item v-if="form.userId == undefined" label="用户密码" prop="password" :rules="pwdValidator">
-              <el-input v-model="form.password" placeholder="请输入用户密码" type="password" maxlength="20" show-password />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="用户性别">
-              <el-select v-model="form.sex" placeholder="请选择">
-                <el-option v-for="dict in sys_user_sex" :key="dict.value" :label="dict.label" :value="dict.value"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="状态">
-              <el-radio-group v-model="form.status">
-                <el-radio v-for="dict in sys_normal_disable" :key="dict.value" :value="dict.value">{{ dict.label }}</el-radio>
-              </el-radio-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="岗位">
-              <el-select v-model="form.postIds" multiple placeholder="请选择">
-                <el-option v-for="item in postOptions" :key="item.postId" :label="item.postName" :value="item.postId" :disabled="item.status == 1"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="角色">
-              <el-select v-model="form.roleIds" multiple placeholder="请选择">
-                <el-option v-for="item in roleOptions" :key="item.roleId" :label="item.roleName" :value="item.roleId" :disabled="item.status == 1"></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="备注">
-              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </template>
-    </el-dialog>
-
-    <!-- 用户详情抽屉 -->
-    <user-view-drawer ref="userViewRef" />
-    <!-- 用户导入对话框 -->
-    <excel-import-dialog ref="importUserRef" title="用户导入" action="/system/user/importData" template-action="/system/user/importTemplate" template-file-name="user_template" update-support-label="是否更新已经存在的用户数据" @success="getList" />
-  </div>
-</template>
-
-<script setup name="User">
-import TreePanel from "@/components/TreePanel"
-import ExcelImportDialog from "@/components/ExcelImportDialog"
-import UserViewDrawer from "./view"
-import { usePasswordRule } from "@/utils/passwordRule"
-import { changeUserStatus, listUser, resetUserPwd, delUser, getUser, updateUser, addUser, deptTreeSelect } from "@/api/system/user"
-
-const router = useRouter()
-const { proxy } = getCurrentInstance()
-const { pwdValidator, pwdPromptValidator } = usePasswordRule()
-const { sys_normal_disable, sys_user_sex } = useDict("sys_normal_disable", "sys_user_sex")
-
-const userList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-const dateRange = ref([])
-const deptOptions = ref(undefined)
-const enabledDeptOptions = ref(undefined)
-const initPassword = ref(undefined)
-const postOptions = ref([])
-const roleOptions = ref([])
-// 列显隐信息
-const columns = ref({
-  userId: { label: '用户编号', visible: true },
-  userName: { label: '用户名称', visible: true },
-  nickName: { label: '用户昵称', visible: true },
-  deptName: { label: '部门', visible: true },
-  phonenumber: { label: '手机号码', visible: true },
-  status: { label: '状态', visible: true },
-  createTime: { label: '创建时间', visible: true }
-})
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    userName: undefined,
-    phonenumber: undefined,
-    status: undefined,
-    deptId: undefined
-  },
-  rules: {
-    userName: [{ required: true, message: "用户名称不能为空", trigger: "blur" }, { min: 2, max: 20, message: "用户名称长度必须介于 2 和 20 之间", trigger: "blur" }],
-    nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
-    email: [{ type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
-    phonenumber: [{ pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }]
-  }
-})
-
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询用户列表 */
-function getList() {
-  loading.value = true
-  listUser(proxy.addDateRange(queryParams.value, dateRange.value)).then(res => {
-    loading.value = false
-    userList.value = res.rows
-    total.value = res.total
-  })
-}
-
-/** 查询部门下拉树结构 */
-function getDeptTree() {
-  deptTreeSelect().then(response => {
-    deptOptions.value = response.data
-    enabledDeptOptions.value = filterDisabledDept(JSON.parse(JSON.stringify(response.data)))
-  })
-}
-
-/** 过滤禁用的部门 */
-function filterDisabledDept(deptList) {
-  return deptList.filter(dept => {
-    if (dept.disabled) {
-      return false
-    }
-    if (dept.children && dept.children.length) {
-      dept.children = filterDisabledDept(dept.children)
-    }
-    return true
-  })
-}
-
-/** 节点单击事件 */
-function handleNodeClick(data) {
-  queryParams.value.deptId = data.id
-  handleQuery()
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  queryParams.value.deptId = undefined
-  proxy.$refs.deptTreeRef.setCurrentKey(null)
-  handleQuery()
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const userIds = row.userId || ids.value
-  proxy.$modal.confirm('是否确认删除用户编号为"' + userIds + '"的数据项？').then(function () {
-    return delUser(userIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download("system/user/export", {
-    ...queryParams.value,
-  },`user_${new Date().getTime()}.xlsx`)
-}
-
-/** 用户状态修改  */
-function handleStatusChange(row) {
-  let text = row.status === "0" ? "启用" : "停用"
-  proxy.$modal.confirm('确认要"' + text + '""' + row.userName + '"用户吗?').then(function () {
-    return changeUserStatus(row.userId, row.status)
-  }).then(() => {
-    proxy.$modal.msgSuccess(text + "成功")
-  }).catch(function () {
-    row.status = row.status === "0" ? "1" : "0"
-  })
-}
-
-/** 更多操作 */
-function handleCommand(command, row) {
-  switch (command) {
-    case "handleResetPwd":
-      handleResetPwd(row)
-      break
-    case "handleAuthRole":
-      handleAuthRole(row)
-      break
-    default:
-      break
-  }
-}
-
-/** 跳转角色分配 */
-function handleAuthRole(row) {
-  const userId = row.userId
-  router.push("/system/user-auth/role/" + userId)
-}
-
-/** 重置密码按钮操作 */
-function handleResetPwd(row) {
-  proxy.$prompt(`请输入「${row.userName}」的新密码`, "重置密码", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
-    closeOnClickModal: false,
-    inputValidator: pwdPromptValidator
-  }).then(({ value }) => {
-    resetUserPwd(row.userId, value).then(() => {
-      proxy.$modal.msgSuccess("修改成功，新密码是：" + value)
-    })
-  }).catch(() => {})
-}
-
-/** 选择条数  */
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.userId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 详情按钮操作 */
-function handleViewData(row) {
-  proxy.$refs["userViewRef"].open(row.userId)
-}
-
-/** 导入按钮操作 */
-function handleImport() {
-  proxy.$refs["importUserRef"].open()
-}
-
-/** 重置操作表单 */
-function reset() {
-  form.value = {
-    userId: undefined,
-    deptId: undefined,
-    userName: undefined,
-    nickName: undefined,
-    password: undefined,
-    phonenumber: undefined,
-    email: undefined,
-    sex: undefined,
-    status: "0",
-    remark: undefined,
-    postIds: [],
-    roleIds: []
-  }
-  proxy.resetForm("userRef")
-}
-
-/** 取消按钮 */
-function cancel() {
-  open.value = false
-  reset()
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  getUser().then(response => {
-    postOptions.value = response.posts
-    roleOptions.value = response.roles
-    open.value = true
-    title.value = "添加用户"
-    form.value.password = initPassword.value
-  })
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const userId = row.userId || ids.value
-  getUser(userId).then(response => {
-    form.value = response.data
-    postOptions.value = response.posts
-    roleOptions.value = response.roles
-    form.value.postIds = response.postIds
-    form.value.roleIds = response.roleIds
-    open.value = true
-    title.value = "修改用户"
-    form.value.password = ""
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["userRef"].validate(valid => {
-    if (valid) {
-      if (form.value.userId != undefined) {
-        updateUser(form.value).then(() => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addUser(form.value).then(() => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-onMounted(() => {
-  getDeptTree()
-  getList()
-  proxy.getConfigKey("sys.user.initPassword").then(response => {
-    initPassword.value = response.msg
-  })
-})
-</script>
diff --git a/src/views/system/user/profile/index.vue b/src/views/system/user/profile/index.vue
deleted file mode 100644
index dfb4a66..0000000
--- a/src/views/system/user/profile/index.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<template>
-   <div class="app-container">
-      <el-row :gutter="20">
-         <el-col :span="6" :xs="24">
-            <el-card class="box-card">
-               <template v-slot:header>
-                 <div class="clearfix">
-                   <span>个人信息</span>
-                 </div>
-               </template>
-               <div>
-                  <div class="text-center">
-                     <userAvatar />
-                  </div>
-                  <ul class="list-group list-group-striped">
-                     <li class="list-group-item">
-                        <svg-icon icon-class="user" />用户名称
-                        <div class="pull-right">{{ state.user.userName }}</div>
-                     </li>
-                     <li class="list-group-item">
-                        <svg-icon icon-class="phone" />手机号码
-                        <div class="pull-right">{{ state.user.phonenumber }}</div>
-                     </li>
-                     <li class="list-group-item">
-                        <svg-icon icon-class="email" />用户邮箱
-                        <div class="pull-right">{{ state.user.email }}</div>
-                     </li>
-                     <li class="list-group-item">
-                        <svg-icon icon-class="tree" />所属部门
-                        <div class="pull-right" v-if="state.user.dept">{{ state.user.dept.deptName }} / {{ state.postGroup }}</div>
-                     </li>
-                     <li class="list-group-item">
-                        <svg-icon icon-class="peoples" />所属角色
-                        <div class="pull-right">{{ state.roleGroup }}</div>
-                     </li>
-                     <li class="list-group-item">
-                        <svg-icon icon-class="date" />创建日期
-                        <div class="pull-right">{{ state.user.createTime }}</div>
-                     </li>
-                  </ul>
-               </div>
-            </el-card>
-         </el-col>
-         <el-col :span="18" :xs="24">
-            <el-card>
-               <template v-slot:header>
-                 <div class="clearfix">
-                   <span>基本资料</span>
-                 </div>
-               </template>
-               <el-tabs v-model="selectedTab">
-                  <el-tab-pane label="基本资料" name="userinfo">
-                     <userInfo :user="state.user" />
-                  </el-tab-pane>
-                  <el-tab-pane label="修改密码" name="resetPwd">
-                     <resetPwd />
-                  </el-tab-pane>
-               </el-tabs>
-            </el-card>
-         </el-col>
-      </el-row>
-   </div>
-</template>
-
-<script setup name="Profile">
-import userAvatar from "./userAvatar"
-import userInfo from "./userInfo"
-import resetPwd from "./resetPwd"
-import { getUserProfile } from "@/api/system/user"
-
-const route = useRoute()
-const selectedTab = ref("userinfo")
-const state = reactive({
-  user: {},
-  roleGroup: {},
-  postGroup: {}
-})
-
-function getUser() {
-  getUserProfile().then(response => {
-    state.user = response.data
-    state.roleGroup = response.roleGroup
-    state.postGroup = response.postGroup
-  })
-}
-
-onMounted(() => {
-  const activeTab = route.params && route.params.activeTab
-  if (activeTab) {
-    selectedTab.value = activeTab
-  }
-  getUser()
-})
-</script>
diff --git a/src/views/system/user/profile/resetPwd.vue b/src/views/system/user/profile/resetPwd.vue
deleted file mode 100644
index e454938..0000000
--- a/src/views/system/user/profile/resetPwd.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <el-form ref="pwdRef" :model="user" :rules="rules" label-width="80px">
-    <el-form-item label="旧密码" prop="oldPassword">
-      <el-input v-model="user.oldPassword" placeholder="请输入旧密码" type="password" show-password />
-    </el-form-item>
-    <el-form-item label="新密码" prop="newPassword" :rules="infoPwdValidator">
-      <el-input v-model="user.newPassword" placeholder="请输入新密码" type="password" show-password />
-    </el-form-item>
-    <el-form-item label="确认密码" prop="confirmPassword">
-      <el-input v-model="user.confirmPassword" placeholder="请确认新密码" type="password" show-password />
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" @click="submit">保存</el-button>
-      <el-button type="danger" @click="close">关闭</el-button>
-    </el-form-item>
-  </el-form>
-</template>
-
-<script setup>
-import { usePasswordRule } from "@/utils/passwordRule"
-import { updateUserPwd } from "@/api/system/user"
-
-const { proxy } = getCurrentInstance()
-const { infoPwdValidator } = usePasswordRule()
-
-const user = reactive({
-  oldPassword: undefined,
-  newPassword: undefined,
-  confirmPassword: undefined
-})
-
-const equalToPassword = (rule, value, callback) => {
-  if (user.newPassword !== value) {
-    callback(new Error("两次输入的密码不一致"))
-  } else {
-    callback()
-  }
-}
-
-const rules = ref({
-  oldPassword: [{ required: true, message: "旧密码不能为空", trigger: "blur" }],
-  confirmPassword: [{ required: true, message: "确认密码不能为空", trigger: "blur" }, { required: true, validator: equalToPassword, trigger: "blur" }]
-})
-
-/** 提交按钮 */
-function submit() {
-  proxy.$refs.pwdRef.validate(valid => {
-    if (valid) {
-      updateUserPwd(user.oldPassword, user.newPassword).then(() => {
-        proxy.$modal.msgSuccess("修改成功")
-      })
-    }
-  })
-}
-
-/** 关闭按钮 */
-function close() {
-  proxy.$tab.closePage()
-}
-</script>
diff --git a/src/views/system/user/profile/userAvatar.vue b/src/views/system/user/profile/userAvatar.vue
deleted file mode 100644
index 64d2c94..0000000
--- a/src/views/system/user/profile/userAvatar.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <div class="user-info-head" @click="editCropper()">
-    <img :src="options.img" title="点击上传头像" class="img-circle img-lg" />
-    <el-dialog :title="title" v-model="open" width="800px" append-to-body @opened="modalOpened" @close="closeDialog">
-      <el-row>
-        <el-col :xs="24" :md="12" :style="{ height: '350px' }">
-          <vue-cropper
-            ref="cropper"
-            :img="options.img"
-            :info="true"
-            :autoCrop="options.autoCrop"
-            :autoCropWidth="options.autoCropWidth"
-            :autoCropHeight="options.autoCropHeight"
-            :fixedBox="options.fixedBox"
-            :outputType="options.outputType"
-            @realTime="realTime"
-            v-if="visible"
-          />
-        </el-col>
-        <el-col :xs="24" :md="12" :style="{ height: '350px' }">
-          <div class="avatar-upload-preview">
-            <img :src="options.previews.url" :style="options.previews.img" />
-          </div>
-        </el-col>
-      </el-row>
-      <br />
-      <el-row>
-        <el-col :lg="2" :md="2">
-          <el-upload
-            action="#"
-            :http-request="requestUpload"
-            :show-file-list="false"
-            :before-upload="beforeUpload"
-          >
-            <el-button>
-              选择
-              <el-icon class="el-icon--right"><Upload /></el-icon>
-            </el-button>
-          </el-upload>
-        </el-col>
-        <el-col :lg="{ span: 1, offset: 2 }" :md="2">
-          <el-button icon="Plus" @click="changeScale(1)"></el-button>
-        </el-col>
-        <el-col :lg="{ span: 1, offset: 1 }" :md="2">
-          <el-button icon="Minus" @click="changeScale(-1)"></el-button>
-        </el-col>
-        <el-col :lg="{ span: 1, offset: 1 }" :md="2">
-          <el-button icon="RefreshLeft" @click="rotateLeft()"></el-button>
-        </el-col>
-        <el-col :lg="{ span: 1, offset: 1 }" :md="2">
-          <el-button icon="RefreshRight" @click="rotateRight()"></el-button>
-        </el-col>
-        <el-col :lg="{ span: 2, offset: 6 }" :md="2">
-          <el-button type="primary" @click="uploadImg()">提 交</el-button>
-        </el-col>
-      </el-row>
-    </el-dialog>
-  </div>
-</template>
-
-<script setup>
-import "vue-cropper/dist/index.css"
-import { VueCropper } from "vue-cropper"
-import { uploadAvatar } from "@/api/system/user"
-import useUserStore from "@/store/modules/user"
-
-const userStore = useUserStore()
-const { proxy } = getCurrentInstance()
-
-const open = ref(false)
-const visible = ref(false)
-const title = ref("修改头像")
-
-//图片裁剪数据
-const options = reactive({
-  img: userStore.avatar,     // 裁剪图片的地址
-  autoCrop: true,            // 是否默认生成截图框
-  autoCropWidth: 200,        // 默认生成截图框宽度
-  autoCropHeight: 200,       // 默认生成截图框高度
-  fixedBox: true,            // 固定截图框大小 不允许改变
-  outputType: "png",         // 默认生成截图为PNG格式
-  filename: 'avatar',        // 文件名称
-  previews: {}               //预览数据
-})
-
-/** 编辑头像 */
-function editCropper() {
-  open.value = true
-}
-
-/** 打开弹出层结束时的回调 */
-function modalOpened() {
-  visible.value = true
-}
-
-/** 覆盖默认上传行为 */
-function requestUpload() {}
-
-/** 向左旋转 */
-function rotateLeft() {
-  proxy.$refs.cropper.rotateLeft()
-}
-
-/** 向右旋转 */
-function rotateRight() {
-  proxy.$refs.cropper.rotateRight()
-}
-
-/** 图片缩放 */
-function changeScale(num) {
-  num = num || 1
-  proxy.$refs.cropper.changeScale(num)
-}
-
-/** 上传预处理 */
-function beforeUpload(file) {
-  if (file.type.indexOf("image/") == -1) {
-    proxy.$modal.msgError("文件格式错误，请上传图片类型,如：JPG，PNG后缀的文件。")
-  } else {
-    const reader = new FileReader()
-    reader.readAsDataURL(file)
-    reader.onload = () => {
-      options.img = reader.result
-      options.filename = file.name
-    }
-  }
-}
-
-/** 上传图片 */
-function uploadImg() {
-  proxy.$refs.cropper.getCropBlob(data => {
-    let formData = new FormData()
-    formData.append("avatarfile", data, options.filename)
-    uploadAvatar(formData).then(response => {
-      open.value = false
-      options.img = import.meta.env.VITE_APP_BASE_API + response.imgUrl
-      userStore.avatar = options.img
-      proxy.$modal.msgSuccess("修改成功")
-      visible.value = false
-    })
-  })
-}
-
-/** 实时预览 */
-function realTime(data) {
-  options.previews = data
-}
-
-/** 关闭窗口 */
-function closeDialog() {
-  options.img = userStore.avatar
-  options.visible = false
-}
-</script>
-
-<style lang='scss' scoped>
-.user-info-head {
-  position: relative;
-  display: inline-block;
-  height: 120px;
-}
-
-.user-info-head:hover:after {
-  content: "+";
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  color: #eee;
-  background: rgba(0, 0, 0, 0.5);
-  font-size: 24px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  cursor: pointer;
-  line-height: 110px;
-  border-radius: 50%;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/system/user/profile/userInfo.vue b/src/views/system/user/profile/userInfo.vue
deleted file mode 100644
index 9fcc09b..0000000
--- a/src/views/system/user/profile/userInfo.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-   <el-form ref="userRef" :model="form" :rules="rules" label-width="80px">
-      <el-form-item label="用户昵称" prop="nickName">
-         <el-input v-model="form.nickName" maxlength="30" />
-      </el-form-item>
-      <el-form-item label="手机号码" prop="phonenumber">
-         <el-input v-model="form.phonenumber" maxlength="11" />
-      </el-form-item>
-      <el-form-item label="邮箱" prop="email">
-         <el-input v-model="form.email" maxlength="50" />
-      </el-form-item>
-      <el-form-item label="性别">
-         <el-radio-group v-model="form.sex">
-            <el-radio value="0">男</el-radio>
-            <el-radio value="1">女</el-radio>
-         </el-radio-group>
-      </el-form-item>
-      <el-form-item>
-      <el-button type="primary" @click="submit">保存</el-button>
-      <el-button type="danger" @click="close">关闭</el-button>
-      </el-form-item>
-   </el-form>
-</template>
-
-<script setup>
-import { updateUserProfile } from "@/api/system/user"
-
-const props = defineProps({
-  user: {
-    type: Object
-  }
-})
-
-const { proxy } = getCurrentInstance()
-
-const form = ref({})
-const rules = ref({
-  nickName: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
-  email: [{ required: true, message: "邮箱地址不能为空", trigger: "blur" }, { type: "email", message: "请输入正确的邮箱地址", trigger: ["blur", "change"] }],
-  phonenumber: [{ required: true, message: "手机号码不能为空", trigger: "blur" }, { pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/, message: "请输入正确的手机号码", trigger: "blur" }],
-})
-
-/** 提交按钮 */
-function submit() {
-  proxy.$refs.userRef.validate(valid => {
-    if (valid) {
-      updateUserProfile(form.value).then(() => {
-        proxy.$modal.msgSuccess("修改成功")
-        props.user.phonenumber = form.value.phonenumber
-        props.user.email = form.value.email
-      })
-    }
-  })
-}
-
-/** 关闭按钮 */
-function close() {
-  proxy.$tab.closePage()
-}
-
-// 回显当前登录用户信息
-watch(() => props.user, user => {
-  if (user) {
-    form.value = { nickName: user.nickName, phonenumber: user.phonenumber, email: user.email, sex: user.sex }
-  }
-},{ immediate: true })
-</script>
diff --git a/src/views/system/user/view.vue b/src/views/system/user/view.vue
deleted file mode 100644
index 593a163..0000000
--- a/src/views/system/user/view.vue
+++ /dev/null
@@ -1,175 +0,0 @@
-<template>
-  <el-drawer title="用户信息详情" v-model="visible" direction="rtl" size="68%" append-to-body :before-close="handleClose" class="detail-drawer">
-    <div v-loading="loading" class="drawer-content">
-      <!-- 基本信息 -->
-      <h4 class="section-header">基本信息</h4>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">用户名称：</label>
-            <span class="info-value plaintext">{{ info.nickName }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">归属部门：</label>
-            <span class="info-value plaintext">{{ (info.dept && info.dept.deptName) }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">手机号码：</label>
-            <span class="info-value plaintext">{{ info.phonenumber }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">邮箱：</label>
-            <span class="info-value plaintext">{{ info.email }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">登录账号：</label>
-            <span class="info-value plaintext">{{ info.userName }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">用户状态：</label>
-            <span class="info-value plaintext">
-              <el-tag size="small" :type="info.status === '0' ? 'success' : 'danger'">{{ info.status === '0' ? '正常' : '停用' }}</el-tag>
-            </span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">岗位：</label>
-            <span class="info-value plaintext">{{ postNames || '无岗位' }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">用户性别：</label>
-            <span class="info-value plaintext">{{ sexLabel }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="24">
-          <div class="info-item full-width">
-            <label class="info-label">角色：</label>
-            <span class="info-value plaintext">{{ roleNames || '无角色' }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <!-- 其他信息 -->
-      <h4 class="section-header">其他信息</h4>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">创建者：</label>
-            <span class="info-value plaintext">{{ info.createBy }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">创建时间：</label>
-            <span class="info-value plaintext">{{ info.createTime }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">更新者：</label>
-            <span class="info-value plaintext">{{ info.updateBy }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">更新时间：</label>
-            <span class="info-value plaintext">{{ info.updateTime }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">最后登录IP：</label>
-            <span class="info-value plaintext">{{ info.loginIp }}</span>
-          </div>
-        </el-col>
-        <el-col :span="12">
-          <div class="info-item">
-            <label class="info-label">最后登录时间：</label>
-            <span class="info-value plaintext">{{ info.loginDate }}</span>
-          </div>
-        </el-col>
-      </el-row>
-      <el-row :gutter="20" class="mb8">
-        <el-col :span="24">
-          <div class="info-item full-width">
-            <label class="info-label">备注：</label>
-            <span class="info-value plaintext">{{ info.remark }}</span>
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-  </el-drawer>
-</template>
-
-<script setup>
-import { getUser } from '@/api/system/user'
-
-const visible = ref(false)
-const loading = ref(false)
-const info = reactive({})
-const postOptions = ref([])
-const roleOptions = ref([])
-
-const { sys_user_sex } = useDict("sys_user_sex")
-
-const sexLabel = computed(() => selectDictLabel(sys_user_sex.value, info.sex) || '-')
-
-const postNames = computed(() => {
-  if (!postOptions.value.length || !info.postIds) return ''
-  return postOptions.value.filter(p => info.postIds?.includes(p.postId)).map(p => p.postName).join('、') || ''
-})
-
-const roleNames = computed(() => {
-  if (!roleOptions.value.length || !info.roleIds) return ''
-  return roleOptions.value.filter(r => info.roleIds?.includes(r.roleId)).map(r => r.roleName).join('、') || ''
-})
-
-const open = async (userId) => {
-  visible.value = true
-  loading.value = true
-  try {
-    const res = await getUser(userId)
-    Object.assign(info, res.data || {})
-    postOptions.value = res.posts || []
-    roleOptions.value = res.roles || []
-    info.postIds = res.postIds || []
-    info.roleIds = res.roleIds || []
-  } catch (error) {
-    console.error('获取用户信息失败:', error)
-  } finally {
-    loading.value = false
-  }
-}
-
-function handleClose() {
-  visible.value = false
-}
-
-defineExpose({
-  open
-})
-</script>
diff --git a/src/views/system/vehOper/index.vue b/src/views/system/vehOper/index.vue
deleted file mode 100644
index 0a9b389..0000000
--- a/src/views/system/vehOper/index.vue
+++ /dev/null
@@ -1,349 +0,0 @@
-<template>
-  <div class="app-container">
-
-    <TableSearch
-        :queryParams="queryParams"
-        :showSearch="showSearch"
-        queryRef="queryRef"
-        @refresh="resetQuery"
-        @search="handleQuery"
-    >
-      <template #one>
-        <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-          <el-form-item label="厂商" prop="manufacturer">
-            <el-input
-                v-model="queryParams.manufacturer"
-                clearable
-                placeholder="请输入厂商"
-                @keyup.enter="handleQuery"
-            />
-          </el-form-item>
-        </el-col>
-        <el-col :lg="6" :md="12" :sm="24" :xl="6" :xs="24" :xxl="6">
-          <el-form-item label="车型" prop="vehType">
-            <el-input
-                v-model="queryParams.vehType"
-                clearable
-                placeholder="请输入车型"
-                @keyup.enter="handleQuery"
-            />
-          </el-form-item>
-        </el-col>
-      </template>
-
-    </TableSearch>
-
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-            v-hasPermi="['system:vehOper:add']"
-            icon="Plus"
-            plain
-            type="primary"
-            @click="handleAdd"
-        >新增
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            v-hasPermi="['system:vehOper:edit']"
-            :disabled="single"
-            icon="Edit"
-            plain
-            type="success"
-            @click="handleUpdate"
-        >修改
-        </el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-            v-hasPermi="['system:vehOper:remove']"
-            :disabled="multiple"
-            icon="Delete"
-            plain
-            type="danger"
-            @click="handleDelete"
-        >删除
-        </el-button>
-      </el-col>
-      <!--      <el-col :span="1.5">-->
-      <!--        <el-button-->
-      <!--            v-hasPermi="['system:vehOper:export']"-->
-      <!--            icon="Download"-->
-      <!--            plain-->
-      <!--            type="warning"-->
-      <!--            @click="handleExport"-->
-      <!--        >导出-->
-      <!--        </el-button>-->
-      <!--      </el-col>-->
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table v-loading="loading" :data="vehOperList" @selection-change="handleSelectionChange">
-      <el-table-column align="center" type="selection" width="55"/>
-      <!--      <el-table-column align="center" label="配置ID" prop="configId"/>-->
-      <el-table-column align="center" label="厂商" prop="manufacturer" show-overflow-tooltip/>
-      <el-table-column align="center" label="车型" prop="vehType" show-overflow-tooltip/>
-      <!--      <el-table-column label="json文件数据" align="center" prop="jsonData" />-->
-      <el-table-column align="center" label="备注" prop="remark" show-overflow-tooltip/>
-      <el-table-column align="center" class-name="small-padding fixed-width" label="操作">
-        <template #default="scope">
-          <el-button v-hasPermi="['system:vehOper:edit']" icon="Edit" link type="primary"
-                     @click="handleUpdate(scope.row)">修改
-          </el-button>
-          <el-button v-hasPermi="['system:vehOper:remove']" icon="Delete" link type="primary"
-                     @click="handleDelete(scope.row)">删除
-          </el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-        v-show="total>0"
-        v-model:limit="queryParams.pageSize"
-        v-model:page="queryParams.pageNum"
-        :total="total"
-        @pagination="getList"
-    />
-
-    <!-- 添加或修改车机操作配置对话框 -->
-    <el-drawer v-model="open" :size="650" :title="title" append-to-body @close="cancel">
-      <el-form ref="vehOperRef" :model="form" :rules="rules" label-width="100px">
-        <el-form-item label="厂商" prop="manufacturer">
-          <el-input v-model="form.manufacturer" placeholder="请输入厂商"/>
-        </el-form-item>
-        <el-form-item label="车型" prop="vehType">
-          <el-input v-model="form.vehType" placeholder="请输入车型"/>
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark"  placeholder="请输入备注"
-                    type="textarea" :autosize="{ minRows: 2, maxRows: 2 }"/>
-        </el-form-item>
-        <el-form-item label="JSON数据" prop="jsonData">
-          <div style="
-          width: 100%;
-          display: flex;
-          justify-content: flex-end;
-          border-bottom: 1px solid #E9E9E9;
-          padding-bottom: 5px;"
-          >
-            <el-button size="small" @click="jsonFormat">格式化</el-button>
-          </div>
-          <v-ace-editor v-model:value="jsonStr"
-                        :lang="language"
-                        :options="editorOptions"
-                        :readonly="false"
-                        :theme="theme"
-                        style="height: calc(100vh - 340px); width: 100%;"/>
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </template>
-    </el-drawer>
-  </div>
-</template>
-
-<script name="VehOper" setup>
-import {addVehOper, delVehOper, getVehOper, listVehOper, updateVehOper} from "@/api/system/vehOper"
-import {VAceEditor} from 'vue3-ace-editor';
-import 'ace-builds/src-noconflict/mode-javascript'; // 引入 JavaScript 模式支持
-import 'ace-builds/src-noconflict/theme-github';
-import {ElMessage} from "element-plus";
-import TableSearch from "@/components/TableSearch/index.vue";
-
-const language = ref('javascript'); // 设置默认语言为 JavaScript
-const theme = ref('github'); // 设置默认主题为 GitHub 风格
-
-// 编辑器的配置选项，如字体大小、是否显示打印边距等
-const editorOptions = ref({
-  fontSize: '14px', // 设置字体大小
-  showPrintMargin: false, // 是否显示打印边距
-  enableLiveAutocompletion: true, // 启用实时自动补全功能
-});
-
-const jsonStr = ref("")
-const jsonError = (e) => {
-  console.log(e.message)
-  //Uncaught SyntaxError: Unexpected token o in JSON at position 1
-  if (e.message.includes("is not valid JSON")) {
-    ElMessage.error("未识别JSON，请检查")
-    return
-  }
-  //Expected double-quoted property name in JSON at position 13 (line 2 column 12)
-  if (e.message.includes("at position")) {
-    const line = parseInt(e.message.match(/line (\d+)/)[1])
-    ElMessage.error(`第 ${line} 行上下文存在格式错误，请检查`)
-  }
-}
-
-const jsonFormat = () => {
-  try {
-    jsonStr.value = JSON.stringify(JSON.parse(jsonStr.value), null, 4)
-    ElMessage.success("格式化成功")
-  } catch (e) {
-    jsonError(e)
-  }
-}
-
-const {proxy} = getCurrentInstance()
-
-const vehOperList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    manufacturer: null,
-    vehType: null,
-    jsonData: null,
-  },
-  rules: {
-    manufacturer: [
-      {required: true, message: "厂商数据不能为空", trigger: "blur"}
-    ],
-    vehType: [
-      {required: true, message: "车型数据不能为空", trigger: "blur"}
-    ],
-  }
-})
-
-const {queryParams, form, rules} = toRefs(data)
-
-/** 查询车机操作配置列表 */
-function getList() {
-  loading.value = true
-  listVehOper(queryParams.value).then(response => {
-    vehOperList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-// 取消按钮
-function cancel() {
-  open.value = false
-  jsonStr.value = ""
-  reset()
-}
-
-// 表单重置
-function reset() {
-  form.value = {
-    // configId: null,
-    // manufacturer: null,
-    // vehType: null,
-    // jsonData: null,
-    // createBy: null,
-    // createTime: null,
-    // updateBy: null,
-    // updateTime: null,
-    // remark: null
-  }
-  proxy.resetForm("vehOperRef")
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.configId)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加车机操作配置"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const _configId = row.configId || ids.value
-  getVehOper(_configId).then(response => {
-    form.value = response.data
-    jsonStr.value = response.data.jsonData
-    open.value = true
-    title.value = "修改车机操作配置"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["vehOperRef"].validate(valid => {
-    if (valid) {
-      if (form.value.configId != null) {
-        updateVehOper({
-          configId: form.value.configId,
-          manufacturer: form.value.manufacturer,
-          vehType: form.value.vehType,
-          jsonData: jsonStr.value,
-          remark: form.value.remark
-        }).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addVehOper({
-          manufacturer: form.value.manufacturer,
-          vehType: form.value.vehType,
-          jsonData: jsonStr.value,
-          remark: form.value.remark
-        }).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const _configIds = row.configId || ids.value
-  proxy.$modal.confirm('是否确认删除选中的数据项？').then(function () {
-    return delVehOper(_configIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {
-  })
-}
-
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download('system/vehOper/export', {
-    ...queryParams.value
-  }, `vehOper_${new Date().getTime()}.xlsx`)
-}
-
-getList()
-</script>
diff --git a/src/views/tool/build/CodeTypeDialog.vue b/src/views/tool/build/CodeTypeDialog.vue
deleted file mode 100644
index de0beb7..0000000
--- a/src/views/tool/build/CodeTypeDialog.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <el-dialog v-model="open" width="500px" title="选择生成类型" @open="onOpen" @close="onClose">
-    <el-form ref="codeTypeForm" :model="formData" :rules="rules" label-width="100px">
-      <el-form-item label="生成类型" prop="type">
-        <el-radio-group v-model="formData.type">
-          <el-radio-button v-for="(item, index) in typeOptions" :key="index" :label="item.value">
-            {{ item.label }}
-          </el-radio-button>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item v-if="showFileName" label="文件名" prop="fileName">
-        <el-input v-model="formData.fileName" placeholder="请输入文件名" clearable />
-      </el-form-item>
-    </el-form>
-
-    <template #footer>
-      <el-button @click="onClose">取消</el-button>
-      <el-button type="primary" @click="handelConfirm">确定</el-button>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-const open = defineModel()
-const props = defineProps({
-  showFileName: Boolean
-})
-const emit = defineEmits(['confirm'])
-const formData = ref({
-  fileName: undefined,
-  type: 'file'
-})
-const codeTypeForm = ref()
-const rules = {
-  fileName: [{
-    required: true,
-    message: '请输入文件名',
-    trigger: 'blur'
-  }],
-  type: [{
-    required: true,
-    message: '生成类型不能为空',
-    trigger: 'change'
-  }]
-}
-const typeOptions = ref([
-  {
-    label: '页面',
-    value: 'file'
-  },
-  {
-    label: '弹窗',
-    value: 'dialog'
-  }
-])
-function onOpen() {
-  if (props.showFileName) {
-    formData.value.fileName = `${+new Date()}.vue`
-  }
-}
-function onClose() {
-  open.value = false
-}
-function handelConfirm() {
-  codeTypeForm.value.validate(valid => {
-    if (!valid) return
-    emit('confirm', { ...formData.value })
-    onClose()
-  })
-}
-</script>
\ No newline at end of file
diff --git a/src/views/tool/build/DraggableItem.vue b/src/views/tool/build/DraggableItem.vue
deleted file mode 100644
index 9ae2354..0000000
--- a/src/views/tool/build/DraggableItem.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <el-col :span="element.span" :class="className" @click.stop="activeItem(element)">
-    <el-form-item :label="element.label" :label-width="element.labelWidth ? element.labelWidth + 'px' : null"
-      :required="element.required" v-if="element.layout === 'colFormItem'">
-      <render :key="element.tag" :conf="element" v-model="element.defaultValue" />
-    </el-form-item>
-    <el-row :gutter="element.gutter" :class="element.class" @click.stop="activeItem(element)" v-else>
-      <span class="component-name"> {{ element.componentName }} </span>
-      <draggable group="componentsGroup" :animation="340" :list="element.children" class="drag-wrapper" item-key="label"
-        ref="draggableItemRef" :component-data="getComponentData()">
-        <template #item="scoped">
-          <draggable-item :key="scoped.element.renderKey" :drawing-list="element.children" :element="scoped.element"
-            :index="index" :active-id="activeId" :form-conf="formConf" @activeItem="activeItem(scoped.element)"
-            @copyItem="copyItem(scoped.element, element.children)"
-            @deleteItem="deleteItem(scoped.index, element.children)" />
-        </template>
-      </draggable>
-    </el-row>
-    <span class="drawing-item-copy" title="复制" @click.stop="copyItem(element)">
-      <el-icon><CopyDocument /></el-icon>
-    </span>
-    <span class="drawing-item-delete" title="删除" @click.stop="deleteItem(index)">
-      <el-icon><Delete /></el-icon>
-    </span>
-  </el-col>
-</template>
-<script setup name="DraggableItem">
-import draggable from "vuedraggable/dist/vuedraggable.common"
-import render from '@/utils/generator/render'
-
-const props = defineProps({
-  element: Object,
-  index: Number,
-  drawingList: Array,
-  activeId: {
-    type: [String, Number]
-  },
-  formConf: Object
-})
-const className = ref('')
-const draggableItemRef = ref(null)
-const emits = defineEmits(['activeItem', 'copyItem', 'deleteItem'])
-
-function activeItem(item) {
-  emits('activeItem', item)
-}
-function copyItem(item, parent) {
-  emits('copyItem', item, parent ?? props.drawingList)
-}
-function deleteItem(item, parent) {
-  emits('deleteItem', item, parent ?? props.drawingList)
-}
-
-function getComponentData() {
-  return {
-    gutter: props.element.gutter,
-    justify: props.element.justify,
-    align: props.element.align
-  }
-}
-
-watch(() => props.activeId, (val) => {
-  className.value = (props.element.layout === 'rowFormItem' ? 'drawing-row-item' : 'drawing-item') + (val === props.element.formId ? ' active-from-item' : '')
-  if (props.formConf.unFocusedComponentBorder) {
-    className.value += ' unfocus-bordered'
-  }
-}, { immediate: true })
-</script>
\ No newline at end of file
diff --git a/src/views/tool/build/IconsDialog.vue b/src/views/tool/build/IconsDialog.vue
deleted file mode 100644
index 98d9c13..0000000
--- a/src/views/tool/build/IconsDialog.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-<template>
-  <div class="icon-dialog">
-    <el-dialog v-model="value" width="980px" :close-on-click-modal="false" :modal-append-to-body="false" @open="onOpen"
-      @close="onClose">
-      <template #header="{ close, titleId, titleClass }">
-        选择图标
-        <el-input v-model="key" size="small" :style="{ width: '260px' }" placeholder="请输入图标名称" prefix-icon="Search"
-          clearable />
-      </template>
-      <ul class="icon-ul">
-        <li v-for="icon in iconList" :key="icon" :class="active === icon ? 'active-item' : ''" @click="onSelect(icon)">
-          <div>
-            <el-icon :size="30">
-              <component :is="icon" />
-            </el-icon>
-            <div>{{ icon }}</div>
-          </div>
-        </li>
-      </ul>
-    </el-dialog>
-  </div>
-</template>
-<script setup>
-import * as ElementPlusIconsVue from '@element-plus/icons-vue'
-import { watch } from 'vue'
-
-const iconList = ref([])
-const originList = []
-const key = ref('')
-const active = ref('')
-const emit = defineEmits(['select'])
-const value = defineModel()
-for (const [key] of Object.entries(ElementPlusIconsVue)) {
-  iconList.value.push(key)
-  originList.push(key)
-}
-
-function onOpen() { }
-function onClose() { }
-function onSelect(icon) {
-  active.value = icon
-  emit('select', icon)
-  value.value = false
-}
-
-watch(key, (val) => {
-  if (val) {
-    iconList.value = originList.filter(name => name.indexOf(val) > -1)
-  } else {
-    iconList.value = originList
-  }
-})
-</script>
-<style lang="scss" scoped>
-.icon-ul {
-  margin: 0;
-  padding: 0;
-  font-size: 0;
-
-  li {
-    list-style-type: none;
-    text-align: center;
-    font-size: 14px;
-    display: inline-flex;
-    width: 16.66%;
-    box-sizing: border-box;
-    height: 108px;
-    padding: 6px 6px 6px 6px;
-    cursor: pointer;
-    overflow: hidden;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      background: #f2f2f2;
-    }
-
-    &.active-item {
-      background: #e1f3fb;
-      color: #7a6df0
-    }
-
-    i {
-      font-size: 30px;
-      line-height: 50px;
-      margin-bottom: 10px;
-    }
-  }
-}
-
-.icon-dialog {
-  :deep() {
-    .el-dialog {
-      border-radius: 8px;
-      margin-bottom: 0;
-      margin-top: 4vh !important;
-      display: flex;
-      flex-direction: column;
-      max-height: 92vh;
-      overflow: hidden;
-      box-sizing: border-box;
-
-      .el-dialog__header {
-        padding-top: 14px;
-      }
-
-      .el-dialog__body {
-        margin: 0 20px 20px 20px;
-        padding: 0;
-        overflow: auto;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/tool/build/RightPanel.vue b/src/views/tool/build/RightPanel.vue
deleted file mode 100644
index 5fe80fb..0000000
--- a/src/views/tool/build/RightPanel.vue
+++ /dev/null
@@ -1,906 +0,0 @@
-<template>
-  <div class="right-board">
-    <el-tabs v-model="currentTab" stretch class="center-tabs">
-      <el-tab-pane label="组件属性" name="field" />
-      <el-tab-pane label="表单属性" name="form" />
-    </el-tabs>
-    <div class="field-box">
-      <a class="document-link" target="_blank" :href="documentLink" title="查看组件文档">
-        <el-icon>
-          <Link />
-        </el-icon>
-      </a>
-      <el-scrollbar class="right-scrollbar">
-        <!-- 组件属性 -->
-        <el-form v-show="currentTab === 'field' && showField" size="default" label-width="90px" label-position="top"
-          style="">
-          <el-form-item v-if="activeData.changeTag" label="组件类型">
-            <el-select v-model="activeData.tagIcon" placeholder="请选择组件类型" :style="{ width: '100%' }" @change="tagChange">
-              <el-option-group v-for="group in tagList" :key="group.label" :label="group.label">
-                <el-option v-for="item in group.options" :key="item.label" :label="item.label" :value="item.tagIcon">
-                  <svg-icon class="node-icon" :icon-class="item.tagIcon" style="margin-right: 10px;" />
-                  <span> {{ item.label }}</span>
-                </el-option>
-              </el-option-group>
-            </el-select>
-          </el-form-item>
-          <el-form-item v-if="activeData.vModel !== undefined" label="字段名">
-            <el-input v-model="activeData.vModel" placeholder="请输入字段名（v-model）" />
-          </el-form-item>
-          <el-form-item v-if="activeData.componentName !== undefined" label="组件名">
-            {{ activeData.componentName }}
-          </el-form-item>
-          <el-form-item v-if="activeData.label !== undefined" label="标题">
-            <el-input v-model="activeData.label" placeholder="请输入标题" />
-          </el-form-item>
-          <el-form-item v-if="activeData.placeholder !== undefined" label="占位提示">
-            <el-input v-model="activeData.placeholder" placeholder="请输入占位提示" />
-          </el-form-item>
-          <el-form-item v-if="activeData['start-placeholder'] !== undefined" label="开始占位">
-            <el-input v-model="activeData['start-placeholder']" placeholder="请输入占位提示" />
-          </el-form-item>
-          <el-form-item v-if="activeData['end-placeholder'] !== undefined" label="结束占位">
-            <el-input v-model="activeData['end-placeholder']" placeholder="请输入占位提示" />
-          </el-form-item>
-          <el-form-item v-if="activeData.span !== undefined" label="表单栅格">
-            <el-slider v-model="activeData.span" :max="24" :min="1" :marks="{ 12: '' }" @change="spanChange" />
-          </el-form-item>
-          <el-form-item v-if="activeData.layout === 'rowFormItem'" label="栅格间隔">
-            <el-input-number v-model="activeData.gutter" :min="0" placeholder="栅格间隔" />
-          </el-form-item>
-
-          <el-form-item v-if="activeData.justify !== undefined" label="水平排列">
-            <el-select v-model="activeData.justify" placeholder="请选择水平排列" :style="{ width: '100%' }">
-              <el-option v-for="(item, index) in justifyOptions" :key="index" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item v-if="activeData.align !== undefined" label="垂直排列">
-            <el-radio-group v-model="activeData.align">
-              <el-radio-button label="top" />
-              <el-radio-button label="middle" />
-              <el-radio-button label="bottom" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="activeData.labelWidth !== undefined" label="标签宽度">
-            <el-input v-model.number="activeData.labelWidth" type="number" placeholder="请输入标签宽度" />
-          </el-form-item>
-          <el-form-item v-if="activeData.style && activeData.style.width !== undefined" label="组件宽度">
-            <el-input v-model="activeData.style.width" placeholder="请输入组件宽度" clearable />
-          </el-form-item>
-          <el-form-item v-if="activeData.vModel !== undefined" label="默认值">
-            <el-input :value="setDefaultValue(activeData.defaultValue)" placeholder="请输入默认值"
-              @input="onDefaultValueInput" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-checkbox-group'" label="至少应选">
-            <el-input-number :value="activeData.min" :min="0" placeholder="至少应选"
-              @input="$set(activeData, 'min', $event ? $event : undefined)" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-checkbox-group'" label="最多可选">
-            <el-input-number :value="activeData.max" :min="0" placeholder="最多可选"
-              @input="$set(activeData, 'max', $event ? $event : undefined)" />
-          </el-form-item>
-          <el-form-item v-if="activeData.prepend !== undefined" label="前缀">
-            <el-input v-model="activeData.prepend" placeholder="请输入前缀" />
-          </el-form-item>
-          <el-form-item v-if="activeData.append !== undefined" label="后缀">
-            <el-input v-model="activeData.append" placeholder="请输入后缀" />
-          </el-form-item>
-          <el-form-item v-if="activeData['prefix-icon'] !== undefined" label="前图标">
-            <el-input v-model="activeData['prefix-icon']" placeholder="请输入前图标名称">
-              <template #append>
-                <el-button icon="Pointer" @click="openIconsDialog('prefix-icon')">
-                  选择
-                </el-button>
-              </template>
-            </el-input>
-          </el-form-item>
-          <el-form-item v-if="activeData['suffix-icon'] !== undefined" label="后图标">
-            <el-input v-model="activeData['suffix-icon']" placeholder="请输入后图标名称">
-              <template #append>
-                <el-button icon="Pointer" @click="openIconsDialog('suffix-icon')">
-                  选择
-                </el-button>
-              </template>
-            </el-input>
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-cascader'" label="选项分隔符">
-            <el-input v-model="activeData.separator" placeholder="请输入选项分隔符" />
-          </el-form-item>
-          <el-form-item v-if="activeData.autosize !== undefined" label="最小行数">
-            <el-input-number v-model="activeData.autosize.minRows" :min="1" placeholder="最小行数" />
-          </el-form-item>
-          <el-form-item v-if="activeData.autosize !== undefined" label="最大行数">
-            <el-input-number v-model="activeData.autosize.maxRows" :min="1" placeholder="最大行数" />
-          </el-form-item>
-          <el-form-item v-if="activeData.min !== undefined" label="最小值">
-            <el-input-number v-model="activeData.min" placeholder="最小值" />
-          </el-form-item>
-          <el-form-item v-if="activeData.max !== undefined" label="最大值">
-            <el-input-number v-model="activeData.max" placeholder="最大值" />
-          </el-form-item>
-          <el-form-item v-if="activeData.step !== undefined" label="步长">
-            <el-input-number v-model="activeData.step" placeholder="步数" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-input-number'" label="精度">
-            <el-input-number v-model="activeData.precision" :min="0" placeholder="精度" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-input-number'" label="按钮位置">
-            <el-radio-group v-model="activeData['controls-position']">
-              <el-radio-button label="">
-                默认
-              </el-radio-button>
-              <el-radio-button label="right">
-                右侧
-              </el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="activeData.maxlength !== undefined" label="最多输入">
-            <el-input v-model="activeData.maxlength" placeholder="请输入字符长度">
-              <template slot="append">
-                个字符
-              </template>
-            </el-input>
-          </el-form-item>
-          <el-form-item v-if="activeData['active-text'] !== undefined" label="开启提示">
-            <el-input v-model="activeData['active-text']" placeholder="请输入开启提示" />
-          </el-form-item>
-          <el-form-item v-if="activeData['inactive-text'] !== undefined" label="关闭提示">
-            <el-input v-model="activeData['inactive-text']" placeholder="请输入关闭提示" />
-          </el-form-item>
-          <el-form-item v-if="activeData['active-value'] !== undefined" label="开启值">
-            <el-input :value="setDefaultValue(activeData['active-value'])" placeholder="请输入开启值"
-              @input="onSwitchValueInput($event, 'active-value')" />
-          </el-form-item>
-          <el-form-item v-if="activeData['inactive-value'] !== undefined" label="关闭值">
-            <el-input :value="setDefaultValue(activeData['inactive-value'])" placeholder="请输入关闭值"
-              @input="onSwitchValueInput($event, 'inactive-value')" />
-          </el-form-item>
-          <el-form-item v-if="activeData.type !== undefined && 'el-date-picker' === activeData.tag" label="时间类型">
-            <el-select v-model="activeData.type" placeholder="请选择时间类型" :style="{ width: '100%' }"
-              @change="dateTypeChange">
-              <el-option v-for="(item, index) in dateOptions" :key="index" :label="item.label" :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item v-if="activeData.name !== undefined" label="文件字段名">
-            <el-input v-model="activeData.name" placeholder="请输入上传文件字段名" />
-          </el-form-item>
-          <el-form-item v-if="activeData.accept !== undefined" label="文件类型">
-            <el-select v-model="activeData.accept" placeholder="请选择文件类型" :style="{ width: '100%' }" clearable>
-              <el-option label="图片" value="image/*" />
-              <el-option label="视频" value="video/*" />
-              <el-option label="音频" value="audio/*" />
-              <el-option label="excel" value=".xls,.xlsx" />
-              <el-option label="word" value=".doc,.docx" />
-              <el-option label="pdf" value=".pdf" />
-              <el-option label="txt" value=".txt" />
-            </el-select>
-          </el-form-item>
-          <el-form-item v-if="activeData.fileSize !== undefined" label="文件大小">
-            <el-input v-model.number="activeData.fileSize" placeholder="请输入文件大小">
-              <el-select slot="append" v-model="activeData.sizeUnit" :style="{ width: '66px' }">
-                <el-option label="KB" value="KB" />
-                <el-option label="MB" value="MB" />
-                <el-option label="GB" value="GB" />
-              </el-select>
-            </el-input>
-          </el-form-item>
-          <el-form-item v-if="activeData.action !== undefined" label="上传地址">
-            <el-input v-model="activeData.action" placeholder="请输入上传地址" clearable />
-          </el-form-item>
-          <el-form-item v-if="activeData['list-type'] !== undefined" label="列表类型">
-            <el-radio-group v-model="activeData['list-type']" size="small">
-              <el-radio-button label="text">
-                text
-              </el-radio-button>
-              <el-radio-button label="picture">
-                picture
-              </el-radio-button>
-              <el-radio-button label="picture-card">
-                picture-card
-              </el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="activeData.buttonText !== undefined" v-show="'picture-card' !== activeData['list-type']"
-            label="按钮文字">
-            <el-input v-model="activeData.buttonText" placeholder="请输入按钮文字" />
-          </el-form-item>
-          <el-form-item v-if="activeData['range-separator'] !== undefined" label="分隔符">
-            <el-input v-model="activeData['range-separator']" placeholder="请输入分隔符" />
-          </el-form-item>
-          <el-form-item v-if="activeData['picker-options'] !== undefined" label="时间段">
-            <el-input v-model="activeData['picker-options'].selectableRange" placeholder="请输入时间段" />
-          </el-form-item>
-          <el-form-item v-if="activeData.format !== undefined" label="时间格式">
-            <el-input :value="activeData.format" placeholder="请输入时间格式" @input="setTimeValue($event)" />
-          </el-form-item>
-          <template v-if="['el-checkbox-group', 'el-radio-group', 'el-select'].indexOf(activeData.tag) > -1">
-            <el-divider>选项</el-divider>
-            <draggable :list="activeData.options" :animation="340" group="selectItem" handle=".option-drag"
-              item-key="label">
-              <template #item="{ element, index }">
-                <div :key="index" class="select-item">
-                  <div class="select-line-icon option-drag">
-                    <i class="el-icon-s-operation" />
-                  </div>
-                  <el-input v-model="element.label" placeholder="选项名" size="small" />
-                  <el-input placeholder="选项值" size="small" :value="element.value"
-                    @input="setOptionValue(element, $event)" />
-                  <div class="close-btn select-line-icon" @click="activeData.options.splice(index, 1)">
-                    <el-icon>
-                      <Remove />
-                    </el-icon>
-                  </div>
-                </div>
-              </template>
-            </draggable>
-            <div>
-              <el-button icon="CirclePlus" style="margin-left: 8px; margin-top: 10px;" text bg type="primary"
-                @click="addSelectItem">
-                添加选项
-              </el-button>
-            </div>
-            <el-divider />
-          </template>
-
-          <template v-if="['el-cascader'].indexOf(activeData.tag) > -1">
-            <el-divider>选项</el-divider>
-            <el-form-item label="数据类型">
-              <el-radio-group v-model="activeData.dataType" size="small">
-                <el-radio-button label="dynamic">
-                  动态数据
-                </el-radio-button>
-                <el-radio-button label="static">
-                  静态数据
-                </el-radio-button>
-              </el-radio-group>
-            </el-form-item>
-
-            <template v-if="activeData.dataType === 'dynamic'">
-              <el-form-item label="标签键名">
-                <el-input v-model="activeData.labelKey" placeholder="请输入标签键名" />
-              </el-form-item>
-              <el-form-item label="值键名">
-                <el-input v-model="activeData.valueKey" placeholder="请输入值键名" />
-              </el-form-item>
-              <el-form-item label="子级键名">
-                <el-input v-model="activeData.childrenKey" placeholder="请输入子级键名" />
-              </el-form-item>
-            </template>
-
-            <el-tree v-if="activeData.dataType === 'static'" draggable :data="activeData.options" node-key="id"
-              :expand-on-click-node="false" :render-content="renderContent" />
-            <div v-if="activeData.dataType === 'static'">
-              <el-button icon="CirclePlus" style="margin-left: 0; margin-top: 10px;" type="primary" text bg
-                @click="addTreeItem">
-                添加父级
-              </el-button>
-            </div>
-            <el-divider />
-          </template>
-
-          <el-form-item v-if="activeData.optionType !== undefined" label="选项样式">
-            <el-radio-group v-model="activeData.optionType">
-              <el-radio-button label="default">
-                默认
-              </el-radio-button>
-              <el-radio-button label="button">
-                按钮
-              </el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="activeData['active-color'] !== undefined" label="开启颜色">
-            <el-color-picker v-model="activeData['active-color']" />
-          </el-form-item>
-          <el-form-item v-if="activeData['inactive-color'] !== undefined" label="关闭颜色">
-            <el-color-picker v-model="activeData['inactive-color']" />
-          </el-form-item>
-
-          <el-form-item v-if="activeData['allow-half'] !== undefined" label="允许半选">
-            <el-switch v-model="activeData['allow-half']" />
-          </el-form-item>
-          <el-form-item v-if="activeData['show-text'] !== undefined" label="辅助文字">
-            <el-switch v-model="activeData['show-text']" @change="rateTextChange" />
-          </el-form-item>
-          <el-form-item v-if="activeData['show-score'] !== undefined" label="显示分数">
-            <el-switch v-model="activeData['show-score']" @change="rateScoreChange" />
-          </el-form-item>
-          <el-form-item v-if="activeData['show-stops'] !== undefined" label="显示间断点">
-            <el-switch v-model="activeData['show-stops']" />
-          </el-form-item>
-          <el-form-item v-if="activeData.range !== undefined" label="范围选择">
-            <el-switch v-model="activeData.range" @change="rangeChange" />
-          </el-form-item>
-          <el-form-item v-if="activeData.border !== undefined && activeData.optionType === 'default'" label="是否带边框">
-            <el-switch v-model="activeData.border" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-color-picker'" label="颜色格式">
-            <el-select v-model="activeData['color-format']" placeholder="请选择颜色格式" :style="{ width: '100%' }"
-              @change="colorFormatChange">
-              <el-option v-for="(item, index) in colorFormatOptions" :key="index" :label="item.label"
-                :value="item.value" />
-            </el-select>
-          </el-form-item>
-          <el-form-item v-if="activeData.size !== undefined &&
-            (activeData.optionType === 'button' ||
-              activeData.border ||
-              activeData.tag === 'el-color-picker')" label="选项尺寸">
-            <el-radio-group v-model="activeData.size">
-              <el-radio-button label="large">
-                较大
-              </el-radio-button>
-              <el-radio-button label="default">
-                默认
-              </el-radio-button>
-              <el-radio-button label="small">
-                较小
-              </el-radio-button>
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item v-if="activeData['show-word-limit'] !== undefined" label="输入统计">
-            <el-switch v-model="activeData['show-word-limit']" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-input-number'" label="严格步数">
-            <el-switch v-model="activeData['step-strictly']" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-cascader'" label="是否多选">
-            <el-switch v-model="activeData.props.props.multiple" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-cascader'" label="展示全路径">
-            <el-switch v-model="activeData['show-all-levels']" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-cascader'" label="可否筛选">
-            <el-switch v-model="activeData.filterable" />
-          </el-form-item>
-          <el-form-item v-if="activeData.clearable !== undefined" label="能否清空">
-            <el-switch v-model="activeData.clearable" />
-          </el-form-item>
-          <el-form-item v-if="activeData.showTip !== undefined" label="显示提示">
-            <el-switch v-model="activeData.showTip" />
-          </el-form-item>
-          <el-form-item v-if="activeData.multiple !== undefined" label="多选文件">
-            <el-switch v-model="activeData.multiple" />
-          </el-form-item>
-          <el-form-item v-if="activeData['auto-upload'] !== undefined" label="自动上传">
-            <el-switch v-model="activeData['auto-upload']" />
-          </el-form-item>
-          <el-form-item v-if="activeData.readonly !== undefined" label="是否只读">
-            <el-switch v-model="activeData.readonly" />
-          </el-form-item>
-          <el-form-item v-if="activeData.disabled !== undefined" label="是否禁用">
-            <el-switch v-model="activeData.disabled" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-select'" label="是否可搜索">
-            <el-switch v-model="activeData.filterable" />
-          </el-form-item>
-          <el-form-item v-if="activeData.tag === 'el-select'" label="是否多选">
-            <el-switch v-model="activeData.multiple" @change="multipleChange" />
-          </el-form-item>
-          <el-form-item v-if="activeData.required !== undefined" label="是否必填">
-            <el-switch v-model="activeData.required" />
-          </el-form-item>
-
-          <template v-if="activeData.layoutTree">
-            <el-divider>布局结构树</el-divider>
-            <el-tree :data="[activeData]" :props="layoutTreeProps" node-key="renderKey" default-expand-all draggable>
-              <template #default="{ node, data }">
-                <span class="node-label">
-                  <svg-icon class="node-icon" :icon-class="data.tagIcon" style="margin-right: 5px;" />
-                  {{ node.label }}
-                </span>
-              </template>
-            </el-tree>
-          </template>
-
-          <template v-if="activeData.layout === 'colFormItem'">
-            <el-divider>正则校验</el-divider>
-            <div v-for="(item, index) in activeData.regList" :key="index" class="reg-item">
-              <span class="close-btn" @click="activeData.regList.splice(index, 1)">
-                <el-icon>
-                  <Close />
-                </el-icon>
-              </span>
-              <el-form-item label="表达式">
-                <el-input v-model="item.pattern" placeholder="请输入正则" />
-              </el-form-item>
-              <el-form-item label="错误提示" style="margin-bottom:0">
-                <el-input v-model="item.message" placeholder="请输入错误提示" />
-              </el-form-item>
-            </div>
-            <div>
-              <el-button icon="CirclePlus" style="margin-left: 0; margin-top: 10px;" type="primary" text bg
-                @click="addReg">
-                添加规则
-              </el-button>
-            </div>
-          </template>
-        </el-form>
-        <!-- 表单属性 -->
-        <el-form v-show="currentTab === 'form'" label-width="90px" label-position="top">
-          <el-form-item label="表单名">
-            <el-input v-model="formConf.formRef" placeholder="请输入表单名（ref）" />
-          </el-form-item>
-          <el-form-item label="表单模型">
-            <el-input v-model="formConf.formModel" placeholder="请输入数据模型" />
-          </el-form-item>
-          <el-form-item label="校验模型">
-            <el-input v-model="formConf.formRules" placeholder="请输入校验模型" />
-          </el-form-item>
-          <el-form-item label="表单尺寸">
-            <el-radio-group v-model="formConf.size">
-              <el-radio-button label="large" value="较大" />
-              <el-radio-button label="default" value="默认" />
-              <el-radio-button label="small" value="较小" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="标签对齐">
-            <el-radio-group v-model="formConf.labelPosition">
-              <el-radio-button label="left" value="左对齐" />
-              <el-radio-button label="right" value="右对齐" />
-              <el-radio-button label="top" value="顶部对齐" />
-            </el-radio-group>
-          </el-form-item>
-          <el-form-item label="标签宽度">
-            <el-input-number v-model="formConf.labelWidth" placeholder="标签宽度" />
-          </el-form-item>
-          <el-form-item label="栅格间隔">
-            <el-input-number v-model="formConf.gutter" :min="0" placeholder="栅格间隔" />
-          </el-form-item>
-          <el-form-item label="禁用表单">
-            <el-switch v-model="formConf.disabled" />
-          </el-form-item>
-          <el-form-item label="表单按钮">
-            <el-switch v-model="formConf.formBtns" />
-          </el-form-item>
-          <el-form-item label="显示未选中组件边框">
-            <el-switch v-model="formConf.unFocusedComponentBorder" />
-          </el-form-item>
-        </el-form>
-      </el-scrollbar>
-    </div>
-    <icons-dialog v-model="iconsVisible" :current="activeData[currentIconModel]" @select="setIcon" />
-    <treeNode-dialog v-model="dialogVisible" @commit="addNode" />
-
-  </div>
-</template>
-
-<script setup>
-import draggable from "vuedraggable/dist/vuedraggable.common"
-import { isNumberStr } from '@/utils/index'
-import IconsDialog from './IconsDialog'
-import TreeNodeDialog from './TreeNodeDialog'
-import { inputComponents, selectComponents } from '@/utils/generator/config'
-
-const { proxy } = getCurrentInstance()
-const dateTimeFormat = {
-  date: 'YYYY-MM-DD',
-  week: 'YYYY 第 ww 周',
-  month: 'YYYY-MM',
-  year: 'YYYY',
-  datetime: 'YYYY-MM-DD HH:mm:ss',
-  daterange: 'YYYY-MM-DD',
-  monthrange: 'YYYY-MM',
-  datetimerange: 'YYYY-MM-DD HH:mm:ss'
-}
-const props = defineProps({
-  showField: Boolean,
-  activeData: Object,
-  formConf: Object
-})
-
-const data = reactive({
-  currentTab: 'field',
-  currentNode: null,
-  dialogVisible: false,
-  iconsVisible: false,
-  currentIconModel: null,
-  dateTypeOptions: [
-    {
-      label: '日(date)',
-      value: 'date'
-    },
-    {
-      label: '周(week)',
-      value: 'week'
-    },
-    {
-      label: '月(month)',
-      value: 'month'
-    },
-    {
-      label: '年(year)',
-      value: 'year'
-    },
-    {
-      label: '日期时间(datetime)',
-      value: 'datetime'
-    }
-  ],
-  dateRangeTypeOptions: [
-    {
-      label: '日期范围(daterange)',
-      value: 'daterange'
-    },
-    {
-      label: '月范围(monthrange)',
-      value: 'monthrange'
-    },
-    {
-      label: '日期时间范围(datetimerange)',
-      value: 'datetimerange'
-    }
-  ],
-  colorFormatOptions: [
-    {
-      label: 'hex',
-      value: 'hex'
-    },
-    {
-      label: 'rgb',
-      value: 'rgb'
-    },
-    {
-      label: 'rgba',
-      value: 'rgba'
-    },
-    {
-      label: 'hsv',
-      value: 'hsv'
-    },
-    {
-      label: 'hsl',
-      value: 'hsl'
-    }
-  ],
-  justifyOptions: [
-    {
-      label: 'start',
-      value: 'start'
-    },
-    {
-      label: 'end',
-      value: 'end'
-    },
-    {
-      label: 'center',
-      value: 'center'
-    },
-    {
-      label: 'space-around',
-      value: 'space-around'
-    },
-    {
-      label: 'space-between',
-      value: 'space-between'
-    }
-  ],
-  layoutTreeProps: {
-    label(data, node) {
-      return data.componentName || `${data.label}: ${data.vModel}`
-    }
-  }
-})
-
-const { currentTab, currentNode, dialogVisible, iconsVisible, currentIconModel, dateTypeOptions, dateRangeTypeOptions, colorFormatOptions, justifyOptions, layoutTreeProps } = toRefs(data)
-
-const documentLink = computed(() => props.activeData.document || 'https://element-plus.org/zh-CN/guide/installation')
-
-const dateOptions = computed(() => {
-  if (props.activeData.type !== undefined && props.activeData.tag === 'el-date-picker') {
-    if (props.activeData['start-placeholder'] === undefined) {
-      return dateTypeOptions.value
-    }
-    return dateRangeTypeOptions.value
-  }
-  return []
-})
-
-const tagList = ref([
-  {
-    label: '输入型组件',
-    options: inputComponents
-  },
-  {
-    label: '选择型组件',
-    options: selectComponents
-  }
-])
-
-const emit = defineEmits(['tag-change'])
-
-function addReg() {
-  props.activeData.regList.push({
-    pattern: '',
-    message: ''
-  })
-}
-function addSelectItem() {
-  props.activeData.options.push({
-    label: '',
-    value: ''
-  })
-}
-
-function addTreeItem() {
-  ++proxy.idGlobal
-  dialogVisible.value = true
-  currentNode.value = props.activeData.options
-}
-
-function renderContent(h, { node, data, store }) {
-  return h('div', {
-    class: "custom-tree-node"
-  }, [
-    h('span', node.label),
-    h('span', {
-      class: "node-operation"
-    }, [
-      h(resolveComponent('el-link'), {
-        type: "primary",
-        icon: "Plus",
-        underline: false,
-        onClick: () => {
-          append(data)
-
-        }
-      }),
-      h(resolveComponent('el-link'), {
-        type: "danger",
-        icon: "Delete",
-        underline: false,
-        style: "margin-left: 5px;",
-        onClick: () => {
-          remove(node, data)
-        }
-      })
-    ])
-  ])
-}
-function append(data) {
-  if (!data.children) {
-    data.children = []
-  }
-  dialogVisible.value = true
-  currentNode.value = data.children
-}
-function remove(node, data) {
-  const { parent } = node
-  const children = parent.data.children || parent.data
-  const index = children.findIndex(d => d.id === data.id)
-  children.splice(index, 1)
-}
-function addNode(data) {
-  currentNode.value.push(data)
-}
-
-function setOptionValue(item, val) {
-  item.value = isNumberStr(val) ? +val : val
-}
-function setDefaultValue(val) {
-  if (Array.isArray(val)) {
-    return val.join(',')
-  }
-  if (['string', 'number'].indexOf(val) > -1) {
-    return val
-  }
-  if (typeof val === 'boolean') {
-    return `${val}`
-  }
-  return val
-}
-
-function onDefaultValueInput(str) {
-  if (Array.isArray(props.activeData.defaultValue)) {
-    // 数组
-    props.activeData.defaultValue = str.split(',').map(val => (isNumberStr(val) ? +val : val))
-  } else if (['true', 'false'].indexOf(str) > -1) {
-    // 布尔
-    props.activeData.defaultValue = JSON.parse(str)
-  } else {
-    // 字符串和数字
-    props.activeData.defaultValue = isNumberStr(str) ? +str : str
-  }
-}
-
-function onSwitchValueInput(val, name) {
-  if (['true', 'false'].indexOf(val) > -1) {
-    props.activeData[name] = JSON.parse(val)
-  } else {
-    props.activeData[name] = isNumberStr(val) ? +val : val
-  }
-}
-
-function setTimeValue(val, type) {
-  const valueFormat = type === 'week' ? dateTimeFormat.date : val
-  props.activeData.defaultValue = null
-  props.activeData['value-format'] = valueFormat
-  props.activeData.format = val
-}
-
-function spanChange(val) {
-  props.formConf.span = val
-}
-
-function multipleChange(val) {
-  props.activeData.defaultValue = val ? [] : ''
-}
-
-function dateTypeChange(val) {
-  setTimeValue(dateTimeFormat[val], val)
-}
-
-function rangeChange(val) {
-  props.activeData.defaultValue = val ? [props.activeData.min, props.activeData.max] : props.activeData.min
-}
-
-function rateTextChange(val) {
-  if (val) props.activeData['show-score'] = false
-}
-
-function rateScoreChange(val) {
-  if (val) props.activeData['show-text'] = false
-}
-
-function colorFormatChange(val) {
-  props.activeData.defaultValue = null
-  props.activeData['show-alpha'] = val.indexOf('a') > -1
-  props.activeData.renderKey = +new Date() // 更新renderKey,重新渲染该组件
-}
-
-function openIconsDialog(model) {
-  iconsVisible.value = true
-  currentIconModel.value = model
-}
-
-function setIcon(val) {
-  props.activeData[currentIconModel.value] = val
-}
-
-function tagChange(tagIcon) {
-  let target = inputComponents.find(item => item.tagIcon === tagIcon)
-  if (!target) target = selectComponents.find(item => item.tagIcon === tagIcon)
-  emit('tag-change', target)
-}
-</script>
-
-<style lang="scss" scoped>
-.right-board {
-  width: 350px;
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding-top: 3px;
-
-  &:deep() {
-    .el-tabs__header {
-      margin: 0;
-    }
-
-    .el-input-group__append .el-button {
-      display: inline-flex;
-    }
-  }
-
-  .field-box {
-    position: relative;
-    height: calc(100vh - 50px - 40px - 42px);
-    box-sizing: border-box;
-    overflow: hidden;
-  }
-
-  .el-scrollbar {
-    height: 100%;
-
-    &:deep() {
-      .el-scrollbar__view {
-        padding: 30px 20px;
-      }
-
-    }
-  }
-}
-
-.reg-item {
-  padding: 12px 6px;
-  background: var(--el-border-color-extra-light);
-  position: relative;
-  border-radius: 4px;
-
-  .close-btn {
-    position: absolute;
-    right: -6px;
-    top: -6px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    line-height: 16px;
-    background: rgba(0, 0, 0, .2);
-    border-radius: 50%;
-    color: #fff;
-    z-index: 1;
-    cursor: pointer;
-    font-size: 12px;
-  }
-}
-
-.select-item {
-  display: flex;
-  border: 1px dashed #fff;
-  box-sizing: border-box;
-
-  & .close-btn {
-    cursor: pointer;
-    color: #f56c6c;
-  }
-
-  & .el-input+.el-input {
-    margin-left: 4px;
-  }
-}
-
-.select-item+.select-item {
-  margin-top: 4px;
-}
-
-.select-item.sortable-chosen {
-  border: 1px dashed #409eff;
-}
-
-.select-line-icon {
-  line-height: 32px;
-  font-size: 22px;
-  padding: 0 4px;
-  color: #777;
-}
-
-.option-drag {
-  cursor: move;
-}
-
-.time-range {
-  .el-date-editor {
-    width: 227px;
-  }
-
-  :deep() {
-    .el-icon-time {
-      display: none;
-    }
-  }
-}
-
-.document-link {
-  position: absolute;
-  display: flex;
-  width: 26px;
-  height: 26px;
-  top: 0;
-  left: 0;
-  cursor: pointer;
-  background: #409eff;
-  z-index: 1;
-  border-radius: 0 0 6px 0;
-  justify-content: center;
-  align-items: center;
-  color: #fff;
-  font-size: 18px;
-}
-
-.node-label {
-  font-size: 14px;
-}
-
-.node-icon {
-  color: #bebfc3;
-}
-
-.custom-tree-node {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  padding-right: 8px;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/tool/build/TreeNodeDialog.vue b/src/views/tool/build/TreeNodeDialog.vue
deleted file mode 100644
index 372d3af..0000000
--- a/src/views/tool/build/TreeNodeDialog.vue
+++ /dev/null
@@ -1,93 +0,0 @@
-<template>
-  <div>
-    <el-dialog title="添加选项" v-model="open" width="800px" :close-on-click-modal="false" :modal-append-to-body="false"
-      @open="onOpen" @close="onClose">
-      <el-form ref="treeNodeForm" :model="formData" :rules="rules" label-width="100px">
-        <el-col :span="24">
-          <el-form-item label="选项名" prop="label">
-            <el-input v-model="formData.label" placeholder="请输入选项名" clearable />
-          </el-form-item>
-        </el-col>
-        <el-col :span="24">
-          <el-form-item label="选项值" prop="value">
-            <el-input v-model="formData.value" placeholder="请输入选项值" clearable>
-              <template #append>
-                <el-select v-model="dataType" :style="{ width: '100px' }">
-                  <el-option v-for="(item, index) in dataTypeOptions" :key="index" :label="item.label" :value="item.value"
-                    :disabled="item.disabled" />
-                </el-select>
-              </template>
-
-            </el-input>
-          </el-form-item>
-        </el-col>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="handelConfirm">确 定</el-button>
-          <el-button @click="onClose">取 消</el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-<script setup>
-const open = defineModel()
-const emit = defineEmits(['confirm'])
-const formData = ref({
-  label: undefined,
-  value: undefined
-})
-const rules = {
-  label: [
-    {
-      required: true,
-      message: '请输入选项名',
-      trigger: 'blur'
-    }
-  ],
-  value: [
-    {
-      required: true,
-      message: '请输入选项值',
-      trigger: 'blur'
-    }
-  ]
-}
-const dataType = ref('string')
-const dataTypeOptions = ref([
-  {
-    label: '字符串',
-    value: 'string'
-  },
-  {
-    label: '数字',
-    value: 'number'
-  }
-])
-const id = ref(100)
-const treeNodeForm = ref()
-
-function onOpen() {
-  formData.value = {
-    label: undefined,
-    value: undefined
-  }
-}
-
-function onClose() {
-  open.value = false
-}
-
-function handelConfirm() {
-  treeNodeForm.value.validate(valid => {
-    if (!valid) return
-    if (dataType.value === 'number') {
-      formData.value.value = parseFloat(formData.value.value)
-    }
-    formData.value.id = id.value++
-    emit('commit', formData.value)
-    onClose()
-  })
-}
-</script>
diff --git a/src/views/tool/build/index.vue b/src/views/tool/build/index.vue
deleted file mode 100644
index 64a9317..0000000
--- a/src/views/tool/build/index.vue
+++ /dev/null
@@ -1,660 +0,0 @@
-<template>
-  <div class="container">
-    <div class="left-board">
-      <div class="logo-wrapper">
-        <div class="logo">
-          <img :src="logo" alt="logo"> Form Generator
-        </div>
-      </div>
-      <el-scrollbar class="left-scrollbar">
-        <div class="components-list">
-          <div class="components-title">
-            <svg-icon icon-class="component" />输入型组件
-          </div>
-          <draggable class="components-draggable" :list="inputComponents"
-            :group="{ name: 'componentsGroup', pull: 'clone', put: false }" :clone="cloneComponent"
-            draggable=".components-item" :sort="false" @end="onEnd" item-key="label">
-            <template #item="{ element, index }">
-              <div :key="index" class="components-item" @click="addComponent(element)">
-                <div class="components-body">
-                  <svg-icon :icon-class="element.tagIcon" />
-                  {{ element.label }}
-                </div>
-              </div>
-            </template>
-          </draggable>
-          <div class="components-title">
-            <svg-icon icon-class="component" />选择型组件
-          </div>
-          <draggable class="components-draggable" :list="selectComponents"
-            :group="{ name: 'componentsGroup', pull: 'clone', put: false }" :clone="cloneComponent"
-            draggable=".components-item" :sort="false" @end="onEnd" item-key="label">
-            <template #item="{ element, index }">
-              <div :key="index" class="components-item" @click="addComponent(element)">
-                <div class="components-body">
-                  <svg-icon :icon-class="element.tagIcon" />
-                  {{ element.label }}
-                </div>
-              </div>
-            </template>
-          </draggable>
-          <div class="components-title">
-            <svg-icon icon-class="component" /> 布局型组件
-          </div>
-          <draggable class="components-draggable" :list="layoutComponents"
-            :group="{ name: 'componentsGroup', pull: 'clone', put: false }" :clone="cloneComponent"
-            draggable=".components-item" :sort="false" @end="onEnd" item-key="label">
-            <template #item="{ element, index }">
-              <div :key="index" class="components-item" @click="addComponent(element)">
-                <div class="components-body">
-                  <svg-icon :icon-class="element.tagIcon" />
-                  {{ element.label }}
-                </div>
-              </div>
-            </template>
-          </draggable>
-        </div>
-      </el-scrollbar>
-    </div>
-    <div class="center-board">
-      <div class="action-bar">
-        <el-button icon="Download" type="primary" text @click="download">
-          导出vue文件
-        </el-button>
-        <el-button class="copy-btn-main" icon="DocumentCopy" type="primary" text @click="copy">
-          复制代码
-        </el-button>
-        <el-button class="delete-btn" icon="Delete" text @click="empty" type="danger">
-          清空
-        </el-button>
-      </div>
-      <el-scrollbar class="center-scrollbar">
-        <el-row class="center-board-row" :gutter="formConf.gutter">
-          <el-form :size="formConf.size" :label-position="formConf.labelPosition" :disabled="formConf.disabled"
-            :label-width="formConf.labelWidth + 'px'">
-            <draggable class="drawing-board" :list="drawingList" :animation="340" group="componentsGroup"
-              item-key="label">
-              <template #item="{ element, index }">
-                <draggable-item :key="element.renderKey" :drawing-list="drawingList" :element="element" :index="index"
-                  :active-id="activeId" :form-conf="formConf" @activeItem="activeFormItem" @copyItem="drawingItemCopy"
-                  @deleteItem="drawingItemDelete" />
-              </template>
-            </draggable>
-            <div v-show="!drawingList.length" class="empty-info">
-              从左侧拖入或点选组件进行表单设计
-            </div>
-          </el-form>
-        </el-row>
-      </el-scrollbar>
-    </div>
-    <right-panel :active-data="activeData" :form-conf="formConf" :show-field="!!drawingList.length"
-      @tag-change="tagChange" />
-
-    <code-type-dialog v-model="dialogVisible" title="选择生成类型" :showFileName="showFileName" @confirm="generate" />
-    <input id="copyNode" type="hidden">
-  </div>
-</template>
-
-<script setup>
-import draggable from "vuedraggable/dist/vuedraggable.common"
-import ClipboardJS from 'clipboard'
-import beautifier from 'js-beautify'
-import logo from '@/assets/logo/logo.png'
-import { inputComponents, selectComponents, layoutComponents, formConf as formConfData } from '@/utils/generator/config'
-import { beautifierConf } from '@/utils/index'
-import { drawingDefaultValue, initDrawingDefaultValue, cleanDrawingDefaultValue } from '@/utils/generator/drawingDefault'
-import { makeUpHtml, vueTemplate, vueScript, cssStyle } from '@/utils/generator/html'
-import { makeUpJs } from '@/utils/generator/js'
-import { makeUpCss } from '@/utils/generator/css'
-import Download from '@/plugins/download'
-import { ElNotification } from 'element-plus'
-import DraggableItem from './DraggableItem'
-import RightPanel from './RightPanel'
-import CodeTypeDialog from './CodeTypeDialog'
-import { onMounted, watch } from 'vue'
-
-initDrawingDefaultValue()
-
-const drawingList = ref(drawingDefaultValue)
-const { proxy } = getCurrentInstance()
-const dialogVisible = ref(false)
-const showFileName = ref(false)
-const operationType = ref('')
-const idGlobal = ref(100)
-const activeData = ref(drawingDefaultValue[0])
-const activeId = ref(drawingDefaultValue[0].formId)
-const generateConf = ref(null)
-const formData = ref({})
-const formConf = ref(formConfData)
-let oldActiveId
-let tempActiveData
-
-function activeFormItem(element) {
-  activeData.value = element
-  activeId.value = element.formId
-}
-function copy() {
-  dialogVisible.value = true
-  showFileName.value = false
-  operationType.value = 'copy'
-}
-function download() {
-  dialogVisible.value = true
-  showFileName.value = true
-  operationType.value = 'download'
-}
-function empty() {
-  proxy.$modal.confirm('确定要清空所有组件吗？', '提示', { type: 'warning' }).then(() => {
-      idGlobal.value = 100
-      drawingList.value = []
-      cleanDrawingDefaultValue()
-    }
-  )
-}
-
-function onEnd(obj, a) {
-  if (obj.from !== obj.to) {
-    activeData.value = tempActiveData
-    activeId.value = idGlobal.value
-  }
-}
-
-function addComponent(item) {
-  const clone = cloneComponent(item)
-  drawingList.value.push(clone)
-  activeFormItem(clone)
-}
-
-function cloneComponent(origin) {
-  const clone = JSON.parse(JSON.stringify(origin))
-  clone.formId = ++idGlobal.value
-  clone.span = formConf.value.span
-  clone.renderKey = +new Date() // 改变renderKey后可以实现强制更新组件
-  if (!clone.layout) clone.layout = 'colFormItem'
-  if (clone.layout === 'colFormItem') {
-    clone.vModel = `field${idGlobal.value}`
-    clone.placeholder !== undefined && (clone.placeholder += clone.label)
-    tempActiveData = clone
-  } else if (clone.layout === 'rowFormItem') {
-    delete clone.label
-    clone.componentName = `row${idGlobal.value}`
-    clone.gutter = formConf.value.gutter
-    tempActiveData = clone
-  }
-  return tempActiveData
-}
-
-function drawingItemCopy(item, parent) {
-  let clone = JSON.parse(JSON.stringify(item))
-  clone = createIdAndKey(clone)
-  parent.push(clone)
-  activeFormItem(clone)
-}
-
-
-function createIdAndKey(item) {
-  item.formId = ++idGlobal.value
-  item.renderKey = +new Date()
-  if (item.layout === 'colFormItem') {
-    item.vModel = `field${idGlobal.value}`
-  } else if (item.layout === 'rowFormItem') {
-    item.componentName = `row${idGlobal.value}`
-  }
-  if (Array.isArray(item.children)) {
-    item.children = item.children.map(childItem => createIdAndKey(childItem))
-  }
-  return item
-}
-
-function drawingItemDelete(index, parent) {
-  parent.splice(index, 1)
-  nextTick(() => {
-    const len = drawingList.value.length
-    if (len) {
-      activeFormItem(drawingList.value[len - 1])
-    }
-  })
-}
-
-function tagChange(newTag) {
-  newTag = cloneComponent(newTag)
-  newTag.vModel = activeData.value.vModel
-  newTag.formId = activeId.value
-  newTag.span = activeData.value.span
-  delete activeData.value.tag
-  delete activeData.value.tagIcon
-  delete activeData.value.document
-  Object.keys(newTag).forEach(key => {
-    if (activeData.value[key] !== undefined
-      && typeof activeData.value[key] === typeof newTag[key]) {
-      newTag[key] = activeData.value[key]
-    }
-  })
-  activeData.value = newTag
-  updateDrawingList(newTag, drawingList.value)
-}
-
-
-function updateDrawingList(newTag, list) {
-  const index = list.findIndex(item => item.formId === activeId.value)
-  if (index > -1) {
-    list.splice(index, 1, newTag)
-  } else {
-    list.forEach(item => {
-      if (Array.isArray(item.children)) updateDrawingList(newTag, item.children)
-    })
-  }
-}
-function generate(data) {
-  generateConf.value = data
-  nextTick(() => {
-    switch (operationType.value) {
-      case 'copy':
-        execCopy(data)
-        break
-      case 'download':
-        execDownload(data)
-        break
-      default:
-        break
-    }
-  })
-}
-
-function execDownload(data) {
-  const codeStr = generateCode()
-  const blob = new Blob([codeStr], { type: 'text/plain;charset=utf-8' })
-  Download.saveAs(blob, data.fileName)
-}
-
-function execCopy(data) {
-  document.getElementById('copyNode').click()
-}
-function AssembleFormData() {
-  formData.value = { fields: JSON.parse(JSON.stringify(drawingList.value)), ...formConf.value }
-}
-function generateCode() {
-  const { type } = generateConf.value
-  AssembleFormData()
-  const script = vueScript(makeUpJs(formData.value, type))
-  const html = vueTemplate(makeUpHtml(formData.value, type))
-  const css = cssStyle(makeUpCss(formData.value))
-  return beautifier.html(html + script + css, beautifierConf.html)
-}
-watch(() => activeData.value.label, (val, oldVal) => {
-  if (
-    activeData.value.placeholder === undefined
-    || !activeData.value.tag
-    || oldActiveId !== activeId.value
-  ) {
-    return
-  }
-  activeData.value.placeholder = activeData.value.placeholder.replace(oldVal, '') + val
-})
-watch(activeId, (val) => {
-  oldActiveId = val
-}, { immediate: true })
-
-let clipboard = null
-onMounted(() => {
-  clipboard = new ClipboardJS('#copyNode', {
-    text: trigger => {
-      const codeStr = generateCode()
-      ElNotification({ title: '成功', message: '代码已复制到剪切板，可粘贴。', type: 'success' })
-      return codeStr
-    }
-  })
-  clipboard.on('error', e => {
-    proxy.$modal.msgError('代码复制失败')
-  })
-})
-onUnmounted(() => {
-  clipboard.destroy()
-})
-</script>
-
-<style lang='scss'>
-$lighterBlue: #409EFF;
-
-.container {
-  position: relative;
-  width: 100%;
-  background-color: var(--el-bg-color-overlay);
-  height: calc(100vh - 50px - 40px);
-  overflow: hidden;
-
-  .left-board {
-    width: 260px;
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: calc(100vh - 50px - 40px);
-
-    .logo-wrapper {
-      position: relative;
-      height: 42px;
-      border-bottom: 1px solid var(--el-border-color-extra-light);
-      box-sizing: border-box;
-
-      .logo {
-        position: absolute;
-        left: 12px;
-        top: 6px;
-        line-height: 30px;
-        color: #00afff;
-        font-weight: 600;
-        font-size: 17px;
-        white-space: nowrap;
-
-        >img {
-          width: 30px;
-          height: 30px;
-          vertical-align: top;
-        }
-
-        .github {
-          display: inline-block;
-          vertical-align: sub;
-          margin-left: 15px;
-
-          >img {
-            height: 22px;
-          }
-        }
-      }
-    }
-
-    .left-scrollbar {
-      .el-scrollbar__wrap {
-        box-sizing: border-box;
-        overflow-x: hidden !important;
-        margin-bottom: 0 !important;
-
-        .components-list {
-          padding: 8px;
-          box-sizing: border-box;
-          height: 100%;
-
-          .components-title {
-            font-size: 14px;
-            // color: #222;
-            margin: 6px 2px;
-
-            .svg-icon {
-              // color: #666;
-              font-size: 18px;
-              margin-right: 5px;
-            }
-          }
-
-          .components-draggable {
-            padding-bottom: 20px;
-
-            .components-item {
-              display: inline-block;
-              width: 48%;
-              margin: 1%;
-              transition: transform 0ms !important;
-
-              .components-body {
-                padding: 8px 10px;
-                background: var(--el-border-color-extra-light);
-                font-size: 12px;
-                cursor: move;
-                border: 1px dashed var(--el-border-color-extra-light);
-                border-radius: 3px;
-
-                .svg-icon {
-                  // color: #777;
-                  font-size: 15px;
-                  margin-right: 5px;
-                }
-
-                &:hover {
-                  border: 1px dashed #787be8;
-                  color: #787be8;
-
-                  .svg-icon {
-                    color: #787be8;
-                  }
-                }
-              }
-            }
-          }
-
-
-        }
-      }
-    }
-  }
-
-  .center-board {
-    height: calc(100vh - 50px - 40px);
-    width: auto;
-    margin: 0 350px 0 260px;
-    box-sizing: border-box;
-
-    .action-bar {
-      position: relative;
-      height: 42px;
-      padding: 0 15px;
-      box-sizing: border-box;
-      ;
-      border: 1px solid var(--el-border-color-extra-light);
-      border-top: none;
-      border-left: none;
-      display: flex;
-      align-items: center;
-      justify-content: flex-end;
-
-      u .delete-btn {
-        color: #F56C6C;
-      }
-    }
-
-    .center-scrollbar {
-      height: calc(100vh - 50px - 40px - 42px);
-      overflow: hidden;
-      border-left: 1px solid var(--el-border-color-extra-light);
-      border-right: 1px solid var(--el-border-color-extra-light);
-      box-sizing: border-box;
-
-      .el-scrollbar__view {
-        overflow-x: hidden;
-      }
-
-      .center-board-row {
-        padding: 12px 12px 15px 12px;
-        box-sizing: border-box;
-
-        &>.el-form {
-          // 69 = 12+15+42
-          height: calc(100vh - 50px - 40px - 69px);
-          flex: 1;
-
-          .drawing-board {
-            height: 100%;
-            position: relative;
-
-            .components-body {
-              padding: 0;
-              margin: 0;
-              font-size: 0;
-            }
-
-            .sortable-ghost {
-              position: relative;
-              display: block;
-              overflow: hidden;
-
-              &::before {
-                content: " ";
-                position: absolute;
-                left: 0;
-                right: 0;
-                top: 0;
-                height: 3px;
-                background: rgb(89, 89, 223);
-                z-index: 2;
-              }
-            }
-
-            .components-item.sortable-ghost {
-              width: 100%;
-              height: 60px;
-              background: var(--el-border-color-extra-light);
-            }
-
-            .active-from-item {
-              &>.el-form-item {
-                background: var(--el-border-color-extra-light);
-                border-radius: 6px;
-              }
-
-              &>.drawing-item-copy,
-              &>.drawing-item-delete {
-                display: initial;
-              }
-
-              &>.component-name {
-                color: $lighterBlue;
-              }
-
-              .el-input__wrapper {
-                box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset;
-              }
-            }
-
-            .el-form-item {
-              margin-bottom: 15px;
-            }
-          }
-
-          .drawing-item {
-            position: relative;
-            cursor: move;
-
-            &.unfocus-bordered:not(.activeFromItem)>div:first-child {
-              border: 1px dashed #ccc;
-            }
-
-            .el-form-item {
-              padding: 12px 10px;
-            }
-          }
-
-          .drawing-row-item {
-            position: relative;
-            cursor: move;
-            box-sizing: border-box;
-            border: 1px dashed #ccc;
-            border-radius: 3px;
-            padding: 0 2px;
-            margin-bottom: 15px;
-
-            .drawing-row-item {
-              margin-bottom: 2px;
-            }
-
-            .el-col {
-              margin-top: 22px;
-            }
-
-            .el-form-item {
-              margin-bottom: 0;
-            }
-
-            .drag-wrapper {
-              min-height: 80px;
-              flex: 1;
-              display: flex;
-              flex-wrap: wrap;
-            }
-
-            &.active-from-item {
-              border: 1px dashed $lighterBlue;
-            }
-
-            .component-name {
-              position: absolute;
-              top: 0;
-              left: 0;
-              font-size: 12px;
-              color: #bbb;
-              display: inline-block;
-              padding: 0 6px;
-            }
-          }
-
-          .drawing-item,
-          .drawing-row-item {
-            &:hover {
-              &>.el-form-item {
-                background: var(--el-border-color-extra-light);
-                border-radius: 6px;
-              }
-
-              &>.drawing-item-copy,
-              &>.drawing-item-delete {
-                display: initial;
-              }
-            }
-
-            &>.drawing-item-copy,
-            &>.drawing-item-delete {
-              display: none;
-              position: absolute;
-              top: -10px;
-              width: 22px;
-              height: 22px;
-              line-height: 22px;
-              text-align: center;
-              border-radius: 50%;
-              font-size: 12px;
-              border: 1px solid;
-              cursor: pointer;
-              z-index: 1;
-            }
-
-            &>.drawing-item-copy {
-              right: 56px;
-              border-color: $lighterBlue;
-              color: $lighterBlue;
-              background: #fff;
-
-              &:hover {
-                background: $lighterBlue;
-                color: #fff;
-              }
-            }
-
-            &>.drawing-item-delete {
-              right: 24px;
-              border-color: #F56C6C;
-              color: #F56C6C;
-              background: #fff;
-
-              &:hover {
-                background: #F56C6C;
-                color: #fff;
-              }
-            }
-          }
-
-          .empty-info {
-            position: absolute;
-            top: 46%;
-            left: 0;
-            right: 0;
-            text-align: center;
-            font-size: 18px;
-            color: #ccb1ea;
-            letter-spacing: 4px;
-          }
-
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/tool/gen/basicInfoForm.vue b/src/views/tool/gen/basicInfoForm.vue
deleted file mode 100644
index 92c3ca9..0000000
--- a/src/views/tool/gen/basicInfoForm.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-<template>
-  <el-form ref="basicInfoForm" :model="info" :rules="rules" label-width="150px">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item label="表名称" prop="tableName">
-          <el-input placeholder="请输入仓库名称" v-model="info.tableName" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="表描述" prop="tableComment">
-          <el-input placeholder="请输入" v-model="info.tableComment" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="实体类名称" prop="className">
-          <el-input placeholder="请输入" v-model="info.className" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="12">
-        <el-form-item label="作者" prop="functionAuthor">
-          <el-input placeholder="请输入" v-model="info.functionAuthor" />
-        </el-form-item>
-      </el-col>
-      <el-col :span="24">
-        <el-form-item label="备注" prop="remark">
-          <el-input type="textarea" :rows="3" v-model="info.remark"></el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-  </el-form>
-</template>
-
-<script setup>
-defineProps({
-  info: {
-    type: Object,
-    default: null
-  }
-})
-
-// 表单校验
-const rules = ref({
-  tableName: [{ required: true, message: "请输入表名称", trigger: "blur" }],
-  tableComment: [{ required: true, message: "请输入表描述", trigger: "blur" }],
-  className: [{ required: true, message: "请输入实体类名称", trigger: "blur" }],
-  functionAuthor: [{ required: true, message: "请输入作者", trigger: "blur" }]
-})
-</script>
diff --git a/src/views/tool/gen/createTable.vue b/src/views/tool/gen/createTable.vue
deleted file mode 100644
index b5fedde..0000000
--- a/src/views/tool/gen/createTable.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-  <!-- 创建表 -->
-  <el-dialog title="创建表" v-model="visible" width="800px" top="5vh" append-to-body>
-    <span>创建表语句(支持多个建表语句)：</span>
-    <el-input type="textarea" :rows="10" placeholder="请输入文本" v-model="content"></el-input>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button type="primary" @click="handleImportTable">确 定</el-button>
-        <el-button @click="visible = false">取 消</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import { createTable } from "@/api/tool/gen"
-
-const visible = ref(false)
-const content = ref("")
-const { proxy } = getCurrentInstance()
-const emit = defineEmits(["ok"])
-
-/** 显示弹框 */
-function show() {
-  visible.value = true
-}
-
-/** 导入按钮操作 */
-function handleImportTable() {
-  if (content.value === "") {
-    proxy.$modal.msgError("请输入建表语句")
-    return
-  }
-  createTable({ sql: content.value, tplWebType: 'element-plus' }).then(res => {
-    proxy.$modal.msgSuccess(res.msg)
-    if (res.code === 200) {
-      visible.value = false
-      emit("ok")
-    }
-  })
-}
-
-defineExpose({
-  show,
-})
-</script>
diff --git a/src/views/tool/gen/editTable.vue b/src/views/tool/gen/editTable.vue
deleted file mode 100644
index 9433527..0000000
--- a/src/views/tool/gen/editTable.vue
+++ /dev/null
@@ -1,212 +0,0 @@
-<template>
-  <el-card>
-    <el-tabs v-model="activeName">
-      <el-tab-pane label="基本信息" name="basic">
-        <basic-info-form ref="basicInfo" :info="info" />
-      </el-tab-pane>
-      <el-tab-pane label="字段信息" name="columnInfo">
-        <el-table ref="dragTable" :data="columns" row-key="columnId" :max-height="tableHeight">
-          <el-table-column label="序号" type="index" min-width="5%" class-name="allowDrag"/>
-          <el-table-column label="字段列名" prop="columnName" min-width="10%" :show-overflow-tooltip="true" class-name="allowDrag"/>
-          <el-table-column label="字段描述" min-width="10%">
-            <template #default="scope">
-              <el-input v-model="scope.row.columnComment"></el-input>
-            </template>
-          </el-table-column>
-          <el-table-column
-            label="物理类型"
-            prop="columnType"
-            min-width="10%"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column label="Java类型" min-width="11%">
-            <template #default="scope">
-              <el-select v-model="scope.row.javaType">
-                <el-option label="Long" value="Long" />
-                <el-option label="String" value="String" />
-                <el-option label="Integer" value="Integer" />
-                <el-option label="Double" value="Double" />
-                <el-option label="BigDecimal" value="BigDecimal" />
-                <el-option label="Date" value="Date" />
-                <el-option label="Boolean" value="Boolean" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="java属性" min-width="10%">
-            <template #default="scope">
-              <el-input v-model="scope.row.javaField"></el-input>
-            </template>
-          </el-table-column>
-
-          <el-table-column label="插入" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-value="1" false-value="0" v-model="scope.row.isInsert"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="编辑" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-value="1" false-value="0" v-model="scope.row.isEdit"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="列表" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-value="1" false-value="0" v-model="scope.row.isList"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="查询" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-value="1" false-value="0" v-model="scope.row.isQuery"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="查询方式" min-width="10%">
-            <template #default="scope">
-              <el-select v-model="scope.row.queryType">
-                <el-option label="=" value="EQ" />
-                <el-option label="!=" value="NE" />
-                <el-option label=">" value="GT" />
-                <el-option label=">=" value="GTE" />
-                <el-option label="<" value="LT" />
-                <el-option label="<=" value="LTE" />
-                <el-option label="LIKE" value="LIKE" />
-                <el-option label="BETWEEN" value="BETWEEN" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="必填" min-width="5%">
-            <template #default="scope">
-              <el-checkbox true-value="1" false-value="0" v-model="scope.row.isRequired"></el-checkbox>
-            </template>
-          </el-table-column>
-          <el-table-column label="显示类型" min-width="12%">
-            <template #default="scope">
-              <el-select v-model="scope.row.htmlType">
-                <el-option label="文本框" value="input" />
-                <el-option label="文本域" value="textarea" />
-                <el-option label="下拉框" value="select" />
-                <el-option label="单选框" value="radio" />
-                <el-option label="复选框" value="checkbox" />
-                <el-option label="日期控件" value="datetime" />
-                <el-option label="图片上传" value="imageUpload" />
-                <el-option label="文件上传" value="fileUpload" />
-                <el-option label="富文本控件" value="editor" />
-              </el-select>
-            </template>
-          </el-table-column>
-          <el-table-column label="字典类型" min-width="12%">
-            <template #default="scope">
-              <el-select v-model="scope.row.dictType" clearable filterable placeholder="请选择">
-                <el-option
-                  v-for="dict in dictOptions"
-                  :key="dict.dictType"
-                  :label="dict.dictName"
-                  :value="dict.dictType">
-                  <span style="float: left">{{ dict.dictName }}</span>
-                  <span style="float: right; color: #8492a6; font-size: 13px">{{ dict.dictType }}</span>
-              </el-option>
-              </el-select>
-            </template>
-          </el-table-column>
-        </el-table>
-      </el-tab-pane>
-      <el-tab-pane label="生成信息" name="genInfo">
-        <gen-info-form ref="genInfo" :info="info" :tables="tables" />
-      </el-tab-pane>
-    </el-tabs>
-    <el-form label-width="100px">
-      <div style="text-align: center;margin-left:-100px;margin-top:10px;">
-        <el-button type="primary" @click="submitForm()">提交</el-button>
-        <el-button @click="close()">返回</el-button>
-      </div>
-    </el-form>
-  </el-card>
-</template>
-
-<script setup name="GenEdit">
-import { getGenTable, updateGenTable } from "@/api/tool/gen"
-import { optionselect as getDictOptionselect } from "@/api/system/dict/type"
-import basicInfoForm from "./basicInfoForm"
-import genInfoForm from "./genInfoForm"
-import Sortable from 'sortablejs'
-
-const route = useRoute()
-const { proxy } = getCurrentInstance()
-
-const activeName = ref("columnInfo")
-const tableHeight = ref(document.documentElement.scrollHeight - 245 + "px")
-const tables = ref([])
-const columns = ref([])
-const dictOptions = ref([])
-const info = ref({})
-
-/** 提交按钮 */
-function submitForm() {
-  const basicForm = proxy.$refs.basicInfo.$refs.basicInfoForm
-  const genForm = proxy.$refs.genInfo.$refs.genInfoForm
-  Promise.all([basicForm, genForm].map(getFormPromise)).then(res => {
-    const validateResult = res.every(item => !!item)
-    if (validateResult) {
-      const genTable = Object.assign({}, info.value)
-      genTable.columns = columns.value
-      genTable.params = {
-        genView: info.value.view ? '1' : '0',
-        treeCode: info.value.treeCode,
-        treeName: info.value.treeName,
-        treeParentCode: info.value.treeParentCode,
-        parentMenuId: info.value.parentMenuId
-      }
-      updateGenTable(genTable).then(res => {
-        proxy.$modal.msgSuccess(res.msg)
-        if (res.code === 200) {
-          close()
-        }
-      })
-    } else {
-      proxy.$modal.msgError("表单校验未通过，请重新检查提交内容")
-    }
-  })
-}
-
-function getFormPromise(form) {
-  return new Promise(resolve => {
-    form.validate(res => {
-      resolve(res)
-    })
-  })
-}
-
-function close() {
-  const obj = { path: "/tool/gen", query: { t: Date.now(), pageNum: route.query.pageNum } }
-  proxy.$tab.closeOpenPage(obj)
-}
-
-(() => {
-  const tableId = route.params && route.params.tableId
-  if (tableId) {
-    // 获取表详细信息
-    getGenTable(tableId).then(res => {
-      columns.value = res.data.rows
-      info.value = res.data.info
-      tables.value = res.data.tables
-    })
-    /** 查询字典下拉列表 */
-    getDictOptionselect().then(response => {
-      dictOptions.value = response.data
-    })
-  }
-})()
-
-// 拖动排序
-onMounted(() => {
-  const element = document.querySelector('.el-table__body > tbody')
-  Sortable.create(element, {
-    handle: ".allowDrag",
-    onEnd: (evt) => {
-      const targetRow = columns.value.splice(evt.oldIndex, 1)[0]
-      columns.value.splice(evt.newIndex, 0, targetRow)
-      for (const index in columns.value) {
-        columns.value[index].sort = parseInt(index) + 1
-      }
-    }
-  })
-})
-</script>
diff --git a/src/views/tool/gen/genInfoForm.vue b/src/views/tool/gen/genInfoForm.vue
deleted file mode 100644
index 5247772..0000000
--- a/src/views/tool/gen/genInfoForm.vue
+++ /dev/null
@@ -1,328 +0,0 @@
-<template>
-  <el-form ref="genInfoForm" :model="info" :rules="rules" label-width="150px">
-    <el-row>
-      <el-col :span="12">
-        <el-form-item prop="tplCategory">
-          <template #label>生成模板</template>
-          <el-select v-model="info.tplCategory" @change="tplSelectChange">
-            <el-option label="单表（增删改查）" value="crud" />
-            <el-option label="树表（增删改查）" value="tree" />
-            <el-option label="主子表（增删改查）" value="sub" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="tplWebType">
-          <template #label>前端类型</template>
-          <el-select v-model="info.tplWebType">
-            <el-option label="Vue2 Element UI 模版" value="element-ui" />
-            <el-option label="Vue3 Element Plus 模版" value="element-plus" />
-            <el-option label="Vue3 Element Plus TypeScript 模版" value="element-plus-typescript" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="packageName">
-          <template #label>
-            生成包路径
-            <el-tooltip content="生成在哪个 Java 包下，例如 com.cmvr.system" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.packageName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="moduleName">
-          <template #label>
-            生成模块名
-            <el-tooltip content="可理解为子系统名，例如 system" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.moduleName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="businessName">
-          <template #label>
-            生成业务名
-            <el-tooltip content="可理解为功能英文名，例如 user" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.businessName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="functionName">
-          <template #label>
-            生成功能名
-            <el-tooltip content="用作类描述，例如 用户" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.functionName" />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="formColNum">
-          <template #label>
-            表单布局
-            <el-tooltip content="选择表单的栅格布局方式" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-select v-model="info.formColNum">
-            <el-option label="单列" :value="1" />
-            <el-option label="双列" :value="2" />
-            <el-option label="三列" :value="3" />
-          </el-select>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="genView">
-          <template #label>扩展功能</template>
-          <el-checkbox v-model="info.view">生成详情页</el-checkbox>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item prop="genType">
-          <template #label>
-            生成代码方式
-            <el-tooltip content="默认为zip压缩包下载，也可以自定义生成路径" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-radio v-model="info.genType" value="0">zip压缩包</el-radio>
-          <el-radio v-model="info.genType" value="1">自定义路径</el-radio>
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="12">
-        <el-form-item>
-          <template #label>
-            上级菜单
-            <el-tooltip content="分配到指定菜单下，例如 系统管理" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-tree-select
-            v-model="info.parentMenuId"
-            :data="menuOptions"
-            :props="{ value: 'menuId', label: 'menuName', children: 'children' }"
-            placeholder="请选择系统菜单"
-            check-strictly
-          />
-        </el-form-item>
-      </el-col>
-
-      <el-col :span="24" v-if="info.genType == '1'">
-        <el-form-item prop="genPath">
-          <template #label>
-            自定义路径
-            <el-tooltip content="填写磁盘绝对路径，若不填写，则生成到当前Web项目下" placement="top">
-              <el-icon><question-filled /></el-icon>
-            </el-tooltip>
-          </template>
-          <el-input v-model="info.genPath">
-            <template #append>
-              <el-dropdown>
-                <el-button type="primary">
-                  最近路径快速选择
-                  <i class="el-icon-arrow-down el-icon--right"></i>
-                </el-button>
-                <template #dropdown>
-                  <el-dropdown-menu>
-                    <el-dropdown-item @click="info.genPath = '/'">恢复默认的生成基础路径</el-dropdown-item>
-                  </el-dropdown-menu>
-                </template>
-              </el-dropdown>
-            </template>
-          </el-input>
-        </el-form-item>
-      </el-col>
-    </el-row>
-    
-    <template v-if="info.tplCategory == 'tree'">
-      <h4 class="form-header">其他信息</h4>
-      <el-row v-show="info.tplCategory == 'tree'">
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              树编码字段
-              <el-tooltip content="树显示的编码字段名， 如：dept_id" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.treeCode" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in info.columns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              树父编码字段
-              <el-tooltip content="树显示的父编码字段名， 如：parent_Id" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.treeParentCode" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in info.columns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              树名称字段
-              <el-tooltip content="树节点的显示名称字段名， 如：dept_name" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.treeName" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in info.columns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </template>
-
-    <template v-if="info.tplCategory == 'sub'">
-      <h4 class="form-header">关联信息</h4>
-      <el-row>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              关联子表的表名
-              <el-tooltip content="关联子表的表名， 如：sys_user" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.subTableName" placeholder="请选择" @change="subSelectChange">
-              <el-option
-                v-for="(table, index) in tables"
-                :key="index"
-                :label="table.tableName + '：' + table.tableComment"
-                :value="table.tableName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-        <el-col :span="12">
-          <el-form-item>
-            <template #label>
-              子表关联的外键名
-              <el-tooltip content="子表关联的外键名， 如：user_id" placement="top">
-                <el-icon><question-filled /></el-icon>
-              </el-tooltip>
-            </template>
-            <el-select v-model="info.subTableFkName" placeholder="请选择">
-              <el-option
-                v-for="(column, index) in subColumns"
-                :key="index"
-                :label="column.columnName + '：' + column.columnComment"
-                :value="column.columnName"
-              ></el-option>
-            </el-select>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </template>
-
-  </el-form>
-</template>
-
-<script setup>
-import { listMenu } from "@/api/system/menu"
-
-const subColumns = ref([])
-const menuOptions = ref([])
-const { proxy } = getCurrentInstance()
-
-const props = defineProps({
-  info: {
-    type: Object,
-    default: null
-  },
-  tables: {
-    type: Array,
-    default: null
-  }
-})
-
-// 表单校验
-const rules = ref({
-  tplCategory: [{ required: true, message: "请选择生成模板", trigger: "blur" }],
-  packageName: [{ required: true, message: "请输入生成包路径", trigger: "blur" }],
-  moduleName: [{ required: true, message: "请输入生成模块名", trigger: "blur" }],
-  businessName: [{ required: true, message: "请输入生成业务名", trigger: "blur" }],
-  functionName: [{ required: true, message: "请输入生成功能名", trigger: "blur" }]
-})
-
-function subSelectChange(value) {
-  props.info.subTableFkName = ""
-}
-
-function tplSelectChange(value) {
-  if (value !== "sub") {
-    props.info.subTableName = ""
-    props.info.subTableFkName = ""
-  }
-}
-
-function setSubTableColumns(value) {
-  for (var item in props.tables) {
-    const name = props.tables[item].tableName
-    if (value === name) {
-      subColumns.value = props.tables[item].columns
-      break
-    }
-  }
-}
-
-/** 查询菜单下拉树结构 */
-function getMenuTreeselect() {
-  listMenu().then(response => {
-    menuOptions.value = proxy.handleTree(response.data, "menuId")
-  })
-}
-
-onMounted(() => {
-  getMenuTreeselect()
-})
-
-watch(() => props.info.subTableName, val => {
-  setSubTableColumns(val)
-})
-
-watch(() => props.info.tplWebType, val => {
-  if (val === '') {
-    props.info.tplWebType = "element-plus"
-  }
-})
-</script>
diff --git a/src/views/tool/gen/importTable.vue b/src/views/tool/gen/importTable.vue
deleted file mode 100644
index a73ad7a..0000000
--- a/src/views/tool/gen/importTable.vue
+++ /dev/null
@@ -1,126 +0,0 @@
-<template>
-  <!-- 导入表 -->
-  <el-dialog title="导入表" v-model="visible" width="800px" top="5vh" append-to-body>
-    <el-form :model="queryParams" ref="queryRef" :inline="true">
-      <el-form-item label="表名称" prop="tableName">
-        <el-input
-          v-model="queryParams.tableName"
-          placeholder="请输入表名称"
-          clearable
-          style="width: 180px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="表描述" prop="tableComment">
-        <el-input
-          v-model="queryParams.tableComment"
-          placeholder="请输入表描述"
-          clearable
-          style="width: 180px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-    <el-row>
-      <el-table @row-click="clickRow" ref="table" :data="dbTableList" @selection-change="handleSelectionChange" height="260px">
-        <el-table-column type="selection" width="55"></el-table-column>
-        <el-table-column prop="tableName" label="表名称" :show-overflow-tooltip="true"></el-table-column>
-        <el-table-column prop="tableComment" label="表描述" :show-overflow-tooltip="true"></el-table-column>
-        <el-table-column prop="createTime" label="创建时间"></el-table-column>
-        <el-table-column prop="updateTime" label="更新时间"></el-table-column>
-      </el-table>
-      <pagination
-        v-show="total>0"
-        :total="total"
-        v-model:page="queryParams.pageNum"
-        v-model:limit="queryParams.pageSize"
-        @pagination="getList"
-      />
-    </el-row>
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button type="primary" @click="handleImportTable">确 定</el-button>
-        <el-button @click="visible = false">取 消</el-button>
-      </div>
-    </template>
-  </el-dialog>
-</template>
-
-<script setup>
-import { listDbTable, importTable } from "@/api/tool/gen"
-
-const total = ref(0)
-const visible = ref(false)
-const tables = ref([])
-const dbTableList = ref([])
-const { proxy } = getCurrentInstance()
-
-const queryParams = reactive({
-  pageNum: 1,
-  pageSize: 10,
-  tableName: undefined,
-  tableComment: undefined
-})
-
-const emit = defineEmits(["ok"])
-
-/** 查询参数列表 */
-function show() {
-  getList()
-  visible.value = true
-}
-
-/** 单击选择行 */
-function clickRow(row) {
-  proxy.$refs.table.toggleRowSelection(row)
-}
-
-/** 多选框选中数据 */
-function handleSelectionChange(selection) {
-  tables.value = selection.map(item => item.tableName)
-}
-
-/** 查询表数据 */
-function getList() {
-  listDbTable(queryParams).then(res => {
-    dbTableList.value = res.rows
-    total.value = res.total
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-/** 导入按钮操作 */
-function handleImportTable() {
-  const tableNames = tables.value.join(",")
-  if (tableNames == "") {
-    proxy.$modal.msgError("请选择要导入的表")
-    return
-  }
-  importTable({ tables: tableNames, tplWebType: 'element-plus' }).then(res => {
-    proxy.$modal.msgSuccess(res.msg)
-    if (res.code === 200) {
-      visible.value = false
-      emit("ok")
-    }
-  })
-}
-
-defineExpose({
-  show,
-})
-</script>
diff --git a/src/views/tool/gen/index.vue b/src/views/tool/gen/index.vue
deleted file mode 100644
index 9359592..0000000
--- a/src/views/tool/gen/index.vue
+++ /dev/null
@@ -1,309 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">
-      <el-form-item label="表名称" prop="tableName">
-        <el-input
-          v-model="queryParams.tableName"
-          placeholder="请输入表名称"
-          clearable
-          style="width: 200px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="表描述" prop="tableComment">
-        <el-input
-          v-model="queryParams.tableComment"
-          placeholder="请输入表描述"
-          clearable
-          style="width: 200px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="创建时间" style="width: 308px">
-        <el-date-picker
-          v-model="dateRange"
-          value-format="YYYY-MM-DD"
-          type="daterange"
-          range-separator="-"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-        ></el-date-picker>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
-        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
-      </el-form-item>
-    </el-form>
-
-    <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="Download"
-          :disabled="multiple"
-          @click="handleGenTable"
-          v-hasPermi="['tool:gen:code']"
-        >生成</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="Plus"
-          @click="openCreateTable"
-          v-hasRole="['admin']"
-        >创建</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="info"
-          plain
-          icon="Upload"
-          @click="openImportTable"
-          v-hasPermi="['tool:gen:import']"
-        >导入</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="Edit"
-          :disabled="single"
-          @click="handleEditTable"
-          v-hasPermi="['tool:gen:edit']"
-        >修改</el-button>
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="Delete"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['tool:gen:remove']"
-        >删除</el-button>
-      </el-col>
-      <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
-    </el-row>
-
-    <el-table ref="genRef" v-loading="loading" :data="tableList" @selection-change="handleSelectionChange" :default-sort="defaultSort" @sort-change="handleSortChange">
-      <el-table-column type="selection" align="center" width="55"></el-table-column>
-      <el-table-column label="序号" type="index" width="50" align="center">
-        <template #default="scope">
-          <span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="表名称" align="center" prop="tableName" :show-overflow-tooltip="true" />
-      <el-table-column label="表描述" align="center" prop="tableComment" :show-overflow-tooltip="true" />
-      <el-table-column label="实体" align="center" prop="className" :show-overflow-tooltip="true" />
-      <el-table-column label="创建时间" align="center" prop="createTime" width="160" sortable="custom" :sort-orders="['descending', 'ascending']" />
-      <el-table-column label="更新时间" align="center" prop="updateTime" width="160" sortable="custom" :sort-orders="['descending', 'ascending']" />
-      <el-table-column label="操作" align="center" width="330" class-name="small-padding fixed-width">
-        <template #default="scope">
-          <el-tooltip content="预览" placement="top">
-            <el-button link type="primary" icon="View" @click="handlePreview(scope.row)" v-hasPermi="['tool:gen:preview']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="编辑" placement="top">
-            <el-button link type="primary" icon="Edit" @click="handleEditTable(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="删除" placement="top">
-            <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['tool:gen:remove']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="同步" placement="top">
-            <el-button link type="primary" icon="Refresh" @click="handleSynchDb(scope.row)" v-hasPermi="['tool:gen:edit']"></el-button>
-          </el-tooltip>
-          <el-tooltip content="生成代码" placement="top">
-            <el-button link type="primary" icon="Download" @click="handleGenTable(scope.row)" v-hasPermi="['tool:gen:code']"></el-button>
-          </el-tooltip>
-        </template>
-      </el-table-column>
-    </el-table>
-    <pagination
-      v-show="total>0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
-    <!-- 预览界面 -->
-    <el-dialog :title="preview.title" v-model="preview.open" width="80%" top="5vh" append-to-body class="scrollbar">
-      <el-tabs v-model="preview.activeName">
-        <el-tab-pane
-          v-for="(value, key) in preview.data"
-          :label="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"
-          :name="key.substring(key.lastIndexOf('/')+1,key.indexOf('.vm'))"
-          :key="value"
-        >
-          <el-link underline="never" icon="DocumentCopy" v-copyText="value" v-copyText:callback="copyTextSuccess" style="float:right">&nbsp;复制</el-link>
-          <pre>{{ value }}</pre>
-        </el-tab-pane>
-      </el-tabs>
-    </el-dialog>
-    <import-table ref="importRef" @ok="handleQuery" />
-    <create-table ref="createRef" @ok="handleQuery" />
-  </div>
-</template>
-
-<script setup name="Gen">
-import { listTable, previewTable, delTable, genCode, synchDb } from "@/api/tool/gen"
-import router from "@/router"
-import importTable from "./importTable"
-import createTable from "./createTable"
-
-const route = useRoute()
-const { proxy } = getCurrentInstance()
-
-const tableList = ref([])
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const tableNames = ref([])
-const dateRange = ref([])
-const uniqueId = ref("")
-const defaultSort = ref({ prop: "createTime", order: "descending" })
-
-const data = reactive({
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    tableName: undefined,
-    tableComment: undefined,
-    orderByColumn: defaultSort.value.prop,
-    isAsc: defaultSort.value.order
-  },
-  preview: {
-    open: false,
-    title: "代码预览",
-    data: {},
-    activeName: "domain.java"
-  }
-})
-
-const { queryParams, preview } = toRefs(data)
-
-onActivated(() => {
-  const time = route.query.t
-  if (time != null && time != uniqueId.value) {
-    uniqueId.value = time
-    queryParams.value.pageNum = Number(route.query.pageNum)
-    dateRange.value = []
-    proxy.resetForm("queryForm")
-    getList()
-  }
-})
-
-/** 查询表集合 */
-function getList() {
-  loading.value = true
-  listTable(proxy.addDateRange(queryParams.value, dateRange.value)).then(response => {
-    tableList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 生成代码操作 */
-function handleGenTable(row) {
-  const tbNames = row.tableName || tableNames.value
-  if (tbNames == "") {
-    proxy.$modal.msgError("请选择要生成的数据")
-    return
-  }
-  if (row.genType === "1") {
-    genCode(row.tableName).then(response => {
-      proxy.$modal.msgSuccess("成功生成到自定义路径：" + row.genPath)
-    })
-  } else {
-    const zipName = Array.isArray(tbNames) ? "cmvr.zip" : tbNames + ".zip"
-    proxy.$download.zip("/tool/gen/batchGenCode?tables=" + tbNames, zipName)
-  }
-}
-
-/** 同步数据库操作 */
-function handleSynchDb(row) {
-  const tableName = row.tableName
-  proxy.$modal.confirm('确认要强制同步"' + tableName + '"表结构吗？').then(function () {
-    return synchDb(tableName)
-  }).then(() => {
-    proxy.$modal.msgSuccess("同步成功")
-  }).catch(() => {})
-}
-
-/** 打开导入表弹窗 */
-function openImportTable() {
-  proxy.$refs["importRef"].show()
-}
-
-/** 打开创建表弹窗 */
-function openCreateTable() {
-  proxy.$refs["createRef"].show()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  dateRange.value = []
-  proxy.resetForm("queryRef")
-  queryParams.value.pageNum = 1
-  proxy.$refs["genRef"].sort(defaultSort.value.prop, defaultSort.value.order)
-}
-
-/** 预览按钮 */
-function handlePreview(row) {
-  previewTable(row.tableId).then(response => {
-    preview.value.data = response.data
-    preview.value.open = true
-    preview.value.activeName = "domain.java"
-  })
-}
-
-/** 复制代码成功 */
-function copyTextSuccess() {
-  proxy.$modal.msgSuccess("复制成功")
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.tableId)
-  tableNames.value = selection.map(item => item.tableName)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 排序触发事件 */
-function handleSortChange(column, prop, order) {
-  queryParams.value.orderByColumn = column.prop
-  queryParams.value.isAsc = column.order
-  getList()
-}
-
-/** 修改按钮操作 */
-function handleEditTable(row) {
-  const tableId = row.tableId || ids.value[0]
-  const tableName = row.tableName || tableNames.value[0]
-  const params = { pageNum: queryParams.value.pageNum }
-  proxy.$tab.openPage("修改[" + tableName + "]生成配置", '/tool/gen-edit/index/' + tableId, params)
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const tableIds = row.tableId || ids.value
-  proxy.$modal.confirm('是否确认删除表编号为"' + tableIds + '"的数据项？').then(function () {
-    return delTable(tableIds)
-  }).then(() => {
-    getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
-
-getList()
-</script>
diff --git a/src/views/tool/swagger/index.vue b/src/views/tool/swagger/index.vue
deleted file mode 100644
index a3b03bb..0000000
--- a/src/views/tool/swagger/index.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-   <i-frame v-model:src="url"></i-frame>
-</template>
-
-<script setup>
-import iFrame from '@/components/iFrame'
-
-const url = ref(import.meta.env.VITE_APP_BASE_API + "/doc.html")
-</script>

From 73ee3fe0808a4a9d06f9297a5b6abba924eb9229 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Tue, 25 Aug 2026 10:26:33 +0800
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                          |  4 +-
 package.json                              |  1 +
 pnpm-lock.yaml                            | 81 +++++++++++++++--------
 src/main.js                               | 11 +++
 src/plugins/cache.js                      | 15 +++--
 src/router/index.js                       | 41 ++++++------
 src/store/modules/permission.js           |  4 +-
 src/utils/auth.js                         |  2 +-
 src/views/is/project/evaluate/Run.vue     |  2 +-
 src/views/test/configs/Run.vue            |  2 +-
 src/views/test/log/index.vue              |  2 +-
 src/views/vi/testProject/evaluate/Run.vue |  2 +-
 vite.config.js                            |  1 +
 13 files changed, 107 insertions(+), 61 deletions(-)

diff --git a/.env.development b/.env.development
index da134de..368025f 100644
--- a/.env.development
+++ b/.env.development
@@ -7,8 +7,8 @@ VITE_APP_ENV = 'development'
 # 招商车研物联网平台/开发环境
 VITE_APP_BASE_API = '/dev-api'
 
-VITE_API_URL = http://localhost:14080
-VITE_WS_URL = ws://localhost:14080/ws
+VITE_API_URL = http://192.168.0.222:14080
+VITE_WS_URL = ws://192.168.0.222:14080/ws
 VITE_PORT = 5174
 VITE_INSPECTION_TYPE = "inspection"
 VITE_MINIO_URL = "http://192.168.28.10:9000/cmvr-iot/"
diff --git a/package.json b/package.json
index 0648cb7..793f6a7 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@cmvr/iot-common": "1.0.0",
     "@element-plus/icons-vue": "2.3.2",
     "@vue-flow/background": "^1.3.2",
     "@vue-flow/controls": "^1.1.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c0eac5f..50ca951 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
 
   .:
     dependencies:
+      '@cmvr/iot-common':
+        specifier: 1.0.0
+        version: 1.0.0(@element-plus/icons-vue@2.3.2(vue@3.5.26))(core-js@3.49.0)(element-plus@2.13.1(vue@3.5.26))(pinia@3.0.4(vue@3.5.26))(vue-router@4.6.4(vue@3.5.26))(vue@3.5.26)
       '@element-plus/icons-vue':
         specifier: 2.3.2
         version: 2.3.2(vue@3.5.26)
@@ -182,6 +185,15 @@ packages:
   '@bufbuild/protobuf@2.13.0':
     resolution: {integrity: sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==}
 
+  '@cmvr/iot-common@1.0.0':
+    resolution: {integrity: sha512-EIdZdRRgyhb4FfclQ6SoDT3NwIAY/7uI2re+zcwwcnc0a0ELKizTn4POFZt/O4mhr5Ikeg8J98cRB/cchV3E9g==}
+    peerDependencies:
+      '@element-plus/icons-vue': ^2.3.2
+      element-plus: ^2.13.1
+      pinia: ^3.0.4
+      vue: ^3.5.26
+      vue-router: ^4.6.4
+
   '@codemirror/autocomplete@6.20.3':
     resolution: {integrity: sha512-tlosUqb+3BbxCxZdu4tKeRghPFC+QM7q4X5YhKV2eCmPG+1r2F3f4AaSz5sCrFqUtX4Jh20VFTKecl16MgiV9g==}
 
@@ -487,42 +499,36 @@ packages:
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-arm-musl@2.6.0':
     resolution: {integrity: sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-linux-arm64-glibc@2.6.0':
     resolution: {integrity: sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-arm64-musl@2.6.0':
     resolution: {integrity: sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==}
     engines: {node: '>= 10.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-linux-x64-glibc@2.6.0':
     resolution: {integrity: sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@parcel/watcher-linux-x64-musl@2.6.0':
     resolution: {integrity: sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==}
     engines: {node: '>= 10.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@parcel/watcher-win32-arm64@2.6.0':
     resolution: {integrity: sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==}
@@ -594,79 +600,66 @@ packages:
     resolution: {integrity: sha512-ggXnsTAEzNQx74XpunRsiZ9aBZDsI7XIa0hm2nzR9f4WzH5/f/d73ZSDaC5ejJ8YLY4NW+V3wr0tjOaeCq8hqA==}
     cpu: [arm]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm-musleabihf@4.62.3':
     resolution: {integrity: sha512-2vng+FlzNUhKZxtej3IUqJgbZoQk2M/dwQM20+ULV0R/E/8tr9/P6uEf2iiGIk4HL0zMKh5Jry7mUHdUOvyGgA==}
     cpu: [arm]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-arm64-gnu@4.62.3':
     resolution: {integrity: sha512-LLLFZKt4/Nraf9rxDkhiU8QVgLF4WmCkfr0L4fj0fPfIZFBib0DeiFk1hhaYKd03LFAFJcxHslhDFlNJLylf5Q==}
     cpu: [arm64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-arm64-musl@4.62.3':
     resolution: {integrity: sha512-WJkdQCvS9sWNOUBJZfQRKpZGFBztRzcowI+nndmflKgU4XY+3a420FgTOSKTsVqJbnzSxeT4vaJalpOaPo2YCQ==}
     cpu: [arm64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-loong64-gnu@4.62.3':
     resolution: {integrity: sha512-PwHXCCS2n64/1Ot6rP1YEYA02MGYBcQlr8CSZZyrUG2O7NH6NklYmvr9v3Jy+5e/eDeNchc/ukmKJi9LuflMIQ==}
     cpu: [loong64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-loong64-musl@4.62.3':
     resolution: {integrity: sha512-vUjxINQu3RC8NZS3ykk1gN65gIz8pAopOq2HXuZhiIxHdx7TFvDG+jgrdSgInu1Eza4/Rfi2VzZgyIgEH4WOaw==}
     cpu: [loong64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-ppc64-gnu@4.62.3':
     resolution: {integrity: sha512-wzko4aJ13+0G3kGnviCg5gnXFKd40izKsrf2uOw12US4XqprkDrmwOpeW14aSNa37V8bfPcz5Fkob6LZ3BAPmA==}
     cpu: [ppc64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-ppc64-musl@4.62.3':
     resolution: {integrity: sha512-8120ue0JUMSwy11stlwnfdX3pPd+WZYGCDBwEHWtIHi6pOpZmsEF5QKB7a/UN+XFdqvobxz98kv8RTqikyCEBw==}
     cpu: [ppc64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-riscv64-gnu@4.62.3':
     resolution: {integrity: sha512-XLFHnR3tXMjbOCh2vtVJHmxt+995uJsTERQyseFDRA0xxMxyTZPLa3OIUlyFaO4mF/Lu0FjmWHCuPXJT1n/IOg==}
     cpu: [riscv64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-riscv64-musl@4.62.3':
     resolution: {integrity: sha512-se6yXvNGMIl0f+RQzyh7XAmia8/9kplQx424wnG2w0C1oi6XgO6Y8otKhdXFHbHs88Ihavzmvh1NWjuovE76BQ==}
     cpu: [riscv64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-linux-s390x-gnu@4.62.3':
     resolution: {integrity: sha512-gNoxRefktVIiGflpONuxWWXZAzIQG++z9qHO3xKwk4WdDMuQja3JHGfE1u0i3PfPDyvhypdk+WrgIJqLhGG7sg==}
     cpu: [s390x]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-gnu@4.62.3':
     resolution: {integrity: sha512-V4KtWtQfAFMU7+9/A/VDps/VI8CHd3cYz0L8sgJzz8qK7eY7wI4ruFD82UYIYvW9Z4DtlTfhQcsl4XyPHW5uSg==}
     cpu: [x64]
     os: [linux]
-    libc: [glibc]
 
   '@rollup/rollup-linux-x64-musl@4.62.3':
     resolution: {integrity: sha512-LBx9LYXvj2CBkMkjLdNAWLwH0MLMin7do2VcVo9kVPibGLkY0BQQut2fv7NVqkXqZ/CrAu9LqDHVV1xHCMpCPw==}
     cpu: [x64]
     os: [linux]
-    libc: [musl]
 
   '@rollup/rollup-openbsd-x64@4.62.3':
     resolution: {integrity: sha512-ABVf3Q0RCu7NcyCCOZQI0pJ3GuSdfSl8EXcy88QtdceIMIoCUdfhsJChZ64L9zVM2aJHjde1Bhn5uqSRcX9ySA==}
@@ -2344,56 +2337,48 @@ packages:
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: glibc
 
   sass-embedded-linux-arm@1.97.2:
     resolution: {integrity: sha512-yDRe1yifGHl6kibkDlRIJ2ZzAU03KJ1AIvsAh4dsIDgK5jx83bxZLV1ZDUv7a8KK/iV/80LZnxnu/92zp99cXQ==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: glibc
 
   sass-embedded-linux-musl-arm64@1.97.2:
     resolution: {integrity: sha512-NfUqZSjHwnHvpSa7nyNxbWfL5obDjNBqhHUYmqbHUcmqBpFfHIQsUPgXME9DKn1yBlBc3mWnzMxRoucdYTzd2Q==}
     engines: {node: '>=14.0.0'}
     cpu: [arm64]
     os: [linux]
-    libc: musl
 
   sass-embedded-linux-musl-arm@1.97.2:
     resolution: {integrity: sha512-GIO6xfAtahJAWItvsXZ3MD1HM6s8cKtV1/HL088aUpKJaw/2XjTCveiOO2AdgMpLNztmq9DZ1lx5X5JjqhS45g==}
     engines: {node: '>=14.0.0'}
     cpu: [arm]
     os: [linux]
-    libc: musl
 
   sass-embedded-linux-musl-riscv64@1.97.2:
     resolution: {integrity: sha512-qtM4dJ5gLfvyTZ3QencfNbsTEShIWImSEpkThz+Y2nsCMbcMP7/jYOA03UWgPfEOKSehQQ7EIau7ncbFNoDNPQ==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
-    libc: musl
 
   sass-embedded-linux-musl-x64@1.97.2:
     resolution: {integrity: sha512-ZAxYOdmexcnxGnzdsDjYmNe3jGj+XW3/pF/n7e7r8y+5c6D2CQRrCUdapLgaqPt1edOPQIlQEZF8q5j6ng21yw==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: musl
 
   sass-embedded-linux-riscv64@1.97.2:
     resolution: {integrity: sha512-reVwa9ZFEAOChXpDyNB3nNHHyAkPMD+FTctQKECqKiVJnIzv2EaFF6/t0wzyvPgBKeatA8jszAIeOkkOzbYVkQ==}
     engines: {node: '>=14.0.0'}
     cpu: [riscv64]
     os: [linux]
-    libc: glibc
 
   sass-embedded-linux-x64@1.97.2:
     resolution: {integrity: sha512-bvAdZQsX3jDBv6m4emaU2OMTpN0KndzTAMgJZZrKUgiC0qxBmBqbJG06Oj/lOCoXGCxAvUOheVYpezRTF+Feog==}
     engines: {node: '>=14.0.0'}
     cpu: [x64]
     os: [linux]
-    libc: glibc
 
   sass-embedded-unknown-all@1.97.2:
     resolution: {integrity: sha512-86tcYwohjPgSZtgeU9K4LikrKBJNf8ZW/vfsFbdzsRlvc73IykiqanufwQi5qIul0YHuu9lZtDWyWxM2dH/Rsg==}
@@ -2993,6 +2978,48 @@ snapshots:
 
   '@bufbuild/protobuf@2.13.0': {}
 
+  '@cmvr/iot-common@1.0.0(@element-plus/icons-vue@2.3.2(vue@3.5.26))(core-js@3.49.0)(element-plus@2.13.1(vue@3.5.26))(pinia@3.0.4(vue@3.5.26))(vue-router@4.6.4(vue@3.5.26))(vue@3.5.26)':
+    dependencies:
+      '@element-plus/icons-vue': 2.3.2(vue@3.5.26)
+      '@vue-flow/background': 1.3.2(@vue-flow/core@1.48.2(vue@3.5.26))(vue@3.5.26)
+      '@vue-flow/controls': 1.1.3(@vue-flow/core@1.48.2(vue@3.5.26))(vue@3.5.26)
+      '@vue-flow/core': 1.48.2(vue@3.5.26)
+      '@vueup/vue-quill': 1.2.0(vue@3.5.26)
+      '@vueuse/core': 14.1.0(vue@3.5.26)
+      ace-builds: 1.44.0
+      axios: 1.13.2
+      clipboard: 2.0.11
+      dayjs: 1.11.21
+      echarts: 5.6.0
+      element-plus: 2.13.1(vue@3.5.26)
+      file-saver: 2.0.5
+      fuse.js: 7.1.0
+      js-beautify: 1.15.4
+      js-cookie: 3.0.5
+      jsencrypt: 3.3.2
+      json-editor-vue: 0.18.1(vue@3.5.26)
+      lodash: 4.18.1
+      mitt: 3.0.1
+      monaco-editor: 0.55.1
+      nprogress: 0.2.0
+      pako: 2.2.0
+      pinia: 3.0.4(vue@3.5.26)
+      sortablejs: 1.15.7
+      splitpanes: 3.1.5
+      uuid: 11.1.1
+      vue: 3.5.26
+      vue-cropper: 1.1.1
+      vue-router: 4.6.4(vue@3.5.26)
+      vue3-ace-editor: 2.2.4(ace-builds@1.44.0)(vue@3.5.26)
+      vue3-json-viewer: 2.3.0(vue@3.5.26)
+      vuedraggable: 4.1.0(vue@3.5.26)
+      xgplayer: 3.0.26(core-js@3.49.0)
+    transitivePeerDependencies:
+      - '@typescript-eslint/types'
+      - '@vue/composition-api'
+      - core-js
+      - debug
+
   '@codemirror/autocomplete@6.20.3':
     dependencies:
       '@codemirror/language': 6.12.4
diff --git a/src/main.js b/src/main.js
index f281aea..169c103 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,5 @@
 import { createApp } from 'vue'
+import { configureCmvrCommon } from '@cmvr/iot-common'
 
 import Cookies from 'js-cookie'
 
@@ -30,6 +31,16 @@ import { useDict } from '@/utils/dict'
 import { getConfigKey } from "@/api/system/config"
 import { parseTime, resetForm, addDateRange, handleTree, selectDictLabel, selectDictLabels } from '@/utils/ruoyi'
 
+configureCmvrCommon({
+  apiBaseURL: import.meta.env.VITE_APP_BASE_API,
+  tokenKey: 'CMVR-Platform-Token',
+  storagePrefix: 'cmvr:platform',
+  router,
+  loginPath: '/login',
+  homePath: '/index'
+})
+import '@cmvr/iot-common/style.css'
+
 // 分页组件
 import Pagination from '@/components/Pagination'
 // 自定义表格工具组件
diff --git a/src/plugins/cache.js b/src/plugins/cache.js
index ea8a53f..8422132 100644
--- a/src/plugins/cache.js
+++ b/src/plugins/cache.js
@@ -1,10 +1,13 @@
+const CachePrefix = 'cmvr:platform:'
+const cacheKey = (key) => `${CachePrefix}${key}`
+
 const sessionCache = {
   set (key, value) {
     if (!sessionStorage) {
       return
     }
     if (key != null && value != null) {
-      sessionStorage.setItem(key, value)
+      sessionStorage.setItem(cacheKey(key), value)
     }
   },
   get (key) {
@@ -14,7 +17,7 @@ const sessionCache = {
     if (key == null) {
       return null
     }
-    return sessionStorage.getItem(key)
+    return sessionStorage.getItem(cacheKey(key))
   },
   setJSON (key, jsonValue) {
     if (jsonValue != null) {
@@ -29,7 +32,7 @@ const sessionCache = {
     return null
   },
   remove (key) {
-    sessionStorage.removeItem(key)
+    sessionStorage.removeItem(cacheKey(key))
   }
 }
 const localCache = {
@@ -38,7 +41,7 @@ const localCache = {
       return
     }
     if (key != null && value != null) {
-      localStorage.setItem(key, value)
+      localStorage.setItem(cacheKey(key), value)
     }
   },
   get (key) {
@@ -48,7 +51,7 @@ const localCache = {
     if (key == null) {
       return null
     }
-    return localStorage.getItem(key)
+    return localStorage.getItem(cacheKey(key))
   },
   setJSON (key, jsonValue) {
     if (jsonValue != null) {
@@ -63,7 +66,7 @@ const localCache = {
     return null
   },
   remove (key) {
-    localStorage.removeItem(key)
+    localStorage.removeItem(cacheKey(key))
   }
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 86950ba..7128fcf 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,6 +1,15 @@
 import { createWebHistory, createRouter } from "vue-router";
 /* Layout */
 import Layout from "@/layout";
+import { resolveCommonView } from '@cmvr/iot-common'
+
+const commonView = (view) => {
+  const component = resolveCommonView(view)
+  if (!component) {
+    throw new Error(`[cmvr-common] view not found: ${view}`)
+  }
+  return component
+}
 
 /**
  * Note: 路由配置项
@@ -33,28 +42,28 @@ export const constantRoutes = [
     children: [
       {
         path: "/redirect/:path(.*)",
-        component: () => import("@/views/redirect/index.vue"),
+        component: commonView('redirect/index'),
       },
     ],
   },
   {
     path: "/login",
-    component: () => import("@/views/login"),
+    component: commonView('login'),
     hidden: true,
   },
   {
     path: "/register",
-    component: () => import("@/views/register"),
+    component: commonView('register'),
     hidden: true,
   },
   {
     path: "/:pathMatch(.*)*",
-    component: () => import("@/views/error/404"),
+    component: commonView('error/404'),
     hidden: true,
   },
   {
     path: "/401",
-    component: () => import("@/views/error/401"),
+    component: commonView('error/401'),
     hidden: true,
   },
   {
@@ -126,14 +135,6 @@ export const constantRoutes = [
     meta: { title: "触摸交互", noLogin: true },
     hidden: true,
   },
-  {
-    //cockpit
-    path: "/inspection/cockpit",
-    component: () =>
-      import("@/views/inspection/cockpit/index.vue"),
-    meta: { title: "logicFlow", noLogin: true },
-    hidden: true,
-  },
   {
     // 流程运行状态
     path: "/logic_flow",
@@ -145,7 +146,7 @@ export const constantRoutes = [
   {
     // 流程编排
     path: "/flow",
-    component: () => import("@/views/flow/index.vue"),
+    component: commonView('flow/index'),
     meta: { title: "流程编排", noLogin: true },
     hidden: true,
   },
@@ -183,7 +184,7 @@ export const constantRoutes = [
     children: [
       {
         path: "profile/:activeTab?",
-        component: () => import("@/views/system/user/profile/index"),
+        component: commonView('system/user/profile/index'),
         name: "Profile",
         meta: { title: "个人中心", icon: "user" },
       },
@@ -201,7 +202,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: "role/:userId(\\d+)",
-        component: () => import("@/views/system/user/authRole"),
+        component: commonView('system/user/authRole'),
         name: "AuthRole",
         meta: { title: "分配角色", activeMenu: "/system/user" },
       },
@@ -215,7 +216,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: "user/:roleId(\\d+)",
-        component: () => import("@/views/system/role/authUser"),
+        component: commonView('system/role/authUser'),
         name: "AuthUser",
         meta: { title: "分配用户", activeMenu: "/system/role" },
       },
@@ -229,7 +230,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: "index/:dictId(\\d+)",
-        component: () => import("@/views/system/dict/data"),
+        component: commonView('system/dict/data'),
         name: "Data",
         meta: { title: "字典数据", activeMenu: "/system/dict" },
       },
@@ -299,7 +300,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: "index/:jobId(\\d+)",
-        component: () => import("@/views/monitor/job/log"),
+        component: commonView('monitor/job/log'),
         name: "JobLog",
         meta: { title: "调度日志", activeMenu: "/monitor/job" },
       },
@@ -313,7 +314,7 @@ export const dynamicRoutes = [
     children: [
       {
         path: "index/:tableId(\\d+)",
-        component: () => import("@/views/tool/gen/editTable"),
+        component: commonView('tool/gen/editTable'),
         name: "GenEdit",
         meta: { title: "修改生成配置", activeMenu: "/tool/gen" },
       },
diff --git a/src/store/modules/permission.js b/src/store/modules/permission.js
index a7f3835..6a8d29b 100644
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -4,6 +4,7 @@ import { getRouters } from '@/api/menu'
 import Layout from '@/layout/index'
 import ParentView from '@/components/ParentView'
 import InnerLink from '@/layout/components/InnerLink'
+import { commonViewRegistry } from '@cmvr/iot-common'
 
 // 匹配views里面所有的.vue文件
 const modules = import.meta.glob('./../../views/**/*.vue')
@@ -150,9 +151,10 @@ export const loadView = (view) => {
     const dir = path.split('views/')[1].split('.vue')[0]
     if (dir === view) {
       res = () => modules[path]()
+      break
     }
   }
-  return res
+  return res || commonViewRegistry[String(view || '').replace(/^\/+|\.vue$/g, '')]
 }
 
 export default usePermissionStore
diff --git a/src/utils/auth.js b/src/utils/auth.js
index 08a43d6..3f88270 100644
--- a/src/utils/auth.js
+++ b/src/utils/auth.js
@@ -1,6 +1,6 @@
 import Cookies from 'js-cookie'
 
-const TokenKey = 'Admin-Token'
+const TokenKey = 'CMVR-Platform-Token'
 
 export function getToken() {
   return Cookies.get(TokenKey)
diff --git a/src/views/is/project/evaluate/Run.vue b/src/views/is/project/evaluate/Run.vue
index 313b5b0..9e14590 100644
--- a/src/views/is/project/evaluate/Run.vue
+++ b/src/views/is/project/evaluate/Run.vue
@@ -68,7 +68,7 @@ import { ref, watch } from "vue";
 import { ElMessage } from "element-plus";
 import { addValueProperty, formatTableData } from "@/utils/flow";
 import { getExecuteRunParams, projectExecute } from "@/api/is/project/index.js";
-import RuntimeAssignmentsEditor from '@/views/flow/components/RuntimeAssignmentsEditor.vue'
+import { RuntimeAssignmentsEditor } from '@cmvr/iot-common'
 import {
   firstAssignedRobotId,
   loadFlowItemRuntimeRoles,
diff --git a/src/views/test/configs/Run.vue b/src/views/test/configs/Run.vue
index 7320dd3..6fdc5a7 100644
--- a/src/views/test/configs/Run.vue
+++ b/src/views/test/configs/Run.vue
@@ -68,7 +68,7 @@ import { emitter } from "@/utils/eventBus";
 import { ElMessage } from "element-plus";
 import { getTaskConfig } from "@/api/test/config.js";
 import { taskExecute } from "@/api/test/config"
-import RuntimeAssignmentsEditor from '@/views/flow/components/RuntimeAssignmentsEditor.vue'
+import { RuntimeAssignmentsEditor } from '@cmvr/iot-common'
 import {
   firstAssignedRobotId,
   loadFlowItemScopedRuntimeRoles,
diff --git a/src/views/test/log/index.vue b/src/views/test/log/index.vue
index e3a4d99..d384919 100644
--- a/src/views/test/log/index.vue
+++ b/src/views/test/log/index.vue
@@ -218,7 +218,7 @@ import { appendParamsToPath } from "@/utils/fn.js";
 import { getTaskConfig } from "@/api/test/config.js";
 import { onMounted } from "vue";
 import { fetchAllPagedRows } from '@/utils/pagedRequest'
-import TaskExecutionLog from '@/views/flow/components/TaskExecutionLog.vue'
+import { TaskExecutionLog } from '@cmvr/iot-common'
 
 import { useContainerHeight } from "@/hooks/tableHeight";
 
diff --git a/src/views/vi/testProject/evaluate/Run.vue b/src/views/vi/testProject/evaluate/Run.vue
index 2e1a90a..81dc1e0 100644
--- a/src/views/vi/testProject/evaluate/Run.vue
+++ b/src/views/vi/testProject/evaluate/Run.vue
@@ -68,7 +68,7 @@ import { ref, watch } from "vue";
 import { ElMessage } from "element-plus";
 import { addValueProperty, formatTableData } from "@/utils/flow";
 import { getExecuteRunParams, projectExecute } from "@/api/vi/project.js"
-import RuntimeAssignmentsEditor from '@/views/flow/components/RuntimeAssignmentsEditor.vue'
+import { RuntimeAssignmentsEditor } from '@cmvr/iot-common'
 import {
   firstAssignedRobotId,
   loadFlowItemRuntimeRoles,
diff --git a/vite.config.js b/vite.config.js
index b3c084c..39bc171 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -30,6 +30,7 @@ export default defineConfig(({ mode, command }) => {
         // 设置别名
         '@': path.resolve(__dirname, './src')
       },
+      dedupe: ['vue', 'vue-router', 'pinia', 'element-plus', '@element-plus/icons-vue'],
       // https://cn.vitejs.dev/config/#resolve-extensions
       extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
     },

From d81dab5604b6c134e71ca513780caa2df00dedce Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Tue, 25 Aug 2026 14:04:27 +0800
Subject: [PATCH 3/7] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20jsEncrypt=20?=
 =?UTF-8?q?=E5=AF=BC=E5=85=A5=E8=B7=AF=E5=BE=84=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=20Vite=20=E9=85=8D=E7=BD=AE=E4=BB=A5=E6=94=AF=E6=8C=81=20cmvr-?=
 =?UTF-8?q?iot-common?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/jsencrypt.js      |  2 +-
 vite.config.js              | 17 +++++++++++++++++
 vite/plugins/auto-import.js |  1 +
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/utils/jsencrypt.js b/src/utils/jsencrypt.js
index 78d9523..91eeff6 100644
--- a/src/utils/jsencrypt.js
+++ b/src/utils/jsencrypt.js
@@ -1,4 +1,4 @@
-import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
+import JSEncrypt from 'jsencrypt'
 
 // 密钥对生成 http://web.chacuo.net/netrsakeypair
 
diff --git a/vite.config.js b/vite.config.js
index 39bc171..678a256 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,18 @@
 import { defineConfig, loadEnv, normalizePath } from 'vite'
 import path from 'path'
+import { realpathSync } from 'node:fs'
 import createVitePlugins from './vite/plugins'
 
+const isCommonLinked = (() => {
+  try {
+    const linkedPath = realpathSync(path.resolve('node_modules/@cmvr/iot-common'))
+    const localPath = realpathSync(path.resolve('../cmvr-iot-common'))
+    return path.relative(linkedPath, localPath) === ''
+  } catch {
+    return false
+  }
+})()
+
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {
   const env = loadEnv(mode, process.cwd())
@@ -12,6 +23,7 @@ export default defineConfig(({ mode, command }) => {
     plugins: createVitePlugins(env, command === 'build'),
     optimizeDeps: {
       exclude: [
+        ...(isCommonLinked ? ['@cmvr/iot-common'] : []),
         'monaco-editor',
         'monaco-editor/esm/vs/base/worker/workerMain.js',
         'monaco-editor/esm/vs/editor/editor.main.js',
@@ -57,6 +69,11 @@ export default defineConfig(({ mode, command }) => {
       port: Number(VITE_PORT || 80),
       host: true,
       open: true,
+      ...(isCommonLinked ? {
+        watch: {
+          ignored: ['!**/node_modules/@cmvr/iot-common/**']
+        }
+      } : {}),
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         '/dev-api': {
diff --git a/vite/plugins/auto-import.js b/vite/plugins/auto-import.js
index 1b6ab1d..723d4dc 100644
--- a/vite/plugins/auto-import.js
+++ b/vite/plugins/auto-import.js
@@ -11,6 +11,7 @@ export default function createAutoImport() {
         '@/utils/ruoyi': ['selectDictLabel']
       }
     ],
+    exclude: [/[\\/]cmvr-iot-common[\\/]dist[\\/]/],
     dts: false
   })
 }

From e64af95cd122d456e089ecda3cf5377dc8cd6f6e Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Tue, 25 Aug 2026 14:04:27 +0800
Subject: [PATCH 4/7] =?UTF-8?q?refactor:=20=20=E7=A7=BB=E9=99=A4VueFlow?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=8F=8A=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=20-=20=E4=BB=8EVueFlow=E7=9B=AE=E5=BD=95=E4=B8=AD=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E4=BA=86RuntimeNode.vue=E3=80=81customFlow.vue?=
 =?UTF-8?q?=E5=92=8Cindex.vue=E7=BB=84=E4=BB=B6=E3=80=82=20-=20=E4=BB=8Ero?=
 =?UTF-8?q?botManger=E7=9B=AE=E5=BD=95=E4=B8=AD=E7=A7=BB=E9=99=A4=E4=BA=86?=
 =?UTF-8?q?ContextMenu.vue=E5=92=8CTechButtonWithLine.vue=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E3=80=82=20-=20=E9=80=9A=E8=BF=87=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E9=A1=B5=E9=9D=A2=E5=AF=BC=E8=88=AA=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E5=92=8C=E6=95=B0=E5=AD=97=E8=BD=AC=E6=8D=A2=E5=B7=A5?=
 =?UTF-8?q?=E5=85=B7=EF=BC=8C=E5=AF=B9index.js=E8=BF=9B=E8=A1=8C=E4=BA=86?=
 =?UTF-8?q?=E6=95=B4=E7=90=86=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/device/arm.js                         |  26 -
 src/api/device/camera.js                      |   9 -
 src/api/device/dexHand.js                     |  19 -
 src/api/device/microphone.js                  |  46 --
 src/api/device/speaker.js                     |  72 --
 src/api/touch_interaction.js                  |  14 -
 src/api/tts.js                                |  30 -
 src/router/index.js                           |  87 +--
 src/utils/jsencrypt.js                        |   2 +-
 .../register/components/Camera/index.vue      | 553 --------------
 .../register/components/ControlCard/index.vue |  36 -
 .../components/DexHand/LeftBottomHand.vue     | 431 -----------
 .../components/DexHand/LeftTopHand.vue        | 270 -------
 .../components/DexHand/RightBottomCharts.vue  | 229 ------
 .../components/DexHand/RightTopCharts.vue     | 162 ----
 .../register/components/DexHand/index.vue     | 168 -----
 .../device/register/components/Head/index.vue | 316 --------
 .../MechanicalArm/components/JointControl.vue | 133 ----
 .../MechanicalArm/components/UrdfViewer.vue   | 394 ----------
 .../components/MechanicalArm/index.vue        | 384 ----------
 .../register/components/Microphone/index.vue  | 233 ------
 .../register/components/Motor/index.vue       |  76 --
 .../register/components/Speaker/index.vue     | 278 -------
 .../SpeechSynthesis/AudioPlayer.vue           | 108 ---
 .../components/SpeechSynthesis/chat.vue       | 699 ------------------
 .../components/SpeechSynthesis/img/ai.png     | Bin 12001 -> 0 bytes
 .../components/SpeechSynthesis/img/user.png   | Bin 11973 -> 0 bytes
 .../components/SpeechSynthesis/index.vue      |  65 --
 .../SpeechSynthesis/soundRecording.vue        | 115 ---
 .../components/TouchInteraction/ai.png        | Bin 12001 -> 0 bytes
 .../components/TouchInteraction/index.vue     | 512 -------------
 .../components/TouchInteraction/zsj.png       | Bin 11973 -> 0 bytes
 .../components/VueFlow/IPlayer/config.ts      |  59 --
 .../components/VueFlow/IPlayer/index.vue      |  62 --
 .../components/VueFlow/RuntimeGroup.vue       |  24 -
 .../components/VueFlow/RuntimeNode.vue        |  47 --
 .../components/VueFlow/customFlow.vue         | 238 ------
 .../register/components/VueFlow/index.vue     | 205 -----
 src/views/device/register/components/index.js |  59 --
 src/views/device/robotManger/ContextMenu.vue  |  89 ---
 .../device/robotManger/TechButtonWithLine.vue | 547 --------------
 vite.config.js                                |  17 +
 vite/plugins/auto-import.js                   |   1 +
 43 files changed, 21 insertions(+), 6794 deletions(-)
 delete mode 100644 src/api/device/arm.js
 delete mode 100644 src/api/device/camera.js
 delete mode 100644 src/api/device/dexHand.js
 delete mode 100644 src/api/device/microphone.js
 delete mode 100644 src/api/device/speaker.js
 delete mode 100644 src/api/touch_interaction.js
 delete mode 100644 src/api/tts.js
 delete mode 100644 src/views/device/register/components/Camera/index.vue
 delete mode 100644 src/views/device/register/components/ControlCard/index.vue
 delete mode 100644 src/views/device/register/components/DexHand/LeftBottomHand.vue
 delete mode 100644 src/views/device/register/components/DexHand/LeftTopHand.vue
 delete mode 100644 src/views/device/register/components/DexHand/RightBottomCharts.vue
 delete mode 100644 src/views/device/register/components/DexHand/RightTopCharts.vue
 delete mode 100644 src/views/device/register/components/DexHand/index.vue
 delete mode 100644 src/views/device/register/components/Head/index.vue
 delete mode 100644 src/views/device/register/components/MechanicalArm/components/JointControl.vue
 delete mode 100644 src/views/device/register/components/MechanicalArm/components/UrdfViewer.vue
 delete mode 100644 src/views/device/register/components/MechanicalArm/index.vue
 delete mode 100644 src/views/device/register/components/Microphone/index.vue
 delete mode 100644 src/views/device/register/components/Motor/index.vue
 delete mode 100644 src/views/device/register/components/Speaker/index.vue
 delete mode 100644 src/views/device/register/components/SpeechSynthesis/AudioPlayer.vue
 delete mode 100644 src/views/device/register/components/SpeechSynthesis/chat.vue
 delete mode 100644 src/views/device/register/components/SpeechSynthesis/img/ai.png
 delete mode 100644 src/views/device/register/components/SpeechSynthesis/img/user.png
 delete mode 100644 src/views/device/register/components/SpeechSynthesis/index.vue
 delete mode 100644 src/views/device/register/components/SpeechSynthesis/soundRecording.vue
 delete mode 100644 src/views/device/register/components/TouchInteraction/ai.png
 delete mode 100644 src/views/device/register/components/TouchInteraction/index.vue
 delete mode 100644 src/views/device/register/components/TouchInteraction/zsj.png
 delete mode 100644 src/views/device/register/components/VueFlow/IPlayer/config.ts
 delete mode 100644 src/views/device/register/components/VueFlow/IPlayer/index.vue
 delete mode 100644 src/views/device/register/components/VueFlow/RuntimeGroup.vue
 delete mode 100644 src/views/device/register/components/VueFlow/RuntimeNode.vue
 delete mode 100644 src/views/device/register/components/VueFlow/customFlow.vue
 delete mode 100644 src/views/device/register/components/VueFlow/index.vue
 delete mode 100644 src/views/device/register/components/index.js
 delete mode 100644 src/views/device/robotManger/ContextMenu.vue
 delete mode 100644 src/views/device/robotManger/TechButtonWithLine.vue

diff --git a/src/api/device/arm.js b/src/api/device/arm.js
deleted file mode 100644
index a7a167e..0000000
--- a/src/api/device/arm.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import request from '@/utils/request'
-// 移动机械臂
-export function moveJ(data) {
-    return request({
-        url: '/api/humanoid/moveJ',
-        method: 'post',
-        data: data
-    })
-}
-
-// 获取机械臂状态
-export function status(data) {
-    return request({
-        url: '/api/humanoid/status',
-        method: 'post',
-        data: data
-    })
-}
-
-export function clearFault(params) {
-    return request({
-        url: '/api/arm/clearFault',
-        method: 'get',
-        params
-    })
-}
diff --git a/src/api/device/camera.js b/src/api/device/camera.js
deleted file mode 100644
index c10a7be..0000000
--- a/src/api/device/camera.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import request from '@/utils/request'
-
-export function getRgbStreamUrl(robotId, deviceId) {
-  return request({
-    url: '/api/edge/camera/rgb-stream-url',
-    method: 'get',
-    params: { robotId, deviceId }
-  })
-}
diff --git a/src/api/device/dexHand.js b/src/api/device/dexHand.js
deleted file mode 100644
index 0d8793d..0000000
--- a/src/api/device/dexHand.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import request from '@/utils/request'
-
-// 获取灵巧手状态
-export function status(query) {
-    return request({
-        url: '/api/dexHand/status',
-        method: 'get',
-        params: query
-    })
-}
-
-// 设置灵巧手弯曲角度
-export function setDexHandAngle(query) {
-    return request({
-        url: '/api/dexHand/angle',
-        method: 'get',
-        params: query
-    })
-}
diff --git a/src/api/device/microphone.js b/src/api/device/microphone.js
deleted file mode 100644
index d14002d..0000000
--- a/src/api/device/microphone.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import request from '@/utils/request'
-
-// 开始录音
-export function startMicrophoneApi(data) {
-  return request({
-      url: '/api/Microphone/start',
-      method: 'post',
-      data: data
-  })
-}
-
-// 暂停录音
-export function pauseMicrophoneApi(data) {
-  return request({
-      url: '/api/Microphone/pause',
-      method: 'post',
-      data: data
-  })
-}
-
-// 恢复录音
-export function resumeMicrophoneApi(data) {
-  return request({
-      url: '/api/Microphone/resume',
-      method: 'post',
-      data: data
-  })
-}
-
-// 停止录音
-export function stopMicrophoneApi(data) {
- return request({
-    url: '/api/Microphone/stop',
-    method: 'post',
-    data: data
-  })
-}
-
-// 播放音频
-export function playSpeaker(data) {
-  return request({
-    url: '/api/Speaker/play',
-    method: 'post',
-    data: data
-  })
-}
\ No newline at end of file
diff --git a/src/api/device/speaker.js b/src/api/device/speaker.js
deleted file mode 100644
index ec9e94e..0000000
--- a/src/api/device/speaker.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import request from '@/utils/request'
-
-// 暂停播放
-export function pause(data) {
-    return request({
-        url: '/api/Speaker/pause',
-        method: 'post',
-        data: data
-    })
-}
-
-// 播放音频
-export function play(data) {
-    return request({
-        url: '/api/Speaker/play',
-        method: 'post',
-        data: data
-    })
-}
-
-// 恢复播放
-export function resume(data) {
-    return request({
-        url: '/api/Speaker/resume',
-        method: 'post',
-        data: data
-    })
-}
-
-// 获取扬声器状态
-export function status(query) {
-    return request({
-        url: '/api/Speaker/status',
-        method: 'get',
-        params: query
-    })
-}
-
-// 停止播放
-export function stop(data) {
-    return request({
-        url: '/api/Speaker/stop',
-        method: 'post',
-        data: data
-    })
-}
-
-// 获取音量
-export function getVolume(query) {
-    return request({
-        url: '/api/Speaker/volume',
-        method: 'get',
-        params: query
-    })
-}
-
-// 设置音量
-export function setVolume(data) {
-    return request({
-        url: '/api/Speaker/volume',
-        method: 'post',
-        data: data
-    })
-}
-
-// 设置音量
-export function getAll() {
-    return request({
-        url: '/api/Speaker/getAll',
-        method: 'get',
-    })
-}
\ No newline at end of file
diff --git a/src/api/touch_interaction.js b/src/api/touch_interaction.js
deleted file mode 100644
index 9182549..0000000
--- a/src/api/touch_interaction.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import request from "@/utils/request.js";
-
-export function coordinateMarking(data) {
-    return request({
-        url: '/show/touch/coordinates',
-        method: 'post',
-        headers: {
-            isToken: false,
-            'Content-Type': 'multipart/form-data',
-            'Authorization':'Bearer eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImIzY2QwYjFjLWNlNjgtNDEwNy1hYzA1LTdmYTBlNmQ4NzJmNiJ9.2N9E9IDrFeCe-yRIBly60N0kYYmCscdrhyd8KHmhw2dxLi7B_A1i8bcWRTtx9YryFB3AhkvZkGauMx0CdZ0TDg'
-        },
-        data: data
-    })
-}
diff --git a/src/api/tts.js b/src/api/tts.js
deleted file mode 100644
index 0a77f2a..0000000
--- a/src/api/tts.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import request from '@/utils/request'
-
-const serviceHeaders = {
-  Authorization: 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImFiNmEyY2Y0LWM3MjQtNDgyMy1hM2NiLTk4N2NhZWNmMzZiNCJ9.oq-JVRbQuq_ujQ2V0h2jXC3woHPdMQKhnYJ8ixRm-C6Ez4GqJWyHYgmnkw5dbDyhWGdIUH02uv6XT8UiboHD4g',
-  isToken: false,
-}
-
-export function createTimbre(data) {
-  return request({ url: '/show/tts/create', method: 'post', headers: { ...serviceHeaders, 'Content-Type': 'multipart/form-data' }, data })
-}
-
-export function getTts() {
-  return request({ url: '/show/tts/query', method: 'get', headers: serviceHeaders })
-}
-
-export function createCorpus(data) {
-  return request({ url: '/show/tts/corpus', method: 'post', headers: serviceHeaders, data })
-}
-
-export function getSynthesize(data, config = {}) {
-  return request({ url: '/show/tts/synthesize', method: 'post', headers: serviceHeaders, responseType: 'blob', data }, config)
-}
-
-export function createAdvancedCorpus(data) {
-  return request({ url: '/show/tts/corpus/advanced', method: 'post', headers: serviceHeaders, data })
-}
-
-export function getAdvancedSynthesize(data, config = {}) {
-  return request({ url: '/show/tts/synthesize/advanced', method: 'post', headers: serviceHeaders, responseType: 'blob', data }, config)
-}
diff --git a/src/router/index.js b/src/router/index.js
index 7128fcf..e54415f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,7 +1,7 @@
 import { createWebHistory, createRouter } from "vue-router";
 /* Layout */
 import Layout from "@/layout";
-import { resolveCommonView } from '@cmvr/iot-common'
+import { createDeviceRoutes, resolveCommonView } from '@cmvr/iot-common'
 
 const commonView = (view) => {
   const component = resolveCommonView(view)
@@ -66,83 +66,7 @@ export const constantRoutes = [
     component: commonView('error/401'),
     hidden: true,
   },
-  {
-    path: "/device",
-    component: Layout,
-    children: [
-      {
-        path: "mechanical_arm/:id",
-        component: () =>
-          import("@/views/device/register/components/MechanicalArm/index.vue"),
-        name: "机械臂示教",
-        meta: { title: "机械臂详情" },
-        hidden: true,
-      },
-      {
-        path: "camera/:id",
-        component: () =>
-          import("@/views/device/register/components/Camera/index.vue"),
-        name: "摄像头示教",
-        meta: { title: "摄像头详情" },
-        hidden: true,
-      },
-       {
-        path: "head/:id",
-        component: () =>
-          import("@/views/device/register/components/Head/index.vue"),
-        name: "人工头示教",
-        meta: { title: "人工头详情" },
-        hidden: true,
-      },
-      {
-        path: "speaker/:id",
-        component: () =>
-          import("@/views/device/register/components/Speaker/index.vue"),
-        name: "扬声器示教",
-        meta: { title: "扬声器详情" },
-        hidden: true,
-      },
-      {
-        path: "hand/:id",
-        component: () =>
-          import("@/views/device/register/components/DexHand/index.vue"),
-        name: "灵巧手示教",
-        meta: { title: "灵巧手详情" },
-        hidden: true,
-      },{
-        path: "microphone/:id",
-        component: () =>
-          import("@/views/device/register/components/Microphone/index.vue"),
-        name: "麦克风示教",
-        meta: { title: "麦克风详情" },
-        hidden: true,
-      }
-    ],
-  },
-  {
-    //语音合成
-    path: "/speech_synthesis",
-    component: () =>
-      import("@/views/device/register/components/SpeechSynthesis/index.vue"),
-    meta: { title: "语音合成", noLogin: true },
-    hidden: true,
-  },
-  {
-    //触摸交互
-    path: "/touch_interaction",
-    component: () =>
-      import("@/views/device/register/components/TouchInteraction/index.vue"),
-    meta: { title: "触摸交互", noLogin: true },
-    hidden: true,
-  },
-  {
-    // 流程运行状态
-    path: "/logic_flow",
-    component: () =>
-      import("@/views/device/register/components/VueFlow/index.vue"),
-    meta: { title: "流程运行状态", noLogin: true },
-    hidden: true,
-  },
+  ...createDeviceRoutes(Layout),
   {
     // 流程编排
     path: "/flow",
@@ -150,13 +74,6 @@ export const constantRoutes = [
     meta: { title: "流程编排", noLogin: true },
     hidden: true,
   },
-  {
-    //电机路由
-    path: "/Motor/:id",
-    component: () =>
-      import("@/views/device/register/components/Motor/index.vue"),
-    hidden: true,
-  },
   {
     path: "",
     component: Layout,
diff --git a/src/utils/jsencrypt.js b/src/utils/jsencrypt.js
index 78d9523..91eeff6 100644
--- a/src/utils/jsencrypt.js
+++ b/src/utils/jsencrypt.js
@@ -1,4 +1,4 @@
-import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'
+import JSEncrypt from 'jsencrypt'
 
 // 密钥对生成 http://web.chacuo.net/netrsakeypair
 
diff --git a/src/views/device/register/components/Camera/index.vue b/src/views/device/register/components/Camera/index.vue
deleted file mode 100644
index 27bc45a..0000000
--- a/src/views/device/register/components/Camera/index.vue
+++ /dev/null
@@ -1,553 +0,0 @@
-<template>
-  <div class="realsense-viewer">
-    <el-row type="flex" class="height-full">
-      <el-col :span="4" class="control-panel" style="border-right: 10px solid rgb(40, 50, 60);">
-        <div class="controls">
-          <el-form :model="form">
-            <el-form-item label="深度图像">
-              <el-switch v-model="form.stereoModule"></el-switch>
-            </el-form-item>
-            <el-form-item label="彩色图像">
-              <el-switch v-model="form.rgbCamera"></el-switch>
-            </el-form-item>
-          </el-form>
-        </div>
-      </el-col>
-      <el-col :span="20" class="video-panel" v-if="form.stereoModule || form.rgbCamera">
-        <div class="stream-container" :class="{ dual: form.stereoModule && form.rgbCamera }">
-          <div v-show="form.stereoModule" class="stream-item">
-            <div class="stream-wrapper">
-              <video ref="depthVideo" autoplay muted playsinline></video>
-              <span class="stream-state">{{ statusText(streamStatus.getDepthImageStream) }}</span>
-            </div>
-          </div>
-          <div v-show="form.rgbCamera" class="stream-item">
-            <div class="stream-wrapper">
-              <video ref="colorVideo" autoplay muted playsinline></video>
-              <span class="stream-state">{{ statusText(streamStatus.getRGBImageStream) }}</span>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col v-else :span="20" style="align-self: center;">
-        <el-empty description="请选择模式" />
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script setup>
-import { inject, reactive, toRefs, watch, onUnmounted, ref, nextTick } from 'vue';
-import { getResourceDevice } from '@/api/resource/device';
-import { getRgbStreamUrl } from "@/api/device/camera";
-import { useRoute } from "vue-router";
-
-const props = defineProps({
-  initialDeviceId: {
-    type: String,
-    default: null,
-  },
-  initialRobotId: {
-    type: String,
-    default: null,
-  },
-});
-
-const socket = inject('ws');
-const route = useRoute();
-const data = reactive({
-  form: {
-    stereoModule: false,
-    rgbCamera: false,
-  },
-  robotId: null,
-  cameraId: null,
-  type: 'camera',
-  callbacks: {},
-});
-const { form } = toRefs(data);
-const depthVideo = ref(null);
-const colorVideo = ref(null);
-const streamStatus = reactive({
-  getRGBImageStream: 'idle',
-  getDepthImageStream: 'idle',
-});
-const mediaPlayers = new Map();
-const retryTimers = new Map();
-let rgbStreamGeneration = 0;
-let rgbStreamRetryTimer = null;
-let rgbStreamAbortController = null;
-const MAX_QUEUE_BYTES = 2 * 1024 * 1024;
-const STARTUP_BUFFER_SECONDS = 0.35;
-const TARGET_LIVE_LATENCY_SECONDS = 0.45;
-const MAX_PLAYED_BUFFER_SECONDS = 2;
-const PLAYBACK_SYNC_INTERVAL_MS = 200;
-
-const statusText = (status) => ({
-  connecting: '连接中',
-  live: '实时',
-  retrying: '重连中',
-  error: '播放异常',
-}[status] || '未连接');
-
-function getVideoRef(method) {
-  return method === 'getRGBImageStream' ? colorVideo : depthVideo;
-}
-
-async function startDirectRgbStream() {
-  if (!data.robotId || !data.cameraId || !colorVideo.value) return;
-  rgbStreamAbortController?.abort();
-  rgbStreamAbortController = null;
-  const generation = ++rgbStreamGeneration;
-  clearTimeout(rgbStreamRetryTimer);
-  rgbStreamRetryTimer = null;
-  streamStatus.getRGBImageStream = 'connecting';
-  try {
-    const response = await getRgbStreamUrl(data.robotId, data.cameraId);
-    if (generation !== rgbStreamGeneration || !data.form.rgbCamera) return;
-    const relativeUrl = response.data;
-    const baseUrl = import.meta.env.VITE_APP_BASE_API.replace(/\/$/, '');
-    const video = colorVideo.value;
-    if (!video) return;
-    const player = createMediaPlayer(
-      'getRGBImageStream',
-      video,
-      'video/mp4; codecs="avc1.42C01E"'
-    );
-    rgbStreamAbortController = new AbortController();
-    consumeDirectRgbStream(
-      `${baseUrl}${relativeUrl}`,
-      generation,
-      player,
-      rgbStreamAbortController.signal
-    );
-  } catch (error) {
-    if (generation === rgbStreamGeneration && data.form.rgbCamera) {
-      console.error('Failed to open the direct RGB video stream:', error);
-      scheduleDirectRgbRestart();
-    }
-  }
-}
-
-async function consumeDirectRgbStream(url, generation, player, signal) {
-  try {
-    const response = await fetch(url, { signal, cache: 'no-store' });
-    if (!response.ok || !response.body) {
-      throw new Error(`RGB video stream request failed: HTTP ${response.status}`);
-    }
-    const reader = response.body.getReader();
-    while (generation === rgbStreamGeneration && data.form.rgbCamera) {
-      const { done, value } = await reader.read();
-      if (done) break;
-      if (!value?.byteLength || player.destroyed) continue;
-      const chunk = value.buffer.slice(value.byteOffset, value.byteOffset + value.byteLength);
-      player.queue.push(chunk);
-      player.queueBytes += chunk.byteLength;
-      if (player.queueBytes > MAX_QUEUE_BYTES) {
-        throw new Error(`RGB video stream queue exceeded ${MAX_QUEUE_BYTES} bytes`);
-      }
-      pumpMediaQueue(player);
-    }
-    if (!signal.aborted && generation === rgbStreamGeneration && data.form.rgbCamera) {
-      scheduleDirectRgbRestart();
-    }
-  } catch (error) {
-    if (error?.name !== 'AbortError' && generation === rgbStreamGeneration && data.form.rgbCamera) {
-      console.error('Direct RGB video stream interrupted:', error);
-      scheduleDirectRgbRestart();
-    }
-  }
-}
-
-function stopDirectRgbStream() {
-  rgbStreamGeneration++;
-  clearTimeout(rgbStreamRetryTimer);
-  rgbStreamRetryTimer = null;
-  rgbStreamAbortController?.abort();
-  rgbStreamAbortController = null;
-  destroyMediaPlayer('getRGBImageStream');
-  streamStatus.getRGBImageStream = 'idle';
-}
-
-function scheduleDirectRgbRestart() {
-  if (rgbStreamRetryTimer || !data.form.rgbCamera) return;
-  rgbStreamAbortController?.abort();
-  rgbStreamAbortController = null;
-  destroyMediaPlayer('getRGBImageStream');
-  streamStatus.getRGBImageStream = 'retrying';
-  rgbStreamRetryTimer = setTimeout(() => {
-    rgbStreamRetryTimer = null;
-    startDirectRgbStream();
-  }, 1000);
-}
-
-function createMediaPlayer(method, video, mimeType) {
-  if (!window.MediaSource || !MediaSource.isTypeSupported(mimeType)) {
-    streamStatus[method] = 'error';
-    throw new Error(`浏览器不支持媒体格式: ${mimeType}`);
-  }
-
-  destroyMediaPlayer(method);
-  const mediaSource = new MediaSource();
-  const objectUrl = URL.createObjectURL(mediaSource);
-  const state = {
-    method,
-    video,
-    mimeType,
-    mediaSource,
-    sourceBuffer: null,
-    objectUrl,
-    queue: [],
-    queueBytes: 0,
-    lastSequence: 0,
-    started: false,
-    syncTimer: null,
-    destroyed: false,
-  };
-  mediaPlayers.set(method, state);
-  video.src = objectUrl;
-
-  mediaSource.addEventListener('sourceopen', () => {
-    if (state.destroyed || state.sourceBuffer) return;
-    try {
-      const sourceBuffer = mediaSource.addSourceBuffer(mimeType);
-      state.sourceBuffer = sourceBuffer;
-      sourceBuffer.addEventListener('updateend', () => pumpMediaQueue(state));
-      sourceBuffer.addEventListener('error', () => restartMediaStream(method));
-      state.syncTimer = window.setInterval(() => maintainLivePlayback(state), PLAYBACK_SYNC_INTERVAL_MS);
-      pumpMediaQueue(state);
-    } catch (error) {
-      console.error('创建视频缓冲区失败:', error);
-      restartMediaStream(method);
-    }
-  }, { once: true });
-  return state;
-}
-
-function appendMediaPacket(method, packet) {
-  const video = getVideoRef(method).value;
-  if (!video) return;
-  let state = mediaPlayers.get(method);
-  if (!state || state.mimeType !== packet.mimeType || state.video !== video) {
-    state = createMediaPlayer(method, video, packet.mimeType);
-  }
-  if (state.lastSequence && packet.sequence !== state.lastSequence + 1) {
-    console.warn(`视频片段序号中断: ${state.lastSequence} -> ${packet.sequence}`);
-    scheduleRestart(method);
-    return;
-  }
-  state.lastSequence = packet.sequence;
-  state.queue.push(packet.data);
-  state.queueBytes += packet.data.byteLength;
-  if (state.queueBytes > MAX_QUEUE_BYTES) {
-    console.warn(`视频缓冲积压超过${MAX_QUEUE_BYTES / 1024 / 1024}MB，重新建立实时流`);
-    scheduleRestart(method);
-    return;
-  }
-  pumpMediaQueue(state);
-}
-
-function pumpMediaQueue(state) {
-  const sourceBuffer = state.sourceBuffer;
-  if (state.destroyed || !sourceBuffer || sourceBuffer.updating) return;
-  try {
-    maintainLivePlayback(state);
-    const buffered = sourceBuffer.buffered;
-    if (buffered.length > 0 && state.started) {
-      const oldestBufferedTime = buffered.start(0);
-      const removeEnd = state.video.currentTime - 1;
-      if (removeEnd - oldestBufferedTime > MAX_PLAYED_BUFFER_SECONDS) {
-        sourceBuffer.remove(oldestBufferedTime, removeEnd);
-        return;
-      }
-    }
-    if (state.queue.length === 0) return;
-    const chunk = state.queue.shift();
-    state.queueBytes -= chunk.byteLength;
-    sourceBuffer.appendBuffer(chunk);
-    streamStatus[state.method] = 'live';
-  } catch (error) {
-    console.error('追加视频片段失败:', error);
-    restartMediaStream(state.method);
-  }
-}
-
-function restartMediaStream(method) {
-  if (method === 'getRGBImageStream') {
-    scheduleDirectRgbRestart();
-  } else {
-    scheduleRestart(method);
-  }
-}
-
-function maintainLivePlayback(state) {
-  const { sourceBuffer, video } = state;
-  if (state.destroyed || !sourceBuffer || sourceBuffer.updating || sourceBuffer.buffered.length === 0) return;
-
-  const buffered = sourceBuffer.buffered;
-  const rangeIndex = buffered.length - 1;
-  const liveStart = buffered.start(rangeIndex);
-  const liveEnd = buffered.end(rangeIndex);
-  const bufferedDuration = liveEnd - liveStart;
-
-  if (!state.started) {
-    if (bufferedDuration < STARTUP_BUFFER_SECONDS) return;
-    video.currentTime = Math.max(liveStart, liveEnd - TARGET_LIVE_LATENCY_SECONDS);
-    video.playbackRate = 1;
-    state.started = true;
-    video.play().catch(() => {});
-    return;
-  }
-
-  if (video.paused) {
-    video.play().catch(() => {});
-  }
-  if (video.seeking) return;
-
-  const latency = liveEnd - video.currentTime;
-  let playbackRate = 1;
-  if (latency > 1.4) {
-    playbackRate = 1.2;
-  } else if (latency > 1) {
-    playbackRate = 1.12;
-  } else if (latency > 0.7) {
-    playbackRate = 1.05;
-  } else if (latency < 0.28) {
-    playbackRate = 0.98;
-  }
-  if (Math.abs(video.playbackRate - playbackRate) > 0.001) {
-    video.playbackRate = playbackRate;
-  }
-}
-
-function destroyMediaPlayer(method) {
-  const state = mediaPlayers.get(method);
-  if (!state) return;
-  state.destroyed = true;
-  state.queue = [];
-  state.queueBytes = 0;
-  if (state.syncTimer) {
-    clearInterval(state.syncTimer);
-    state.syncTimer = null;
-  }
-  const video = state.video;
-  if (video) {
-    video.playbackRate = 1;
-    video.pause();
-    video.removeAttribute('src');
-    video.load();
-  }
-  URL.revokeObjectURL(state.objectUrl);
-  mediaPlayers.delete(method);
-}
-
-function channelFor(method) {
-  return `edgeCameraServiceImpl/${method}/${data.robotId}/${data.cameraId}`;
-}
-
-async function setSubscription(enabled, method, force = false) {
-  if (!socket || !data.robotId || !data.cameraId) return;
-  await nextTick();
-  const channel = channelFor(method);
-
-  if (enabled) {
-    if (data.callbacks[channel] && !force) return;
-    streamStatus[method] = 'connecting';
-    if (!data.callbacks[channel]) {
-      const callback = (payload) => {
-        if (payload?.media) {
-          appendMediaPacket(method, payload);
-        } else if (payload === '500') {
-          scheduleRestart(method);
-        }
-      };
-      // 先注册前端回调，再通知后端启动，避免丢失初始化片段。
-      socket.on(channel, callback);
-      data.callbacks[channel] = callback;
-    }
-  } else {
-    clearTimeout(retryTimers.get(method));
-    retryTimers.delete(method);
-  }
-
-  socket.send({
-    type: 'channel_subscription',
-    action: enabled ? 'subscribe' : 'unsubscribe',
-    channel,
-  });
-  if (!enabled) {
-    if (data.callbacks[channel]) {
-      socket.off(channel, data.callbacks[channel]);
-      delete data.callbacks[channel];
-    }
-    destroyMediaPlayer(method);
-    streamStatus[method] = 'idle';
-  }
-}
-
-function scheduleRestart(method) {
-  if (retryTimers.has(method) || !data.form[method === 'getRGBImageStream' ? 'rgbCamera' : 'stereoModule']) return;
-  streamStatus[method] = 'retrying';
-  destroyMediaPlayer(method);
-  const timer = setTimeout(async () => {
-    retryTimers.delete(method);
-    await setSubscription(false, method);
-    await new Promise(resolve => setTimeout(resolve, 500));
-    if (data.form[method === 'getRGBImageStream' ? 'rgbCamera' : 'stereoModule']) {
-      await setSubscription(true, method);
-    }
-  }, 1000);
-  retryTimers.set(method, timer);
-}
-
-function handleSocketOpen() {
-  if (data.form.stereoModule && data.robotId && data.cameraId) {
-    destroyMediaPlayer('getDepthImageStream');
-    setSubscription(true, 'getDepthImageStream', true);
-  }
-}
-
-function handleSocketClose() {
-  destroyMediaPlayer('getDepthImageStream');
-  if (data.form.stereoModule) {
-    streamStatus.getDepthImageStream = 'retrying';
-  }
-}
-
-socket?.on('open', handleSocketOpen);
-socket?.on('close', handleSocketClose);
-
-watch(() => data.form.stereoModule, async (newVal) => {
-  if (!data.robotId || !data.cameraId) return;
-  await setSubscription(newVal, 'getDepthImageStream');
-});
-
-watch(() => data.form.rgbCamera, async (newVal) => {
-  if (!data.robotId || !data.cameraId) return;
-  if (newVal) {
-    await nextTick();
-    await startDirectRgbStream();
-  } else {
-    stopDirectRgbStream();
-  }
-});
-
-watch(
-  () => props.initialDeviceId || route.path.split('/')[3],
-  async (deviceId) => {
-    if (!deviceId) return;
-    const queryRobotId = props.initialRobotId || route.query.robotId;
-    const queryDeviceId = props.initialDeviceId || route.query.deviceId;
-    if (queryRobotId && queryDeviceId) {
-      data.cameraId = String(queryDeviceId);
-      data.robotId = String(queryRobotId);
-      if (data.form.stereoModule) await setSubscription(true, 'getDepthImageStream');
-      if (data.form.rgbCamera) await startDirectRgbStream();
-      return;
-    }
-    try {
-      const response = await getResourceDevice(deviceId);
-      data.cameraId = response.data.deviceId;
-      data.robotId = props.initialRobotId || response.data.robotId;
-      if (data.form.stereoModule) await setSubscription(true, 'getDepthImageStream');
-      if (data.form.rgbCamera) await startDirectRgbStream();
-    } catch (error) {
-      console.error('获取摄像头注册信息失败:', error);
-    }
-  },
-  { immediate: true }
-);
-
-onUnmounted(() => {
-  socket?.off('open', handleSocketOpen);
-  socket?.off('close', handleSocketClose);
-  stopDirectRgbStream();
-  ['getDepthImageStream'].forEach(method => {
-    clearTimeout(retryTimers.get(method));
-    if (data.robotId && data.cameraId) {
-      const channel = channelFor(method);
-      socket?.send({ type: 'channel_subscription', action: 'unsubscribe', channel });
-      if (data.callbacks[channel]) socket.off(channel, data.callbacks[channel]);
-    }
-    destroyMediaPlayer(method);
-  });
-  data.callbacks = {};
-});
-</script>
-
-<style scoped lang="scss">
-.realsense-viewer {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  background-color: #000;
-  .height-full {
-    height: 100%;
-  }
-  .control-panel {
-    padding: 10px;
-    .controls {
-      padding: 10px;
-      background-color: rgb(50, 50, 50);
-      border-radius: 10px;
-      .el-form {
-        display: flex;
-        flex-direction: column;
-      }
-    }
-  }
-  .video-panel {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    overflow: hidden;
-    .stream-container {
-      display: flex;
-      flex-direction: column;
-      flex-grow: 1;
-      min-height: 0;
-      &.dual {
-        .stream-item {
-          min-height: 50%;
-        }
-      }
-      .stream-item {
-        flex: 1;
-        min-height: 0;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        .stream-wrapper {
-          width: 100%;
-          height: 100%;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          overflow: hidden;
-          position: relative;
-          video {
-            width: 100%;
-            height: 100%;
-            object-fit: contain;
-            background: #000;
-          }
-          .stream-state {
-            position: absolute;
-            top: 12px;
-            right: 12px;
-            padding: 4px 9px;
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            border-radius: 4px;
-            background: rgba(0, 0, 0, 0.58);
-            color: rgba(255, 255, 255, 0.9);
-            font-size: 12px;
-            line-height: 18px;
-            pointer-events: none;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/device/register/components/ControlCard/index.vue b/src/views/device/register/components/ControlCard/index.vue
deleted file mode 100644
index 1590fb4..0000000
--- a/src/views/device/register/components/ControlCard/index.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup>
-const props = defineProps({
-  title: {
-    type: String,
-  }
-})
-</script>
-
-<template>
-  <div class="control-card">
-    <div class="title" v-if="props.title">{{ props.title }}</div>
-    <div class="body">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.control-card {
-  @include br6;
-  padding: 10px;
-
-  .title {
-    color: #333;
-    font-size: 14px;
-    margin-bottom: 10px;
-    font-weight: 900;
-  }
-
-  .body {
-    height: calc(100% - 20px);
-    overflow-y: auto;
-  }
-}
-
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/DexHand/LeftBottomHand.vue b/src/views/device/register/components/DexHand/LeftBottomHand.vue
deleted file mode 100644
index 302711f..0000000
--- a/src/views/device/register/components/DexHand/LeftBottomHand.vue
+++ /dev/null
@@ -1,431 +0,0 @@
-<template>
-  <div class="left-bottom-charts"> 
-      <el-tooltip :content="!isHandSeries ? '开启触觉流': '关闭触觉流'" placement="top">
-      <el-switch
-          v-model="isHandSeries"
-          @change="handleSwitchChange"
-          style="--el-switch-on-color: #13ce66; --el-switch-off-color: #999; position: absolute;"
-      />
-      </el-tooltip>
-      <canvas ref="handCanvas" class="hand-canvas"></canvas>
-  </div>
-</template>
-    
-<script setup >
-import handImage from '@/assets/images/hand2.png';
-import { inject } from 'vue';
-const emit = defineEmits(['update:bottomSeriesData']);
-const socket = inject('ws');
-const handCanvas = ref(null);
-const robotId = ref(''); // 待您修改
-const deviceId = ref(''); // 待您修改
-const frameData = ref({ count: 0, lastTime: 0 });
-const isHandSeries = ref(false);
-const containerRef = ref(null)
-
-// 1. 定义 props
-const props = defineProps({
-  initialDeviceId: { // 示例 prop，用于从弹窗接收cameraId
-    type: String,
-    default: null,
-  },
-  initialRobotId: { // 示例 prop，用于从弹窗接收 robotId
-    type: String,
-    default: null,
-  },
-});
-
-// 2. 使用 watchEffect 来响应 props 和路由的变化
-watchEffect(() => {
-  robotId.value = props.initialRobotId;
-  deviceId.value = props.initialDeviceId;
-});
-
-// 矩形定义
-const rectangle = [
-  { x: 24, y: 305, width: 21, height: 20, xCount: 3, yCount: 3 }, // PINKY.TIP
-  { x: 17, y: 240, width: 42, height: 57, xCount: 8, yCount: 12 }, // PINKY.FINGER
-  { x: 25, y: 152, width: 42, height: 51, xCount: 8, yCount: 10 }, // PINKY.PAD
-  { x: 88, y: 339, width: 23, height: 22, xCount: 3, yCount: 3 }, // RING.TIP
-  { x: 75, y: 276, width: 43, height: 56, xCount: 8, yCount: 12 }, // RING.FINGER
-  { x: 88, y: 152, width: 44, height: 51, xCount: 8, yCount: 10 }, // RING.PAD
-  { x: 153, y: 354, width: 22, height: 21, xCount: 3, yCount: 3 }, // MIDDLE_FINGER.TIP
-  { x: 146, y: 283, width: 44, height: 56, xCount: 8, yCount: 12 }, // MIDDLE_FINGER.FINGER
-  { x: 146, y: 152, width: 43, height: 51, xCount: 8, yCount: 10 }, // MIDDLE_FINGER.PAD
-  { x: 224, y: 332, width: 23, height: 22, xCount: 3, yCount: 3 }, // INDEX.TIP
-  { x: 209, y: 267, width: 44, height: 58, xCount: 8, yCount: 12 }, // INDEX.FINGER
-  { x: 203, y: 152, width: 44, height: 52, xCount: 8, yCount: 10 }, // INDEX.PAD
-  { x: 290, y: 225, width: 21, height: 21, xCount: 3, yCount: 3 }, // THUMB.TIP
-  { x: 282, y: 161, width: 44, height: 57, xCount: 8, yCount: 12 }, // THUMB.FINGER
-  { x: 289, y: 111, width: 22, height: 20, xCount: 3, yCount: 3 }, // THUMB.THUMB_MIDDLE
-  { x: 269, y: 24, width: 57, height: 57, xCount: 8, yCount: 12 }, // THUMB.PAD
-  { x: 53, y: 11, width: 188, height: 107, xCount: 14, yCount: 8 } // PALM.PALM_PAD
-];
-
-// 模拟的矩形数据（17 个二维数组）
-const rectangleData = ref([]);
-
-// 初始化矩形数据
-const initializeRectangleData = () => {
-  rectangleData.value = rectangle.map(({ xCount, yCount }) =>
-    Array(yCount)
-      .fill()
-      .map(() => Array(xCount).fill().map(() => Math.floor(Math.random() * 0)))
-  );
-};
-
-
-// 防抖函数
-const debounce = (func, delay) => {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func.apply(null, args), delay);
-  };
-};
-
-// 初始化 Canvas
-const initCanvas = () => {
-  const canvas = handCanvas.value;
-  if (!canvas) {
-    console.error('Canvas element is not available');
-    return;
-  }
-
-  const img = new Image();
-  img.onload = () => {
-    canvas.width = canvas.parentElement.offsetWidth;
-    canvas.height = canvas.parentElement.offsetHeight;
-
-    const ctx = canvas.getContext('2d');
-    if (ctx) {
-      drawImage(ctx, img);
-      drawRectangles(ctx, img);
-    } else {
-      console.error('Failed to get 2D context');
-    }
-  };
-  img.onerror = () => console.error('Failed to load image:', handImage);
-  img.src = handImage;
-};
-
-// 绘制图片
-const drawImage = (ctx, img) => {
-  const { width: canvasWidth, height: canvasHeight } = ctx.canvas;
-  const aspectRatio = img.width / img.height;
-
-  let drawWidth, drawHeight;
-  if (canvasWidth / canvasHeight > aspectRatio) {
-    drawHeight = canvasHeight;
-    drawWidth = drawHeight * aspectRatio;
-  } else {
-    drawWidth = canvasWidth;
-    drawHeight = drawWidth / aspectRatio;
-  }
-
-  const x = (canvasWidth - drawWidth) / 2;
-  const y = canvasHeight - drawHeight;
-
-  ctx.drawImage(img, x, y, drawWidth, drawHeight);
-};
-
-// 绘制矩形
-const drawRectangles = (ctx, img) => {
-  const { width: canvasWidth, height: canvasHeight } = ctx.canvas;
-  const aspectRatio = img.width / img.height;
-
-  let drawWidth, drawHeight;
-  if (canvasWidth / canvasHeight > aspectRatio) {
-    drawHeight = canvasHeight;
-    drawWidth = drawHeight * aspectRatio;
-  } else {
-    drawWidth = canvasWidth;
-    drawHeight = drawWidth / aspectRatio;
-  }
-
-  const xOffset = Math.round((canvasWidth - drawWidth) / 2);
-  const yOffset = Math.round(canvasHeight - drawHeight);
-
-  const scaleX = drawWidth / img.width;
-  const scaleY = drawHeight / img.height;
-
-  rectangle.forEach((rect, index) => {
-    const x = Math.round(xOffset + rect.x * scaleX);
-    const y = Math.round(yOffset + (img.height - rect.y - rect.height) * scaleY);
-    const rectWidth = Math.round(rect.width * scaleX);
-    const rectHeight = Math.round(rect.height * scaleY);
-    const smallWidth = Math.round(rectWidth / rect.xCount);
-    const smallHeight = Math.round(rectHeight / rect.yCount);
-
-    const data = rectangleData.value[index];
-    if (!data) {
-      console.warn(`No data for rectangle at index ${index}`);
-      return;
-    }
-
-    for (let i = 0; i < rect.xCount; i++) {
-      for (let j = 0; j < rect.yCount; j++) {
-        const smallX = x + i * smallWidth;
-        const smallY = y + j * smallHeight;
-        const value = data[j][i];
-        // 非常淡橙色 (#FFF5E1, RGB: 255, 245, 225) 到深红 (#800000, RGB: 128, 0, 0)
-        const r = 128 + Math.floor(((255 - 128) * (4096 - value) + (128 - 0) * value) / 4096);
-        const g = Math.floor((245 * (4096 - value) + 0 * value) / 4096);
-        const b = Math.floor((225 * (4096 - value) + 0 * value) / 4096);
-        ctx.fillStyle = `rgb(${r}, ${g}, ${b})`;
-        ctx.fillRect(smallX, smallY, smallWidth, smallHeight);
-      }
-    }
-  });
-};
-
-// 更新 Canvas
-const updateCanvas = () => {
-  const canvas = handCanvas.value;
-  if (!canvas) {
-    console.error('Canvas element is not available during update');
-    return;
-  }
-
-  const img = new Image();
-  img.onload = () => {
-    canvas.width = canvas.parentElement.offsetWidth;
-    canvas.height = canvas.parentElement.offsetHeight;
-
-    const ctx = canvas.getContext('2d');
-    if (ctx) {
-      drawImage(ctx, img);
-      drawRectangles(ctx, img);
-    }
-  };
-  img.onerror = () => console.error('Failed to load image:', handImage);
-  img.src = handImage;
-};
-
-// 传感器到图表的映射
-const sensorMap = [
-  { fingerType: 'PINKY', partType: 'TIP', key: 'littleFinger.end' },
-  { fingerType: 'PINKY', partType: 'FINGER', key: 'littleFinger.tip' },
-  { fingerType: 'PINKY', partType: 'PAD', key: 'littleFinger.middle' },
-  { fingerType: 'RING', partType: 'TIP', key: 'ringFinger.end' },
-  { fingerType: 'RING', partType: 'FINGER', key: 'ringFinger.tip' },
-  { fingerType: 'RING', partType: 'PAD', key: 'ringFinger.middle' },
-  { fingerType: 'MIDDLE_FINGER', partType: 'TIP', key: 'middleFinger.end' },
-  { fingerType: 'MIDDLE_FINGER', partType: 'FINGER', key: 'middleFinger.tip' },
-  { fingerType: 'MIDDLE_FINGER', partType: 'PAD', key: 'middleFinger.middle' },
-  { fingerType: 'INDEX', partType: 'TIP', key: 'indexFinger.end' },
-  { fingerType: 'INDEX', partType: 'FINGER', key: 'indexFinger.tip' },
-  { fingerType: 'INDEX', partType: 'PAD', key: 'indexFinger.middle' },
-  { fingerType: 'THUMB', partType: 'TIP', key: 'thumb.end' },
-  { fingerType: 'THUMB', partType: 'FINGER', key: 'thumb.tip' },
-  { fingerType: 'THUMB', partType: 'THUMB_MIDDLE', key: 'thumb.middle' },
-  { fingerType: 'THUMB', partType: 'PAD', key: 'thumb.palm' },
-  { fingerType: 'PALM', partType: 'PALM_PAD', key: 'palm.touch' }
-];
-
-// WebSocket 订阅
-const subscribeSensorData = async (sub) => {
-  if (!socket || !robotId.value || !deviceId.value) {
-    console.warn(`订阅失败: socket=${!!socket}, robotId=${robotId.value}, deviceId=${deviceId.value}`);
-    return;
-  }
-  const channel = `edgeDexHandServiceImpl/getSensorDataStream/${robotId.value}/${deviceId.value}`;
-  console.log(sub ? '订阅' : '取消订阅', channel);
-  socket.send({
-    type: 'channel_subscription',
-    action: sub ? 'subscribe' : 'unsubscribe',
-    channel
-  });
-
-  if (sub) {
-    await nextTick();
-    if (data.callback) {
-      socket.off(channel, data.callback);
-      console.log('清理旧回调:', channel);
-    }
-
-    const callback = (playLoad) => {
-      requestAnimationFrame(() => {
-        const start = performance.now();
-        try {
-          // 解析 playLoad
-          const sensorData = typeof playLoad === 'string' ? JSON.parse(playLoad) : playLoad;
-          if (!Array.isArray(sensorData) || sensorData.length !== 17) {
-            console.error('无效的 payload 格式: 期望 17 个传感器对象', sensorData);
-            return;
-          }
-
-          // 转换为 rectangleData 和计算 maxData, avgData
-          const newRectangleData = sensorData.map((sensor, index) => {
-            const { xCount, yCount } = rectangle[index];
-            const { rows, cols, dataList } = sensor;
-
-            // 验证尺寸
-            if (rows !== yCount || cols !== xCount || !Array.isArray(dataList) || dataList.length !== rows) {
-              console.error(`传感器 ${sensor.sensorName} 数据尺寸不匹配: 期望 ${yCount}x${xCount}, 实际 ${rows}x${cols}`);
-              return rectangleData.value[index] || Array(yCount).fill().map(() => Array(xCount).fill(0));
-            }
-
-            // 提取 valuesList
-            return dataList.map(row => {
-              if (!row || !Array.isArray(row.valuesList) || row.valuesList.length !== cols) {
-                console.warn(`传感器 ${sensor.sensorName} 行数据无效`);
-                return Array(xCount).fill(0);
-              }
-              return row.valuesList;
-            });
-          });
-
-          // 计算 maxData 和 avgData
-          const newMaxData = {
-            thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-            indexFinger: { end: 0, tip: 0, middle: 0 },
-            middleFinger: { end: 0, tip: 0, middle: 0 },
-            ringFinger: { end: 0, tip: 0, middle: 0 },
-            littleFinger: { end: 0, tip: 0, middle: 0 },
-            palm: { touch: 0 }
-          };
-          const newAvgData = {
-            thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-            indexFinger: { end: 0, tip: 0, middle: 0 },
-            middleFinger: { end: 0, tip: 0, middle: 0 },
-            ringFinger: { end: 0, tip: 0, middle: 0 },
-            littleFinger: { end: 0, tip: 0, middle: 0 },
-            palm: { touch: 0 }
-          };
-
-          sensorData.forEach((sensor, index) => {
-            const { dataList, fingerType, partType } = sensor;
-            const map = sensorMap[index];
-            if (!map || map.fingerType !== fingerType || map.partType !== partType) {
-              console.warn(`传感器 ${sensor.sensorName} 映射不匹配: 期望 ${map.fingerType}.${map.partType}`);
-              return;
-            }
-
-            // 计算最大值和平均值
-            let maxValue = 0;
-            let sum = 0;
-            let count = 0;
-            dataList.forEach(row => {
-              row.valuesList.forEach(value => {
-                maxValue = Math.max(maxValue, value);
-                if (value > 0) {
-                  sum += value;
-                  count++;
-                }
-              });
-            });
-            const avgValue = count > 0 ? sum / count : 0;
-
-            // 更新 maxData 和 avgData
-            const [finger, part] = map.key.split('.');
-            newMaxData[finger][part] = Math.floor(maxValue);
-            newAvgData[finger][part] = Math.floor(avgValue);
-          });
-
-          // 更新 rectangleData 和 maxData, avgData
-          rectangleData.value = newRectangleData;
-          emit('update:topSeriesData', {maxData: newMaxData, avgData: newAvgData});
-
-          // 更新 Canvas
-          updateCanvas();
-
-          // 帧率和性能监控
-          frameData.value.count++;
-          const currentTime = performance.now();
-          if (frameData.value.lastTime && currentTime - frameData.value.lastTime >= 1000) {
-            const fps = frameData.value.count * 1000 / (currentTime - frameData.value.lastTime);
-            console.log(`渲染帧率: ${fps.toFixed(2)} fps, 通道: ${channel}`);
-            frameData.value.count = 0;
-            frameData.value.lastTime = currentTime;
-          } else if (!frameData.value.lastTime) {
-            frameData.value.lastTime = currentTime;
-          }
-          console.log(`数据更新耗时: ${(performance.now() - start).toFixed(2)}ms, 通道: ${channel}`);
-          if (performance.memory) {
-            console.log('当前内存使用:', {
-              usedJSHeapSize: (performance.memory.usedJSHeapSize / 1024 / 1024).toFixed(2) + ' MB',
-              totalJSHeapSize: (performance.memory.totalJSHeapSize / 1024 / 1024).toFixed(2) + ' MB'
-            });
-          }
-        } catch (err) {
-          console.error('数据更新失败:', err, '通道:', channel);
-          console.error('payload 数据:', playLoad);
-        }
-      });
-    };
-    socket.on(channel, callback);
-    data.callback = callback;
-    console.log('注册新回调:', channel);
-  } else {
-    if (data.callback) {
-      socket.off(channel, data.callback);
-      delete data.callback;
-      console.log('清理回调:', channel);
-    }
-  }
-};
-
-// 数据对象
-const data = reactive({
-  callback: null
-});
-
-
-const handleSwitchChange = (val) => {
-  subscribeSensorData(val)
-}
-
-// 生命周期钩子
-onMounted(async () => {
-  await nextTick();
-  initializeRectangleData(); // 初始化数据
-  initCanvas(); // 初始化 Canvas
-
-// 使用 ResizeObserver 监听父容器尺寸变化
-  const container = containerRef.value || handCanvas.value?.parentElement;
-  if (container) {
-    const resizeObserver = new ResizeObserver(debounce(updateCanvas, 10));
-    resizeObserver.observe(container);
-    // 保存 ResizeObserver 实例以便清理
-    data.resizeObserver = resizeObserver;
-  } else {
-    console.error('Failed to find container for ResizeObserver');
-  }
-
-  const debouncedResize = debounce(updateCanvas, 10);
-  window.addEventListener('resize', debouncedResize);
-  data.debouncedResize = debouncedResize; // 保存以便清理
-
-
-
-});
-
-onUnmounted(() => {
-  // 清理 ResizeObserver
-  if (data.resizeObserver) {
-    data.resizeObserver.disconnect();
-    delete data.resizeObserver;
-  }
-  // 清理 window 的 resize 事件
-  if (data.debouncedResize) {
-    window.removeEventListener('resize', data.debouncedResize);
-    delete data.debouncedResize;
-  }
-  // 清理 WebSocket 订阅
-  if (isHandSeries.value) {
-    subscribeSensorData(false);
-  }
-});
-</script>
-    
-<style>
-.left-bottom-charts {
-  height: 100%;
-}    
-.hand-canvas {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/DexHand/LeftTopHand.vue b/src/views/device/register/components/DexHand/LeftTopHand.vue
deleted file mode 100644
index faeae7c..0000000
--- a/src/views/device/register/components/DexHand/LeftTopHand.vue
+++ /dev/null
@@ -1,270 +0,0 @@
-<template>
-  <div class="left-top-hand" v-loading="loading">
-    <el-button
-      class="copy-button"
-      type="button"
-      :icon="isCopied ? 'Check' : 'CopyDocument'"
-      :disabled="isCopied"
-      @click="copyParams"
-      aria-label="复制当前参数"
-    >
-      {{ isCopied ? '完成' : '复制' }}
-    </el-button>
-    <img src="@/assets/images/hand.png" ref="handImage" class="hand-image" />
-    <div v-for="(slider, index) in sliders" :key="index" class="slider-container" :style="slider.style">
-      <span :class="`slider-title slider-title-${index}`">{{ slider.value }}</span>
-      <el-slider
-        v-model="slider.value"
-        :vertical="slider.vertical"
-        :height="slider.height + 'px'"
-        @change="updateSeriesData(slider.value, index)"
-        :class="`slider-${index}`"
-      />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted } from 'vue';
-import { status, setDexHandAngle } from '@/api/device/dexHand';
-
-const emit = defineEmits(['update:topSeriesData']);
-
-const loading = ref(false);
-const handImage = ref(null);
-const containerRef = ref(null); // 新增：引用父容器
-const defaultHandImageInfo = { width: 891, height: 981 };
-const imageAspectRatio = defaultHandImageInfo.width / defaultHandImageInfo.height;
-const robotId = ref('');
-const deviceId = ref(''); 
-// 1. 定义 props
-const props = defineProps({
-  initialDeviceId: { // 示例 prop，用于从弹窗接收cameraId
-    type: String,
-    default: null,
-  },
-  initialRobotId: { // 示例 prop，用于从弹窗接收 robotId
-    type: String,
-    default: null,
-  },
-});
-
-// 2. 使用 watchEffect 来响应 props 和路由的变化
-watchEffect(() => {
-  robotId.value = props.initialRobotId;
-  deviceId.value = props.initialDeviceId;
-  console.log(deviceId.value, robotId.value,props)
-});
-
-const sliders = ref([
-  { value: 0, defalutHeight: 466, height: 0, x: 120, y: 140, vertical: true, style: {} }, // 小拇指
-  { value: 0, defalutHeight: 466, height: 0, x: 230, y: 140, vertical: true, style: {} }, // 无名指
-  { value: 0, defalutHeight: 466, height: 0, x: 373, y: 140, vertical: true, style: {} }, // 中指
-  { value: 0, defalutHeight: 466, height: 0, x: 468, y: 140, vertical: true, style: {} }, // 食指
-  { value: 0, defalutHeight: 346, height: 0, x: 608, y: 360, vertical: true, style: {} }, // 大拇指弯曲
-  { value: 0, defalutHeight: 633, height: 0, x: 85, y: 723, vertical: false, style: {} }, // 大拇指旋转
-]);
-
-function updateSeriesData(value, i) {
-  console.log(deviceId.value, robotId.value)
-  loading.value = true;
-  setDexHandAngle({ deviceId: deviceId.value, robotId: robotId.value, value: value / 100, id: i }).then(() => {
-    loading.value = false;
-    updateToSeriesData();
-  }).catch(() => {
-    loading.value = false;
-  });
-}
-
-const isCopied = ref(false);
-
-const copyParams = () => {
-  navigator.clipboard.writeText(JSON.stringify(sliders.value))
-    .then(() => {
-      isCopied.value = true;
-      setTimeout(() => {
-        isCopied.value = false;
-      }, 3000);
-    })
-    .catch(err => {
-      console.error('复制失败:', err);
-    });
-};
-
-const debounce = (func, delay) => {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func.apply(null, args), delay);
-  };
-};
-
-const updateSliderPositions = () => {
-  const img = handImage.value;
-  if (img) {
-    const { width, height } = img.getBoundingClientRect();
-    console.log('Window resized - New dimensions:', width, height);
-    const widthRatio = width / height;
-    let realWidth = 0;
-    let realHeight = 0;
-    if (widthRatio > imageAspectRatio) {
-      realHeight = height;
-      realWidth = realHeight * imageAspectRatio;
-    } else {
-      realWidth = width;
-      realHeight = realWidth / imageAspectRatio;
-    }
-    const realImageAspectRatio = realWidth / defaultHandImageInfo.width;
-    console.log('Real dimensions:', realWidth, realHeight, realImageAspectRatio);
-
-    sliders.value.forEach((slider, index) => {
-      slider.height = slider.defalutHeight * realImageAspectRatio;
-      slider.style = {
-        top: (height / 2 - realHeight / 2) + slider.y * realImageAspectRatio - 16 + 'px',
-        left: (width / 2 - realWidth / 2) + slider.x * realImageAspectRatio - 16 + 'px',
-        position: 'absolute',
-        zIndex: 10,
-        width: slider.height + 'px',
-      };
-    });
-  }
-};
-
-const updateToSeriesData = () => {
-  status({ deviceId: deviceId.value, robotId: robotId.value }).then((res) => {
-    const newTopSeriesData = res.data.handsList.map(item => item.force);
-    emit('update:topSeriesData', newTopSeriesData);
-  });
-};
-const data = ref({
-  debouncedResize: null,
-  resizeObserver: null,
-});
-onMounted(() => {
-  updateSliderPositions();
-  // 使用 ResizeObserver 监听父容器尺寸变化
-    const container = containerRef.value || handImage.value?.parentElement;
-  if (container) {
-    const resizeObserver = new ResizeObserver(debounce(updateSliderPositions, 10));
-    resizeObserver.observe(container);
-    data.value.resizeObserver = resizeObserver;
-  } else {
-    console.error('Failed to find container for ResizeObserver');
-  }
-
-  const debouncedResize = debounce(updateSliderPositions, 0);
-  window.addEventListener('resize', debouncedResize);
-  data.value.debouncedResize = debouncedResize;
-  updateToSeriesData();
-});
-
-onUnmounted(() => {
- // 清理 ResizeObserver
-  if (data.value.resizeObserver) {
-    data.value.resizeObserver.disconnect();
-    data.value.resizeObserver = null;
-  }
-  // 清理 window 的 resize 事件
-  if (data.value.debouncedResize) {
-    window.removeEventListener('resize', data.value.debouncedResize);
-    data.value.debouncedResize = null;
-  }
-});
-</script>
-
-<style scoped>
-.left-top-hand {
-  position: relative;
-  height: 100%;
-}
-
-.hand-image {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-}
-
-.slider-container {
-  position: absolute;
-  z-index: 10;
-}
-
-.slider-container ::v-deep(.el-slider__button) {
-  width: 25px !important;
-  height: 12px !important;
-  background-color: #409eff !important;
-  border-radius: 0 !important;
-}
-
-.slider-5 ::v-deep(.el-slider__button) {
-  width: 12px !important;
-  height: 25px !important;
-  background-color: #409eff !important;
-  border-radius: 0 !important;
-}
-
-.slider-container .el-slider__runway {
-  background-color: #007bff;
-  border-radius: 2px;
-}
-
-.slider-title {
-  color: #409eff;
-  position: absolute;
-  bottom: -20px;
-  left: 10px;
-}
-
-.slider-title-5 {
-  bottom: 8px;
-  left: -30px;
-}
-
-.image {
-  width: 100%;
-  height: 50%;
-  object-fit: contain;
-}
-
-@media (max-width: 768px) {
-  .slider-container {
-    width: 5vw;
-  }
-}
-
-.copy-button {
-  position: absolute;
-  background-color: #FFFfff;
-  padding: 5px 10px;
-  border-radius: 5px;
-  border: 0;
-  color: #646362;
-  font-size: 16px;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  outline: none;
-}
-
-.copy-button:hover {
-  background-color: #FFF5E1;
-  transform: translateY(-1px);
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
-}
-
-.copy-button:active {
-  background-color: #FFDAB9;
-  transform: translateY(0);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.copy-button:focus {
-  box-shadow: 0 0 0 3px rgba(255, 165, 0, 0.3);
-}
-
-.copy-button:disabled {
-  background-color: #F0E8E0;
-  cursor: not-allowed;
-  transform: none;
-  box-shadow: none;
-}
-</style>
diff --git a/src/views/device/register/components/DexHand/RightBottomCharts.vue b/src/views/device/register/components/DexHand/RightBottomCharts.vue
deleted file mode 100644
index bc42122..0000000
--- a/src/views/device/register/components/DexHand/RightBottomCharts.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-<template>
-  <div ref="containerRef" style="width: 100%;height: 100%; margin: 0 auto;">
-    <div class="tabs">
-      <div
-        v-for="(tab, index) in tabs"
-        :key="index"
-        class="tab"
-        :class="{ active: activeTab === tab.value }"
-        @click="switchTab(tab.value)"
-      >
-        {{ tab.label }}
-      </div>
-    </div>
-    <div ref="chart" style="width: 100%; height: 100%;"></div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, watch } from 'vue';
-import * as echarts from 'echarts';
-
-// 解构 props
-const props = defineProps({
-  maxData: {
-    type: Object,
-    required: true,
-    default: () => ({
-      thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-      indexFinger: { end: 0, tip: 0, middle: 0 },
-      middleFinger: { end: 0, tip: 0, middle: 0 },
-      ringFinger: { end: 0, tip: 0, middle: 0 },
-      littleFinger: { end: 0, tip: 0, middle: 0 },
-      palm: { touch: 0 }
-    })
-  },
-  avgData: {
-    type: Object,
-    required: true,
-    default: () => ({
-      thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-      indexFinger: { end: 0, tip: 0, middle: 0 },
-      middleFinger: { end: 0, tip: 0, middle: 0 },
-      ringFinger: { end: 0, tip: 0, middle: 0 },
-      littleFinger: { end: 0, tip: 0, middle: 0 },
-      palm: { touch: 0 }
-    })
-  }
-});
-
-const chart = ref(null);
-const containerRef = ref(null); // 新增：引用父容器
-const activeTab = ref('avg'); // 默认选中平均值
-
-// Tab 配置
-const tabs = [
-  { label: '最大值', value: 'max' },
-  { label: '平均值', value: 'avg' }
-];
-
-let myChart;
-
-// 防抖函数
-const debounce = (func, delay) => {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func.apply(null, args), delay);
-  };
-};
-
-const initChart = () => {
-  if (!chart.value) {
-    console.error('Chart element is null');
-    return;
-  }
-  myChart = echarts.init(chart.value);
-  const option = {
-    title: { text: '手指触觉数据' },
-    tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } },
-    legend: { data: ['指端', '指尖', '指中', '指腹', '手掌触觉'] },
-    grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true },
-    xAxis: {
-      type: 'category',
-      data: ['小拇指', '无名指', '中指', '食指', '大拇指', '手掌'],
-      splitArea: { show: true }
-    },
-    yAxis: [{ type: 'value', name: '弯曲应力', max: 4000,interval: 1000 }],
-    series: [
-      { name: '指端', type: 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle: { color: '#FF5733' }, label: { show: true, position: 'top' }, emphasis: { focus: 'series' }, data: [] },
-      { name: '指尖', type: 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle: { color: '#33FF57' }, label: { show: true, position: 'top' }, emphasis: { focus: 'series' }, data: [] },
-      { name: '指中', type: 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle: { color: '#5733FF' }, label: { show: true, position: 'top' }, emphasis: { focus: 'series' }, data: [] },
-      { name: '指腹', type: 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle: { color: '#FF33A1' }, label: { show: true, position: 'top' }, emphasis: { focus: 'series' }, data: [] },
-      { name: '手掌触觉', type: 'bar', barGap: '1%', barCategoryGap: '10%', itemStyle: { color: '#FFD700' }, label: { show: true, position: 'top' }, emphasis: { focus: 'series' }, data: [] }
-    ]
-  };
-  myChart.setOption(option);
-};
-
-// 获取每个部分的数据，处理空值
-const getPartData = (data, part) => {
-  return [
-    data.littleFinger[part] || null,
-    data.ringFinger[part] || null,
-    data.middleFinger[part] || null,
-    data.indexFinger[part] || null,
-    data.thumb[part] || null,
-    data.palm[part] || null
-  ];
-};
-
-const updateChart = (data) => {
-  const seriesData = {
-    end: getPartData(data, 'end'),
-    tip: getPartData(data, 'tip'),
-    middle: getPartData(data, 'middle'),
-    palm: getPartData(data, 'palm'),
-    touch: getPartData(data, 'touch')
-  };
-  myChart.setOption({
-    series: [
-      { name: '指端', data: seriesData.end },
-      { name: '指尖', data: seriesData.tip },
-      { name: '指中', data: seriesData.middle },
-      { name: '指腹', data: seriesData.palm },
-      { name: '手掌触觉', data: seriesData.touch }
-    ]
-  });
-};
-
-const switchTab = (tab) => {
-  activeTab.value = tab;
-  updateChart(activeTab.value === 'max' ? props.maxData : props.avgData);
-};
-
-// 监听 props 变化，更新图表
-watch([() => props.maxData, () => props.avgData, activeTab], () => {
-  updateChart(activeTab.value === 'max' ? props.maxData : props.avgData);
-});
-
-const data = ref({
-  resizeObserver: null,
-  debouncedResize: null,
-});
-onMounted(() => {
-  initChart();
-  updateChart(activeTab.value === 'max' ? props.maxData : props.avgData);
-
-  // 使用 ResizeObserver 监听父容器尺寸变化
-  const container = containerRef.value;
-  if (container) {
-    const resizeObserver = new ResizeObserver(debounce(() => {
-      if (myChart) {
-        console.log('Container resized:', container.offsetWidth, container.offsetHeight);
-        myChart.resize();
-      }
-    }, 10));
-    resizeObserver.observe(container);
-    data.value.resizeObserver = resizeObserver;
-  } else {
-    console.error('Failed to find container for ResizeObserver');
-  }
-
-  // 保留 window 的 resize 事件监听
-  const debouncedResize = debounce(() => {
-    if (myChart) {
-      myChart.resize();
-    }
-  }, 10);
-  window.addEventListener('resize', debouncedResize);
-  data.value.debouncedResize = debouncedResize;
-});
-
-onUnmounted(() => {
-// 清理图表实例
-  if (myChart) {
-    myChart.dispose();
-    myChart = null;
-  }
-  // 清理 ResizeObserver
-  if (data.value.resizeObserver) {
-    data.value.resizeObserver.disconnect();
-    data.value.resizeObserver = null;
-  }
-  // 清理 window 的 resize 事件
-  if (data.value.debouncedResize) {
-    window.removeEventListener('resize', data.value.debouncedResize);
-    data.value.debouncedResize = null;
-  }
-});
-
-</script>
-
-<style scoped>
-.container {
-  display: flex;
-  width: 100%;
-  margin: 0 auto;
-  flex-direction: column;
-}
-
-.tabs {
-  position: absolute;
-  right: 50%;
-  justify-content: center;
-  background: rgba(0, 0, 0, 0);
-  border-radius: 10px 10px 0 0;
-  padding: 5px 0;
-}
-
-.tab {
-  padding: 10px 20px;
-  margin: 0 10px;
-  cursor: pointer;
-  font-size: 16px;
-  color: #333;
-  border-bottom: 3px solid transparent;
-  transition: all 0.3s ease;
-}
-
-.tab:hover {
-  background-color: #f5f5f5;
-  border-radius: 5px;
-}
-
-.tab.active {
-  border-bottom: 3px solid #007bff;
-  color: #007bff;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/DexHand/RightTopCharts.vue b/src/views/device/register/components/DexHand/RightTopCharts.vue
deleted file mode 100644
index 09cae93..0000000
--- a/src/views/device/register/components/DexHand/RightTopCharts.vue
+++ /dev/null
@@ -1,162 +0,0 @@
-<template>
-  <div class="right-chart-panel" ref="containerRef">
-    <div ref="topChart" class="chart"></div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted, watch } from 'vue';
-import * as echarts from 'echarts';
-
-
-const props = defineProps({
-  topSeriesData: {
-    type: Array,
-    default: () => [0, 0, 0, 0, 0, 0],
-    validator: (value) => value.length === 6 && value.every((v) => typeof v === 'number'),
-  },
-  maxData: {
-    type: Object,
-    required: true,
-    default: () => ({
-      thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-      indexFinger: { end: 0, tip: 0, middle: 0 },
-      middleFinger: { end: 0, tip: 0, middle: 0 },
-      ringFinger: { end: 0, tip: 0, middle: 0 },
-      littleFinger: { end: 0, tip: 0, middle: 0 },
-      palm: { touch: 0 }
-    })
-  },
-  avgData: {
-    type: Object,
-    required: true,
-    default: () => ({
-      thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-      indexFinger: { end: 0, tip: 0, middle: 0 },
-      middleFinger: { end: 0, tip: 0, middle: 0 },
-      ringFinger: { end: 0, tip: 0, middle: 0 },
-      littleFinger: { end: 0, tip: 0, middle: 0 },
-      palm: { touch: 0 }
-    })
-  }
-});
-
-const topChart = ref(null);
-const containerRef = ref(null); // 新增：引用父容器
-let chart1Instance = null;
-
-// 防抖函数
-const debounce = (func, delay) => {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func.apply(null, args), delay);
-  };
-};
-
-const topChartData = ref({
-  xAxis: {
-    type: 'category',
-    data: ['小拇指', '无名指', '中指', '食指', '大拇指弯曲', '大拇指旋转'],
-  },
-  yAxis: {
-    name: '受力',
-    type: 'value',
-    min: 0,
-    max: 10000,
-    interval: 2500,
-    axisLine: { show: true, lineStyle: { color: '#1f77b4' } },
-    axisLabel: { formatter: '{value} g' },
-    axisTick: { show: true },
-  },
-  series: [{ data: props.topSeriesData, type: 'bar' }],
-});
-
-const data = ref({
-  resizeObserver: null,
-  debouncedResize: null,
-});
-
-onMounted(() => {
-  try {
-    if (!topChart.value) {
-      console.error('Chart element is null');
-      return;
-    }
-    chart1Instance = echarts.init(topChart.value);
-    chart1Instance.setOption(topChartData.value);
-
-    // 使用 ResizeObserver 监听父容器尺寸变化
-    const container = containerRef.value;
-    if (container) {
-      const resizeObserver = new ResizeObserver(debounce(() => {
-        if (chart1Instance) {
-          console.log('Container resized:', container.offsetWidth, container.offsetHeight);
-          chart1Instance.resize();
-        }
-      }, 10));
-      resizeObserver.observe(container);
-      data.value.resizeObserver = resizeObserver;
-    } else {
-      console.error('Failed to find container for ResizeObserver');
-    }
-
-    // 保留 window 的 resize 事件监听
-    const debouncedResize = debounce(() => {
-      if (chart1Instance) {
-        chart1Instance.resize();
-      }
-    }, 10);
-    window.addEventListener('resize', debouncedResize);
-    data.value.debouncedResize = debouncedResize;
-  } catch (error) {
-    console.error('图表初始化失败:', error);
-  }
-});
-
-onUnmounted(() => {
-  // 清理图表实例
-  if (chart1Instance) {
-    chart1Instance.dispose();
-    chart1Instance = null;
-  }
-  // 清理 ResizeObserver
-  if (data.value.resizeObserver) {
-    data.value.resizeObserver.disconnect();
-    data.value.resizeObserver = null;
-  }
-  // 清理 window 的 resize 事件
-  if (data.value.debouncedResize) {
-    window.removeEventListener('resize', data.value.debouncedResize);
-    data.value.debouncedResize = null;
-  }
-});
-
-// 监听 props.topSeriesData
-watch(
-  () => props.topSeriesData,
-  (newTopData) => {
-    if (chart1Instance) {
-      chart1Instance.setOption({ series: [{ data: newTopData, type: 'bar' }] });
-    }
-  },
-  { immediate: true }
-);
-</script>
-
-<style scoped>
-.right-chart-panel {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 100%;
-  height: 50%;
-  padding: 10px;
-}
-.chart {
-  flex: 1;
-  height: 100%;
-  margin: 10px 0;
-  min-height: 200px; /* 确保图表有足够的高度 */
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/DexHand/index.vue b/src/views/device/register/components/DexHand/index.vue
deleted file mode 100644
index 1185166..0000000
--- a/src/views/device/register/components/DexHand/index.vue
+++ /dev/null
@@ -1,168 +0,0 @@
-<!-- index.vue -->
-<template>
-  <div class="container">
-    <div class="left-panel">
-      <div class="hand-container">
-        <!-- 确保这里使用的是 index.vue 中响应式的 deviceId ref -->
-        <LeftTopHand :initialDeviceId="deviceId" :initialRobotId="robotId" @update:topSeriesData="handleUpdateTopSeriesData" />
-      </div>
-      <div class="hand-container">
-        <!-- 确保这里使用的是 index.vue 中响应式的 robotId ref -->
-        <LeftBottomHand :initialDeviceId="deviceId" :initialRobotId="robotId" @update:bottomSeriesData="handleUpdateBottomSeriesData" />
-      </div>
-    </div>
-    <div class="right-panel">
-      <RightTopCharts :top-series-data="topSeriesData" style="height: 50%;" />
-      <RightBottomCharts :max-data="maxData" :avg-data="avgData" style="height: 50%;" />
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, watch } from 'vue'; // 引入 watch
-// 假设你的 router 实例是这样获取的
-import { useRoute } from 'vue-router'; // 确保你已经安装并配置了 vue-router
-import RightTopCharts from './RightTopCharts.vue';
-import LeftTopHand from './LeftTopHand.vue';
-import LeftBottomHand from './LeftBottomHand.vue';
-import RightBottomCharts from './RightBottomCharts.vue';
-import { getResourceDevice } from '@/api/resource/device';
-
-// 1. 定义 props
-const props = defineProps({
-  initialDeviceId: {
-    type: String,
-    default: null,
-  },
-  initialRobotId: {
-    type: String,
-    default: null,
-  },
-});
-
-// 响应式数据
-const topSeriesData = ref([0, 0, 0, 0, 0, 0]);
-const bottomSeriesData = ref([0, 0, 0, 0, 0, 0]);
-const maxData = ref({
-  thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-  indexFinger: { end: 0, tip: 0, middle: 0 },
-  middleFinger: { end: 0, tip: 0, middle: 0 },
-  ringFinger: { end: 0, tip: 0, middle: 0 },
-  littleFinger: { end: 0, tip: 0, middle: 0 },
-  palm: { touch: 0 }
-});
-const avgData = ref({
-  thumb: { end: 0, tip: 0, middle: 0, palm: 0 },
-  indexFinger: { end: 0, tip: 0, middle: 0 },
-  middleFinger: { end: 0, tip: 0, middle: 0 },
-  ringFinger: { end: 0, tip: 0, middle: 0 },
-  littleFinger: { end: 0, tip: 0, middle: 0 },
-  palm: { touch: 0 }
-});
-
-// 声明组件内部使用的响应式变量
-const deviceId = ref("");
-const robotId = ref("");
-
-const handleUpdateTopSeriesData = (newData) => {
-  topSeriesData.value = newData;
-};
-
-const handleUpdateBottomSeriesData = ({ maxData: newMaxData, avgData: newAvgData }) => {
-  maxData.value = newMaxData;
-  avgData.value = newAvgData;
-};
-
-// 获取路由实例
-const route = useRoute();
-// 统一处理获取 register 数据的方法
-const fetchRegisterData = (currentDeviceId) => {
-  if (route.query.robotId && route.query.deviceId) {
-    robotId.value = String(route.query.robotId);
-    deviceId.value = String(route.query.deviceId);
-    return;
-  }
-  if (currentDeviceId) {
-    getResourceDevice(currentDeviceId).then(res => {
-      deviceId.value = res.data.deviceId;
-      robotId.value = res.data.robotId;
-    }).catch(error => {
-      console.error("Error fetching register:", error);
-      // 可以根据需要重置 deviceId 和 robotId
-      deviceId.value = "";
-      robotId.value = "";
-    });
-  } else {
-    // 如果 deviceId 为空，可以考虑重置 robotId
-    robotId.value = "";
-  }
-};
-
-// 2. 使用 watch 侦听 props 和路由的变化
-// 当 initialDeviceId prop 变化时，更新 deviceId ref
-watch(() => props.initialDeviceId, (newVal) => {
-  if (newVal) {
-    deviceId.value = newVal;
-    // 当 props.initialDeviceId 确定后，再调用 getRegister
-    fetchRegisterData(deviceId.value);
-  }
-}, { immediate: true }); // immediate: true 会在组件挂载时立即执行一次 watch
-
-// 如果 props.initialDeviceId 为空，则尝试从路由获取
-// 注意：这里假设 route.path.split("/")[3] 是cameraId
-// 如果你的路由结构不同，请调整这里的逻辑
-watch(() => route.path, (newPath) => {
-  if (route.query.robotId && route.query.deviceId) {
-    robotId.value = String(route.query.robotId);
-    deviceId.value = String(route.query.deviceId);
-    return;
-  }
-  const routeDeviceId = newPath.split("/")[3];
-  if (!deviceId.value && routeDeviceId) { // 只有当 deviceId 尚未从 props 或其他地方设置时才从路由获取
-    deviceId.value = routeDeviceId;
-    fetchRegisterData(deviceId.value);
-  }
-}, { immediate: true }); // immediate: true 确保在组件挂载时也检查路由
-
-
-// 如果需要 initialRobotId prop 也影响 robotId ref，可以添加一个 watch
-watch(() => props.initialRobotId, (newVal) => {
-  if (newVal) {
-    robotId.value = newVal;
-  }
-}, { immediate: true });
-</script>
-
-<style scoped>
-.container {
-  display: flex;
-  flex: 1; /* 占据父容器所有可用空间 */
-  width: 100%;
-  height: 100%; /* 占满父容器高度 */
-  min-height: 0; /* 防止 flex 子项最小高度问题 */
-  background-color: #fff;
-  border-radius: 20px;
-  overflow: hidden; /* 防止内容溢出 */
-  box-sizing: border-box; /* 包含 padding 和 border */
-  padding: 20px; /* 与父容器一致，避免双重 padding */
-}
-
-.left-panel,
-.right-panel {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 50%;
-  height: 100%; /* 占满 container 高度 */
-  padding: 0; /* 移除子面板内边距，交给 container 处理 */
-  box-sizing: border-box;
-  overflow: hidden;
-}
-
-.hand-container {
-  position: relative;
-  height: 50%; /* 每个 hand-container 占左面板的 50% 高度 */
-  width: 100%;
-  overflow: hidden;
-}
-</style>
diff --git a/src/views/device/register/components/Head/index.vue b/src/views/device/register/components/Head/index.vue
deleted file mode 100644
index ae48490..0000000
--- a/src/views/device/register/components/Head/index.vue
+++ /dev/null
@@ -1,316 +0,0 @@
-<template>
-  <div class="head-control">
-    <h2 class="title">人工头舵机控制</h2>
-    <div class="main-content">
-      <!-- 左侧：10个Yaw预设输入框 -->
-      <div class="preset-panel left-panel">
-        <h3>Yaw 预设位（左右转头）</h3>
-        <div v-for="(preset, index) in leftPresets" :key="index" class="preset-item">
-          <span class="label">位 {{ index + 1 }}</span>
-          <el-input-number
-            v-model="preset.value"
-            :min="0"
-            :max="1"
-            :step="0.01"
-            :precision="2"
-            size="small"
-            controls-position="right"
-            @change="onPresetChange"
-          />
-        </div>
-        <el-button type="primary" size="small" @click="applyYawFromPresets">应用当前 Yaw</el-button>
-      </div>
-
-      <!-- 中央图片 + 20个控制点 -->
-      <div class="image-container">
-        <img
-          src="https://cdn.head-acoustics.com/_processed_/3/5/csm_HMS_V_frontal_seitlich_67c86d4fad.jpg"
-          alt="人工头"
-          class="head-image"
-        />
-        <!-- 20 个控制点 -->
-        <div
-          v-for="(point, index) in points"
-          :key="index"
-          class="control-point"
-          :style="{ left: point.x + '%', top: point.y + '%' }"
-          :class="{ active: point.active }"
-          @click="applyPreset(index)"
-          :title="`点 ${index + 1}: Yaw=${point.yaw.toFixed(2)}, Pitch=${point.pitch.toFixed(2)}`"
-        >
-          {{ index + 1 }}
-        </div>
-      </div>
-
-      <!-- 右侧：10个Pitch预设输入框 -->
-      <div class="preset-panel right-panel">
-        <h3>Pitch 预设位（上下点头）</h3>
-        <div v-for="(preset, index) in rightPresets" :key="index" class="preset-item">
-          <span class="label">位 {{ index + 1 }}</span>
-          <el-input-number
-            v-model="preset.value"
-            :min="0"
-            :max="1"
-            :step="0.01"
-            :precision="2"
-            size="small"
-            controls-position="right"
-            @change="onPresetChange"
-          />
-        </div>
-        <el-button type="primary" size="small" @click="applyPitchFromPresets">应用当前 Pitch</el-button>
-      </div>
-    </div>
-
-    <!-- 当前值显示与下发 -->
-    <div class="current-display">
-      <div class="current-item">
-        <span>当前 Yaw：</span>
-        <span class="value">{{ servo1.toFixed(2) }}</span>
-      </div>
-      <div class="current-item">
-        <span>当前 Pitch：</span>
-        <span class="value">{{ servo2.toFixed(2) }}</span>
-      </div>
-      <el-button type="primary" @click="sendServoValues">立即下发舵机值</el-button>
-      <el-button @click="resetToCenter">复位到中心 (0.50, 0.50)</el-button>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-import { useRoute } from 'vue-router';
-// import { setServo } from '@/api/device/head'; // 假设接口
-
-const route = useRoute();
-const robotId = ref(String(route.query.robotId || ''));
-const deviceId = ref(String(route.query.deviceId || ''));
-
-const servo1 = ref(0.5); // 当前 Yaw
-const servo2 = ref(0.5); // 当前 Pitch
-
-// 左侧10个Yaw预设（对应左侧10个点）
-const leftPresets = ref([
-  { value: 0.10 }, { value: 0.15 }, { value: 0.08 }, { value: 0.12 }, { value: 0.18 },
-  { value: 0.05 }, { value: 0.10 }, { value: 0.15 }, { value: 0.08 }, { value: 0.12 }
-]);
-
-// 右侧10个Pitch预设（对应右侧10个点，但Pitch值可独立调整）
-const rightPresets = ref([
-  { value: 0.20 }, { value: 0.30 }, { value: 0.40 }, { value: 0.50 }, { value: 0.60 },
-  { value: 0.70 }, { value: 0.80 }, { value: 0.90 }, { value: 0.95 }, { value: 1.00 }
-]);
-
-// 当预设值改变时，自动同步到对应的点（可选）
-const onPresetChange = () => {
-  // 可选：同步到 points 数组的 yaw/pitch
-  leftPresets.value.forEach((p, i) => {
-    points.value[i].yaw = p.value;
-  });
-  rightPresets.value.forEach((p, i) => {
-    points.value[i + 10].pitch = p.value;
-  });
-};
-
-// 点击图片上的点 → 应用对应预设，并同步到输入框
-const applyPreset = (index) => {
-  points.value.forEach(p => p.active = false);
-  points.value[index].active = true;
-
-  const yaw = points.value[index].yaw;
-  const pitch = points.value[index].pitch;
-
-  servo1.value = yaw;
-  servo2.value = pitch;
-
-  // 同步到左侧/右侧输入框（高亮当前对应的预设）
-  if (index < 10) {
-    leftPresets.value.forEach((p, i) => p.value = i === index ? yaw : p.value);
-  } else {
-    rightPresets.value.forEach((p, i) => p.value = i === (index - 10) ? pitch : p.value);
-  }
-
-  sendServoValues();
-};
-
-// 从左侧预设应用当前选中的Yaw（假设用户先在输入框选中一个，这里用最后一个修改的近似，或添加选中逻辑）
-let lastLeftIndex = null;
-let lastRightIndex = null;
-
-// 简化：提供按钮直接应用当前所有输入框的平均或手动选择。这里提供“应用当前Yaw”按钮，使用第一个非默认的值或手动。
-// 为简化，这里按钮应用“第一个输入框的值”作为Yaw，你可以改为添加选中高亮。
-const applyYawFromPresets = () => {
-  servo1.value = leftPresets.value[0].value; // 示例：使用第一个，你可改为选中机制
-  sendServoValues();
-};
-
-const applyPitchFromPresets = () => {
-  servo2.value = rightPresets.value[0].value; // 示例：使用第一个
-  sendServoValues();
-};
-
-const sendServoValues = async () => {
-  try {
-    // await setServo({
-    //   robotId: robotId.value,
-    //   deviceId: deviceId.value,
-    //   servo1: servo1.value,
-    //   servo2: servo2.value,
-    // });
-  } catch (error) {
-    console.error('舵机下发失败:', error);
-  }
-};
-
-const resetToCenter = () => {
-  servo1.value = 0.5;
-  servo2.value = 0.5;
-  points.value.forEach(p => p.active = false);
-  sendServoValues();
-};
-
-// 20个点坐标（已调整适应新图片）
-const points = ref([
-  // 左侧10点
-  { x: 18, y: 20, yaw: 0.10, pitch: 0.20, active: false },
-  { x: 22, y: 30, yaw: 0.15, pitch: 0.30, active: false },
-  { x: 15, y: 40, yaw: 0.08, pitch: 0.40, active: false },
-  { x: 20, y: 50, yaw: 0.12, pitch: 0.50, active: false },
-  { x: 25, y: 60, yaw: 0.18, pitch: 0.60, active: false },
-  { x: 12, y: 70, yaw: 0.05, pitch: 0.70, active: false },
-  { x: 18, y: 80, yaw: 0.10, pitch: 0.80, active: false },
-  { x: 22, y: 90, yaw: 0.15, pitch: 0.90, active: false },
-  { x: 15, y: 95, yaw: 0.08, pitch: 0.95, active: false },
-  { x: 20, y: 98, yaw: 0.12, pitch: 1.00, active: false },
-
-  // 右侧10点（Yaw偏大）
-  { x: 82, y: 20, yaw: 0.90, pitch: 0.20, active: false },
-  { x: 78, y: 30, yaw: 0.85, pitch: 0.30, active: false },
-  { x: 85, y: 40, yaw: 0.92, pitch: 0.40, active: false },
-  { x: 80, y: 50, yaw: 0.88, pitch: 0.50, active: false },
-  { x: 75, y: 60, yaw: 0.82, pitch: 0.60, active: false },
-  { x: 88, y: 70, yaw: 0.95, pitch: 0.70, active: false },
-  { x: 82, y: 80, yaw: 0.90, pitch: 0.80, active: false },
-  { x: 78, y: 90, yaw: 0.85, pitch: 0.90, active: false },
-  { x: 85, y: 95, yaw: 0.92, pitch: 0.95, active: false },
-  { x: 80, y: 98, yaw: 0.88, pitch: 1.00, active: false },
-]);
-</script>
-
-<style scoped>
-.head-control {
-  padding: 20px;
-  max-width: 1400px;
-  margin: 0 auto;
-  background: #fff;
-  border-radius: 20px;
-  height: calc(100vh - 125px);
-  display: flex;
-  flex-direction: column;
-}
-
-.title {
-  text-align: center;
-  margin-bottom: 20px;
-  font-size: 24px;
-}
-
-.main-content {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 40px;
-}
-
-.preset-panel {
-  width: 220px;
-  background: #f5f7fa;
-  padding: 20px;
-  border-radius: 12px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.preset-panel h3 {
-  margin: 0 0 10px 0;
-  text-align: center;
-  font-size: 16px;
-}
-
-.preset-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-}
-
-.label {
-  width: 50px;
-  font-size: 14px;
-}
-
-.image-container {
-  position: relative;
-  max-width: 600px;
-}
-
-.head-image {
-  width: 100%;
-  height: auto;
-  border-radius: 12px;
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
-}
-
-.control-point {
-  position: absolute;
-  width: 40px;
-  height: 40px;
-  background: rgba(64, 158, 255, 0.8);
-  color: white;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: bold;
-  font-size: 14px;
-  cursor: pointer;
-  transform: translate(-50%, -50%);
-  transition: all 0.2s;
-  border: 3px solid #fff;
-}
-
-.control-point:hover {
-  background: #409eff;
-  transform: translate(-50%, -50%) scale(1.2);
-}
-
-.control-point.active {
-  background: #f56c6c;
-  transform: translate(-50%, -50%) scale(1.4);
-}
-
-.current-display {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 40px;
-  margin-top: 30px;
-  flex-wrap: wrap;
-}
-
-.current-item {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-size: 18px;
-}
-
-.value {
-  font-weight: bold;
-  color: #409eff;
-  min-width: 60px;
-}
-</style>
diff --git a/src/views/device/register/components/MechanicalArm/components/JointControl.vue b/src/views/device/register/components/MechanicalArm/components/JointControl.vue
deleted file mode 100644
index f53b595..0000000
--- a/src/views/device/register/components/MechanicalArm/components/JointControl.vue
+++ /dev/null
@@ -1,133 +0,0 @@
-<template>
-  <div class="container">
-    <div class="joint-control" v-for="joint in jointList" :key="joint.name">
-    <div class="joint-header">
-      <span class="joint-name">{{ joint.displayName }}</span>
-      <span class="joint-type">{{ joint.type.toUpperCase() }}</span>
-    </div>
-    
-    <div class="joint-info">
-      <span class="angle-display">{{ formatAngle(joint.value) }}</span>
-      <span class="limits">[{{ formatAngle(joint.min) }}, {{ formatAngle(joint.max) }}]</span>
-    </div>
-    
-    <div class="slider-container">
-      <el-slider size="small" v-model="joint.value" :min="joint.min" :max="joint.max" :step="joint.step" @input="(value) => updateJointAngle(joint.name, value)"/>
-      <div class="slider-labels">
-        <span>{{ formatAngle(joint.min) }}</span>
-        <span>{{ formatAngle(joint.max) }}</span>
-      </div>
-    </div>
-  </div>
-  </div>
-</template>
-<script setup>
-const props = defineProps({
-  jointList: {
-    type: Array,
-    default: () => []
-  }
-})
-
-const emits = defineEmits(['updateJointAngle'])
-
-const updateJointAngle = (name, value) => {
-  emits('updateJointAngle', { name, value })
-}
-
-/**
- * 角度格式化
- */
-const formatAngle = (radians) => {
-  const degrees = (radians * 180 / Math.PI).toFixed(1)
-  return `${degrees}°`
-}
-</script>
-<style lang="scss" scoped>
-.container {
-  width: 100%;
-  height: 100%;
-
-  .joint-control {
-    border-radius: 6px;
-    padding: 15px;
-    margin-bottom: 15px;
-    border: 1px solid #cfcfcf;
-
-    .joint-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 10px;
-
-      .joint-name {
-        font-weight: 600;
-        font-size: 14px;
-      }
-
-      .joint-type {
-        font-size: 11px;
-        background: rgba(52, 152, 219, 0.3);
-        color: #3498db;
-        padding: 3px 8px;
-        border-radius: 12px;
-        font-weight: 500;
-      }
-    }
-
-    .joint-info {
-      display: flex;
-      justify-content: space-between;
-      margin-bottom: 10px;
-      font-size: 13px;
-
-      .angle-display {
-        color: #f1c40f;
-        font-weight: 600;
-        font-size: 14px;
-      }
-
-      .limits {
-        color: #95a5a6;
-        font-size: 11px;
-        font-family: monospace;
-      }
-    }
-
-    .slider-container {
-      padding: 0 5px;
-
-      .joint-slider {
-        width: 100%;
-        height: 8px;
-        -webkit-appearance: none;
-        background: #34495e;
-        border-radius: 4px;
-        outline: none;
-        margin-bottom: 8px;
-        cursor: pointer;
-
-        &::-webkit-slider-thumb {
-          -webkit-appearance: none;
-          width: 20px;
-          height: 20px;
-          border-radius: 50%;
-          background: #ecf0f1;
-          cursor: pointer;
-          border: 2px solid #3498db;
-          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
-          transition: all 0.2s;
-        }
-      }
-
-      .slider-labels {
-        display: flex;
-        justify-content: space-between;
-        font-size: 11px;
-        color: #7f8c8d;
-        margin-top: 5px;
-      }
-    }
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/MechanicalArm/components/UrdfViewer.vue b/src/views/device/register/components/MechanicalArm/components/UrdfViewer.vue
deleted file mode 100644
index bdcc52b..0000000
--- a/src/views/device/register/components/MechanicalArm/components/UrdfViewer.vue
+++ /dev/null
@@ -1,394 +0,0 @@
-<template>
-  <!-- 模板部分保持不变 -->
-  <div class="urdf-viewer-container">
-    
-    <div ref="viewerContainer" class="urdf-viewer"></div>
-
-    <div v-if="isLoading" class="loading-overlay">
-      <div class="loading-spinner"></div>
-      <p>正在解析URDF并加载模型...</p>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onBeforeUnmount, watch, reactive, computed } from 'vue'
-import * as THREE from 'three'
-import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'
-import URDFLoader from 'urdf-loader'
-
-const props = defineProps({
-  basePath: { type: String, required: true },
-  urdfPath: { type: String, required: true },
-  modelColor: { type: String, default: '#cbcbcb' },
-  showJointLimits: { type: Boolean, default: true }
-})
-
-const emits = defineEmits(['computedChange'])
-
-const viewerContainer = ref(null)
-const isLoading = ref(false)
-
-// Three.js 核心对象
-let scene = null
-let camera = null
-let renderer = null
-let controls = null
-let robot = null
-
-// 关节控制相关状态
-const jointControls = reactive([])
-const availableJoints = ref({})
-
-/**
- * 从URDF XML中提取关节信息（使用浏览器原生DOMParser）
- */
-const extractJointInfoFromURDF = (urdfXml) => {
-  try {
-    const joints = []
-    const parser = new DOMParser()
-    const xmlDoc = parser.parseFromString(urdfXml, 'text/xml')
-    
-    // 检查解析错误
-    const parseError = xmlDoc.getElementsByTagName('parsererror')
-    if (parseError.length > 0) {
-      throw new Error('XML解析错误: ' + parseError[0].textContent)
-    }
-    
-    // 获取所有joint元素
-    const jointElements = xmlDoc.getElementsByTagName('joint')
-    
-    for (let i = 0; i < jointElements.length; i++) {
-      const jointElement = jointElements[i]
-      const name = jointElement.getAttribute('name')
-      const type = jointElement.getAttribute('type')
-      
-      // 只处理可动关节
-      if (type && ['revolute', 'continuous', 'prismatic'].includes(type)) {
-        const jointInfo = {
-          name: name,
-          displayName: name.replace(/_/g, ' '),
-          type: type,
-          value: 0,
-          step: 0.01
-        }
-        
-        // 提取关节限制
-        const limitElements = jointElement.getElementsByTagName('limit')
-        if (limitElements.length > 0) {
-          const limit = limitElements[0]
-          const lower = limit.getAttribute('lower')
-          const upper = limit.getAttribute('upper')
-          const effort = limit.getAttribute('effort')
-          const velocity = limit.getAttribute('velocity')
-          
-          // 处理旋转关节
-          if (type === 'revolute' || type === 'continuous') {
-            jointInfo.min = lower !== null ? parseFloat(lower) : 
-                          (type === 'revolute' ? -Math.PI : -Math.PI)
-            jointInfo.max = upper !== null ? parseFloat(upper) : 
-                          (type === 'revolute' ? Math.PI : Math.PI)
-          }
-          // 处理平移关节
-          else if (type === 'prismatic') {
-            jointInfo.min = lower !== null ? parseFloat(lower) : -1.0
-            jointInfo.max = upper !== null ? parseFloat(upper) : 1.0
-            jointInfo.step = 0.001
-          }
-          
-          if (effort) jointInfo.maxEffort = parseFloat(effort)
-          if (velocity) jointInfo.maxVelocity = parseFloat(velocity)
-        } else {
-          // 如果没有限制，设置默认范围
-          if (type === 'continuous') {
-            jointInfo.min = -Math.PI
-            jointInfo.max = Math.PI
-          } else if (type === 'revolute') {
-            jointInfo.min = -Math.PI / 2
-            jointInfo.max = Math.PI / 2
-          } else if (type === 'prismatic') {
-            jointInfo.min = -0.5
-            jointInfo.max = 0.5
-          }
-        }
-        
-        // 提取关节轴
-        const axisElements = jointElement.getElementsByTagName('axis')
-        if (axisElements.length > 0) {
-          const axis = axisElements[0].getAttribute('xyz')
-          if (axis) {
-            const axisValues = axis.split(' ').map(Number)
-            jointInfo.axis = new THREE.Vector3(...axisValues)
-          }
-        }
-        
-        // 提取关节原点
-        const originElements = jointElement.getElementsByTagName('origin')
-        if (originElements.length > 0) {
-          const origin = originElements[0]
-          const xyz = origin.getAttribute('xyz')
-          const rpy = origin.getAttribute('rpy')
-          
-          if (xyz) jointInfo.origin = xyz.split(' ').map(Number)
-          if (rpy) jointInfo.orientation = rpy.split(' ').map(Number)
-        }
-        
-        joints.push(jointInfo)
-      }
-    }
-    
-    // 按关节名称排序
-    joints.sort((a, b) => a.name.localeCompare(b.name))
-    
-    console.log('从URDF提取的关节信息:', joints)
-    return joints
-    
-  } catch (error) {
-    console.error('解析URDF失败:', error)
-    return []
-  }
-}
-
-/**
- * 初始化Three.js场景
- */
-const initScene = () => {
-  const container = viewerContainer.value
-
-  scene = new THREE.Scene()
-  scene.background = new THREE.Color(0xf0f0f0)
-
-  camera = new THREE.PerspectiveCamera(
-    75,
-    container.clientWidth / container.clientHeight,
-    0.01,
-    1000
-  )
-  camera.position.set(2, 2, 3)
-
-  renderer = new THREE.WebGLRenderer({ antialias: true })
-  renderer.setSize(container.clientWidth, container.clientHeight)
-  container.appendChild(renderer.domElement)
-
-  // 光源
-  const ambientLight = new THREE.AmbientLight(0xffffff, 0.6)
-  scene.add(ambientLight)
-  
-  const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8)
-  directionalLight.position.set(10, 20, 10)
-  scene.add(directionalLight)
-
-  controls = new OrbitControls(camera, renderer.domElement)
-  controls.enableDamping = true
-}
-
-/**
- * 加载URDF机器人模型
- */
-const loadRobot = async () => {
-  isLoading.value = true
-  
-  try {
-    // 清除现有模型
-    if (robot) {
-      scene.remove(robot)
-      jointControls.length = 0
-      availableJoints.value = {}
-    }
-
-    // 1. 加载URDF文件内容
-    const urdfUrl = `${props.basePath}${props.urdfPath}`
-    const response = await fetch(urdfUrl)
-    const urdfXml = await response.text()
-    
-    // 2. 解析URDF提取关节信息（同步调用）
-    const extractedJoints = extractJointInfoFromURDF(urdfXml)
-    
-    // 3. 使用URDFLoader加载模型
-    const manager = new THREE.LoadingManager()
-    const loader = new URDFLoader(manager)
-    
-    loader.packages = { '': props.basePath }
-    
-    robot = await new Promise((resolve, reject) => {
-      loader.load(urdfUrl, resolve, undefined, reject)
-    })
-    
-    // 4. 坐标轴修正
-    robot.rotation.x = -Math.PI / 2
-    robot.rotation.z = Math.PI / 2
-    robot.updateMatrixWorld(true)
-
-    // 应用颜色
-    robot.traverse((child) => {
-      if (child.isMesh && child.material) {
-        child.material.color.set(props.modelColor)
-      }
-    })
-
-    scene.add(robot)
-    
-    // 5. 初始化关节控制系统
-    availableJoints.value = robot.joints
-    
-    // 将提取的关节信息与加载的关节匹配
-    extractedJoints.forEach(jointInfo => {
-      if (availableJoints.value[jointInfo.name]) {
-        // 获取当前关节值
-        const currentValue = availableJoints.value[jointInfo.name].jointValue || 0
-        
-        // 确保初始值在限制范围内
-        let initialValue = currentValue
-        if (props.showJointLimits) {
-          initialValue = Math.max(jointInfo.min, Math.min(jointInfo.max, currentValue))
-        }
-        
-        // 添加到控制列表
-        jointControls.push({
-          ...jointInfo,
-          value: initialValue
-        })
-        
-        // 设置初始关节位置
-        availableJoints.value[jointInfo.name].setJointValue(initialValue)
-      } else {
-        console.warn(`关节 ${jointInfo.name} 在URDF模型中不存在或不可控`)
-      }
-    })
-    
-    fitCameraToObject(robot)
-    
-  } catch (error) {
-    console.error('加载URDF模型失败:', error)
-  } finally {
-    isLoading.value = false
-  }
-}
-
-/**
- * 更新关节角度
- */
-const updateJointAngle = (jointName, angle) => {
-  if (availableJoints.value[jointName]) {
-    try {
-      // 应用限制（如果启用）
-      let clampedAngle = angle
-      if (props.showJointLimits) {
-        const jointInfo = jointControls.find(j => j.name === jointName)
-        if (jointInfo) {
-          clampedAngle = Math.max(jointInfo.min, Math.min(jointInfo.max, angle))
-        }
-      }
-      
-      // 应用关节角度
-      availableJoints.value[jointName].setJointValue(clampedAngle)
-      
-      // 更新UI中的值
-      const jointControl = jointControls.find(j => j.name === jointName)
-      if (jointControl) {
-        jointControl.value = clampedAngle
-      }
-      
-    } catch (error) {
-      console.error(`设置关节 ${jointName} 角度失败:`, error)
-    }
-  }
-}
-
-/**
- * 调整相机视角
- */
-const fitCameraToObject = (object) => {
-  const boundingBox = new THREE.Box3().setFromObject(object)
-  const center = boundingBox.getCenter(new THREE.Vector3())
-  const size = boundingBox.getSize(new THREE.Vector3())
-
-  const maxSize = Math.max(size.x, size.y, size.z)
-  const fitHeightDistance = maxSize / (2 * Math.atan((Math.PI * camera.fov) / 360))
-  const fitWidthDistance = fitHeightDistance / camera.aspect
-  const distance = 1.5 * Math.max(fitHeightDistance, fitWidthDistance)
-
-  const direction = new THREE.Vector3(0, 1, 1).normalize()
-  controls.target.copy(center)
-  camera.position.copy(center).add(direction.multiplyScalar(distance))
-  controls.update()
-}
-
-/**
- * 动画循环
- */
-const animate = () => {
-  requestAnimationFrame(animate)
-  controls.update()
-  renderer.render(scene, camera)
-}
-
-/**
- * 窗口大小变化处理
- */
-const onWindowResize = () => {
-  const container = viewerContainer.value
-  camera.aspect = container.clientWidth / container.clientHeight
-  camera.updateProjectionMatrix()
-  renderer.setSize(container.clientWidth, container.clientHeight)
-}
-
-/**
- * 清理资源
- */
-const dispose = () => {
-  window.removeEventListener('resize', onWindowResize)
-  controls?.dispose()
-  renderer?.dispose()
-}
-
-// 监听属性变化
-watch(
-  () => [props.basePath, props.urdfPath],
-  () => {
-    loadRobot()
-  }
-)
-
-watch(jointControls, (newVal) => {
-  emits('computedChange', newVal)
-})
-
-
-// 生命周期
-onMounted(() => {
-  initScene()
-  loadRobot()
-  window.addEventListener('resize', onWindowResize)
-  animate()
-})
-
-onBeforeUnmount(() => {
-  dispose()
-})
-
-defineExpose({
-  updateJointAngle
-})
-</script>
-
-<style scoped>
-/* 样式部分保持不变 */
-.urdf-viewer-container {
-  height: 100%;
-  width: 100%;
-
-  .urdf-viewer {
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-  }
-}
-
-
-
-.loading-overlay p {
-  font-size: 16px;
-  color: #ecf0f1;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/MechanicalArm/index.vue b/src/views/device/register/components/MechanicalArm/index.vue
deleted file mode 100644
index 9560acb..0000000
--- a/src/views/device/register/components/MechanicalArm/index.vue
+++ /dev/null
@@ -1,384 +0,0 @@
-<script setup>
-import { computed, reactive, toRefs, onUnmounted, ref, onMounted } from "vue";
-import { useRoute } from "vue-router";
-import { CircleClose } from "@element-plus/icons-vue";
-import { ElMessage } from "element-plus";
-import { clearFault as clearArmFault } from "@/api/device/arm";
-import UrdfViewer from "./components/UrdfViewer.vue";
-import JointControl from "./components/JointControl.vue";
-
-const route = useRoute();
-const robotId = computed(() => String(route.query.robotId || ""));
-const deviceId = computed(() => String(route.query.deviceId || ""));
-const clearingFault = ref(false);
-
-const handleClearFault = async () => {
-  if (!robotId.value || !deviceId.value) {
-    ElMessage.warning("缺少机器人或机械臂设备信息");
-    return;
-  }
-  clearingFault.value = true;
-  try {
-    await clearArmFault({ robotId: robotId.value, deviceId: deviceId.value });
-    ElMessage.success("机械臂故障状态已清除");
-  } catch (error) {
-    console.error("清除机械臂故障失败:", error);
-  } finally {
-    clearingFault.value = false;
-  }
-};
-
-const data = reactive({
-  form: {
-    x: 11,
-    y: 11,
-    z: 11,
-    rx: 11,
-    ry: 11,
-    rz: 11,
-    arm: 1,
-  },
-  armList: [
-    { label: "目标1", value: 1 },
-    { label: "目标2", value: 2 },
-    { label: "目标3", value: 3 },
-  ],
-});
-
-const { form, armList } = toRefs(data);
-
-const leftJointList = ref(null);
-const rightJointList = ref(null);
-const computedChange = (val) => {
-  leftJointList.value = val.filter((item) => {
-    return item.name[0] === "L";
-  });
-  rightJointList.value = val.filter((item) => {
-    return item.name[0] === "R";
-  });
-};
-
-const urdfViewerRef = ref(null);
-
-const updateJointAngle = ({ name, value }) => {
-  if (urdfViewerRef.value) {
-    urdfViewerRef.value.updateJointAngle(name, value);
-  }
-};
-
-const coordinateSystem = ref(null); // 用于获取容器元素
-const buttonPositions = ref([]); // 存储按钮的动态位置
-
-const buttonDirections = [
-  { target: "z_plus", direction: "top", label: "Z+" }, // left
-  { target: "rz_plus", direction: "top-right", label: "RZ+" },
-  { target: "x_plus", direction: "right", label: "X+" }, // bottom
-  { target: "ry_plus", direction: "bottom-right", label: "RY+" },
-  { target: "y_minus", direction: "bottom", label: "Y-" },
-  { target: "ry_minus", direction: "bottom-left", label: "RY-" },
-  { target: "z_minus", direction: "bottom", label: "Z-" },
-  { target: "rx_minus", direction: "bottom-left", label: "RX-" },
-  { target: "x_minus", direction: "left", label: "X-" },
-  { target: "rx_plus", direction: "top-left", label: "RX+" },
-  { target: "y_plus", direction: "left", label: "Y+" }, // right
-  { target: "rz_minus", direction: "top-left", label: "RZ-" },
-];
-
-// 默认图片尺寸
-const ORIGINAL_IMAGE_WIDTH = 1025;
-const ORIGINAL_IMAGE_HEIGHT = 817;
-
-const updateButtonPositions = () => {
-  if (coordinateSystem.value) {
-    const containerRect = coordinateSystem.value.getBoundingClientRect();
-    const containerWidth = containerRect.width;
-    const containerHeight = containerRect.height;
-
-    // 计算图片的实际显示尺寸（考虑 background-size: contain）
-    const imageAspectRatio = ORIGINAL_IMAGE_WIDTH / ORIGINAL_IMAGE_HEIGHT;
-    const containerAspectRatio = containerWidth / containerHeight;
-
-    let imageWidth, imageHeight, imageLeft, imageTop;
-    if (containerAspectRatio > imageAspectRatio) {
-      imageHeight = containerHeight;
-      imageWidth = imageHeight * imageAspectRatio;
-      imageLeft = (containerWidth - imageWidth) / 2;
-      imageTop = 0;
-    } else {
-      imageWidth = containerWidth;
-      imageHeight = imageWidth / imageAspectRatio;
-      imageLeft = 0;
-      imageTop = (containerHeight - imageHeight) / 2;
-    }
-
-    // 计算图片中心坐标
-    const centerX = imageLeft + imageWidth / 2;
-    const centerY = imageTop + imageHeight / 2;
-
-    // 计算圆的半径（根据图片尺寸的较小值比例确定，可调整比例系数）
-    const radiusScale = 0.85; // 半径系数，0-1之间，越大半径越大
-    const radius = Math.min(imageWidth, imageHeight) * radiusScale / 2;
-
-    // 定义方位对应的角度（弧度制），top为0度，顺时针增加
-    const directionAngles = {
-      "top": 0,
-      "top-right": Math.PI / 6, // 30度
-      "right": Math.PI / 3, // 60度
-      "bottom-right": Math.PI / 2, // 90度
-      "bottom": 2 * Math.PI / 3, // 120度
-      "bottom-left": 5 * Math.PI / 6, // 150度
-      "left": Math.PI, // 180度
-      "top-left": 7 * Math.PI / 6, // 210度
-    };
-
-    // 调整角度以均匀分布12个按钮（360/12=30度，即Math.PI/6弧度）
-    const totalButtons = buttonDirections.length;
-    const angleStep = 2 * Math.PI / totalButtons;
-
-    // 更新按钮位置
-    buttonPositions.value = buttonDirections.map((btn, index) => {
-      // 计算每个按钮的角度（从top开始顺时针排列）
-      const angle = index * angleStep;
-      // 计算按钮的坐标
-      const x = centerX + radius * Math.sin(angle);
-      const y = centerY - radius * Math.cos(angle);
-      return {
-        ...btn,
-        left: x,
-        top: y,
-      };
-    });
-  }
-};
-
-
-onMounted(() => {
-  updateButtonPositions();
-
-  // 监听窗口大小变化，更新按钮位置
-  window.addEventListener("resize", updateButtonPositions);
-});
-
-onUnmounted(() => {
-  window.removeEventListener("resize", updateButtonPositions);
-});
-</script>
-
-<template>
-  <div class="mechanical-arm">
-    <div class="top card">
-      <div class="controls flex align-center" style="justify-content: flex-start">
-        <div class="control-label">目标</div>
-        <el-select
-          v-model="form.arm"
-          placeholder="选择目标"
-          style="width: 100px; margin-right: 20px"
-        >
-          <el-option
-            v-for="item in armList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
-        </el-select>
-        <el-button @click="handleResets('zero')" style="margin-right: 10px"
-          >零位姿态</el-button
-        >
-        <el-button @click="handleResets('init')">初始位置</el-button>
-        <el-button
-          type="danger"
-          plain
-          :loading="clearingFault"
-          :disabled="!robotId || !deviceId"
-          @click="handleClearFault"
-        >
-          <el-icon><CircleClose /></el-icon>清除故障
-        </el-button>
-      </div>
-      <div class="pose-info flex align-center">
-        <div class="pose-item">X: {{ form.x.toFixed(6) }} m</div>
-        <div class="pose-item">Y: {{ form.y.toFixed(6) }} m</div>
-        <div class="pose-item">Z: {{ form.z.toFixed(6) }} m</div>
-        <div class="pose-item">RX: {{ form.rx.toFixed(6) }} deg</div>
-        <div class="pose-item">RY: {{ form.ry.toFixed(6) }} deg</div>
-        <div class="pose-item">RZ: {{ form.rz.toFixed(6) }} deg</div>
-      </div>
-    </div>
-    <div class="bottom">
-      <div class="left">
-        <UrdfViewer
-          ref="urdfViewerRef"
-          :base-path="'/public/models/'"
-          :urdf-path="'dual_arm.urdf'"
-          :model-color="'#8a8ae9'"
-          @computedChange="computedChange"
-        />
-      </div>
-      <div class="right">
-        <div class="top">
-          <div class="secondary-title">
-            <div class="label">左手</div>
-            <div class="label">右手</div>
-          </div>
-          <div class="jointControl-container">
-            <JointControl
-              :jointList="leftJointList"
-              @updateJointAngle="updateJointAngle"
-            />
-            <JointControl
-              :jointList="rightJointList"
-              @updateJointAngle="updateJointAngle"
-            />
-          </div>
-        </div>
-        <div class="bottom">
-          <div class="left card" style="position: relative">
-            <div class="coordinate-system" ref="coordinateSystem">
-              <div class="control-buttons">
-                <button
-                  v-for="(pos, index) in buttonPositions"
-                  :key="index"
-                  class="pos-btn"
-                  :data-target="pos.target"
-                  :style="{ left: `${pos.left}px`, top: `${pos.top}px` }"
-                >
-                  {{ pos.label }}
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.mechanical-arm {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-  flex-direction: column;
-  box-sizing: border-box;
-
-  .card {
-    border: 1px solid #e4e7ed;
-    border-radius: 8px;
-    padding: 10px;
-    margin-bottom: 10px;
-  }
-
-  .controls {
-    gap: 10px;
-    padding: 10px;
-  }
-
-  .top {
-    .pose-info {
-      justify-content: space-around;
-      padding: 10px 0;
-
-      .pose-item {
-        font-size: 16px;
-        user-select: none;
-      }
-    }
-  }
-
-  .bottom {
-    height: calc(100% - 120px);
-    display: flex;
-    gap: 12px;
-
-    .left {
-      flex: 2;
-      height: 100%;
-    }
-
-    .right {
-      flex: 1;
-      height: 100%;
-      display: flex;
-      flex-direction: column;
-
-      .top {
-        flex: 1;
-        border: 1px solid #e4e7ed;
-        padding: 0 8px;
-        overflow: hidden;
-
-        .container-title {
-          font-size: 16px;
-          text-align: center;
-        }
-
-        .secondary-title {
-          display: flex;
-          justify-content: space-around;
-          padding: 10px;
-          margin-bottom: 10px;
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-        }
-
-        .jointControl-container {
-          display: flex;
-          gap: 10px;
-          height: calc(100% - 75px);
-          overflow: auto;
-        }
-      }
-
-      .bottom {
-        flex: 1;
-
-        .card {
-          border: 1px solid #e4e7ed;
-          border-radius: 8px;
-          padding: 10px;
-          margin-bottom: 10px;
-          height: 100%;
-          display: flex;
-          flex-direction: column;
-
-          .coordinate-system {
-            flex: 1;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            position: relative;
-            background-color: #fff;
-            background-image: url("@/assets/images/arm.png");
-            background-size: contain;
-            background-position: center;
-            background-repeat: no-repeat;
-
-            .control-buttons {
-              position: absolute;
-              width: 100%;
-              height: 100%;
-              top: 0;
-              left: 0;
-
-              .pos-btn {
-                position: absolute;
-                width: 40px;
-                height: 40px;
-                background: #4076ff;
-                color: white;
-                border: none;
-                cursor: pointer;
-                font-size: 16px;
-                border-radius: 4px;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                transform: translate(-50%, -50%); /* 按钮中心对齐坐标 */
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/device/register/components/Microphone/index.vue b/src/views/device/register/components/Microphone/index.vue
deleted file mode 100644
index 86ce97f..0000000
--- a/src/views/device/register/components/Microphone/index.vue
+++ /dev/null
@@ -1,233 +0,0 @@
-<template>
-  <div class="microphone-container">
-    <div class="title">远程麦克风</div>
-    <div class="audiosList" v-if="audiosList.length > 0">
-      <div class="speaker-container">
-          <div class="speaker-title">选择扬声器</div>
-          <el-select v-model="speaker" size="small">
-            <el-option
-            v-for="item in speakerOptions"
-            :key="item"
-            :label="item"
-            :value="item"
-          />
-        </el-select>
-      </div>
-      <div class="audioItem" v-for="item in audiosList">
-        <div>{{ item }}</div>
-        <div>
-          <el-button
-            circle
-            size="small"
-            :icon="VideoPlay"
-            @click="handlePlay(item)"
-          ></el-button>
-        </div>
-      </div>
-    </div>
-    <div class="btn-container">
-      <el-tooltip
-        class="box-item"
-        effect="dark"
-        content="点击开始录音"
-        placement="top-start"
-        v-if="recordStatus === 'end'"
-      >
-        <el-icon class="btn" :size="40" @click="startRecording"><Microphone /></el-icon>
-      </el-tooltip>
-      <el-tooltip
-        class="box-item"
-        effect="dark"
-        content="点击暂停录音"
-        placement="top-start"
-        v-if="recordStatus === 'recording'"
-      >
-        <el-icon class="btn" :size="40" @click="pauseRecording"><VideoPause /></el-icon>
-      </el-tooltip>
-      <el-tooltip
-        class="box-item"
-        effect="dark"
-        content="点击恢复录音"
-        placement="top-start"
-        v-if="recordStatus === 'pause'"
-      >
-        <el-icon class="btn" :size="40" @click="recoverRecording"><Mic /></el-icon>
-      </el-tooltip>
-      <el-tooltip
-        class="box-item"
-        effect="dark"
-        content="点击结束录音"
-        placement="top-start"
-        v-if="recordStatus !== 'end'"
-      >
-        <el-icon class="btn" :size="40" @click="stopRecording"><Mute /></el-icon>
-      </el-tooltip>
-    </div>
-  </div>
-</template>
-<script setup>
-import { onMounted, ref } from "vue";
-import { Microphone, VideoPause, Mute, Mic, VideoPlay } from "@element-plus/icons-vue";
-import {
-  startMicrophoneApi,
-  pauseMicrophoneApi,
-  resumeMicrophoneApi,
-  stopMicrophoneApi,
-  playSpeaker
-} from '@/api/device/microphone'
-import { useRoute } from 'vue-router'
-import { ElMessage } from "element-plus";
-import { getRobotDevicesByRobotId } from '@/api/resource/robot'
-
-const route = useRoute()
-
-
-const robotId = route.query.robotId
-const deviceId = route.query.deviceId
-
-const recordStatus = ref('end');
-const isRecording = ref(false)
-const list = []
-const audiosList = ref([])
-const speaker = ref('')
-const speakerOptions = ref([])
-
-onMounted(async () => {
-  if (!robotId) return
-  const response = await getRobotDevicesByRobotId(String(robotId), { deviceKind: 13 })
-  speakerOptions.value = (response.data || []).map(item => item.deviceId)
-  speaker.value = speakerOptions.value[0] || ''
-})
-
-/**
- * 开始录音
- */
-const startRecording = async () => {
-  const fileName = new Date().getTime() + '.wav'
-  isRecording.value = true
-  const res = await startMicrophoneApi({
-    robotId,
-    deviceId,
-    filePath: `/home/share/record/audios/${robotId}_${deviceId}_${fileName}`
-  })
-  if (res.code === 200) {
-    recordStatus.value = 'recording'
-    list.push(`${robotId}_${deviceId}_${fileName}`)
-  }
-};
-
-/**
- * 暂停录音
- */
-const pauseRecording = async () => {
-  const res = await pauseMicrophoneApi({
-    robotId,
-    deviceId
-  })
-  if (res.code === 200) {
-    recordStatus.value = 'pause'
-  }
-};
-
-/**
- * 恢复录音
- */
-const recoverRecording = async () => {
-  const res = await resumeMicrophoneApi({
-    robotId,
-    deviceId
-  })
-  if (res.code === 200) {
-    recordStatus.value = 'recording'
-  }
-}
-
-/**
- * 结束录音
- */
-const stopRecording = async () => {
-  const res = await stopMicrophoneApi({
-    robotId,
-    deviceId
-  })
-  if (res.code === 200) {
-    recordStatus.value = 'end'
-    audiosList.value.unshift(list[list.length - 1])
-  }
-  isRecording.value = false
-};
-
-/**
- * 播放录音
- */
-const handlePlay = async (audioPath) => {
-  const res = await playSpeaker({
-    robotId,
-    deviceId: speaker.value,
-    audioPath: `/home/share/record/audios/${audioPath}`
-  })
-  if (res.code === 200) {
-    ElMessage.success('播放成功')
-  }
-}
-
-</script>
-<style lang="scss" scoped>
-.microphone-container {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  max-width: 800px;
-  width: 100%;
-  height: calc(100vh - 125px);
-  background-color: #fff;
-  border-radius: 20px;
-  margin: auto;
-
-  .audiosList {
-    margin: 20px;
-    max-height: 280px;
-    overflow-y: auto;
-
-    .speaker-container {
-      margin-bottom: 12px;
-      display: flex;
-      align-items: center;
-      gap: 12px;
-
-      .speaker-title {
-        width: 80px;
-      }
-
-      .el-select {
-        width: 200px;
-      }
-    }
-
-    .audioItem {
-      display: flex;
-      align-items: center;
-      gap: 20px;
-    }
-  }
-
-  .title {
-    padding-top: 20px;
-    font-size: 20px;
-    text-align: center;
-    color: #333;
-  }
-
-  .btn-container {
-    margin-top: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    .btn {
-      margin-right: 10px;
-      cursor: pointer;
-    }
-  }
-}
-</style>
diff --git a/src/views/device/register/components/Motor/index.vue b/src/views/device/register/components/Motor/index.vue
deleted file mode 100644
index 8ecf371..0000000
--- a/src/views/device/register/components/Motor/index.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<script setup>
-import ControlCard from "../ControlCard/index.vue"
-
-const data = reactive({
-  form: {},
-  rules: {}
-})
-
-const {form, rules} = toRefs(data)
-</script>
-
-<template>
-  <div class="motor">
-    <el-row :gutter="16">
-      <el-col :span="12">
-        <ControlCard title="电机">
-          <div class="pic">
-            电机pic
-            <svg t="1747108210294" class="arrow" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23587" width="32" height="32"><path d="M481.940645 156.242581C209.094194 383.504516 254.018065 660.645161 313.806452 778.570323l117.925161 234.859354 152.609032-76.634838-117.925161-234.859355c-4.624516-8.91871-100.748387-224.619355 132.129032-418.188387l33.032258 70.028387c8.91871 18.167742 19.489032 27.747097 39.969032 23.122581a36.996129 36.996129 0 0 0 27.086452-33.032259l66.064516-340.56258L423.803871 51.530323a39.308387 39.308387 0 0 0-36.005161 25.765161 37.987097 37.987097 0 0 0 19.489032 39.308387l74.652903 39.63871" fill="#409eff" p-id="23588"></path></svg>
-            <svg t="1747108469463" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="28512" width="32" height="32"><path d="M533.312 1015.104l-3.968 3.392a30.144 30.144 0 0 1-47.488-24.64v-210.816H70.272A70.272 70.272 0 0 1 0 712.768V311.232l0.384-7.68c3.84-35.2 33.664-62.592 69.888-62.592h411.584V30.144c0-26.816 32.448-40.256 51.456-21.248l481.92 481.792a30.08 30.08 0 0 1 0 42.624l-481.92 481.792z" fill="#409eff" p-id="28513"></path></svg>
-            <svg t="1747126605366" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1461" width="32" height="32"><path d="M311.432533 448.170667H163.84L510.293333 3.413333 856.746667 448.170667h-147.592534L760.832 1006.933333H259.754667z" fill="#0F62FE" p-id="1462"></path></svg>
-            <svg t="1747126646064" class="icon" viewBox="0 0 2105 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1623" width="32" height="32"><path d="M1368.744385 1015.123641l-5.916434 3.413328a64.853225 64.853225 0 0 1-46.819478 2.047997c-14.961753-5.119991-24.405293-15.473752-24.405292-26.737734v-210.772982H105.414935c-27.989287 0-54.783909-7.395543-74.52432-20.593743C11.093315 749.225418 0 731.419225 0 712.759701V311.238592l0.568888-7.679987c5.745768-35.214164 50.517249-62.577673 104.846047-62.577673h1186.188246V30.151061c0-26.794622 48.696808-40.277266 77.198093-21.21952l722.829018 481.791197c8.47643 5.631991 13.255089 13.311978 13.255089 21.276409 0 7.964431-4.778659 15.701307-13.255089 21.333297L1368.744385 1015.123641z" fill="#D6E4FE" p-id="1624"></path></svg>
-
-            <svg t="1747126605366" class="turn-up" viewBox="0 0 1024 1024" version="1.1"
-                 xmlns="http://www.w3.org/2000/svg" p-id="1461" width="32" height="32">
-              <path
-                  d="M311.432533 448.170667H263.84L510.293333 3.413333 856.746667 448.170667h-247.592534L760.832 1006.933333H159.754667z"
-                  fill="#0F62FE" p-id="1462"></path>
-            </svg>
-          </div>
-        </ControlCard>
-      </el-col>
-      <el-col :span="12">
-        <ControlCard title="操作">
-          <div class="control">
-            <el-form :model="form" :rules="rules" label-width="100px">
-              <el-form-item label="速度">
-                <el-input v-model="form.speed" placeholder="请输入速度"></el-input>
-              </el-form-item>
-              <el-form-item label="位置">
-                <el-input v-model="form.position" placeholder="请输入位置"></el-input>
-              </el-form-item>
-              <el-form-item label="状态">
-                <el-input v-model="form.status" placeholder="请输入状态"></el-input>
-              </el-form-item>
-              <el-form-item label="运行模式">
-                <el-input v-model="form.mode" placeholder="请输入运行模式"></el-input>
-              </el-form-item>
-            </el-form>
-          </div>
-        </ControlCard>
-
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<style scoped lang="scss">
-.motor {
-  padding: 10px;
-  width: 100vw;
-  height: 100vh;
-.arrow{
-  width: 100px;
-  height: 100px;
-}
-  .el-row {
-    height: 100%;
-
-    .control-card {
-      height: 100%;
-    }
-  }
-
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/register/components/Speaker/index.vue b/src/views/device/register/components/Speaker/index.vue
deleted file mode 100644
index e44db5d..0000000
--- a/src/views/device/register/components/Speaker/index.vue
+++ /dev/null
@@ -1,278 +0,0 @@
-<template>
-  <div class="audio-player">
-    <div class="title">远程扬声器</div>
-    <div class="audio-list">
-      <div
-        v-for="(audio, index) in audioList"
-        :key="index"
-        class="audio-item"
-        :class="{ 'active': index === currentIndex }"
-        @click="playAudio(index)"
-      >
-        {{ audio.name }}
-      </div>
-    </div>
-    <div class="controls">
-      <el-button @click="playPrevious" :disabled="currentIndex === 0" circle size="small">
-        <svg :class="`icon ${currentIndex === 0 ? 'disabled-icon' : ''}`" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="20">
-          <path d="M362.3 512l445-332.3v664.5L362.3 512zM216.7 179.7h80v664.5h-80V179.7z" fill="" />
-        </svg>
-      </el-button>
-      <el-button @click="togglePlay" circle>
-        <svg v-if="isPlaying" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32">
-          <path d="M512 1024C228.266667 1024 0 795.733333 0 512S228.266667 0 512 0s512 228.266667 512 512-228.266667 512-512 512z m0-42.666667c260.266667 0 469.333333-209.066667 469.333333-469.333333S772.266667 42.666667 512 42.666667 42.666667 251.733333 42.666667 512s209.066667 469.333333 469.333333 469.333333z m-106.666667-682.666666c12.8 0 21.333333 8.533333 21.333334 21.333333v384c0 12.8-8.533333 21.333333-21.333334 21.333333s-21.333333-8.533333-21.333333-21.333333V320c0-12.8 8.533333-21.333333 21.333333-21.333333z m213.333334 0c12.8 0 21.333333 8.533333 21.333333 21.333333v384c0 12.8-8.533333 21.333333-21.333333 21.333333s-21.333333-8.533333-21.333334-21.333333V320c0-12.8 8.533333-21.333333 21.333334-21.333333z" fill="#666666" fill-opacity=".9" />
-        </svg>
-        <svg v-else class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32">
-          <path d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0z m0 981.333333C253.866667 981.333333 42.666667 770.133333 42.666667 512S253.866667 42.666667 512 42.666667s469.333333 211.2 469.333333 469.333333-211.2 469.333333-469.333333 469.333333z" fill="#666666" />
-          <path d="M672 441.6l-170.666667-113.066667c-57.6-38.4-106.666667-12.8-106.666666 57.6v256c0 70.4 46.933333 96 106.666666 57.6l170.666667-113.066666c57.6-42.666667 57.6-106.666667 0-145.066667z" fill="#666666" />
-        </svg>
-      </el-button>
-      <el-button @click="playNext" :disabled="currentIndex === audioList.length - 1" circle size="small">
-        <svg :class="`icon ${currentIndex === audioList.length - 1 ? 'disabled-icon' : ''}`" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="20">
-          <path d="M216.7 844.3V179.7l445 332.3-445 332.3z m590.6 0h-80V179.7h80v664.6z" fill="" />
-        </svg>
-      </el-button>
-      <div class="volume-control">
-        <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24">
-          <path d="M448 938.666667a21.333333 21.333333 0 0 1-15.093333-6.246667L225.833333 725.333333H53.333333a53.393333 53.393333 0 0 1-53.333333-53.333333V352a53.393333 53.393333 0 0 1 53.333333-53.333333h172.5l207.08-207.086667A21.333333 21.333333 0 0 1 469.333333 106.666667v810.666666a21.333333 21.333333 0 0 1-21.333333 21.333334zM53.333333 341.333333a10.666667 10.666667 0 0 0-10.666666 10.666667v320a10.666667 10.666667 0 0 0 10.666666 10.666667h181.333334a21.333333 21.333333 0 0 1 15.086666 6.246666L426.666667 865.833333V158.166667L249.753333 335.086667A21.333333 21.333333 0 0 1 234.666667 341.333333z m750.48 586.553334a21.333333 21.333333 0 0 1-12.726666-38.466667 474.853333 474.853333 0 0 0 52.78-45.553333c182.993333-182.993333 182.993333-480.74 0-663.733334a474.246667 474.246667 0 0 0-52.78-45.553333 21.333333 21.333333 0 0 1 25.42-34.273333 518.346667 518.346667 0 0 1 57.533333 49.653333 511.606667 511.606667 0 0 1 0 724.08 519.026667 519.026667 0 0 1-57.54 49.653333 21.22 21.22 0 0 1-12.686667 4.193334z m-86.213333-149.333334a21.333333 21.333333 0 0 1-13.733333-37.666666c6.666667-5.586667 13.146667-11.553333 19.333333-17.726667C779.6 666.78 810.666667 591.78 810.666667 512s-31.066667-154.78-87.48-211.186667c-6.173333-6.173333-12.666667-12.14-19.333334-17.726666a21.333333 21.333333 0 1 1 27.446667-32.666667 346.585333 346.585333 0 0 1 22.046667 20.213333 341.066667 341.066667 0 0 1 0 482.72 346.585333 346.585333 0 0 1-22.046667 20.213334 21.24 21.24 0 0 1-13.7 5.013333zM629.333333 625.72a21.333333 21.333333 0 0 1-16.733333-34.546667 127.366667 127.366667 0 0 0 0-158.346666 21.333333 21.333333 0 0 1 33.486667-26.433334 170.733333 170.733333 0 0 1 0 211.213334A21.333333 21.333333 0 0 1 629.333333 625.72z" fill="#5C5C66" />
-        </svg>
-        <input
-          type="range"
-          min="0"
-          max="100"
-          step="1"
-          v-model.number="volume"
-          @input="debouncedSetVolume"
-        />
-        <span>{{ Math.round(volume) }}%</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, onMounted, onUnmounted } from 'vue';
-import { useRoute } from 'vue-router';
-import {
-  pause,
-  play,
-  resume,
-  status,
-  stop,
-  getVolume,
-  setVolume as setVolumeApi,
-  getAll
-} from '@/api/device/speaker';
-
-const audioList = ref([
-  { name: 'Track 1', path: '/audio/track1.mp3' },
-  { name: 'Track 2', path: '/audio/track2.mp3' },
-  { name: 'Track 3', path: '/audio/track3.mp3' },
-]);
-
-const currentIndex = ref(0);
-const isPlaying = ref(false);
-const volume = ref(0);
-
-const route = useRoute();
-const robotId = ref(String(route.query.robotId || ''));
-const deviceId = ref(String(route.query.deviceId || ''));
-
-const getCommonParams = () => ({
-  robotId: robotId.value,
-  deviceId: deviceId.value
-});
-
-const debounce = (func, delay) => {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func.apply(null, args), delay);
-  };
-};
-let pollingTimeout;
-
-const checkStatus = async () => {
-  try {
-    const response = await status(getCommonParams());
-    isPlaying.value = response.data.state.isRunning && !response.data.state.isPaused;
-    if (isPlaying.value && !response.data.state.isPaused) {
-    // 完成后再次调度
-    pollingTimeout = setTimeout(checkStatus, 1000); // 5秒间隔
-    }
-    
-  } catch (error) {
-    console.error('状态检查失败:', error);
-    // 即使出错，也继续轮询
-    // pollingTimeout = setTimeout(checkStatus, 1000);
-  }
-};
-
-onMounted(async () => {
-  try {
-    const allResponse = await getAll();
-    audioList.value = allResponse.data.map(item => ({
-      name: item.split('.')[0],
-      path: `/home/share/assets/upload/${item}`
-    }));
-    await initialize();
-    // 启动轮询
-    checkStatus();
-  } catch (error) {
-    console.error('初始化失败:', error);
-  }
-});
-
-onUnmounted(async () => {
-  try {
-    await stop(getCommonParams());
-    if (pollingTimeout) {
-      clearTimeout(pollingTimeout); // 清除轮询
-    }
-  } catch (error) {
-    console.error('清理失败:', error);
-  }
-});
-
-const initialize = async () => {
-  try {
-    const volumeResponse = await getVolume({ ...getCommonParams() });
-    volume.value = volumeResponse.data || 0;
-  } catch (error) {
-    console.error('初始化状态失败:', error);
-  }
-};
-
-const playAudio = async (index) => {
-  currentIndex.value = index;
-  isPlaying.value = true;
-  try {
-    await play({ ...getCommonParams(), audioPath: audioList.value[index].path });
-    checkStatus();
-  } catch (error) {
-    console.error('播放失败:', error);
-    isPlaying.value = false;
-  }
-};
-
-const playPrevious = async () => {
-  if (currentIndex.value > 0) {
-    await playAudio(currentIndex.value - 1);
-  }
-};
-
-const playNext = async () => {
-  if (currentIndex.value < audioList.value.length - 1) {
-    await playAudio(currentIndex.value + 1);
-  } else {
-    await playAudio(0);
-  }
-};
-
-const togglePlay = async () => {
-  try {
-    if (isPlaying.value) {
-      await pause(getCommonParams());
-    } else {
-      await resume(getCommonParams());
-    }
-    isPlaying.value = !isPlaying.value;
-    checkStatus();
-  } catch (error) {
-    console.error('操作失败:', error);
-  }
-};
-
-const setVolume = async () => {
-  try {
-    await setVolumeApi({ ...getCommonParams(), volume: volume.value });
-  } catch (error) {
-    console.error('音量设置失败:', error);
-  }
-};
-
-const debouncedSetVolume = debounce(setVolume, 500);
-</script>
-
-<style scoped>
-.audio-player {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  max-width: 800px;
-  width: 100%;
-  height: calc(100vh - 125px);
-  background-color: #fff;
-  border-radius: 20px;
-  margin: auto;
-}
-
-.title {
-  padding-top: 20px;
-  font-size: 20px;
-  text-align: center;
-  color: #333;
-}
-
-.audio-list {
-  margin: 20px 0;
-  max-height: calc(100% - 130px);
-  overflow-y: auto;
-  border-bottom: 1px solid #ddd;
-  border-top: 1px solid #ddd;
-}
-
-.audio-item {
-  padding: 10px;
-  cursor: pointer;
-}
-
-.audio-item:hover,
-.audio-item.active {
-  background-color: #e0e0e0;
-}
-
-.controls {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  margin-top: 20px;
-}
-
-button {
-  padding: 8px 16px;
-  background-color: rgba(0, 0, 0, 0);
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-button:disabled {
-  background-color: rgba(0, 0, 0, 0);
-  cursor: not-allowed;
-}
-
-button:hover:not(:disabled) {
-  background-color: #eee;
-}
-
-.volume-control {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-}
-
-input[type="range"] {
-  width: 100px;
-}
-
-.icon {
-  vertical-align: middle;
-}
-
-.disabled-icon {
-  fill: #ddd;
-}
-
-</style>
diff --git a/src/views/device/register/components/SpeechSynthesis/AudioPlayer.vue b/src/views/device/register/components/SpeechSynthesis/AudioPlayer.vue
deleted file mode 100644
index be36efc..0000000
--- a/src/views/device/register/components/SpeechSynthesis/AudioPlayer.vue
+++ /dev/null
@@ -1,108 +0,0 @@
-
-<template>
-  <div class="voice-container" @click="togglePlay">
-    <div class="voice-btn" :class="{ playing: isPlaying }">
-      <span class="duration">{{ formattedDuration }}"</span>
-      <div class="wave">
-        <span v-for="n in 3" :key="n" 
-              :style="{ height: isPlaying ? getRandomHeight() : '0px' }"></span>
-      </div>
-    </div>
-    <audio ref="audioEl" 
-            :src="url"
-           @play="handlePlay" 
-           @pause="handlePause" 
-           @ended="handleEnd"
-           @loadedmetadata="updateDuration"></audio>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted } from 'vue'
-
-const props = defineProps({
-  url: { type: String, required: true },
-  recordingTime: { type: Number },
-})
-
-const audioEl = ref(null)
-const isPlaying = ref(false)
-const duration = ref(0)
-let animationFrame
-
-const formattedDuration = computed(() => Math.ceil(duration.value))
-
-const getRandomHeight = () => `${Math.random() * 12 + 4}px`
-
-const togglePlay = () => {
-  isPlaying.value ? audioEl.value.pause() : audioEl.value.play()
-}
-
-const handlePlay = () => {
-  isPlaying.value = true
-  animateWave()
-}
-
-const handlePause = () => {
-  isPlaying.value = false
-  cancelAnimationFrame(animationFrame)
-}
-
-const handleEnd = () => {
-  isPlaying.value = false
-  cancelAnimationFrame(animationFrame)
-}
-
-const updateDuration = () => {
-  duration.value = audioEl.value.duration === Infinity ? props.recordingTime : audioEl.value.duration
-}
-
-const animateWave = () => {
-  if (!isPlaying.value) return
-  animationFrame = requestAnimationFrame(animateWave)
-}
-
-// onMounted(() => {
-//   audioEl.value.src = props.src
-// })
-
-onUnmounted(() => {
-  cancelAnimationFrame(animationFrame)
-})
-</script>
-
-<style scoped>
-.voice-container {
-  display: inline-block;
-  cursor: pointer;
-  width: 100px;
-}
-.voice-btn {
-  display: flex;
-  align-items: center;
-  padding: 8px 12px;
-  background: #e6e6e6;
-  border-radius: 18px;
-  transition: all 0.3s;
-}
-.voice-btn.playing {
-  background: #d3e3fd;
-}
-.duration {
-  margin: 0 12px;
-  font-size: 18px;
-  color: #666;
-}
-.wave {
-  display: flex;
-  align-items: flex-end;
-  height: 20px;
-  gap: 3px;
-}
-.wave span {
-  display: inline-block;
-  width: 4px;
-  background: #07C160;
-  transition: height 0.3s ease;
-}
-</style>
diff --git a/src/views/device/register/components/SpeechSynthesis/chat.vue b/src/views/device/register/components/SpeechSynthesis/chat.vue
deleted file mode 100644
index 5a954a1..0000000
--- a/src/views/device/register/components/SpeechSynthesis/chat.vue
+++ /dev/null
@@ -1,699 +0,0 @@
-<template>
-  <div class="container">
-    <div class="chat-container">
-      <div class="message-list" v-if="messages.length > 0" ref="messageRef">
-        <div
-          v-for="(msg, index) in messages"
-          :key="index"
-          class="message"
-          :class="{
-            'user-message': msg.role === 'user',
-            'ai-message': msg.role === 'assistant',
-          }"
-        >
-          <div class="message-box">
-            <div v-if="msg.role === 'assistant'" class="picture"></div>
-            <div class="message-container">
-              <div v-for="item in msg.list" class="messageContent">
-                <div class="content">{{ item.content }}</div>
-                <div class="audio" v-if="item.url">
-                  <AudioPlayer :url="item.url" />
-                </div>
-              </div>
-            </div>
-            <!-- <div v-if="msg.role === 'user'" class="picture"></div> -->
-          </div>
-        </div>
-        <div v-if="isQuery" style="margin-left: 60px">
-          {{ queryText }}<el-icon><Loading /></el-icon>
-        </div>
-      </div>
-      <div class="welcome" v-else>
-        <div>
-          <div class="name">{{ `我是${aiName}助手，很高兴见到你` }}</div>
-          <div class="function">我可以帮你合成音色，请把你的任务交给我吧~</div>
-        </div>
-      </div>
-      <div class="input-area">
-        <el-input
-          v-model="inputMessage"
-          type="textarea"
-          :autosize="{ minRows: 3, maxRows: 6 }"
-          resize="none"
-          placeholder="Shift+Enter换行"
-          @keyup.native="handleKeyUp"
-          @keyup.enter.native="handleEnter"
-        >
-        </el-input>
-        <div class="bottom-box">
-          <div class="select-box">
-            <el-select v-model="timbreValue" size="small" style="width: 120px">
-              <el-option
-                v-for="item in timbreOptions"
-                :key="item"
-                :label="item"
-                :value="item"
-              />
-            </el-select>
-
-            <el-select
-              v-if="aiType === 'knowledge'"
-              v-model="langValue"
-              size="small"
-              style="width: 100px; margin-left: 10px"
-            >
-              <el-option
-                v-for="item in langOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-
-            <el-select
-              v-model="dialectValue"
-              :disabled="langValue !== '中文'"
-              size="small"
-              style="width: 100px; margin-left: 10px"
-            >
-              <el-option
-                v-for="item in dialectOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-            <el-select
-              v-if="aiType === 'knowledge'"
-              v-model="toneValue"
-              size="small"
-              style="width: 100px; margin-left: 10px"
-            >
-              <el-option
-                v-for="item in toneOptions"
-                :key="item.value"
-                :label="item.label"
-                :value="item.value"
-              />
-            </el-select>
-
-            <el-input-number style="width: 100px; margin-left: 10px" v-if="aiType === 'knowledge'" size="small" v-model="countValue" :min="1" :step="1" step-strictly />
-          </div>
-          <div class="send-message">
-            <el-button
-              :icon="Position"
-              size="small"
-              type="primary"
-              circle
-              :disabled="inputMessage === ''"
-              @click="sendMessage"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="addSound" @click="openDialog">
-      <el-icon :size="40"><CirclePlus /></el-icon>
-    </div>
-
-    <el-dialog
-      v-model="dialogVisible"
-      title="新增音色"
-      width="500"
-      :before-close="handleClose"
-    >
-      <el-form
-        ref="ruleFormRef"
-        style="max-width: 600px"
-        :model="ruleForm"
-        :rules="rules"
-        label-width="auto"
-      >
-        <el-form-item label="名称" prop="name">
-          <el-input v-model="ruleForm.name" />
-        </el-form-item>
-      </el-form>
-      <SoundRecording ref="soundRecordingRef" />
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button @click="handleClose">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template>
-<script setup>
-import { ref } from "vue";
-import { Position, CirclePlus } from "@element-plus/icons-vue";
-import SoundRecording from "./soundRecording.vue";
-import { ElMessage } from "element-plus";
-import { createTimbre, getTts, createCorpus, getSynthesize, createAdvancedCorpus, getAdvancedSynthesize } from '@/api/tts';
-import { ConcurrentRequestController } from "@/utils/requestController";
-import AudioPlayer from "./AudioPlayer.vue";
-
-const props = defineProps({
-  aiName: {
-    type: String,
-    default: '语音助手'
-  },
-  aiType: {
-    type: String,
-    default: 'basis'
-  }
-})
-
-const messageRef = ref(null);
-const inputMessage = ref("");
-const messages = ref([]);
-
-const isQuery = ref(false);
-const queryText = ref("正在思考中");
-const messageIndex = ref(-1)
-const controller = new ConcurrentRequestController(3); // 最大并发数为3
-const cancelIndex = ref(0)
-const sendMessage = async () => {
-  if (inputMessage.value.trim()) {
-    isQuery.value = true;
-    messages.value.push({ role: "user", list: [{ content: inputMessage.value }] });
-    await nextTick();
-    messageRef.value.scrollTop = messageRef.value.scrollHeight;
-    const str = inputMessage.value;
-    inputMessage.value = "";
-    if (controller.getStatus().queueLength > 0) {
-      controller.cancelAll();
-      cancelIndex.value = messageIndex.value
-      messages.value[cancelIndex.value] = {
-        role: "assistant",
-        list: [{ content: '已取消查询' }]
-      }
-    }
-    messageIndex.value += 2
-    getMessage(str, messageIndex.value);
-  }
-};
-
-const getMessage = (str, index) => {
-  if (props.aiType === 'basis') {
-    basisAiOperate(str, index)
-  } else if (props.aiType === 'knowledge') {
-    knowledgeAiOperate(str, index)
-  }
-};
-
-// 基础ai(语音合成)发送消息后的操作
-const basisAiOperate = async (str, index) => {
-  try {
-    const res = await createCorpus({
-      convertWords: str,
-      dialect: dialectValue.value,
-      timbre: timbreValue.value,
-    });
-    if (res.code === 200) {
-      const msg = JSON.parse(res?.msg || "[]");
-      if (msg.length === 0) {
-        serviceError("未查询到相关服务");
-      } else {
-        queryText.value = "语音合成中";
-        getBasisAudio(msg, index);
-      }
-    } else {
-      serviceError("服务器繁忙，请稍后重试");
-    }
-  } catch (err) {
-    serviceError("服务器繁忙，请稍后重试");
-  }
-}
-
-const getBasisAudio = async (arr, index) => {
-  messages.value[index] = {
-    role: "assistant",
-    list: []
-  }
-  await basisApiController(arr, index);
-  isQuery.value = false;
-};
-
-async function basisApiController(arr, messageIndex) {
-  // 模拟10个需要发送的请求
-  const requests = arr.map((item, index) => {
-    return (signal) =>
-      getSynthesize({
-        dialect: dialectValue.value,
-        text: item,
-        timbre: timbreValue.value,
-      }, {
-        signal: signal
-      })
-        .then(async (data) => {
-          if (cancelIndex.value === messageIndex) {
-            return
-          }
-          console.log(`请求 ${index} 完成`);
-          const url = URL.createObjectURL(data);
-          messages.value[messageIndex].list.push({
-            content: item,
-            url,
-          })
-          await nextTick();
-          messageRef.value.scrollTop = messageRef.value.scrollHeight;
-          return data;
-        })
-        .catch(async (error) => {
-          if (cancelIndex.value === messageIndex) {
-            return
-          }
-          console.error(`请求 ${index} 失败:`, error);
-          messages.value[messageIndex].list.push({
-            content: item + " ，语音转换失败"
-          })
-           await nextTick();
-        messageRef.value.scrollTop = messageRef.value.scrollHeight;
-          throw error;
-        });
-  });
-
-  // 发送所有请求
-  const results = await Promise.allSettled(
-    requests.map((request) => controller.addRequest(request))
-  );
-
-  // 处理结果
-  const successfulResults = results
-    .filter((result) => result.status === "fulfilled")
-    .map((result) => result.value);
-
-  console.log("所有请求已完成", successfulResults);
-  return successfulResults;
-}
-
-// 语音合成(知识库)发送消息后的操作
-const knowledgeAiOperate = async (str, index) => {
-  try {
-    const params = {
-      convertWords: str,
-      dialect: langValue.value === '中文' ? dialectValue.value : '',
-      timbre: timbreValue.value,
-      language: langValue.value,
-      tone : toneValue.value,
-      count: countValue.value
-    }
-    const res = await createAdvancedCorpus(params);
-    if (res.code === 200) {
-      const msg = JSON.parse(res?.msg || "[]");
-      if (msg.length === 0) {
-        serviceError("未查询到相关服务");
-      } else {
-        queryText.value = "语音合成中";
-        getKnowledgeAudio(msg, index, params);
-      }
-    } else {
-      serviceError("服务器繁忙，请稍后重试");
-    }
-  } catch (err) {
-    serviceError("服务器繁忙，请稍后重试");
-  }
-}
-
-const getKnowledgeAudio = async (arr, index, params) => {
-  messages.value[index] = {
-    role: "assistant",
-    list: []
-  }
-  const data = await knowledgeApiController(arr, index, params);
-  console.log('data', data)
-  isQuery.value = false;
-}
-
-async function knowledgeApiController(arr, messageIndex, params) {
-  // 模拟10个需要发送的请求
-  const requests = arr.map((item, index) => {
-    return (signal) =>
-      getAdvancedSynthesize({
-        dialect: params.dialect,
-        text: item,
-        timbre: params.timbre,
-        tone: params.tone,
-        language: params.language
-      }, {
-        signal: signal
-      })
-        .then(async (data) => {
-          if (cancelIndex.value === messageIndex) {
-            return
-          }
-          console.log(`请求 ${index} 完成`);
-          const url = URL.createObjectURL(data);
-          messages.value[messageIndex].list.push({
-            content: item,
-            url,
-          })
-          await nextTick();
-          messageRef.value.scrollTop = messageRef.value.scrollHeight;
-          return data;
-        })
-        .catch(async (error) => {
-          if (cancelIndex.value === messageIndex) {
-            return
-          }
-          console.error(`请求 ${index} 失败:`, error);
-          messages.value[messageIndex].list.push({
-            content: item + " ，语音转换失败"
-          })
-          await nextTick();
-          messageRef.value.scrollTop = messageRef.value.scrollHeight;
-          throw error;
-        });
-  });
-
-  // 发送所有请求
-  const results = await Promise.allSettled(
-    requests.map((request) => controller.addRequest(request))
-  );
-
-  // 处理结果
-  const successfulResults = results
-    .filter((result) => result.status === "fulfilled")
-    .map((result) => result.value);
-
-  console.log("所有请求已完成", successfulResults);
-  return successfulResults;
-}
-
-const serviceError = (content) => {
-  isQuery.value = false;
-  messages.value.push({
-    role: "assistant",
-    list: [{content}]
-  });
-};
-
-const handleKeyUp = (event) => {
-  // 阻止shift+enter触发的回车键事件冒泡
-  if (event.key === "Enter" && event.shiftKey) {
-    event.stopPropagation();
-  }
-};
-
-const handleEnter = (event) => {
-  // 只处理没有按住shift键的回车键事件
-  if (!event.shiftKey) {
-    sendMessage();
-  }
-};
-
-const timbreValue = ref("");
-const timbreOptions = ref([]);
-
-const dialectValue = ref("普通话");
-const dialectOptions = [
-  {
-    label: "普通话",
-    value: "普通话",
-  },
-  {
-    label: "粤语",
-    value: "粤语",
-  },
-  {
-    label: "四川话",
-    value: "四川话",
-  },
-  {
-    label: "上海话",
-    value: "上海话",
-  },
-  {
-    label: "南京话",
-    value: "南京话",
-  },
-  {
-    label: "天津话",
-    value: "天津话",
-  },
-  {
-    label: "武汉话",
-    value: "武汉话",
-  },
-];
-
-const toneValue = ref('中性')
-const toneOptions = [
-  {
-    label: '中性',
-    value: '中性'
-  },
-  {
-    label: "高兴",
-    value: "高兴",
-  },
-  {
-    label: "悲伤",
-    value: "悲伤",
-  },
-  {
-    label: "愤怒",
-    value: "愤怒",
-  },
-  // {
-  //   label: "冷漠",
-  //   value: "冷漠",
-  // }
-]
-
-const langValue = ref('中文')
-const langOptions = [
-  {
-    label: "中文",
-    value: "中文",
-  },
-  {
-    label: "英文",
-    value: "英文",
-  },
-  {
-    label: "日文",
-    value: "日文",
-  },
-  {
-    label: "韩语",
-    value: "韩语",
-  }
-]
-
-const countValue = ref(1)
-
-const getTimbre = async () => {
-  const req = await getTts();
-  if (req.code === 200) {
-    timbreOptions.value = req.data
-    timbreValue.value = req.data[0]
-  }
-};
-getTimbre();
-
-const dialogVisible = ref(false);
-
-const openDialog = () => {
-  dialogVisible.value = true;
-};
-
-const ruleFormRef = ref();
-const ruleForm = reactive({
-  name: "",
-});
-
-const rules = reactive({
-  name: [{ required: true, message: "请输入名称", trigger: "blur" }],
-});
-
-const soundRecordingRef = ref(null);
-
-const submit = () => {
-  ruleFormRef.value.validate(async (valid) => {
-    if (valid) {
-      const globalBlob = soundRecordingRef.value.getWav();
-      // 直接创建新Blob并指定WAV类型
-      if (globalBlob) {
-        const file = new File([globalBlob], `${ruleForm.name}.m4a`, {
-          type: "audio/m4a",
-        });
-        const formData = new FormData();
-        formData.append("file", file);
-        formData.append("language_instruction", ruleForm.name);
-
-        const res = await createTimbre(formData);
-        if (res.code === 200) {
-          ElMessage.success("操作成功");
-          handleClose();
-          getTimbre();
-        } else {
-          ElMessage.success(res?.msg || "操作失败");
-        }
-      } else {
-        ElMessage.error("请先录音");
-      }
-    } else {
-      console.log("error submit!");
-    }
-  });
-};
-
-const handleClose = () => {
-  resetForm();
-  dialogVisible.value = false;
-};
-
-const resetForm = () => {
-  ruleFormRef.value.resetFields();
-  soundRecordingRef.value.reset();
-};
-</script>
-
-<style lang="scss" scoped>
-.container {
-  width: 100%;
-  display: flex;
-  justify-content: center;
-
-  .chat-container {
-    display: flex;
-    flex-direction: column;
-    width: 800px;
-    height: 100%;
-
-    .message-list {
-      flex: 1;
-      overflow-y: auto;
-      padding: 20px;
-      position: relative;
-
-      .message {
-        display: flex;
-        overflow-wrap: break-word;
-        margin: 10px;
-        position: relative;
-        align-items: center;
-      }
-
-      .message-box {
-        display: flex;
-        // flex-direction: column;
-        // align-items: end;
-      }
-
-      .user-message {
-        justify-content: right;
-
-        .content {
-          border-radius: 8px;
-          background-color: #ddd9ff;
-          white-space: pre-wrap;
-          padding: 10px;
-          max-width: 500px;
-        }
-
-        .picture {
-          width: 40px;
-          height: 40px;
-          background-image: url("./img/user.png");
-          background-repeat: no-repeat;
-          background-size: 100% 100%;
-          margin-bottom: 10px;
-          margin-left: 10px;
-        }
-      }
-
-      .ai-message {
-        .audio {
-          margin-left: 20px;
-
-          audio::-webkit-media-controls {
-            display: none; /* Chrome, Safari, Opera */
-          }
-        }
-
-        .message-container {
-          background-color: #eff6ff;
-          border-radius: 12px;
-
-          .messageContent {
-            display: flex;
-            align-items: center;
-            padding: 10px;
-            max-width: 500px;
-          }
-        }
-
-        .picture {
-          width: 40px;
-          height: 40px;
-          background-image: url("./img/user.png");
-          background-repeat: no-repeat;
-          background-size: 100% 100%;
-          margin-right: 10px;
-        }
-      }
-    }
-
-    .welcome {
-      flex: 1;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      .name {
-        font-size: 40px;
-      }
-
-      .function {
-        margin-top: 10px;
-        font-size: 20px;
-      }
-    }
-
-    :deep(.input-area) {
-      padding: 20px;
-      height: 140px;
-      border: 1px solid #ddd9ff;
-      border-radius: 20px;
-
-      .el-textarea__inner {
-        box-shadow: none;
-
-        &:focus {
-          box-shadow: none;
-        }
-
-        &:hover {
-          box-shadow: none;
-        }
-      }
-
-      .bottom-box {
-        margin-top: 8px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        .el-select__wrapper {
-          border-radius: 10px;
-        }
-      }
-    }
-
-    .input-area:has(.el-textarea__inner:focus) {
-      box-shadow: 0 0 0 1px #ddd9ff inset;
-    }
-
-    .input-area:has(.el-textarea__inner:hover) {
-      box-shadow: 0 0 0 1px #ddd9ff inset;
-    }
-  }
-
-  .addSound {
-    margin-left: 8px;
-    cursor: pointer;
-  }
-}
-</style>
diff --git a/src/views/device/register/components/SpeechSynthesis/img/ai.png b/src/views/device/register/components/SpeechSynthesis/img/ai.png
deleted file mode 100644
index 79bbe4537df7e7ca847fd3de3e8f2d3a785e5332..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12001
zcmV<7E*{Z|P)<h;3K|Lk000e1NJLTq0043T003|Z1^@s6!WATT00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsHE_O*oK~#7F?R^Qf
z9Y=ZQSJi#*Tl6G7V_TMlWnFo}@`5d!&Bg}HPKG5XfZ@awaE91ynGnJl$eBRG87vcL
zmYf5}aAtx@%-DuZAR*XcGT}gy!7?GtFeKP!32+k7^@4Y6ebQU*?XLO%s{gO9?tAZh
zlJ#uMIr`t}*URm$?yj%Df2-<h;HVsxqjFS^%27EgN9Cv-m7{W0j>=IvcrkdE$=VBC
z$MmqJ?=WpMY;nM9nmWd!)3-oYV!8yTU3zD<Ln-U7MAta%rulALV7Do84;`~B>*Joe
zIo!RwYj)#VC`UAqosOICPh*QMaf!3oLRY($Fqtkh_$&8d$sLroS|=bu`-1>u4E=VV
zhkrD49#Fq-cwPXuM^m33gudII_sYACEAFH%+aKt*w&PhKM;wrwH_vv8y#2Zo=JJ9V
z2L{d>5H4_;0F#2ofGMaXg_VMM-Gy~0%MKCC044)jggJxBpc31W^E6))sB{(Ki0yO*
zw=AG{=fmBJE{;GsB7p34c1=%B*sJ=^UJjdWElo~fSpvxhkUSVB0>^-Qu|Z`T0ZS)e
z_omK9&*D;4tP|Fv0u;hbKko;Iw&oeo0$Gth0!JpO&nS>*Z+>iRQQ&f8^Q(+?(~O9r
zsWdIpaSW!RWfK4+P%Txa2a>ikxDZx)HHu2T`eh@4yRfY=LDd!tEGiWn!7UR|dtqwL
zF`&)^YAP^QZt0=8?nnUi83A(h=3QG&QCv&lZM6iHCz}m({^txKVB0h&P_rytrGiIN
zWX7}5*S{6yvOp*<Lv3i01@OFz%>^Wq(uI9h_40Zt05X`RKMDQZb1;2_jKMs>fEKW2
zIqa66aX_C|AUAh*b&wY~TLREfjaxEGCIT5i0IO5JECR4JZ4WR5%G(1A14BI%Gf}r$
zP`!+4nFq%4F8xf{S_ZcI{ltUyaL{sJ*BR78mWu$WN1LYwDubrh4A7oq+gXgd#b*rA
zrv*s1f#Z33jWOjmkArnWveK(k!|RNR2i17?h3yPp%cJa=naWBVz~p@yI5`+DmlN6m
zoX(X)rKs9c93SrpF_;1*gV*B+q!2Lq7*??gCfUqv78su?VHb*#l}A^<?Y?g7Iy{Z?
zlmof>)W^2cS#BmMI-Xcmg+VPkkB6~{tn>g2J-w>+KoUAM@iP2mg6-pjMeCNivX-~I
zU|R)9mw2?!CXDoMu#nCMW)`j@VNnK#x_$uF5s+*%&0GMpz1N|&&|mD<yTr~*pDuPj
zr9hs3@)OrsTijqhaAg7(<KR5&c-=q4Mu5$1WixGHB|AO=$SioTw2#XJ3z^N1kI5Ju
z@mgqJ<iU=5heiPP4vyMNb$pnSwgRvx`xT;I8QgM#?PXvm&p}`svYBK19NM#sfJx^n
zo|kQV@JrcK&d#R<NLHm|S^s9@$>o^`&IxddS{3#g6XsT&9h(J!EVIo9FV^H4EoYu}
z#;a8uz|6$i@hlaFn#!wn-f;>*vI@3ITv<wp64fgLusrvZ4Jx*;tfZ+}2%z$$V2<x9
zy%RK2=)AqNTer+j<Gs6YdFrx8%MK(vG|u+#u(s@Y@DM<(fJDVeQLBENl{v5HVW-Rn
zhK3(9+Ag}dWdqv?Tvma-esE{|p7#g_Fa=g@Cr35RWWy6JqZK?`rXtThfK)&~57CGB
zU`4g^#6WtclC3NWNJlExkOMTnvqZkI1eoWwx^u_k(%m<jE}jBeRv;O~(lCgQKrDh!
zLJo~rnW{PyTNnUD0;G|3nrE^uKze&g%M0Y0%*|)$)4bP{cqCH>3rLJ)7Rq3i>oT#!
zxp=W+V?Cn<P>Oa?j2R!MFo=Dzm!&Y$GqVV)wa<Xg1~3bn>>g6HyOsuX;l-`){Hmu0
z%w+>IfY`f(nARaSdd6j97lX}n0&D^%gC}Y<g2|xd0!n7QdOWbu#{StB0Y~eEga=K*
z$xvU{W4SzUC&gBJP{TQ$0PiwM@kzFby;=sc7$dOSCaBj^7^&)27+J{F-%soN1DNBx
z=;7^`BkRbG)5CXu-kopbyyaH2IhIKZvWaBHIu;>6>Ah136U9rFM2x7`3fxSYsepJJ
zXRvo>414#t{82{Kq|II27yQ6vLCt!#YvlpS^mjh4^e4!Sld|EBrDv;Ve-y}8@Myig
zl*(bo^5oe$9}?@lZ?6q`;DSBn;}+<tU}l;TSeiNVbidp0;Qah{TD=s@D9ggg(>jk{
zO%-@^X3E4S29;`KjHsTfK_;MN5ggej>9<`olh}7)EP$b9WWhtVqAr8#1*TR3>(?2a
zc1nhIYk?IjET*Qyt$Cmj9t@U8cY>Jh@YpV5IjO`Q4+FFF;bDU~PW?6~5)5W1Xx@@A
z#RTs)#+SXoMs|Ao%uI56dNdWp%KQ<BvAv6iCFpOk=$)Qj`uI&|JC;e7g^^U@S6Nqj
zS0i<7QWh#hZS-P|tcR8j26zvFx97lw-!o=<GAS!_9#{tL<uA85{WNMCImcq{n(A3}
zF%@b;*b#q7TRlu|-|mAnJp}yYPk<lX3p_F-Ss_=otgy$MvuY)fGj@7HD%j8Yn%Ftw
zyak6YeJa1-%aG5GwwL++B`bw%X>mK2Ne-Kloz9NwaXYcgMi5I6npcw&^apP=fX6_3
z@Wd|iydYim`2LlcU&uxM3D{!SR;{vl(;IWV;5<uHwlqlb9|oGOkgg}oI{!fzxbu6!
zSAPiXosiJQ26daZs+8jVL|aJ=@9!h^N>lkbIY0M}%*(3m-iOwv<!Z=2Y(|df`4+xl
z+Xyp^b1|{4H6W?f$TkLbo^;tG`&NbEE>Xj*4%e?Y_|;!&<C2$WSh=!dlB<fWz|grH
zzMe{Rn@RTH+zHd`Uk2R%UEpsB(0!yrbIAtz)0Wc8A~rIU2U4?#ge!Xc$zDFTD3H@D
z(CZM2cVijkuz@trPODQRQJe=69!$PL1t&NgYP<M`XBH;#_{>U43REDkT5a&of1BgV
zH?@3uO*W}iOj0NUx+x>meQOUu@&u&28rgRZJzH<T7<kROz#o4L_-g{x7Q)crKgDz(
z$ji<104&5Co~P_Wf5wuE9StV=-y3nH0BN1+`1G3-FyN{N3Q^nvXcHJKG35S*aXfyY
z0#Os^FM6TH4IdpNhs6w3GRwevf|_$?=)MYKgu6ry%o>Z6WquIXkmGdCWx!eMfzJ}4
z56@I!>%IA%^8ha7IR1U%qzu`QxhZVOQwUB4md9Y3#Nsf8BBPGxQR7W1BL&pxdCFf&
zkL(k(EBwyk_b`9wJ9B*M561(Ds4BLpE{91S3^%Y{E8oSH<a*=I)lB!*YxtSdf$Luf
zoG=wCjh!AVlaaPeU-UTT7giHVrzx@iT(X-dWEfp{u7hQg!w1sj8;vBr!v<6ytI_5v
zc%u>=9bnJgB(Wld50E(X`rm1jI&IerR~j|8)hZb&h%Wy3bIFbmsAg9Ot9i<JZ!S5#
z3n1Qb1#rr-Qbxi+AHft_Cj{msfl2B)=f`|}xKBy7wh_xDhYch>iqj03C!tFd0f2Ux
z2{B{XUeMjo%#Ve@T)f)%|7IJndu=|z1ZM_8tBD(Qc2HB7rnb?^0nKA-K)Xg6jR$81
zne7j}l0aSQ^AVBRyv)C6%1k0+i}o2?Lo1z87Hs)c>oPbym^M;7-kEX2PA8cf6I81H
z-lH5?bbi<-zR2R={L+ZaNYMM+Z_nd@er+E2K3HHid9W`(zl|$jJvpEn^<jvcYQGQ0
zoO@;*KKteU_})MFaNolP&OWt;S6?)am!30LvxP8~jb%sZ=gA5B)Yn6cN_2V<JX(|3
z-<&S7wTYachsg2SQ#NkTE*m2cKOx{kgR!bsb#Sa_sbp+`7>X?P^CZL|SN{xCulPps
z_dZnM9oO&1*S@__+x|yin#J`u&ERwY=@^`IS_{J*BSbIO)$Ct5p~2_Aasa>eU-wWd
zusZVZ?peSmzpx)~eB}gw<IStEVQq$ZNW#ps*H=yrKOdxULaeEbEURPM1blxp#lQbh
zcYNruX)Kc*lxm%Rj~jZzEtCx4i&4)}vp610ZH9uR))0V0;@t3}j}Ha>8hKm*@fGiS
zVgN)HX3(qOy%XR0r=9?0YK5d8ZK^Z*N<aJM19;be-dzJRmCt=;7H_$BC-&|WZPVCo
z&C2RtZE^|*P*pC2>VKzaVS<3~Zya!ZI#?!I638`gch|OOuxriR+>YsAt$SHiy&dD5
z2Sj}W-oen+9E<kD(e505@>sQ5ivfP_`oYRqn{@q6`#hLlxP9?hO0}$~8eBsj?_`KE
z_so=d|Ht==+H(UAP*{<Am9p=r2jKT^-B<m-vK`9gvZu-IY=;W}-j93ugWG2?OeX1&
zmC^?&_EvWlOZ~kITRHADw11l%pJJk3<(*EwPPvY`uBqM~*F6qW76noY+7_+~opym*
z!EI(E)UkoT167$GOpDmUVWgR=l#ZurC)ckJm(b(|1N0eEpB}&s<j<eC4%l=|sO*zy
z{mkQmQ=j82{crDDz}M~));0=?j*P3aOkcly-m@7K^e~)GF6imUg)+HpF7uod!ZOL9
zkov9poWeAg$?=MP3ZmLlB;lBbCu}d>raCKo=+(4ct4H;1B2%}W@OJke9E6MnQrNc*
z^-Afa>r@rfQI*1JFGX>9Of61R26A52+f&KnaLm|b5zp@VQ7^1;C7-Zj#6^yW-w8}s
zuX=3L(>2D_e)}#tHlB5S?8>p>WiybSY25!v;U`xs5HTDvNpish#tMY*jSVI<v8ayY
z#Ck^0UvG8gn%IWJLshrBwhml-{5#whEFmL-Z1-?Sa~su1H(k#X9d8o1uFAI}VPjxq
zV6cmfUAN9e7eBpvUlv!UsL+uzMpv<E+B0~d4D~3Ts@(9{?WKJ^h`Cw3?Bj?+$4+W~
zqh2omJSF!i?~O<u!7e20MHOfA)M5<DoRsZQVl%tLVRqvxrm3vkr>}O4Iz~f*^eWX1
zF~kn{Hn#YEjOq_zqNd8K)LQ`AH*~qAL$VFdPRd9HW8>P~SK>hlvFiC}j#roI>hnr7
z1QgDG;mYs;9E7aexB?qa$m$Q9fXQJ<%o0iWO4D$B;_u2-Zu+9z>Q85KZ3Eez?!ZN`
zS<A7giX8xQm`YV~X5b{#R(^;tQvfk<s>VX|t6r_zDnY(({cuKbDJPNJ|FW|VuCh-e
zvv%?Gs|352p>r25BmQ>L83!MAz50c%f$&Hb#_=n~HmW8ns-66uSpl#NlaDdEwS=^}
zTSfKJwgcH6et&bsrChTZD+hq|#&(3z4Rz}q%*OcCOFGAzq%qm(_Rt-p6uZf7j8Km?
zmW6@k55C&rVC2ddIjo)-qMnoGluc)?bNH2umo9e|k^Fr>Qx#_tJIS*ZV^z4p86D#i
zRjMI~Pt3|;k}TjZA{lv#y;T|e*)`QliG@+^lhcc_vIZoxkxq0K4pJOvbu_PvU>k#o
zy)-7K;ut(%88-fel~bk`XiJ&#sejq2z;C~5aWFsdN{0`;BE2XKv}V-H4(Gi7=Ydz9
zIl5d1@e6MUPF#%|c*$uzBegG)t8O_8zia71okQix3Xqn4EPD8gcB{t7!j5Dl%Scw%
zfLx4?EY#-KP1g<EQOT09T};_&;@rf(IQ_zk_Zog%x85Snmbf7-`t4T%-~W)qFA3{d
zcz*FIz+e8FfY@NlFmbNFz>n3fZ+7_DFHn|dU9}$r_>POH{qfz*+^WoGLV(wgTNOHE
zX;Q$b3YF7%@ZyUn2&o@oC3nH(_^p^SHDJbjSggmuNLJR21(kmZ7LkV={V|P%A9|PR
z6B(A17Ju*PSm{wGj?UDeYHhNJ7fvGO^NA~g8{v>P5WD)J6`l>7mhKR*RJQ%%3mi>D
zG()|ZkW4W3eK;vFNe|V`frN2R66oSKct&R7c>i`ZP<4N4`F=nhq;-6Y>5{XFMdTU`
z@nIq(k9)h@I@D9Gr1qpxdahGZ2@$a9s9U`=nYfcu8BjEN6?!NWhk;OAb#<?{L9n>d
zG>@%;V`|5Q-;FePL8FraH6QOUeL&<l22%rQ4g5WW%gPDjZIQ7i?9br(UIql_^aTyi
z)h()Cr#)5;i9pgtT#d!0+gR^}1CtBZvQ)Lodmct!Ox50T+J#{4TC18lI!FN0NFl5b
z1Ftc;VGr?8)`p8scQ;A7uJJHL)t_8T3aG}C5XM@)CbgSdo_MrYz|_v#oQG`{_2juT
zi>g;H^YZ34o7~O0iyiD5jHC;T%~!6h?`UG|VdB%u;FYC`1oeGVSD1KA%C^*QHZP(<
zz=3(KJyW-*!+JD&4}|?p^E3mhR`;(xvrZfyR4SFL!r!uHb+m?4CrAsB&e7#KHa5=R
z#UeuWcS&=bKMi|Abe=6s9NevMU`Cosds^wpA$J<RQ)}bPI`w3L!Me3(;5^O^SEmEp
ztHpTSFauX_0Wr~Qt=Y{+`NP;98ENX*aNKmQPJDA#>^Z>yB#zX0QUUk7Xb0^AOJ#SO
zvZd+0`trydT{4%4!K}`7yja=6DM)gGUU%dUI{HTJcq~20S4^4#wKa@!NF1n0D%YrR
zQ<ag5iQ7$hl`h>G!&$F$H|(b}`HlV^$GP>QG7Vm<7S(x!Pk^YI!eADV7mK9vJs<E*
zx>!P*m?`m>1kyBAtMN9nx>X|%ffLq2*lENdxH5yjbi>=$t(8;Pm{ZBH;NCSZK=*4p
zL2-&q3sr0+E=UOplaxJ#=>yl&_-$fLKocj&Kg?w?H_`6*6OhZ~fv{mJTtl^%O9Po<
z2$04NJQ2fWM{UhjsU^+oRG~(=gV>O4!)s|qT3~tm+7ryk3W^SgtFtv$v>C!YU_=)W
zQ+rrka;6%11Jp!a-8SY?wN8a)1x-T_fBlk{)BR(Evpn>s>a2CJ*_~>i24+_7_1vWn
zESh@Tq@GrVo_eMF7C0oC?BcipVfU%2svU9^`-WCx6I|3;s2fx}#GZ5spmiG7&zY91
z_I|)iPUP5CRdJAacTA#wW0__3aB4zCA9|{mjcJ)nWOu?jY`wY5;vl7&)dAGmF-S6U
zGD(X@X5^%tFb}@CzS_obPBocuQ0mMK+j($b&uY`;pBpHD*h5lV9`dlH`>YrbJ?nfO
zB>j_OyeMi{wTNFY1lX#7&!J>@^!hvLx&pamC!mK1-?FWa8F*^7GqQ;Es!LOMG4w#f
zN;ia|x&tsgApi_GOlg^siMk9kIv1PX4-z%rxDF)O$_~^-TecOlzpB$Bs98<h)l7mx
z9C3@BpAHh?><$i5)J84^<X~3EA6U7QIv$)xy6Tx$ag?d`o}1b4hE}2`2z1*pPqqo#
zVxk&e_1XXfu|!#o3rvAfK=~a@tAi6N`?T3gvpGfLKe)uRm2%b|T6SkZ4py~xYioUU
zQl%Ac%*1yd>n*wg*sSHMw}olbcfMa#s&xbd(NJ>(yO_Er7{)ZQj=^5a0RxyN8`ASM
z9VnkKMg3v=(NBQ`^N3j-Uq)GZr^-&JOs&*u^>EN{bN0}(J5AAc;qGEPxn@?!J35K#
z1gaX9M7fi3I77?1!}vrI;wE9{j(bbo{-qw=@blH|(7=x-y_EVwlWCPobrs!Hz=xbd
zZ%2o4(ee@!#%;HL8C4!u9;_spRXag^X-vWszq#tuv$1iTT^xesa?ozG$WG0y4(av|
zzZwvYccN}w>?P+y3d-r|8V(ba1?Kx<z#9hmrcclL{a*Wu_5cu#n+o#=Lyc){OXtaQ
z1(=EDHJhbsp-Z}8Fw}<bCl-F1Kzw2^;<!DUhvoSg-DZn!Yn<xfiT%Xd*>H>gRd%(V
zg{;FjOdnEqr}=w+Fb82oR;LOW!yU)?PrO+tgWfn9XLE8@AHCgK06z<izUhC=<A42i
z4;Q>3$BGq|2dwEUO=QOWtw9WNs^`a5s#6~bNlb)S=)%*+{rpT+wsn@F38X_U3`y1Y
zPO7cD{@Gyf9AbDC-d6{ny9T&uGr9C@L+gf4KcpJG{p-M^1iW_r;4-r^n$-^K(#0ZD
zHf*Q|k_x(;&UMwOgG@uUS`9t)juWS+^30^Ve5E^|gk(E8bxeW%`?8vw{@BhEfAKd9
zGA>f+<D(9fjFl7yhJf({M+8SoYp`;KJ$MMm#vzuqIn58<k)~TrMNMfGk44IDxf;^4
zSy;}UFP(trN2R2qFFb>$v#3(D5P4ad^ZL1`0xvk78pFQ{eBo<yY8m=PEK<!z(oee=
zb6{*kOIo?OE*6&^=}O_UjnMirrdFRZL~z1NV`Nl~@N!Rk!eQmHg@2RTzfz|;M}uVe
z6oe))KiOoPTyb(vO>_CnNtWY#;7U=dHJ5^@Grjf(U|L>O1agQ6Se+J0e)Hl>h=muP
zDX*cM@Bnge%UoG$!usnk0<O47%F)Yk-dxoJe7f94ot>ibrnA58qF8)%iDp*EILW*>
z+nrRgiaOLGi=Fha^U)<;VcseU%s$$auDS{x1Omw@9>V6>VxmCHBOF0<wgNZSx=B=j
z>UgOsh<8()N$JoKB6^+r;D}k!;yD&PV?zKjm&Rh9`yulZR`N2>uec02YXjmq>RyQy
z_1tMMTl|&uet!s%eiWufSUHf@u^N6z>jh-+KG8ezp=VWR%lJ5l?P1hMzR8J|C8^pH
z6H^7oCQG!&9dcr9K1Ng9_?~82+l7INVn;5i>IfW*)`r%!Lv#;gveQ%yj%A>7F@Zr$
zlkG7E^rv&t#;u$HE;v&_Gon%<b2&!sq?O-!`F(Gqq{swP4jf8$=kDgnS?O(kanw=G
ztPTMu&Q9VMIukwCU?RhUE7ICYT}u<{nSkbgo-F~7J-wU(%$>J~R@H1;yIK~)@zD;e
zu2VeI2;4SUXh)!DswvgNz7#1Uj+ahy=0-m}M@@b5@{ap}H@_RW@?F4>yTVLmET<@s
z1Kx0HC@X!fAlCUJ*&Vu$JDb}oAPxR}#Bnv`&+I&qxaI0OR<C(Sm%j|^&-Y<<sCl4>
zgXBtuMLQ)bQ|za<#2RTy55`9rW&@*~=5S4N5|hwO0o9cl^tt2#0O~Gm-D<=)tn@G;
z`pQY*#mYt-oEx4Ve*)O{5d!1UFunUf0FOM9s9RCLZ+c~T^+dv#>FF(XG#!Ssau`+-
zNFGjW#DU$$`WB?wd*dpbf-0U0;fJtP+W_St6Wecq+Q|JT>3(J_YJ@s2tBN**^l_yX
z`&xKAT-i_o-w1mnu%-e}Ya#*DB)>U{tN7vM*Xv91a@oPjvI-oXKK*9_K$U$nz;z!B
zOib<PYHF0e^5>9xt(~-@Y1<$k4m*YoeOB{u=~_QFcwD`(tSCDg!+F4@J9%C6H6CFg
z_W5L_<GUdWia}L#Sy`>yGBVKF#NI0LJQK?p$Hi}dKs@EBf{g%T5qm=kqxG6&Z79YL
z^)}5i#Ihx-^PjjT<UDjxM4o@=2f$ah*DH|a@9&}MyA{|9=r3Omtdjn^V@16=k$7<T
z5InBK5UByV(8mqU9R{*GneD_8JR}sTX)<A`uLw2(MP+16Of-rbRffbDC?EsCA=+JI
z)txHErpoO^^(fs(Y~|D#ljOksxeNxy4BTjK)i!oBGQOP@`@D_7F)I_>DDzK$J}Jc2
zmp^f9<?LkQ(H=wXnJ+m9{@y4gT{63q6@&Is_N_#`*IR0PG_pDb(=>N9c8Svwz^g{K
zlKYkx5%p{<CPs&+W|ZV=vZ{$a=4|yz@#|&Pg(MnYVWBaJEw)jM`nRZsfoV6Ch*D&4
z{c^&BJTPTY)lOawJbP0k#Gv`3WE=1PJ{kp7%ikn^J@jZ5hG<Cgwkv|h%FBVIz}*cj
zZW-kS4I~dJp1F?oFhbq$u>A(GsIF0aq^a$5l57kBhR4^)_^lyAC?(J8;xVyjma1d#
z3l-wnidq)t`Q<Ft25Jj~?TQSS2Si_j4};YEzV2erUG*TQ`L{%^R#u^UP_$nT_ng~s
zLSh?DxV&5bv{6CLWs=({KikUcD)yom0WUq@E3X=md7qq`6pLcGTGi^P2_sGiTvj-|
zVWGhJ%_krXABakQ0x=~Q|HtkXsG4uoc2dFKqh&{^uikBPIa;|&5})>wl9i#>MWA$h
z?d1m<y~wjr$t)}lia^zJrJk#cM+KtZToLB}Ii>5pbW2dB%0>nBuJ2<}5PAJmpCjjI
zf5l1-OaA>k5eHmqVnNk+*)S|p8Tz8295CV_>(!fAG3w0;Vo3y2Ri3IfXQRUzh*)=A
zkZjX#8a}<}?Og_aN#D4r9}}|{%GVrRc$ku2d>UW!uTFG0za8cuu*4?wyhuo@?Dppk
zZ$7`|9E%gzR%tlxG5+Q4RBw-<23k#Iea}AN^M48a`Y+dGOJ?O?eI6UnIV&`Fsa;<j
zixibZlmc1TNrF1qzfkd|Ft8MdAhfxO{p26AQtE~K1{M+*x`b_d=Ypz{&LZ)J3O7U*
zR$gtiv9|DzkI{HhU&4r)AnCf`M6H|Tv@&<;x@i1$#~Hl-GK-g-mE=!VJ?4RFQ5;4K
z{dVIY)orWaOxw>n%fGhqRhrHtk{EX|T_8jb8AwvCyW>D*CQ+}Yi7tC=l;!0@)S)zK
zY0z)<?NF|CtB=2tSkOdADx^L{jY^WCngk5qFB8z3Ik#vt3;DK|f(z7gt|=?!nQ0S1
z&!e2^YhP|~`DMo2#Y}>J&7m?N4B|tNjHobG(WvJ4JqY}l-w&$QCNa6lR+_$z0O-{M
z=#ros9HQ{YSz74t%BUfS$1u-LU>bj@CAicMtybvTk@K7~7j}|TZR2H_PZ&R<hG_{K
ze3MgFIZKdlddR$L>kMBI@MtLTK5L|d-2gFf=8w}yU4eB-<D^i6l&e}q>>&^MaYlzc
z(^EpnDsK-n6G4pMkfG(fz6ZSPgQx)&#Vx-4)z1Q#UWlrJez<fIhRpsjq!nsdICaQC
zvYgV{xg$5dPDb8J#<@~BNeYJqH+yAy3js(<dS{f%G8FXMF<R%BUT7X&H%ZyKG6@}^
zV+UC2Wq<&J4^0w>2wDSDv)awuBpyyvg*sauCo!w~Km43<OU9WU29WQ`MD=Hr*iS#x
z#i7Rg|6_1o76ma~Pqt4}40+op1DK6HO=EA>7YydDH0@}DdC01jg*bR85A0Bid(ZQj
z_bsJyfGV&Mwd(ZiVVu?Ji`N>zg^S=}=7kTWLS{#t6SaQ|TA8X!L~~l*ClamdqVp5I
zRKLBf?4`z*w0Jx@{y%pC<sVO@mWMG^Akwj6s+=3%|G)nU@M|ADL=YRYdoQ`8Z=_Vs
zN0D|lX_6~lzm}%|ji7Qz?sU+yp)-4Rj`^G0W}XPsmm3YAhX_xw3yh?@&v}?=R<G1V
zWto*LjGvncVWm$3Bp^f<Nv7Ppi{e~I&1e%4Q-&h2QCMC*+nLl<q<5vFX@1s5ax^wo
z%}^Q}dUN6JVdy!(f0oj3cLIO<7a_3sa)|15=)N@XoCtjAJ%rE|avNsk-YU$_Z6<9Z
zJXGPYk(Zd?(Z>Gi+%EVp?l6!HsBanPipYaE=K<wrDIV@?vYHr3)3)JVdXsn<-T=8u
zg))fBI+uC|iLF#Xy^3WPXLZL%KU)`dcNMCfwb9`D9RUxOM;h)UM5;fz-{2en5W<F;
znMJDB9sX~f=K`0Is@?WpxQ!<w9kj~~nO_G1^GN~8vZ2$vJ#({{x9yy;k{zEgX1Usu
zoE;zEz8D&b10$Vxcs!Wg#f*W>6r3_F`yd^a1LIX=F0CRK@q-*5iz<CrsnHDa)nKH~
z4%<bszXarp35(ZUU}9z_Z)9q|`$OO}Um#ofk2oYSYU_uhb{oHKB~|~S_tN}AXgkF)
zytWdMcRpz#PwdQYB{=SAVLw`?M<5n~l{VND_FnVc2`d>$nkHRfB&*sL3@p_eJ3hHO
zEOIAV@LsDSiZjG->_Wa&79Ap~b-hRL%h*KKLe#ab+gCdNVrok~X^joBpn9S-f9!GK
zBYyzg^L-4j<ih~x$pFmi_CxOjHf^Z=syDKorc0kRkSrTI3wK!bx3<hIRRn>_D%J{^
z%1o-ERx2>mGMFpM0Omx7Y>KXj$7E{@BUP>XxDbf_YrNxwDpGg3fRk4qt=dxs)*mZi
zM>We59*P!ef?v4U2n$UBlBS>B3;gEql0Do%yi%XEI$dnvg8;ijAl`NpWeU#5FgfN)
zd9Bs?it9+BqVLB1@MQeeVfI%2cNgUiVdp}tN5Oej&a?7dKGeux6%Pq>VT@)Iyb3hQ
zvN|r>?8S5Tdi$u_EK~C#;<HF)a>ZrzV5cV8riV`(>KB379DMkOBM8KVX5IUNH@t0N
zPu+X^uz-A^JF%T+cNA!&=OzM}&VO7<fHd)2#RUPwpY3xC6f@4#@`Cf<E#`2<e~8M;
zt4uXBkR-Wv&~U$A2!Jx@P$pwg`-$Tu4}ndxIO@p~>w62<cgf5e={DP}s$t8+*3<2W
z3nEZ|CZ){8@k#e$IXoa)2)egYX}b#YT6%7rsx<dt76K%<UGm$?ef~(8g6Y3kOkmF$
z{#IZ3jA|k3P}!%+?l{JYda_zmr2t1$)~nXjF*kMBq$gikc33DR;I~zP&#e624^Uq9
z1Uz}RVUgbs!&y3JHE{c<hACYy-NOd5>%Zz<ewZu1&&({_ez<D}ttbN{<EP>ILz?of
zVpgmEGky!EVx=n^fxNBOqoZO_>(8n^g|m57Bi{;Jjj+6w{Y>>(FVGY9=$<lo*-0zJ
z=_dofPuZH+{A@+;p%tvlZpiYeeTOYCQ6^u*r5921^{;?)&x$H5Ra<{fUhD3|a&}VL
z(3!uP%D<YITjl`yFBD%=WwzM)5f#QBY%34l9&<_%WbC<;^OH?lpNI8M&sY*##HKD+
zd7nC%TTI0P@naj_*7|4=K`rND-M`r1sxn35@veVPj@P}!_{4=K0@9WZ&ZB<vGr+g*
zL9JI^ZH^)9PxiNDoo|uD4j+EJbRd3I;Tt-Ifb1?Ckennaus~URvx&=ZnYj>_WDI5z
zvOPWr>-;Fft+5b}_(TEs3)LL#xW)o<&FM3!1Bb^^;7uK97Vq8qE>Q^Ik8f3gYdi|I
zml<Asn#F~iL-t1dq^7O+?8$PExc_!5@c-^2zu-Zs>qGQ9mt2=ym?jl^4LLPe{p;YV
zjt~WulL6NOc=8E>VbbZ$b_&?91~3UYVr82F%?cluw3wM$h%MU`j<m)@#)lK?`Kpj8
zFrJy2Wa#wq1ZutBw6m5rNvTs5`@<$la|W`U4Et$Ii^iss{^OT#F5Yb8%Qsm%xAo3a
zw|xotD8-of{WPi4W)&~CeZ+5@P6GbjTPbGzML0^Po5tRzF=zQOfw)a~T2>%gnqX#F
zz*sg%Dy#57=2?g_TkX)?)#3y-XMCngQMJ^3wL;P?8dt{nu&i5%IB$5VPUZ-#gKG!X
z>Z?Ihe)?{Fm_Pp{gG(qzd(KqVRj~;sJ44#V<0Cf$zxN5i4Fl*992vgkYu^{9MI;5W
zOVe8k#O>)0%MK(<9ZasO9;w%PB3j?8+T17Aod>qnmc;s`s#tPBrc6lRwZ+-dc1P{h
zVp9(m6~G?ALiQEU)(BV(U^#{gJX<9WBvZs)|F_T;|Li$cqp#Xc+h8Ye`^Mh`SN=M=
z?0fN~)T#GGZ-S%Tsu{9ZbK5S2e#akU=ce)7Qv)PR6HIRCYEgo{oh^8q>GQC8NaMA~
z0y8-mn^U&OvYMqzHEb{2Qt6p^ptZNKFvwWw?_vi{=(*=}tjtXQYNyZD%9tvuf_bqB
z$@F80mH%oBaOyf>&FYGcn#zm0WSalow+Q$vlN&z-r{|783l0s21E<>=w2#wt!!Q6<
zo-!a=7)(-_x6##{r`s~Jn`6YzmS<-f93Nt*x0(DR4}YJLouHK_r0^!C#@I(u2Pc9j
zw-85#msSr=0LagAXbsO={*D$ivn6U)93UgC*EUZVYVpOVh8I}RI8iR6;S4dLzeCxe
zZ8zYM?B%xKfFpG}iitemjsW2H#Q;QA3s1eA*qPr(%JM_i`AX87^MRf0)iNtvp$&74
z)$EF(X7g2~W>>K{Ys2RqGHIg9gn8<<GFzE(nG8Lp;iV1dis6dpW4+B3F!@vF-l=Ly
z3|G}<S#Y}1QNF@Zs6w9PWkL1EFhy9(N1S|7NTYdKf{E;n?)bm8Us4?IKyYNX;}GPq
z69NY#4|K=2k=}YMUH1+>?Ls+$1HBbAjbpBtV|G5n+?>TMWqaoLQF39A^*w`%-IUVf
zF?kk>*nulHMJY2&VWN{(lK9$z*uQ88S-24X!U`u4c&-DD_kGz;`VN)8S3`*fI+n9i
zKcTSWgMSG8@t5nYgj~`!Z>^S>l5OuBx+kw+M*v=Ss35XDEsRtVyLm00_Nw&UmJ@p!
z+s_`xS_Ms|SG8l4>;#dDC7YSArbb?lHTmnP9KU4R=TiE-`cZF9BTNCRPn7F+Wv1Ld
zhb9=8hXB6s5D(eSxbpk`ePX5mMExvfrsilq=kW3O8@%B8h*>{x$jIS2`NA-dGQ?gk
z!p1uoL_A4(S{SLq>Ad^9V{ajzolI9x;dQtf?!L89OkjU+3VUZ)VDEu3?A@PZ-(G`R
z^3~=aHCT9<D)BL5%f5n=?S0A2rM(9-S+>=!mD-M(UWGV7@sj`tXdgm|GWf1n@Rv%7
zu*66rYe_%#XXv~HPH!Kn*uAu!rW-%wYF#mSkzdBSCT*P<;q+|1uy&Y9_E<asSwfyx
zMmB}}{!qn|?KB+>R5#nsKF0DM#>WawjF%WEN2oPT4QJCtNM`7yG)%|LO(7wL6rza)
zZ$En#BfXj}Vw%<!^g#5dXx<_)iIJr03sUiY0<<8E`vhvAT5Nj6#yKi#=kXSw|1IF6
z)9d%seE@C~hZ3VaS6bfj&6u%CuaX^_OK}+Tv@)_O_jf05A%>nz_w)t?BOh;@Svub*
zX3kAfa(gv?`q&g6cwhn#{nI#h{vgN9k0?4N=c3$2?V9s~2s=W4Q5%{e&0qbHOXpS=
zZa$kQR+Fl92dK`Oko!xNdwS^aB<Ah1=si|qekV0`u{PKP%<Xa5Nviqb;|(5LZ(YBI
zJMMjK@P(Sri7?zfBT55A%9*BVH)SO6bqfwto>4|NrLv(s_`2y}<n@If>n+X@jrXx)
zil*ljm|R2l^;j3Y+)O%XGW+5;t6Uh<fEq|$FQa7wklROztjxq>VVpGUBo_R#!z{6T
zKiTM+V+<WeEer-9=XXf?^+Oj%Heu&&b$XrK{|~iRT!Epg)yIu5ja&4XF0pYF4pWXO
zAXAY(LF^PMs4PodFF8fz^o&i0Q9@Qs^)SJsgtS5k65c~G9!&os+9LG1E&JSqA$$el
zfE~mBl`S{BiZsHc=~9h<kq-Idu-Cl_%xysYIBEpvG6M3BZzNkuuBIgT%{MeIHtc^3
z0r?gjrW~<Arqb!mY@xI}<y!1(iEkZKAJ2QydoaFdUm0_}Stf%U%9sSj7^%wDIeKJo
z=cilU-niXPKi$)7;fuR(TzuTrgq8YUqX&oM$@5=HIW-C6IU!DL<nE2l>y6D&I81p~
z0NE67GV5b*i$!)W)dT_SHo^}X<2qqpy)eqj8=qI>*xyoxap&k9UDr0<V!ho%`G9-K
zwBFt8q1zn0=3u13$|(Fgf%dWCPE%WkcbbaLP)Fq%7G@<)KXHRny3ta~F&!M0BS#33
ztp@>IbNwnDl_O7B#U_B2LjWw3^=oldj$C1Y+|tb4hNE)i3)?-KZc7-*Q$f>LSq0-M
zl4qsY`fLyvLX!?c!|?8dX;VBZN9CyeOOgK%64~ESp}mVK00000NkvXXu0mjfVHP(c

diff --git a/src/views/device/register/components/SpeechSynthesis/img/user.png b/src/views/device/register/components/SpeechSynthesis/img/user.png
deleted file mode 100644
index 481f7e7cbc543d579dc21251b7985b673505c9e0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11973
zcmXwfbzD>L`~DdX5>x5gKtQBRIz}i6f{2Xn4(T3U0)l`jAWDbe7$8VU3`9!0K}l)Y
zgh>pL{O$eyyncV|wbwb%b*}To{oLoi@8?R=*VCk-Vx<BAfaZ~wh5-P8(*OHWkP+@g
zbx02p{wTe*O#J}h#_j)pAmDv2GvOx4&p=ZRs2*Y8AzY9+tLmx(KyBKM3tLhE5HWkC
zp=uZm+FjI5`RJI3+sA$qv2rXW`{~UX*v#DjsIb+?f`X;gQntlKGv#jQZC)E+y^|bR
zvCtF=BPK@AhS5!;+duRc)Mn(f{=U==Yeq(ir%bU@ulkd|ex8fZCv_2zjnOq$^1IG2
z-`guMh_J$)pIM*a4=#B;?*9~k8!dL6Ute2`DkU_}aAIq`yjqDB6g;bzgRs?G$3~D@
zWSYBPB>KEBFcOqFKeH!ld`ay^t6~T_-}A3IbH7AJv^QP(e+`<j{g~e+2iHgCDPd`!
z<GvD4%Zy)PK5X0In`SwpxZ$JGZ>IfhzMSp)g&HmNPs4+Jv65)vgy>>ojp+U3`Mp$3
z<>wBh$ewo`X_Oqjz;wbJcwtx#A|f{o3km&Dt=~iX1HSwR@<-uB9L_XdLre>p=@%My
zNFx(=PL@s!&@{&B+(f0cuaE;@`^3uu8%@c#uQKyPi{r%lrD0O1%6>D8i_1O*esN?`
zf2EC$79{7L7iaxE{2ZB}Na@D&JsnS3fIMpNlYq}&k_yM3(w;=dgD4kfD>z$0*&G0F
z9!8?^nY$iMuhroh{!w6d;8w#gbDuO^ZordLcAiIM6rCXG?MLK~3_xn$z>g^>JQnN4
zxf4Fj%aa4JQ1=Bb*ryIh00;Nqy)Kn_o~8^FxqcXlZYrmuHG+fq`y}Dz8&^N)%>+g4
zj3d5WmmyV7xmQ4iVnK$Z?aSLN+uV$fq`v(nm&Dl?tDI{UHv#Vt@cRdy%$2XV1=0mm
zPgGi4FjhQ@fQ^mPj2q8;syI_}U})Tr?b72U#{~JBpU5F7emaOl#}8zaKaA-Nzb;5S
z%J<>Gw#Ap#p{UXz3g3wV#@eNzy;kx1dihEi*$1NKK<g?ejuTnn+XO=C<g_gN>v?Mn
zZ|xgkyv^P*?OY_*7jUWi0ypa<b`TS?W~oQbZ~)&D^wfB^sWr|O$k>P}>43kFL^nm-
z*Me1CjPII6xs**~1iE|yvAV{|AeHt5lWSTgt#lxy?|N@}SX&SfYx>AwhS+QYhMb{i
z8i9?AYqS7(Xn-?lwBSk;N9p`S3TCK%kA?$)e#L;UeFkX~oIu6Va*}kw_SB5_X!zeJ
z388oMKyQFwmdMI!qd0QF-@US9&9l*D6&s$YTsIo~7l_)c+Q~sVe>og-kJ=8tB~3{L
z^Cv5h+-BKTJYa>&&kx+>1i%~|91Z6w$GzrJ+YVZ^4@shecUX20>8(Z8{j;z{F!{jI
z;W=;N23jz!CP~zKuxZY8OZ@$>FR}>qZ&AC-t>&%_&{!+hpm)SD1k(A0q3^7~Pgu&+
zcDJ!QVhsTL&32kUeAqMevWWgOqD1f**w)P|)I(5REA{h55RmcllFOJA8~N-0Xa5_?
zGYo)3`8X0)CYUau*tX|D0{B<|cS%%=RNnifOwuZH698*1bD;9~$+Q2Z2{Az7_!W;E
ziU3q(TJoyak=DXO7FI30bd9q2rUm58Rs4E|+hiPyxa9jX0hoBBNb3|jl&}@6LL$A3
zs2m)p7k4S>0RGOoV)%~*syGZW@bZg3gG3Wi(HRi6Dr6Wxgo0Hl1BE7jmFXc2KU6h?
z0a((e5tk%!TsQ>KuWt7%$iw5F(4;R~ZeeKwePn}a>ts2Zme;6FFfG7ul1chZ;py#!
z?cA?7fQnt(NtwRut8S{&S-+}kITB#Kg!SXH<PPqMr!9V=j~xI!&%`c^fo9By*y#Qi
zV!*~_^}p+1JCcgzfQ8Fweljkmg&%fy*||yZs3SRs78YP=eGLFSvzY2_fx;S_nyVQB
zv0uS#*cf1^>gzlQ0Ngh8K;4j7U3jP_O-BT5Hvcg=nZ;A0w*=BN8G^on0I{xluL3Xo
zJTKeY5HKLN+-zs>II&Cu*kriT`d0sB9)kVnCoeZr&Pxa#N=4AtAv<J4voOT}=FW|$
zbtW7~7X63+b<Bu{%)+}OaTp!Zi^DIuS82(S*Jn8^qL=s?>)i8QwykT#(I~N8Ft$q7
z={Yr#Ludk^I(Ia-9JDJ2o>`W=sOZRNBGbKY;=7E<dR9XdyRo4n+w>3Dl~!(5b+yDo
z&QsnbaSMvhZ$&Q$!EPOmweKRfj;&=-0`&AqZo7|>5C46OZ2pTAG^7`ydRuVeY0}(w
zgd{FDa_qh8)Vv(b>^m1V0;w^?Y@^^+W#O|l#OfUe6v>SkeYx5YWs|5M&)Y*vPxe%!
zEPPVVi1)|L5gg2GUVq9A68ZJ7@Ym0ZptSI)BLq%%N#*lokf?m&9i)UZKL4=ub!hx}
z){BGD>j-B4(d$$>s+J;mPvc6fnfE1EFq;6EF#kLOdsDnX-IEUI(^;fmKEjciuYB1X
z26i6#N?hqYDxVik`tFX@^KEz2NF}UTNZ^|Rl19TYR5j{r02SEesmp?q(!w74^%#Y%
z)MI*{vmP)fBeMTrOV)n1!Z*pPtQPDG<mxG#6RYLZWStHv$&hVQGmF2dt>fzB%1B!>
zBI~2$^KYS_r0t4B`uAhImY-#Q%f3oI$HK|$OQomLGBopshHO4;HQMxiusec#m?gsg
zZP9RB1nF?gPH3hV#_JN1=*)*^`kn0Bx4*tk+Fyvq3vTk5{Di{%Q_kNLZ|Zw1p0*#J
z)1^aVNOXQ;d{QVki{NlhGjkIXP|PO^S}@PMc%W0m?U~YPlk|xzREa9%$<<hMww2#E
zIT8wyZ_2bo#oFsdk@m_lTtp<qZpKRbaQ2hM^{5<wI8LQQ@wrFQa}o-&1UAmrJULBW
zCV8~-3RG?J!^rHmVnc(nZ;V^11Bq5=z0k?e&Wm|CVhmkves$%2bt3=CXtobi^B}tD
zx5<l5^?-`)lJ<OKYw3&gmN#hSK&2q$!_@X~I~}~-Fsgv%S6x|fJ+CSJ1D!LI>-I-t
zrypZ^8F<cQPcPwJ?g+o)nv>UCvi6lyBwDt<pXBMOs3`KpDhJep5`#GC2Pdw{&#PHD
zgRB!CV+>z~tvJ)hLt#`I2PpNGzkhZF_^kr=x_1t%%5(W)%HEe^`u+`G$ms9SOW8@Z
zKn9k!Wr05m2TsFts&2x0sott%U5!%A%6hb`+HOK~o(*Dl=;$C1@9FDr%g>ZY<XPzq
z7+B_QYyW=xeZAXhdgAQfv{p4mddebP={aXR?^PDu(pB+HN6r4`r+7-?sxSfvVm<4t
zxe?V%uS>+~i-Cc>O?p0gU%vPpLh}U}nv)cs$sjDCfRweb(Kac|WFq3ZV|EJ}qM71V
zOqE*FQ8-6YRIP1?ZhD|ojk^E|SFsbGN%Tpo7N8!!?+;j~4tm;`L&u+9oGm5pmc=w{
zaZ;pHZ+krJuzN~QuD&nJuW0yc+xW3+@iQV?FX}BDt=piCukXIc{!TPUseboXvLw;^
zK2_I(C1Z;3RJtiThSXMFoO|h-$;p+$N5rE#XL=<X3F&iVd$G3j(&MLIVrc^KDCPUw
zIb=7&S+2Zh)BZYO`bK}ks*AhQzsi*phKbLs>D0UXiCl_DS;2!r6loR&SKxPzzc!@X
zd$nht?$(dIpDd*x%~MR9CbE2sff=FTF!H*_WX{Zx+Z77CH5L%;@*s1QeeOYugo|;j
zp7-8Cd^|V_0=m^)-4%;0u@E=B6Q{NCE?VO;@u5f>-+0agNJ!RS{>-aLmA3KS=W#h&
z3l%W#<HINZl47%6t0NHFQ6VA?QSm2{6|Joca&h8%hS1j&=Eh7bMOo2CCO0{m%d%gd
zM3%RPv(6ncPx>e^bHlhxA#X(j-(hK<Tsoz4bxKiz;pLX~^>zw}H1(g0Cwu59g$0Fl
zgsX56jFWPC&d{40S&b+v9`2JxW@SZsR@S$-IZb*C%kaCNS%E6Pm44?6OOKPeh<I+b
zP;09&bGa^c3J6M-t^J%nrdDEVMw|%A3j1g_QKVCBldBE}s87%-9nzi_;>yMZOUWv~
zD=S)HQun}6j!HUB>R&p0t5r8co(U3OpDxN{R(ASVn3jVZCeL{AmEzLd9q50}^SMy&
zeO6S$^CY(hZow}t>QVk$%cn&m_@}`xOPv@76V`<Q&fw~g1trXTz4vZ{CT<QZsiEbj
zS30!?<HjB&Dh}(TZ<A<|V~B65Llwv3$GD0!P5Wr&NghV||L#1A&j|%{ZX0ZapR!?Z
zzQCy7ghso5u}NI3^}9g__b3zj^|<-|ZFvo;XAYdVXhFBqIZ5b9-i59+bGrRg0=qcT
zvxV>7Q=wN+NTlU<jMQQ#(SjksD9g>E@O|fyhAK?B1fo^QL;vjeo&=7337f$vp>c$_
z`#&I*j%*HBq#GkAJPmL4I>H)F6dKx^HYvcP<ID~`%9QIRyPec`>HclE#EKK~MCt1U
zHnb|1>&Cok_e7*;O{{TRKQF3zfT?1E_ZC%GC`F_jW!)#>z&e2p?9CicBs?0-D2;P5
z?^5@B7|oCfuT^+r?oVpJKt`R=-J8%}wfgEKqwM*Bf|A`2$yewO?T$RjH0fSliPMMy
z8`@H)eDHMLoC#{6PCbg5YP<z`KG2+V3{-85jpRJkK|7=U*AI-UvhxcrMsn=oSsX;&
z>1JXxzHOuGnSJe8r)!pmyS^4PmD#Bw9?0BH7*};42g+{k+k@LAi8qx<s${4!G$KuZ
zO+LB}`k3O1%jwr8$S2ASxs054LgUS;FYmxoOq#0I@agL3M>K=ODZZ>3Bk#{Gj+`am
z6T7|$I$|1O4^_Xo1EV&f8-WMJokriN>L21S4;-nh#QVM{jt}M%aHS09CrNbXBHMZ&
zx*p8nF{!ZP=dzXJ_0B@W(+?`F-sIUYp?{JL><=Nl^Vb&Cj{uJrKUsXB-iPc|LXYu^
z-5Kr1zCU$t-yrHPaYX#obs;vYo*i$jnltd+s#jW4DVNhvRMMrgM1oZ)z-dC2ba0Ml
z4@T6#cPwRdBm4Ukug$%zMIU9ItNZ>MhY%BW-@XLQjUbxVKfVNP_&L2@HPE&0TUZZl
zOCA}l%RPJ=f2tZ4Y!|X{{H$g@;QJo`GTdBS=l%!kk@E4#(O60&o5^j*opEb<Nkgs(
zFqG4z3GA!DQ~R-~8HW_k3{35DLoX~L@!^pexbq8vQYE5p;z7(>(PMLCyMV|5DxLfD
zv?F)>_k*)VFBWo&s9e(k*ZzZ7#+|R-@wUysB#z78XA!2Z^|nQq|6pc<A=fS#Dr`zS
z;%6D)h+Z(YTY`w=N>>^UI<5k9t%^}(nExS6lqv4Z&bFtqo7Q{v?sSg%JGYiS&|~$~
zVbIc>ZFY+-+JNN=l*$p6k`9JLnj5S67VDjP8wcamEIowYi*88kH@zn{h?mlgl5(&N
zUze9{@?1_y{*+ge@HSurKDhsbcCd9y9X+-F0&v|f!3FY7VTT*e{x;)mpCVy)vUhbv
z*^92_eBFm#3OyUtEtj)%r&<+>N{d3h{0UIUzGiFj+&2s@2N@<?Fb@+e`}FzMSTIF8
z8EUDNf&GbN+nS<3{wWp_sgc<E4|Tn}kcBscbDhcixUcvUQ18Np?snHLhP2E<iU!KD
zcOLqNerZIh(N-x4MFXZ8oG%#ZigPQ|MCN4P`0qn$<YWta&k9G!geuc5swrvX36Q-%
zjejq2hiHCe<?-;>F}ewnE#)=emMbF^65OD`@=-LE0GcM|@5?k6SAw};`@4T7cYRF!
z=f92^aZyh)X+{aDdhs#tCR#W{kTWfW*}2i+iW+7>8~w-9?l^TYJu0U#$)p}76pgX>
z5jTP~bgHKI(oHa{oDfJbsqB@KbttpxW-eHk_dI??A#+8}2vVz3A%wfxr0Dv!>St<@
z>mVitr5?(`2#XT>fed$qzX-b5dps;#X@6>8-R35TKdnkdl)q|VCUQ_^+!cg#%2~lb
z3``>#nVy((e%{d$>T5kMe1oWZu~T2Wc?ZVmFy1~fvAEE^(9W_I>X>0AVerfA^<<q@
zB`^Aa0GsLd0gvE(wR5N3(acBp!uRAjY^$ld?cV9JxhoSnfEc~F%dLjJ{)gZ!RVKsS
zgIhJ^X5rt{OwMvRL1B!4L9xe~8#L~gV`GZbYZ7y`Q_oOs-NwPazkf}RkhD%X-+^t8
zb#<=trxrL!UysoQ-*cDLe^PsZG_87gW4FxM<He4gCC&3_AZJZF7E--%98vnSon_X)
zFn{8A*!!uj4yRiF_%F3i1e()?fGtbCP!&5_<YG3TWHi0G@tXgWaN0pcmEM=7J`S#D
zH=%wPc|CiFDRah_R`eV5b&}ES0ySm?1bo`OzSd+!fdeEF>v`9_btoir5+jJt+3+8Y
z6OzBJ72vI`JKH3EW;fnD2k8$W5$A?Eeg3H!{N1HNi^;B;f1v3BVeE7x<^8s%qJHV0
zDbiVl+FgBrg?k2whEZ?QOg*!zQ+$FUbVZs$f;=Y$$XVeVU6#t)I*xm5e(scE>b2I4
zGJDUH;D}}nRTDan*@yyi)adAzy?%~5gE=!M34?Vd#^;i4O;*HbOC)F4&%4;_YD7Km
z-0bZ4HEUEzTk6)7$=LDhIC+?@MCvfW@Nt@*=Y%PNk0Sk^5F%f0NX3^U_en`0TuI+}
zV<Qx9g_`=V6JT0nBxi>5ccAqZCvu=#7W^!AJ?3-c-m{I`n$Nti5ZI}M8TM?U(TuY?
ztK{s4`FF7vaX`-Zllh03m8ai-hq0nxWgCSgDdR4a+5-wCPD9Mg;{$FIIS`@4|9Qeo
zm)a+GpYxtX>0B;A^!$5rdPe7U>pzRsVZ3i9=at_h*Xp0v+`%}aKMAWu?%dx}K0pz^
zpAIqMv$8ln-i7aob)$qBS5utua-b(RMMs-9wAxPdhI>p<h^MhjRQ?>DwQj8ao(BI1
zT<h9vI>KAYwztMxVoKXkOo0^XlwsF}xrkxjPjQyBCMk?rV*}l?1k7?MN5uIH9oksG
zlxGTWp1F#@1X%nURCDs}NHf-aHe7JgC-T49i5yaTZY@oTq!0Z2>RT@vq0Bt+Fe;_C
z0%mX{JvU8IGqhwYmXM(QU|yD~D{H)t?UdUjth*b@k9U<y5ZjE2tF(+%H%$dOi^$|-
zigfXIbCY{j-vm~Q`A>@qZZn!i0W53h-NS~PkTMSA)MJyG8$=F63O6`tvw|(;=Il+q
zeo=t!?-@c7Z%PB=`3$4=o3oMumM^ovp*`<v*VsKSC#!_8!VDlgp<}?-dvA2c+Tyj8
zzO$)U4n=y5snGm1ukt64+@p<T6~Pl)sw{j~65;8lLbypg`PLJ(L|7DO$OwbxR-Te+
z_?2el%F9xL^`EK<-@(v$gN>ELDO=JFby4cb8n9gL&P(4dx&#QmSx`&I&^j{N7Yrq>
zW6p(yuY7mI-cS*A<}3Whe7V3-S~j9?GGoq2R0=C-@ARtFo9=yM@3n|1R6f(mMvo7;
zAK^0pHa{t*S||939zvRA|1`W}?%jG3(*dLcl6N3?bvU>o!Z&upG>904MbY=3G?X5y
zac@PpDC6#y4=L1#g_?cdOm#$W5S}gWY#tqqIs)=!#7062t9b{%Y#)jQnBsn$0a<vb
zG~iw$p0Him$uVoOhpyU|GlD|cVF*ZqZ??Swmt5@B;Kg_OEBD2~oBuWw(YRu%#{ae3
zJs&<Kh3lG7k8Cw~^=?S%tF)|d864Ct**7UTqyXZ90VI`A!>lj9xSTs#&=TVv1!~@t
zVai0X@ae(2B|^q!AJ)Me!~tb}f3Aqr_L@j;B(R9-U$3WG+!4YC`~ZXOP*@;jopCF3
zsdQeE;u&W}<pE*`KAVV4zcos6`;uDmTPDbq8`gW;-qkk9lGyXR%@r?xw*1;op|5YN
znhLc(i8!&wrn3-rn;0`B_B`FyG*^bX-=m$HH?nFlkYO6=%CEHbPy5ffI%lRGb=yT>
zx=ASJ^OgmsDhFBX_yqh>7(~1#*jfq>*s%-#iZlC=TpXtDTDaHhW@9Sqs~VNEA5OZf
z%W)JgEb_9>MXpRte|Bq6Vf#qQ2tykH?`c2bDN-O9`SMvcjEHU=9&+mWL22FfSX|^d
z8u5X5@bGOL%9uDH3%?mnFu09oqH(a&6kT#psvkBwXoxt#ny?-wGs#ngxjOpxchTtA
zxgJwo&+i2cO_*T{-2}KGbY~F3Qc<1;<a|44UuSg|*>r3@?3UH1!#8J}#Z$~Ke<U>h
z-k8lbJ}07{2&Wqf7oE?$`!TwOY^zB5L?3RIVi<keRzS9L6MFkOVlT9Y4M+NPqZTK>
zm5KY0NlKsY5;hA%PdTFH-4db^Ed)QI7g7xq%04io9;wRO9l6~FLnlYRn8?QaUV5|`
zafqy*D+*nvZwn8eP>KFKqH(1qM0t;YpC?${ZMj&0$Ft9wZ`zm=<29|1uMcha8-xPJ
zyQD~dkmx?K$a^5nx4az2IGuo>m=3{2Bbd<pB^+d1zay`i9LW;1@XCY~EkPz%M*i#g
zN%D_RnC8D%IN6lK`1{djRPB&r##sN$v487_L*>#f%oPdjxlf)Q)L9MhhrK9&F#j{i
znVX#C2Yqc#_XJ%ouIb1`@8zytA?Khrf5TsGj*4@O8TY6C==Fa&>BRr%+H1p9{s@z8
ziSPDM$PJ~s%7h_L%1(d#Wi^f3;HK{pt#cE|Mz5Db%9LwrAnDAaFYCZ|Z!A*^LO%^6
z!r|Y}Ob^j0ON#X5o6u(_VP6&k(eA@`-Vst0hZSmn^l=Dp<s>I>YoR}@_X-$3KRDM`
zfs}DZ$lU-*#P`Ugq<KBh3)*<L&9OCD$6kSrX25P$M^+n<VcIKU5K*@^tB+^z5`mn~
zAhya~c8%+QKSf_24Eyqd&+&C-&qa>V{ujh#po80^qcMcir)2Iy8$<*B>rxo;B`vu9
znS5qzzwnjZv(p85v?7B~z;-OIY|U+7;+i6X@RbdTZA$&P5pa)Sd0~Xu!))j6Ilie~
z@b^6RCglC2TH<gCA_uan^W)2|$~A#3M<2t`KUI}J%H$Z$+X()xHq`9uP(!3i(2{BH
z<JUJ*C34oRD+SiaS`Ht^9+i#uU})y8l>-8n-Yy*MI&E>fIu%h>@80ihp{c>L?blcS
z8-WNN2k0mFts+-NOyS=moyD$$kL$bWNq(>+4)H9|;_G%t#5~@-VsxX`QYqyqL`F$!
zbas~O1^Ip<mDyixA>+&MlP7timUSlb)erbQtVQ^2uf#coQF40BZQ)X`nmfW$_<(KY
zCHZG87o!snJN0ux%||PESfh!uhYwJG)nP|~gCr7qBEVJMX2-WU(D5H5E<e@e2Vtxe
zJ`N`Mna+f6(dAJlUqVK|gaz>tV!HMqb@%+DP{pjw1J^3$&?WJuqV@`Dg=#;O8F#oU
z^6ayVuJRMS_-#-fkj!QFX4)hJ<6708MxC@ni+8N286UltT69Eb>GW0Yr9Hww;H4*U
zA`TBP)y->q&5T|S$_ww!Y3*Zw+ozTpIUxxV(Fn&ElTDG>g3wrV4L>zPWLq3Cb|kVr
zMb>ZRm3J?kBaF=I<qZKL(LZ%R75SG3F6aRWMLMZzeeIq*Gc;oW`s<9VU|_a$t8RLV
z(Xay1q=^6B&Xz|x((yhGFin5Jrqgxw@$S(_F|8TmNyPRC0`z1)Nc)CB7$i$pJE*`s
zH@vJyxUXrH5W#n@+Wy>R9sNn(U$n=PbcwYIc>efLIb||F$Ni+SV%51Q{J+?mlF>s5
z4rL{hE`p4hoRGz}IrD5rxAcTOx$p7gFeIZY{>jykoLbiW8@rV~V5rV#7yCzVl(_CI
z!So&k|1{t3Vzp<lFh9BC-JC=)<Y$rJG@}_USS$^1ARJ*mV)SZZ{U~EPVSfI7)Y4FB
zxy3oj<MZ=h=QTYoD4Fg6P<u^abx)YO^K*)HUekJNsmETEgK$TB9l?^p(1&)c6$uye
z-6r9tqa7%{yE7`1AISepO!_gtIgM~Fp{kT>WSW@}F}@^PUFsu7u=`>VdG`BH<pvl^
zV?td$Z^T8_SWS+xG=h{|Q(HFq3&{-Y-X`P&*nim@i~RQ%Cs>GyN<o#jh<O1G50nUm
zTl3Dp6>Lk{<g_~f3jv;Pk&sGEEE+O+2gX_#Jm_H_uVoC^V)9!2;*S^Gm1sNanBNc*
z(!e{LhJQY>4<XS~KT~~GOSR)x$Z5W_+yhhU9yt$b$&HWyDeDFgk6UPZdz+|~YnWX~
zn(?ecO-)6^PH9T)2zKd0Vx3U!WJ~3aCI9S*zo~P6|2~P<4I{4)9+hAvjdtekcggR9
zq7yEhlXqwulZVT=QsK2IWs{b9YS2W?^Z*l_i?05{cDzfdo50nrP{eB(K#$nEROFJ$
zR;I5AaD<1u?1-F1NU2BFJ4}n{GfW(nF1^P?<ucoA@v}u(wCI~Svl%wKoyL*2I;3)3
zS?lmkLI!?S*eLhO7!~=|J`|hZ>s!d#wUq6uW)aD57x?%0d2SAKmkKXQBDoPfQ6OD9
zTQ6z4<zg!0FCjnY8fkSKK#<WB2>0Zh<b8}Ql;^l$il0$xhAmA5PtNJxdoiQ*s;8?S
z8_tyc+02u3wbYgnM>xO0ln{ysw<`s@`(T#4Yy}{uL-P}%_5}1ji*1Jnl<{>QAtQ<Z
zA81gZdlt6X_rZmVupFnX71-VTnPmm-X<sS#m28w`>3r6;DgUdD$ar(KqAdjnjc?q=
z(-^mtVLqYJXBSJ<wZW_BkN_vUrPjBsMBR6ka#7Mu$hThe18(Ot4D%tzx(yr^eJzI(
zjMkkjcAhqiE!qvFY<GydB?s*_rUoXEZ$D1ac};%rFLPelq><_&C245v%<0Ncn==1g
zOBn1Ik+d`j`&Ih=X@8?PtAtVLsua965BBJgsTw^qNS>(+;LQ!$U;^2F^M#ee301)s
zqb!b!tvN}nM%EiXHiZozmp_zSeYswMG*34Mlri1aTfip+;$w|)sWc;phI@zEG;u#i
zTix7#HN&U|1GiX&upWOIBM7eV)46B;q8Pup<@pCf`6v-@szH@5trN=Ru@V=2_-CTn
zFFMyOc#yN+^|HB=w-VE3;3@pm1PpzF8s$cu;pT_c8AI-Ti8%Z-$31OA&Gg`3<2GTx
z9GA66R&8+#%{LHgauYJu8%y9}_53UE!%MEiERJm7sjjxBNoJ9k2Oi_RTQj>l*ye=w
zxtLcVkloOkZ$bF1{E2t+VT|(iWWS2VJyBy1JG1*)hw$>rtBx8|-1$?s#^Ji72kUh~
z_l!uifP_~GK|zaSVHL`|sL}~(b6vKIa$kq=+h^AiM(%wFq-yGZgO{8Jb2|D=6zPCe
zV&m1r8M-w~8splOf=ok<Q{{d%f>OB6br2z(Fk*ILt0a}pZk|S16{2yvQoPdi9Av`Z
zamIxqqsw=i?_ok!SsPkUesB4}Z+7g$T6ukFyoD+jpxhpT{GvOomvFys@N`AOj-=mD
z-21|ak-=pwS@orzHzA@cj4i4xHy;z=<v~5Q5zAc6dCra@k5aeEx9{9Vrg;hBA#5nj
z1YOXMV+SK&#jeRMc=fW1R9LiZ+e%wyR~Mou)5VivRXG?8&C}1cL7$bnCKg(-J};2n
zy(Z;$2(CCNJR^MbccPY#BCjaVA^d72mXn-i1>xL}gDc#^uA4ZB?8qiSG$QJM{?5?t
z{vNLB@eC;ZbmqSZUMb2hTX>?I_+L>PEgWyMtC3iE<1FI8Jh(F^m9PHhTi#YeOvy2U
zEWaDMF?5rg;@<j@y40bK%MuMysXbB+b&^2A6$4gFNHBUOE`_57P1JTOu4~#3cwOpW
zUv%7`ze_aq1^52*N>M?MfegAg21tS_0n|Qr+taO;cJ&a_zmA{Nc)WvMI>^ia1SSJX
zaW62|)Th#A!znWfzlx~mREl*IXB39qsc6vNgcopvZoR%seB#FdooQWNsr!g40F&QI
zok%uvy-V8t5=crR;#q(6)y?s;<9fuKV~~Y<kS^XU9<vpzerruNN<%BQ6FeB|j;E@U
z4nmc%<3B4No!sbq+noR;8CGnd8&nh7?L=aJN#Vw{+x5E+SXXY|9r^z9ozdgVLPQ0w
zb%eA`*HlwlR{h4-j>)Y>8T)XGZ60KA8uKzH$%$|Z@==K!5+Qxz_6G52vz%?oJF#v1
zTvexok}l;AjJq8CPm7$Zn6Za&FbS7NoNI&}UAJCc8@o&T4{B4SosNIk)=(<hUL`kO
zDT6qSun8m}Q|+6A4lnuQG+8TPx1QqKcI^%gIjoRcCVL;6sw-)^6em<kGu~B`VH?ic
zcgjtY3-bPVS1pQ1i>uh(r*)xe|IbIig6n&N4Zej)13^^F5_z}5;t?21IXS;-Df3m2
zCUx>kCWhyMoAF}kGd#A}d&@*uJ-9Rpc$6!B6@dQt#G^_xlI56!vA%>Rn(o5mq?2n-
zYVbtwJ>l4^8_fMZj3;7lz66&kvc-Ns4|(2!BuG9M{k7;p8I&Fe20DT-WVB;=l*LIC
zrh<NZBR%H`XLtV1#tye)O3mN<u$!d`%4!sKhI58MVG<?eJ(CcOXAX`Bq0g_8f5y;t
z47OuUO`AlmZHs<=B*sLd_0cXTIfad+U+|AxQ=ubaog*+_t2bzEP4Xc`JoZ8Ga9n~{
z(xGj!^b1Zt!T~k1l!l=3L5zyY+M!3|Lp0kd(uaDanQ}B3`jduNM1}Z{-AX=cAHGp3
zcFYtcDh10g^B>_$1}8pX4m-+w?&}H^JuPv}R3R#by16QWf4$6gJ?cICvtygS{qt>=
zWVNi@6IXE!?INyv)PQOf{lk@_6@**%gL_(rdE3S#(@Dsb57jI$dfVM6DPOTxq6XBW
z=mpB$9B#$`7>s0&m|EPwN4tupT5H56bQn;lum<(MO#<$jAg6!uAfl!v=^OMS%t;4y
zYFb>j-K(O4XW=8e%QUYHyF%IFn#~ko9_v>_2IR>^jz=dg0w#2dkk%sjBa84~f3f9J
zV?O6t9Q&13(d)HYIQ<ms+h+l9lYvf{-t><;dY&2_?G6*=TX`@&{inv<xv^QDa#6nv
zc?z%vG(P;!cIq*v0`r?)kOCBw<m>5f8{+oNbwst5s)PbOWZ2X|ks<MELe{JSnZK^#
z_!t&tQ=PGOrwqBpe%6B#cw7Sfv&Z`kgZ#ie|L(|sjuR&R;e}jADcGozJc^*8mHPZB
zs<2jG%Xg06m^Fr2*bwB~c5Oc!M9wjm{(X&j_KTY!ubD2s%9uH|BtC!MWEU>V`FMQ%
zg%L*aAEYbcb=EZ|ro=>4Mu20`XJwKQEw$|dPx2SSE6dOfbaRHE^%)=^DyRE&$%8*4
z*Z=nZJu&26nLhdCEypx;w74^!m*)nqTLmOb;7LxraY-EU@oMTTstq6=v=uxWg%TrH
zWiI)0>w7m{e4Jj-bk(aTm+!}5vh(xseV>0aXIMDt0UNo0DeW6|Y*)^sq`M0uYcbe}
zPf}yAGxJ-U2||ZlO1t8hrR`;DnDy@hYg3SSu25QnR19wv6xp%!^KqiqHpo<k2mWf?
z;3Io=xaC_Sd++OW+>7X<zl8%Z2R)268OR`$YZOlj*3hCG8Hc?-%Tj^gm9cyiSTQvn
zzZW#i&_+eOHwQa9+pAYb(MGChy=mo02b8?=I@xT~7;Q&u2L8}xIci4B`>i;6CenDd
zaO3lx$eIYW_=Wp-qDPo!ns8>aAE^rc23Dod4ay9jH56O7#028tTR72KYpn65^TX>4
zp%S{w*~;t1D#<RJifi=QvN3EMX`x2c{M2cC4GI(KSjf8=WFdEOJu0FtRC4S!pYBs#
zti|UnW!Y=W12*k%T60!LWU9~hLTQ0076jV%TziC6t0VHtiwF=K*Q)gqfg$r}B>!s+
z4CFI}Vq9Nk@c}@J+`k!>V`*&1SDSs$$Udbl0C;Cp7G(R-f*Be<X97g^H#Uh5B`%#p
zzOI^Fr%fl^CkMWTd?3s(I`qiPqV2j3m+wuW+1}-}mcSGPMXyK!=B6*<K0f0gj>ui@
zLBK<csrHN{O@5<K2La?j6dS7jeXv1)H}LD1PnrS%EZE?uXZbEKlRy$b`6X;^hyeb_
znWQBj$TfA*q@^9Z?W+Lrpi<2aGqA9Px`uZ71N?K{D<K}6N^#VaphAo3zhO>y-JGH<
z5IZ*BbsGRs_6zl5i|xzRw;_NfcT9(Y2<X|teZBjUX4GAhSffG>D3tv$UDLO9S=3CB
z>kt8srln`;%^+?=E<is;cZ+fUal3w$emp_T)!wd!=Td4aZ0I|4kCa=pLPfOh0f5~5
zW}N+k8be|Q)u%JN0v{ksXn6ia+;fGhG_Ys?D$R14!ykysReT1AK&&@aK6{fIV7=&&
zU@{Dl{u<fk-(fy60V-ahA`Sq4XfkkGoBDezyX`O<?GCJ6GM$J2r<gKmocbL$HNl{@
zyW7N4K@7tn3Dw2wqD_#m7tR51yOYlXKxuW&jT?G}QLL4908~|}X@7IYY7L{#Y7D(^
z<OqWKN(U7zR@KvjGgaU$^;2`U04xYOGkNJ@X526X;+|Id@dDvWkOSUVs=N*>JxMt%
z#8W#=Z7grAESdWRDF874|3r!fbSG_9g?NMLDT4ilSD%q967;sUzuJy&bqG46$r5QT
z7JhLKsY??igpBXuk@}-9Td!vsjjG%ntBk9JI4;{a0l;$N5k}^m`F+}<S@hHq9pd<p
zP0*deP*9<QIfBtVF5w+XqDwgfzT~|?3HWP_{$6~h{`ehfqRS`dY<&<c7;$`NR;}==
zpW4CV{_W=S_eqKb&P{qw_&mnPSx77DM`qty(9t4PgBe8}^-8#*3MH6k_8EAs!?_DF
zu?$cNjH3WfrJ3KEk0|!$jKF$#ZcqA3^eNvYXerMXJ!x4uZ%M%%PX0a+-d`jvo00!n
zLjETsod9P_PH6FyqdJ|%VfghQN^-!Zlq&VE2)gvc-}FMs^hX4_>GdF*;e?kQF!{OX
z5n~<5fl-7JRG~A*mCMx%z&9cJ_v>pd54!?TZy0C3F481GrWlfG0Wnj2%7W6YTh{~V
zODYF?VPW9i_LWT9QTrzMEz77Md#>$sqIG*fp^cd%{&>F8+3Y@pW7Jf|LxBGAm(-dd
zCH?|l3~&>EM=*53m|!dk#8J0gW@?pWN8KhL2%Q0+b~%4kxH&9>VENKPbZQIUlv;c+
zH)D2eWcAr!Q_XbXM_-|3z`u<>_x75+hPM_`iF0Pt<ZzxKg%}c8O9pkSSq8}9juyZp
zu=Bfumjl|c2$lPhLIPW_qewMl1WCAwJzstX=LruQ1Hq_YR3h6m2E4<b{vy@Vh4<$x
z?fEH$pNMP1iJ)z&4Nt?v6puH)>N>JPOORr6U+Y%)b`*kI?>q*6{vrrA?>06qN;bpU
z-q7EKmeBLT9g8O;y>KUsAaX!>yW%xQ^~~a4kvQ@zz;gfRM!N*XYXxLYcLWjXHzMgu
zfwfS$O)l!i%ILZnwHI<5U}-uwiQKJfT8Lf}GxV%k5}Ki8D0KOtMDy)@ugopK=$ovm
zuMHs{Wc2<|^Ggs+o8isjLfC0z53i2=vZK*q!<qjt$5sN#R2HmM3Gg%`)5?Pakr=xk
j4>;t>ru^ygjtWTJfpL<7c-)hqItLy-(9@_^vx)hCUd1bJ

diff --git a/src/views/device/register/components/SpeechSynthesis/index.vue b/src/views/device/register/components/SpeechSynthesis/index.vue
deleted file mode 100644
index 94b9003..0000000
--- a/src/views/device/register/components/SpeechSynthesis/index.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <div class="app-container">
-    <el-container class="box-container">
-      <el-aside class="aside-container" v-if="showAside">
-        <el-menu class="ai-menu" :default-active="activeMenu" @select="menuSelect">
-          <el-menu-item index="1">
-            <!-- <el-icon><icon-menu /></el-icon> -->
-            <template #title>语音合成(知识库)</template>
-          </el-menu-item>
-          <el-menu-item index="2">
-            <!-- <el-icon><document /></el-icon> -->
-            <template #title>语音合成</template>
-          </el-menu-item>
-        </el-menu>
-      </el-aside>
-      <el-main class="main-content">
-        <!-- 这里知识库和基础库弄反了，临时页面，也懒得去纠正了 -->
-        <Chat v-show="activeMenu === '1'" aiName="语音合成(知识库)" aiType="basis" />
-        <Chat v-show="activeMenu === '2'" aiName="语音合成" aiType="knowledge" />
-      </el-main>
-    </el-container>
-  </div>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import Chat from "./chat.vue";
-
-const activeMenu = ref('2');
-const showAside = ref(false)
-
-const menuSelect = (e) => {
-  activeMenu.value = e
-};
-</script>
-
-<style lang="scss" scoped>
-.app-container {
-  height: 100vh;
-
-  .box-container {
-    height: 100%;
-
-    .aside-container {
-      width: 300px;
-      height: 100%;
-      margin-bottom: 0;
-      background: #fbfaff;
-
-      .ai-menu {
-        background: #fbfaff;
-        border-right: 0;
-      }
-    }
-
-    .main-content {
-      padding: 0;
-      height: 100%;
-      display: flex;
-      justify-content: center;
-      flex: 1;
-    }
-  }
-}
-</style>
diff --git a/src/views/device/register/components/SpeechSynthesis/soundRecording.vue b/src/views/device/register/components/SpeechSynthesis/soundRecording.vue
deleted file mode 100644
index 5b2a05b..0000000
--- a/src/views/device/register/components/SpeechSynthesis/soundRecording.vue
+++ /dev/null
@@ -1,115 +0,0 @@
-
-<template>
-    <div class="container">
-        <div class="recording">
-             <el-tooltip
-                class="box-item"
-                effect="dark"
-                content="点击开始录音"
-                placement="top-start"
-                v-if="!isRecording"
-            >
-                <el-icon class="start" :size="40" @click="startRecording" ><Microphone /></el-icon>
-            </el-tooltip>
-            <el-tooltip
-                class="box-item"
-                effect="dark"
-                content="点击结束录音"
-                placement="top-start"
-                v-if="isRecording"
-            >
-            <el-icon class="stop" :size="40"  @click="stopRecording"><VideoPause /></el-icon>
-            </el-tooltip>
-        </div>
-        <div class="audio" v-if="audioUrl">
-            <!-- <audio :src="audioUrl" controls /> -->
-            <AudioPlayer :url="audioUrl" :recordingTime="recordingTime"/>
-        </div>
-    </div>  
-</template>
-
-<script setup>
-import { ref } from 'vue'
-import { Microphone, VideoPause } from "@element-plus/icons-vue";
-import AudioPlayer from './AudioPlayer.vue';
-
-const isRecording = ref(false)
-const audioChunks = ref([])
-const audioUrl = ref(null)
-let mediaRecorder = null
-let globalBlob = null
-const recordingTime = ref(0)
-let startTime
-
-// 启动录音
-const startRecording = async () => {
-    audioUrl.value = null
-    globalBlob = null
-  try {
-    const stream = await navigator.mediaDevices.getUserMedia({ audio: true })
-    mediaRecorder = new MediaRecorder(stream)
-    mediaRecorder.onstart = () => {
-      startTime = Date.now(); // 记录开始时间
-    }
-    mediaRecorder.ondataavailable = e => audioChunks.value.push(e.data)
-    mediaRecorder.start()
-    isRecording.value = true
-  } catch (err) {
-    console.error('麦克风权限获取失败:', err)
-  }
-}
-
-// 停止录音
-const stopRecording = () => {
-  mediaRecorder.stop()
-  mediaRecorder.onstop = () => {
-    recordingTime.value = Math.round((Date.now() - startTime) / 1000);
-    const blob = new Blob(audioChunks.value, { type: 'audio/m4a' })
-    globalBlob = blob
-    audioUrl.value = URL.createObjectURL(blob)
-    audioChunks.value = []
-    isRecording.value = false
-  }
-}
-
-// 转换逻辑参考
-const getWav = () => {
-    if (globalBlob) {
-        return globalBlob
-    }
-    return null
-}
-
-const reset = () => {
-    globalBlob = null
-    audioUrl.value = ''
-    audioChunks.value = []
-    isRecording.value = false
-}
-
-defineExpose({
-    getWav,
-    reset
-})
-
-</script>
-<style lang="scss" scoped>
-.container {
-    display: flex;
-    justify-content: space-evenly !important;
-    align-items: center;
-
-    .recording {
-        .start {
-            cursor: pointer;
-        }
-
-        .stop {
-            color: #f80303;
-            cursor: pointer;
-        }
-    }
-}
-
-</style>
-
diff --git a/src/views/device/register/components/TouchInteraction/ai.png b/src/views/device/register/components/TouchInteraction/ai.png
deleted file mode 100644
index 79bbe4537df7e7ca847fd3de3e8f2d3a785e5332..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 12001
zcmV<7E*{Z|P)<h;3K|Lk000e1NJLTq0043T003|Z1^@s6!WATT00009a7bBm001mY
z001mY0i`{bsQ>@~0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsHE_O*oK~#7F?R^Qf
z9Y=ZQSJi#*Tl6G7V_TMlWnFo}@`5d!&Bg}HPKG5XfZ@awaE91ynGnJl$eBRG87vcL
zmYf5}aAtx@%-DuZAR*XcGT}gy!7?GtFeKP!32+k7^@4Y6ebQU*?XLO%s{gO9?tAZh
zlJ#uMIr`t}*URm$?yj%Df2-<h;HVsxqjFS^%27EgN9Cv-m7{W0j>=IvcrkdE$=VBC
z$MmqJ?=WpMY;nM9nmWd!)3-oYV!8yTU3zD<Ln-U7MAta%rulALV7Do84;`~B>*Joe
zIo!RwYj)#VC`UAqosOICPh*QMaf!3oLRY($Fqtkh_$&8d$sLroS|=bu`-1>u4E=VV
zhkrD49#Fq-cwPXuM^m33gudII_sYACEAFH%+aKt*w&PhKM;wrwH_vv8y#2Zo=JJ9V
z2L{d>5H4_;0F#2ofGMaXg_VMM-Gy~0%MKCC044)jggJxBpc31W^E6))sB{(Ki0yO*
zw=AG{=fmBJE{;GsB7p34c1=%B*sJ=^UJjdWElo~fSpvxhkUSVB0>^-Qu|Z`T0ZS)e
z_omK9&*D;4tP|Fv0u;hbKko;Iw&oeo0$Gth0!JpO&nS>*Z+>iRQQ&f8^Q(+?(~O9r
zsWdIpaSW!RWfK4+P%Txa2a>ikxDZx)HHu2T`eh@4yRfY=LDd!tEGiWn!7UR|dtqwL
zF`&)^YAP^QZt0=8?nnUi83A(h=3QG&QCv&lZM6iHCz}m({^txKVB0h&P_rytrGiIN
zWX7}5*S{6yvOp*<Lv3i01@OFz%>^Wq(uI9h_40Zt05X`RKMDQZb1;2_jKMs>fEKW2
zIqa66aX_C|AUAh*b&wY~TLREfjaxEGCIT5i0IO5JECR4JZ4WR5%G(1A14BI%Gf}r$
zP`!+4nFq%4F8xf{S_ZcI{ltUyaL{sJ*BR78mWu$WN1LYwDubrh4A7oq+gXgd#b*rA
zrv*s1f#Z33jWOjmkArnWveK(k!|RNR2i17?h3yPp%cJa=naWBVz~p@yI5`+DmlN6m
zoX(X)rKs9c93SrpF_;1*gV*B+q!2Lq7*??gCfUqv78su?VHb*#l}A^<?Y?g7Iy{Z?
zlmof>)W^2cS#BmMI-Xcmg+VPkkB6~{tn>g2J-w>+KoUAM@iP2mg6-pjMeCNivX-~I
zU|R)9mw2?!CXDoMu#nCMW)`j@VNnK#x_$uF5s+*%&0GMpz1N|&&|mD<yTr~*pDuPj
zr9hs3@)OrsTijqhaAg7(<KR5&c-=q4Mu5$1WixGHB|AO=$SioTw2#XJ3z^N1kI5Ju
z@mgqJ<iU=5heiPP4vyMNb$pnSwgRvx`xT;I8QgM#?PXvm&p}`svYBK19NM#sfJx^n
zo|kQV@JrcK&d#R<NLHm|S^s9@$>o^`&IxddS{3#g6XsT&9h(J!EVIo9FV^H4EoYu}
z#;a8uz|6$i@hlaFn#!wn-f;>*vI@3ITv<wp64fgLusrvZ4Jx*;tfZ+}2%z$$V2<x9
zy%RK2=)AqNTer+j<Gs6YdFrx8%MK(vG|u+#u(s@Y@DM<(fJDVeQLBENl{v5HVW-Rn
zhK3(9+Ag}dWdqv?Tvma-esE{|p7#g_Fa=g@Cr35RWWy6JqZK?`rXtThfK)&~57CGB
zU`4g^#6WtclC3NWNJlExkOMTnvqZkI1eoWwx^u_k(%m<jE}jBeRv;O~(lCgQKrDh!
zLJo~rnW{PyTNnUD0;G|3nrE^uKze&g%M0Y0%*|)$)4bP{cqCH>3rLJ)7Rq3i>oT#!
zxp=W+V?Cn<P>Oa?j2R!MFo=Dzm!&Y$GqVV)wa<Xg1~3bn>>g6HyOsuX;l-`){Hmu0
z%w+>IfY`f(nARaSdd6j97lX}n0&D^%gC}Y<g2|xd0!n7QdOWbu#{StB0Y~eEga=K*
z$xvU{W4SzUC&gBJP{TQ$0PiwM@kzFby;=sc7$dOSCaBj^7^&)27+J{F-%soN1DNBx
z=;7^`BkRbG)5CXu-kopbyyaH2IhIKZvWaBHIu;>6>Ah136U9rFM2x7`3fxSYsepJJ
zXRvo>414#t{82{Kq|II27yQ6vLCt!#YvlpS^mjh4^e4!Sld|EBrDv;Ve-y}8@Myig
zl*(bo^5oe$9}?@lZ?6q`;DSBn;}+<tU}l;TSeiNVbidp0;Qah{TD=s@D9ggg(>jk{
zO%-@^X3E4S29;`KjHsTfK_;MN5ggej>9<`olh}7)EP$b9WWhtVqAr8#1*TR3>(?2a
zc1nhIYk?IjET*Qyt$Cmj9t@U8cY>Jh@YpV5IjO`Q4+FFF;bDU~PW?6~5)5W1Xx@@A
z#RTs)#+SXoMs|Ao%uI56dNdWp%KQ<BvAv6iCFpOk=$)Qj`uI&|JC;e7g^^U@S6Nqj
zS0i<7QWh#hZS-P|tcR8j26zvFx97lw-!o=<GAS!_9#{tL<uA85{WNMCImcq{n(A3}
zF%@b;*b#q7TRlu|-|mAnJp}yYPk<lX3p_F-Ss_=otgy$MvuY)fGj@7HD%j8Yn%Ftw
zyak6YeJa1-%aG5GwwL++B`bw%X>mK2Ne-Kloz9NwaXYcgMi5I6npcw&^apP=fX6_3
z@Wd|iydYim`2LlcU&uxM3D{!SR;{vl(;IWV;5<uHwlqlb9|oGOkgg}oI{!fzxbu6!
zSAPiXosiJQ26daZs+8jVL|aJ=@9!h^N>lkbIY0M}%*(3m-iOwv<!Z=2Y(|df`4+xl
z+Xyp^b1|{4H6W?f$TkLbo^;tG`&NbEE>Xj*4%e?Y_|;!&<C2$WSh=!dlB<fWz|grH
zzMe{Rn@RTH+zHd`Uk2R%UEpsB(0!yrbIAtz)0Wc8A~rIU2U4?#ge!Xc$zDFTD3H@D
z(CZM2cVijkuz@trPODQRQJe=69!$PL1t&NgYP<M`XBH;#_{>U43REDkT5a&of1BgV
zH?@3uO*W}iOj0NUx+x>meQOUu@&u&28rgRZJzH<T7<kROz#o4L_-g{x7Q)crKgDz(
z$ji<104&5Co~P_Wf5wuE9StV=-y3nH0BN1+`1G3-FyN{N3Q^nvXcHJKG35S*aXfyY
z0#Os^FM6TH4IdpNhs6w3GRwevf|_$?=)MYKgu6ry%o>Z6WquIXkmGdCWx!eMfzJ}4
z56@I!>%IA%^8ha7IR1U%qzu`QxhZVOQwUB4md9Y3#Nsf8BBPGxQR7W1BL&pxdCFf&
zkL(k(EBwyk_b`9wJ9B*M561(Ds4BLpE{91S3^%Y{E8oSH<a*=I)lB!*YxtSdf$Luf
zoG=wCjh!AVlaaPeU-UTT7giHVrzx@iT(X-dWEfp{u7hQg!w1sj8;vBr!v<6ytI_5v
zc%u>=9bnJgB(Wld50E(X`rm1jI&IerR~j|8)hZb&h%Wy3bIFbmsAg9Ot9i<JZ!S5#
z3n1Qb1#rr-Qbxi+AHft_Cj{msfl2B)=f`|}xKBy7wh_xDhYch>iqj03C!tFd0f2Ux
z2{B{XUeMjo%#Ve@T)f)%|7IJndu=|z1ZM_8tBD(Qc2HB7rnb?^0nKA-K)Xg6jR$81
zne7j}l0aSQ^AVBRyv)C6%1k0+i}o2?Lo1z87Hs)c>oPbym^M;7-kEX2PA8cf6I81H
z-lH5?bbi<-zR2R={L+ZaNYMM+Z_nd@er+E2K3HHid9W`(zl|$jJvpEn^<jvcYQGQ0
zoO@;*KKteU_})MFaNolP&OWt;S6?)am!30LvxP8~jb%sZ=gA5B)Yn6cN_2V<JX(|3
z-<&S7wTYachsg2SQ#NkTE*m2cKOx{kgR!bsb#Sa_sbp+`7>X?P^CZL|SN{xCulPps
z_dZnM9oO&1*S@__+x|yin#J`u&ERwY=@^`IS_{J*BSbIO)$Ct5p~2_Aasa>eU-wWd
zusZVZ?peSmzpx)~eB}gw<IStEVQq$ZNW#ps*H=yrKOdxULaeEbEURPM1blxp#lQbh
zcYNruX)Kc*lxm%Rj~jZzEtCx4i&4)}vp610ZH9uR))0V0;@t3}j}Ha>8hKm*@fGiS
zVgN)HX3(qOy%XR0r=9?0YK5d8ZK^Z*N<aJM19;be-dzJRmCt=;7H_$BC-&|WZPVCo
z&C2RtZE^|*P*pC2>VKzaVS<3~Zya!ZI#?!I638`gch|OOuxriR+>YsAt$SHiy&dD5
z2Sj}W-oen+9E<kD(e505@>sQ5ivfP_`oYRqn{@q6`#hLlxP9?hO0}$~8eBsj?_`KE
z_so=d|Ht==+H(UAP*{<Am9p=r2jKT^-B<m-vK`9gvZu-IY=;W}-j93ugWG2?OeX1&
zmC^?&_EvWlOZ~kITRHADw11l%pJJk3<(*EwPPvY`uBqM~*F6qW76noY+7_+~opym*
z!EI(E)UkoT167$GOpDmUVWgR=l#ZurC)ckJm(b(|1N0eEpB}&s<j<eC4%l=|sO*zy
z{mkQmQ=j82{crDDz}M~));0=?j*P3aOkcly-m@7K^e~)GF6imUg)+HpF7uod!ZOL9
zkov9poWeAg$?=MP3ZmLlB;lBbCu}d>raCKo=+(4ct4H;1B2%}W@OJke9E6MnQrNc*
z^-Afa>r@rfQI*1JFGX>9Of61R26A52+f&KnaLm|b5zp@VQ7^1;C7-Zj#6^yW-w8}s
zuX=3L(>2D_e)}#tHlB5S?8>p>WiybSY25!v;U`xs5HTDvNpish#tMY*jSVI<v8ayY
z#Ck^0UvG8gn%IWJLshrBwhml-{5#whEFmL-Z1-?Sa~su1H(k#X9d8o1uFAI}VPjxq
zV6cmfUAN9e7eBpvUlv!UsL+uzMpv<E+B0~d4D~3Ts@(9{?WKJ^h`Cw3?Bj?+$4+W~
zqh2omJSF!i?~O<u!7e20MHOfA)M5<DoRsZQVl%tLVRqvxrm3vkr>}O4Iz~f*^eWX1
zF~kn{Hn#YEjOq_zqNd8K)LQ`AH*~qAL$VFdPRd9HW8>P~SK>hlvFiC}j#roI>hnr7
z1QgDG;mYs;9E7aexB?qa$m$Q9fXQJ<%o0iWO4D$B;_u2-Zu+9z>Q85KZ3Eez?!ZN`
zS<A7giX8xQm`YV~X5b{#R(^;tQvfk<s>VX|t6r_zDnY(({cuKbDJPNJ|FW|VuCh-e
zvv%?Gs|352p>r25BmQ>L83!MAz50c%f$&Hb#_=n~HmW8ns-66uSpl#NlaDdEwS=^}
zTSfKJwgcH6et&bsrChTZD+hq|#&(3z4Rz}q%*OcCOFGAzq%qm(_Rt-p6uZf7j8Km?
zmW6@k55C&rVC2ddIjo)-qMnoGluc)?bNH2umo9e|k^Fr>Qx#_tJIS*ZV^z4p86D#i
zRjMI~Pt3|;k}TjZA{lv#y;T|e*)`QliG@+^lhcc_vIZoxkxq0K4pJOvbu_PvU>k#o
zy)-7K;ut(%88-fel~bk`XiJ&#sejq2z;C~5aWFsdN{0`;BE2XKv}V-H4(Gi7=Ydz9
zIl5d1@e6MUPF#%|c*$uzBegG)t8O_8zia71okQix3Xqn4EPD8gcB{t7!j5Dl%Scw%
zfLx4?EY#-KP1g<EQOT09T};_&;@rf(IQ_zk_Zog%x85Snmbf7-`t4T%-~W)qFA3{d
zcz*FIz+e8FfY@NlFmbNFz>n3fZ+7_DFHn|dU9}$r_>POH{qfz*+^WoGLV(wgTNOHE
zX;Q$b3YF7%@ZyUn2&o@oC3nH(_^p^SHDJbjSggmuNLJR21(kmZ7LkV={V|P%A9|PR
z6B(A17Ju*PSm{wGj?UDeYHhNJ7fvGO^NA~g8{v>P5WD)J6`l>7mhKR*RJQ%%3mi>D
zG()|ZkW4W3eK;vFNe|V`frN2R66oSKct&R7c>i`ZP<4N4`F=nhq;-6Y>5{XFMdTU`
z@nIq(k9)h@I@D9Gr1qpxdahGZ2@$a9s9U`=nYfcu8BjEN6?!NWhk;OAb#<?{L9n>d
zG>@%;V`|5Q-;FePL8FraH6QOUeL&<l22%rQ4g5WW%gPDjZIQ7i?9br(UIql_^aTyi
z)h()Cr#)5;i9pgtT#d!0+gR^}1CtBZvQ)Lodmct!Ox50T+J#{4TC18lI!FN0NFl5b
z1Ftc;VGr?8)`p8scQ;A7uJJHL)t_8T3aG}C5XM@)CbgSdo_MrYz|_v#oQG`{_2juT
zi>g;H^YZ34o7~O0iyiD5jHC;T%~!6h?`UG|VdB%u;FYC`1oeGVSD1KA%C^*QHZP(<
zz=3(KJyW-*!+JD&4}|?p^E3mhR`;(xvrZfyR4SFL!r!uHb+m?4CrAsB&e7#KHa5=R
z#UeuWcS&=bKMi|Abe=6s9NevMU`Cosds^wpA$J<RQ)}bPI`w3L!Me3(;5^O^SEmEp
ztHpTSFauX_0Wr~Qt=Y{+`NP;98ENX*aNKmQPJDA#>^Z>yB#zX0QUUk7Xb0^AOJ#SO
zvZd+0`trydT{4%4!K}`7yja=6DM)gGUU%dUI{HTJcq~20S4^4#wKa@!NF1n0D%YrR
zQ<ag5iQ7$hl`h>G!&$F$H|(b}`HlV^$GP>QG7Vm<7S(x!Pk^YI!eADV7mK9vJs<E*
zx>!P*m?`m>1kyBAtMN9nx>X|%ffLq2*lENdxH5yjbi>=$t(8;Pm{ZBH;NCSZK=*4p
zL2-&q3sr0+E=UOplaxJ#=>yl&_-$fLKocj&Kg?w?H_`6*6OhZ~fv{mJTtl^%O9Po<
z2$04NJQ2fWM{UhjsU^+oRG~(=gV>O4!)s|qT3~tm+7ryk3W^SgtFtv$v>C!YU_=)W
zQ+rrka;6%11Jp!a-8SY?wN8a)1x-T_fBlk{)BR(Evpn>s>a2CJ*_~>i24+_7_1vWn
zESh@Tq@GrVo_eMF7C0oC?BcipVfU%2svU9^`-WCx6I|3;s2fx}#GZ5spmiG7&zY91
z_I|)iPUP5CRdJAacTA#wW0__3aB4zCA9|{mjcJ)nWOu?jY`wY5;vl7&)dAGmF-S6U
zGD(X@X5^%tFb}@CzS_obPBocuQ0mMK+j($b&uY`;pBpHD*h5lV9`dlH`>YrbJ?nfO
zB>j_OyeMi{wTNFY1lX#7&!J>@^!hvLx&pamC!mK1-?FWa8F*^7GqQ;Es!LOMG4w#f
zN;ia|x&tsgApi_GOlg^siMk9kIv1PX4-z%rxDF)O$_~^-TecOlzpB$Bs98<h)l7mx
z9C3@BpAHh?><$i5)J84^<X~3EA6U7QIv$)xy6Tx$ag?d`o}1b4hE}2`2z1*pPqqo#
zVxk&e_1XXfu|!#o3rvAfK=~a@tAi6N`?T3gvpGfLKe)uRm2%b|T6SkZ4py~xYioUU
zQl%Ac%*1yd>n*wg*sSHMw}olbcfMa#s&xbd(NJ>(yO_Er7{)ZQj=^5a0RxyN8`ASM
z9VnkKMg3v=(NBQ`^N3j-Uq)GZr^-&JOs&*u^>EN{bN0}(J5AAc;qGEPxn@?!J35K#
z1gaX9M7fi3I77?1!}vrI;wE9{j(bbo{-qw=@blH|(7=x-y_EVwlWCPobrs!Hz=xbd
zZ%2o4(ee@!#%;HL8C4!u9;_spRXag^X-vWszq#tuv$1iTT^xesa?ozG$WG0y4(av|
zzZwvYccN}w>?P+y3d-r|8V(ba1?Kx<z#9hmrcclL{a*Wu_5cu#n+o#=Lyc){OXtaQ
z1(=EDHJhbsp-Z}8Fw}<bCl-F1Kzw2^;<!DUhvoSg-DZn!Yn<xfiT%Xd*>H>gRd%(V
zg{;FjOdnEqr}=w+Fb82oR;LOW!yU)?PrO+tgWfn9XLE8@AHCgK06z<izUhC=<A42i
z4;Q>3$BGq|2dwEUO=QOWtw9WNs^`a5s#6~bNlb)S=)%*+{rpT+wsn@F38X_U3`y1Y
zPO7cD{@Gyf9AbDC-d6{ny9T&uGr9C@L+gf4KcpJG{p-M^1iW_r;4-r^n$-^K(#0ZD
zHf*Q|k_x(;&UMwOgG@uUS`9t)juWS+^30^Ve5E^|gk(E8bxeW%`?8vw{@BhEfAKd9
zGA>f+<D(9fjFl7yhJf({M+8SoYp`;KJ$MMm#vzuqIn58<k)~TrMNMfGk44IDxf;^4
zSy;}UFP(trN2R2qFFb>$v#3(D5P4ad^ZL1`0xvk78pFQ{eBo<yY8m=PEK<!z(oee=
zb6{*kOIo?OE*6&^=}O_UjnMirrdFRZL~z1NV`Nl~@N!Rk!eQmHg@2RTzfz|;M}uVe
z6oe))KiOoPTyb(vO>_CnNtWY#;7U=dHJ5^@Grjf(U|L>O1agQ6Se+J0e)Hl>h=muP
zDX*cM@Bnge%UoG$!usnk0<O47%F)Yk-dxoJe7f94ot>ibrnA58qF8)%iDp*EILW*>
z+nrRgiaOLGi=Fha^U)<;VcseU%s$$auDS{x1Omw@9>V6>VxmCHBOF0<wgNZSx=B=j
z>UgOsh<8()N$JoKB6^+r;D}k!;yD&PV?zKjm&Rh9`yulZR`N2>uec02YXjmq>RyQy
z_1tMMTl|&uet!s%eiWufSUHf@u^N6z>jh-+KG8ezp=VWR%lJ5l?P1hMzR8J|C8^pH
z6H^7oCQG!&9dcr9K1Ng9_?~82+l7INVn;5i>IfW*)`r%!Lv#;gveQ%yj%A>7F@Zr$
zlkG7E^rv&t#;u$HE;v&_Gon%<b2&!sq?O-!`F(Gqq{swP4jf8$=kDgnS?O(kanw=G
ztPTMu&Q9VMIukwCU?RhUE7ICYT}u<{nSkbgo-F~7J-wU(%$>J~R@H1;yIK~)@zD;e
zu2VeI2;4SUXh)!DswvgNz7#1Uj+ahy=0-m}M@@b5@{ap}H@_RW@?F4>yTVLmET<@s
z1Kx0HC@X!fAlCUJ*&Vu$JDb}oAPxR}#Bnv`&+I&qxaI0OR<C(Sm%j|^&-Y<<sCl4>
zgXBtuMLQ)bQ|za<#2RTy55`9rW&@*~=5S4N5|hwO0o9cl^tt2#0O~Gm-D<=)tn@G;
z`pQY*#mYt-oEx4Ve*)O{5d!1UFunUf0FOM9s9RCLZ+c~T^+dv#>FF(XG#!Ssau`+-
zNFGjW#DU$$`WB?wd*dpbf-0U0;fJtP+W_St6Wecq+Q|JT>3(J_YJ@s2tBN**^l_yX
z`&xKAT-i_o-w1mnu%-e}Ya#*DB)>U{tN7vM*Xv91a@oPjvI-oXKK*9_K$U$nz;z!B
zOib<PYHF0e^5>9xt(~-@Y1<$k4m*YoeOB{u=~_QFcwD`(tSCDg!+F4@J9%C6H6CFg
z_W5L_<GUdWia}L#Sy`>yGBVKF#NI0LJQK?p$Hi}dKs@EBf{g%T5qm=kqxG6&Z79YL
z^)}5i#Ihx-^PjjT<UDjxM4o@=2f$ah*DH|a@9&}MyA{|9=r3Omtdjn^V@16=k$7<T
z5InBK5UByV(8mqU9R{*GneD_8JR}sTX)<A`uLw2(MP+16Of-rbRffbDC?EsCA=+JI
z)txHErpoO^^(fs(Y~|D#ljOksxeNxy4BTjK)i!oBGQOP@`@D_7F)I_>DDzK$J}Jc2
zmp^f9<?LkQ(H=wXnJ+m9{@y4gT{63q6@&Is_N_#`*IR0PG_pDb(=>N9c8Svwz^g{K
zlKYkx5%p{<CPs&+W|ZV=vZ{$a=4|yz@#|&Pg(MnYVWBaJEw)jM`nRZsfoV6Ch*D&4
z{c^&BJTPTY)lOawJbP0k#Gv`3WE=1PJ{kp7%ikn^J@jZ5hG<Cgwkv|h%FBVIz}*cj
zZW-kS4I~dJp1F?oFhbq$u>A(GsIF0aq^a$5l57kBhR4^)_^lyAC?(J8;xVyjma1d#
z3l-wnidq)t`Q<Ft25Jj~?TQSS2Si_j4};YEzV2erUG*TQ`L{%^R#u^UP_$nT_ng~s
zLSh?DxV&5bv{6CLWs=({KikUcD)yom0WUq@E3X=md7qq`6pLcGTGi^P2_sGiTvj-|
zVWGhJ%_krXABakQ0x=~Q|HtkXsG4uoc2dFKqh&{^uikBPIa;|&5})>wl9i#>MWA$h
z?d1m<y~wjr$t)}lia^zJrJk#cM+KtZToLB}Ii>5pbW2dB%0>nBuJ2<}5PAJmpCjjI
zf5l1-OaA>k5eHmqVnNk+*)S|p8Tz8295CV_>(!fAG3w0;Vo3y2Ri3IfXQRUzh*)=A
zkZjX#8a}<}?Og_aN#D4r9}}|{%GVrRc$ku2d>UW!uTFG0za8cuu*4?wyhuo@?Dppk
zZ$7`|9E%gzR%tlxG5+Q4RBw-<23k#Iea}AN^M48a`Y+dGOJ?O?eI6UnIV&`Fsa;<j
zixibZlmc1TNrF1qzfkd|Ft8MdAhfxO{p26AQtE~K1{M+*x`b_d=Ypz{&LZ)J3O7U*
zR$gtiv9|DzkI{HhU&4r)AnCf`M6H|Tv@&<;x@i1$#~Hl-GK-g-mE=!VJ?4RFQ5;4K
z{dVIY)orWaOxw>n%fGhqRhrHtk{EX|T_8jb8AwvCyW>D*CQ+}Yi7tC=l;!0@)S)zK
zY0z)<?NF|CtB=2tSkOdADx^L{jY^WCngk5qFB8z3Ik#vt3;DK|f(z7gt|=?!nQ0S1
z&!e2^YhP|~`DMo2#Y}>J&7m?N4B|tNjHobG(WvJ4JqY}l-w&$QCNa6lR+_$z0O-{M
z=#ros9HQ{YSz74t%BUfS$1u-LU>bj@CAicMtybvTk@K7~7j}|TZR2H_PZ&R<hG_{K
ze3MgFIZKdlddR$L>kMBI@MtLTK5L|d-2gFf=8w}yU4eB-<D^i6l&e}q>>&^MaYlzc
z(^EpnDsK-n6G4pMkfG(fz6ZSPgQx)&#Vx-4)z1Q#UWlrJez<fIhRpsjq!nsdICaQC
zvYgV{xg$5dPDb8J#<@~BNeYJqH+yAy3js(<dS{f%G8FXMF<R%BUT7X&H%ZyKG6@}^
zV+UC2Wq<&J4^0w>2wDSDv)awuBpyyvg*sauCo!w~Km43<OU9WU29WQ`MD=Hr*iS#x
z#i7Rg|6_1o76ma~Pqt4}40+op1DK6HO=EA>7YydDH0@}DdC01jg*bR85A0Bid(ZQj
z_bsJyfGV&Mwd(ZiVVu?Ji`N>zg^S=}=7kTWLS{#t6SaQ|TA8X!L~~l*ClamdqVp5I
zRKLBf?4`z*w0Jx@{y%pC<sVO@mWMG^Akwj6s+=3%|G)nU@M|ADL=YRYdoQ`8Z=_Vs
zN0D|lX_6~lzm}%|ji7Qz?sU+yp)-4Rj`^G0W}XPsmm3YAhX_xw3yh?@&v}?=R<G1V
zWto*LjGvncVWm$3Bp^f<Nv7Ppi{e~I&1e%4Q-&h2QCMC*+nLl<q<5vFX@1s5ax^wo
z%}^Q}dUN6JVdy!(f0oj3cLIO<7a_3sa)|15=)N@XoCtjAJ%rE|avNsk-YU$_Z6<9Z
zJXGPYk(Zd?(Z>Gi+%EVp?l6!HsBanPipYaE=K<wrDIV@?vYHr3)3)JVdXsn<-T=8u
zg))fBI+uC|iLF#Xy^3WPXLZL%KU)`dcNMCfwb9`D9RUxOM;h)UM5;fz-{2en5W<F;
znMJDB9sX~f=K`0Is@?WpxQ!<w9kj~~nO_G1^GN~8vZ2$vJ#({{x9yy;k{zEgX1Usu
zoE;zEz8D&b10$Vxcs!Wg#f*W>6r3_F`yd^a1LIX=F0CRK@q-*5iz<CrsnHDa)nKH~
z4%<bszXarp35(ZUU}9z_Z)9q|`$OO}Um#ofk2oYSYU_uhb{oHKB~|~S_tN}AXgkF)
zytWdMcRpz#PwdQYB{=SAVLw`?M<5n~l{VND_FnVc2`d>$nkHRfB&*sL3@p_eJ3hHO
zEOIAV@LsDSiZjG->_Wa&79Ap~b-hRL%h*KKLe#ab+gCdNVrok~X^joBpn9S-f9!GK
zBYyzg^L-4j<ih~x$pFmi_CxOjHf^Z=syDKorc0kRkSrTI3wK!bx3<hIRRn>_D%J{^
z%1o-ERx2>mGMFpM0Omx7Y>KXj$7E{@BUP>XxDbf_YrNxwDpGg3fRk4qt=dxs)*mZi
zM>We59*P!ef?v4U2n$UBlBS>B3;gEql0Do%yi%XEI$dnvg8;ijAl`NpWeU#5FgfN)
zd9Bs?it9+BqVLB1@MQeeVfI%2cNgUiVdp}tN5Oej&a?7dKGeux6%Pq>VT@)Iyb3hQ
zvN|r>?8S5Tdi$u_EK~C#;<HF)a>ZrzV5cV8riV`(>KB379DMkOBM8KVX5IUNH@t0N
zPu+X^uz-A^JF%T+cNA!&=OzM}&VO7<fHd)2#RUPwpY3xC6f@4#@`Cf<E#`2<e~8M;
zt4uXBkR-Wv&~U$A2!Jx@P$pwg`-$Tu4}ndxIO@p~>w62<cgf5e={DP}s$t8+*3<2W
z3nEZ|CZ){8@k#e$IXoa)2)egYX}b#YT6%7rsx<dt76K%<UGm$?ef~(8g6Y3kOkmF$
z{#IZ3jA|k3P}!%+?l{JYda_zmr2t1$)~nXjF*kMBq$gikc33DR;I~zP&#e624^Uq9
z1Uz}RVUgbs!&y3JHE{c<hACYy-NOd5>%Zz<ewZu1&&({_ez<D}ttbN{<EP>ILz?of
zVpgmEGky!EVx=n^fxNBOqoZO_>(8n^g|m57Bi{;Jjj+6w{Y>>(FVGY9=$<lo*-0zJ
z=_dofPuZH+{A@+;p%tvlZpiYeeTOYCQ6^u*r5921^{;?)&x$H5Ra<{fUhD3|a&}VL
z(3!uP%D<YITjl`yFBD%=WwzM)5f#QBY%34l9&<_%WbC<;^OH?lpNI8M&sY*##HKD+
zd7nC%TTI0P@naj_*7|4=K`rND-M`r1sxn35@veVPj@P}!_{4=K0@9WZ&ZB<vGr+g*
zL9JI^ZH^)9PxiNDoo|uD4j+EJbRd3I;Tt-Ifb1?Ckennaus~URvx&=ZnYj>_WDI5z
zvOPWr>-;Fft+5b}_(TEs3)LL#xW)o<&FM3!1Bb^^;7uK97Vq8qE>Q^Ik8f3gYdi|I
zml<Asn#F~iL-t1dq^7O+?8$PExc_!5@c-^2zu-Zs>qGQ9mt2=ym?jl^4LLPe{p;YV
zjt~WulL6NOc=8E>VbbZ$b_&?91~3UYVr82F%?cluw3wM$h%MU`j<m)@#)lK?`Kpj8
zFrJy2Wa#wq1ZutBw6m5rNvTs5`@<$la|W`U4Et$Ii^iss{^OT#F5Yb8%Qsm%xAo3a
zw|xotD8-of{WPi4W)&~CeZ+5@P6GbjTPbGzML0^Po5tRzF=zQOfw)a~T2>%gnqX#F
zz*sg%Dy#57=2?g_TkX)?)#3y-XMCngQMJ^3wL;P?8dt{nu&i5%IB$5VPUZ-#gKG!X
z>Z?Ihe)?{Fm_Pp{gG(qzd(KqVRj~;sJ44#V<0Cf$zxN5i4Fl*992vgkYu^{9MI;5W
zOVe8k#O>)0%MK(<9ZasO9;w%PB3j?8+T17Aod>qnmc;s`s#tPBrc6lRwZ+-dc1P{h
zVp9(m6~G?ALiQEU)(BV(U^#{gJX<9WBvZs)|F_T;|Li$cqp#Xc+h8Ye`^Mh`SN=M=
z?0fN~)T#GGZ-S%Tsu{9ZbK5S2e#akU=ce)7Qv)PR6HIRCYEgo{oh^8q>GQC8NaMA~
z0y8-mn^U&OvYMqzHEb{2Qt6p^ptZNKFvwWw?_vi{=(*=}tjtXQYNyZD%9tvuf_bqB
z$@F80mH%oBaOyf>&FYGcn#zm0WSalow+Q$vlN&z-r{|783l0s21E<>=w2#wt!!Q6<
zo-!a=7)(-_x6##{r`s~Jn`6YzmS<-f93Nt*x0(DR4}YJLouHK_r0^!C#@I(u2Pc9j
zw-85#msSr=0LagAXbsO={*D$ivn6U)93UgC*EUZVYVpOVh8I}RI8iR6;S4dLzeCxe
zZ8zYM?B%xKfFpG}iitemjsW2H#Q;QA3s1eA*qPr(%JM_i`AX87^MRf0)iNtvp$&74
z)$EF(X7g2~W>>K{Ys2RqGHIg9gn8<<GFzE(nG8Lp;iV1dis6dpW4+B3F!@vF-l=Ly
z3|G}<S#Y}1QNF@Zs6w9PWkL1EFhy9(N1S|7NTYdKf{E;n?)bm8Us4?IKyYNX;}GPq
z69NY#4|K=2k=}YMUH1+>?Ls+$1HBbAjbpBtV|G5n+?>TMWqaoLQF39A^*w`%-IUVf
zF?kk>*nulHMJY2&VWN{(lK9$z*uQ88S-24X!U`u4c&-DD_kGz;`VN)8S3`*fI+n9i
zKcTSWgMSG8@t5nYgj~`!Z>^S>l5OuBx+kw+M*v=Ss35XDEsRtVyLm00_Nw&UmJ@p!
z+s_`xS_Ms|SG8l4>;#dDC7YSArbb?lHTmnP9KU4R=TiE-`cZF9BTNCRPn7F+Wv1Ld
zhb9=8hXB6s5D(eSxbpk`ePX5mMExvfrsilq=kW3O8@%B8h*>{x$jIS2`NA-dGQ?gk
z!p1uoL_A4(S{SLq>Ad^9V{ajzolI9x;dQtf?!L89OkjU+3VUZ)VDEu3?A@PZ-(G`R
z^3~=aHCT9<D)BL5%f5n=?S0A2rM(9-S+>=!mD-M(UWGV7@sj`tXdgm|GWf1n@Rv%7
zu*66rYe_%#XXv~HPH!Kn*uAu!rW-%wYF#mSkzdBSCT*P<;q+|1uy&Y9_E<asSwfyx
zMmB}}{!qn|?KB+>R5#nsKF0DM#>WawjF%WEN2oPT4QJCtNM`7yG)%|LO(7wL6rza)
zZ$En#BfXj}Vw%<!^g#5dXx<_)iIJr03sUiY0<<8E`vhvAT5Nj6#yKi#=kXSw|1IF6
z)9d%seE@C~hZ3VaS6bfj&6u%CuaX^_OK}+Tv@)_O_jf05A%>nz_w)t?BOh;@Svub*
zX3kAfa(gv?`q&g6cwhn#{nI#h{vgN9k0?4N=c3$2?V9s~2s=W4Q5%{e&0qbHOXpS=
zZa$kQR+Fl92dK`Oko!xNdwS^aB<Ah1=si|qekV0`u{PKP%<Xa5Nviqb;|(5LZ(YBI
zJMMjK@P(Sri7?zfBT55A%9*BVH)SO6bqfwto>4|NrLv(s_`2y}<n@If>n+X@jrXx)
zil*ljm|R2l^;j3Y+)O%XGW+5;t6Uh<fEq|$FQa7wklROztjxq>VVpGUBo_R#!z{6T
zKiTM+V+<WeEer-9=XXf?^+Oj%Heu&&b$XrK{|~iRT!Epg)yIu5ja&4XF0pYF4pWXO
zAXAY(LF^PMs4PodFF8fz^o&i0Q9@Qs^)SJsgtS5k65c~G9!&os+9LG1E&JSqA$$el
zfE~mBl`S{BiZsHc=~9h<kq-Idu-Cl_%xysYIBEpvG6M3BZzNkuuBIgT%{MeIHtc^3
z0r?gjrW~<Arqb!mY@xI}<y!1(iEkZKAJ2QydoaFdUm0_}Stf%U%9sSj7^%wDIeKJo
z=cilU-niXPKi$)7;fuR(TzuTrgq8YUqX&oM$@5=HIW-C6IU!DL<nE2l>y6D&I81p~
z0NE67GV5b*i$!)W)dT_SHo^}X<2qqpy)eqj8=qI>*xyoxap&k9UDr0<V!ho%`G9-K
zwBFt8q1zn0=3u13$|(Fgf%dWCPE%WkcbbaLP)Fq%7G@<)KXHRny3ta~F&!M0BS#33
ztp@>IbNwnDl_O7B#U_B2LjWw3^=oldj$C1Y+|tb4hNE)i3)?-KZc7-*Q$f>LSq0-M
zl4qsY`fLyvLX!?c!|?8dX;VBZN9CyeOOgK%64~ESp}mVK00000NkvXXu0mjfVHP(c

diff --git a/src/views/device/register/components/TouchInteraction/index.vue b/src/views/device/register/components/TouchInteraction/index.vue
deleted file mode 100644
index 08788ae..0000000
--- a/src/views/device/register/components/TouchInteraction/index.vue
+++ /dev/null
@@ -1,512 +0,0 @@
-<template>
-  <div class="touch-interaction-wrap">
-    <div class="title">触控交互</div>
-    <div class="chat-warp scrollable">
-      <template v-if="chatList.length>0">
-        <div class="item" v-for="item in chatList" :class="{'is-me': item.isMe}">
-
-          <!-- 我发的-->
-          <template v-if="item.isMe">
-            <el-image
-                v-if="item.meImgUrl"
-                style="width: 100px; height: 100px;cursor: pointer;border-radius: 8px"
-                :src="item.meImgUrl"
-                @click="maskImg(false,[],item.meImgUrl)"
-                fit="contain"
-            />
-            <div class="content" v-if="item.meContent">
-              {{ item.meContent }}
-            </div>
-            <!--            <div class="avatar">-->
-            <!--              <img :src="MyAvatar" alt="" style="width: 40px;height: 40px">-->
-            <!--            </div>-->
-          </template>
-
-          <!-- 回复的-->
-          <template v-else>
-            <div class="avatar">
-              <img :src="MyAvatar" alt="" style="width: 40px;height: 40px">
-            </div>
-            <div class="content" v-if="item.aiContent">
-              {{ item.aiContent }}
-              <el-icon v-if="item.isLoading">
-                <RefreshRight/>
-              </el-icon>
-            </div>
-            <el-image
-                @click="maskImg(true,item.aiPoint,item.aiImgUrl)"
-                v-if="item.aiImgUrl"
-                style="width: 100px; height: 100px;cursor: pointer;border-radius: 8px"
-                :src="item.aiImgUrl"
-                fit="contain"
-            />
-          </template>
-        </div>
-      </template>
-      <template v-else>
-        <div class="empty">
-          <div class="flex align-center">
-            <img :src="MyAvatar" alt="" style="width: 40px;height: 40px;margin-right:  10px">
-            <div class="content">我是你的触控交互助手，很高兴见到你！</div>
-          </div>
-          <div class="desc">请把你需要识别的图片交给我吧~</div>
-        </div>
-      </template>
-    </div>
-
-    <img id="sourceImage" :src="currentCanvasUrl" alt="Source Image" style="display: none;">
-    <canvas id="canvas" v-show="openPre"></canvas>
-
-    <div class="actions">
-      <el-upload
-          :auto-upload="false"
-          v-model:file-list="fileList"
-          list-type="picture-card"
-          :on-preview="handlePictureCardPreview"
-          :on-remove="handleRemove"
-          :limit="1"
-      >
-        <template #trigger>
-          <el-button type="primary">select file</el-button>
-        </template>
-      </el-upload>
-      <el-input :disabled="enableInput" type="textarea"
-                :autosize="{ minRows: 5, maxRows: 7 }"
-                placeholder="输入你的问题并上传图片"
-                v-model="chatVal"
-      >
-      </el-input>
-      <div class="btn-wrap">
-        <input type="file" id="hiddenFileInput" style="display: none;" accept="image/*"/>
-        <el-tooltip
-            effect="dark"
-            content="上传附件"
-            placement="top-start"
-        >
-          <!-- 隐藏的文件输入元素 -->
-          <div class="attachment flex align-center justify-content-center" @click="handleAttachmentClick">
-            <el-button circle :disabled="enableInput">
-              <template #icon>
-                <el-icon :size="20">
-                  <Paperclip/>
-                </el-icon>
-              </template>
-            </el-button>
-          </div>
-        </el-tooltip>
-
-        <el-tooltip
-            effect="dark"
-            :content="`${chatVal!==''&&fileList.length!==0?'发送':'请输入你的问题并上传图片'}`"
-            placement="top-start"
-        >
-          <div class="submit flex align-center justify-content-center" @click="sendText">
-            <el-button type="primary" circle :disabled="!enableInput&&chatVal===''||fileList.length===0">
-              <template #icon>
-                <el-icon :size="20">
-                  <Top/>
-                </el-icon>
-              </template>
-            </el-button>
-          </div>
-        </el-tooltip>
-      </div>
-    </div>
-  </div>
-  <el-dialog v-model="dialogVisible" :show-close="false">
-    <img :src="dialogImageUrl" alt="Preview Image" style="height: 50vh;max-width: 50vw"/>
-  </el-dialog>
-</template>
-
-<script setup>
-import {Paperclip, Plus, RefreshRight, Top} from "@element-plus/icons-vue";
-import {ElMessage} from 'element-plus'
-import {coordinateMarking} from "@/api/touch_interaction.js";
-import AiAvatar from "./ai.png"
-import MyAvatar from "./zsj.png"
-
-const item = {
-  isMe: false,
-  meImgUrl: "",
-  meContent: "",
-  isLoading: false,
-  aiImgUrl: "",
-  aiContent: "",
-  aiPoint: []
-}
-const chatList = ref([])//会话列表
-const fileList = ref([])//文件列表
-const chatVal = ref("") //文本
-const enableInput = ref(false) //允许上传和输入
-
-// name: file.name,
-// url: e.target.result,
-// fileObj: file
-const currentMaskFile = ref(null)
-const currentCanvasUrl = ref(null)
-
-const dialogVisible = ref(false) //文件预览
-const dialogImageUrl = ref("") //文件预览的url
-
-const markFormData = new FormData()//带上传的formData
-
-const openPre = ref(false)
-
-const addMeContent = (content) => {
-  chatList.value.push({
-    isMe: true,
-    meImgUrl: "",
-    meContent: content,
-    isLoading: false,
-    aiImgUrl: "",
-    aiContent: "",
-    aiPoint: []
-  })
-}
-const addMeUrl = (url) => {
-  chatList.value.push({
-    isMe: true,
-    meImgUrl: url,
-    meContent: "",
-    isLoading: false,
-    aiImgUrl: "",
-    aiContent: "",
-    aiPoint: []
-  })
-}
-const addAiContent = (content, loading = false) => {
-  chatList.value.push({
-    isMe: false,
-    meImgUrl: "",
-    meContent: "",
-    isLoading: loading,
-    aiImgUrl: "",
-    aiContent: content,
-    aiPoint: []
-  })
-}
-const addAiUrl = (url, point) => {
-  chatList.value.push({
-    isMe: false,
-    meImgUrl: "",
-    meContent: "",
-    isLoading: false,
-    aiImgUrl: url,
-    aiContent: "",
-    aiPoint: point
-  })
-}
-
-
-const sendText = () => {
-  enableInput.value = true
-  if (!chatVal.value) {
-    ElMessage({
-      message: '请输入内容',
-      type: 'warning',
-    })
-    return
-  }
-  currentMaskFile.value = fileList.value[0]
-  markFormData.append("words", chatVal.value)
-  markFormData.append("image", fileList.value[0]['fileObj'])
-  addMeUrl(fileList.value[0]['url'])
-  addMeContent(chatVal.value)
-  addAiDynamicContent("正在思考中...", true)
-  chatVal.value = ""
-  fileList.value = []
-  scrollEnd();
-  coordinateMarking(markFormData).then((res) => {
-    const msg = JSON.parse(res.msg)
-    if (Array.isArray(msg)) {
-      chatList.value.pop()
-      addAiContent(res.msg) // 坐标数据
-      addAiUrl(currentMaskFile.value['url'], msg)
-    } else {
-      addAiContent(msg)
-    }
-  }).catch((err) => {
-    console.log(err)
-    chatList.value.pop()
-    addAiDynamicContent("识别超时，请稍后重试")
-  })
-      .finally(() => {
-        chatList.value[chatList.value.length - 1]['content'] = ""
-        markFormData.delete("image")
-        markFormData.delete("words")
-        const newInput = document.createElement('input');
-        const input = document.getElementById("hiddenFileInput");
-        newInput.type = 'file';
-        newInput.id = 'hiddenFileInput';
-        newInput.accept = "image/*"
-        newInput.style.display = 'none';
-        input.parentNode.replaceChild(newInput, input);
-        scrollEnd();
-        enableInput.value = false
-      })
-};
-
-const handleAttachmentClick = () => {
-  const input = document.getElementById("hiddenFileInput");
-  input.click();
-  // 移除所有现有的change事件监听器
-  input.removeEventListener("change", handleFileChange);
-  input.addEventListener("change", handleFileChange)
-};
-
-const handleFileChange = (event) => {
-  const file = event.target.files[0];
-  if (file) {
-    // 创建FileReader对象
-    const reader = new FileReader();
-    // 读取完成后触发的事件处理程序
-    reader.onload = e => {
-      // 更新ref
-      fileList.value = [{
-        name: file.name,
-        url: e.target.result,
-        fileObj: file
-      }];
-    };
-    // 以DataURL的形式读取文件内容
-    reader.readAsDataURL(file);
-  }
-}
-
-const handlePictureCardPreview = (uploadFile) => {
-  dialogVisible.value = true
-  dialogImageUrl.value = fileList.value[0]['url']
-}
-
-const maskImg = (draw, [x1, y1, x2, y2], url) => {
-  openPre.value = true
-  const canvas = document.getElementById('canvas');
-  const ctx = canvas.getContext('2d');
-  const sourceImage = document.getElementById('sourceImage');
-  sourceImage.src = url
-  canvas.addEventListener('click', () => {
-    openPre.value = false
-  })
-  // 设置canvas大小与图片大小相同
-  canvas.width = sourceImage.width;
-  canvas.height = sourceImage.height;
-  console.log(x1, y1, x2, y2, url)
-  // 绘制图片到canvas
-  ctx.drawImage(sourceImage, 0, 0);
-
-  if (draw) {
-    // 定义坐标和矩形大小
-    const x = x1; // 矩形左上角x坐标
-    const y = y1; // 矩形左上角y坐标
-    const width = Math.abs(x2 - x1); // 矩形宽度绝对值
-    const height = Math.abs(y2 - y1); // 矩形高度
-
-    // 绘制矩形
-    ctx.strokeStyle = 'red'; // 矩形边框颜色
-    ctx.lineWidth = 10; // 矩形边框宽度
-    ctx.strokeRect(x, y, width, height); // 绘制矩形
-  }
-}
-
-//删除还未上传的图片
-const handleRemove = (uploadFile, uploadFiles) => {
-  fileList.value = []
-}
-
-//滚动条滚动到最底部
-const scrollEnd = () => {
-  setTimeout(() => {
-    const box = document.querySelector(".chat-warp");
-    if (box) {
-      box.scrollTo({top: box.scrollHeight, behavior: "smooth"});
-    }
-  }, 100);
-};
-watch(
-    () => chatList.value,
-    () => {
-      scrollEnd();
-    }
-);
-
-const addAiDynamicContent = (content, loading = false) => {
-  chatList.value.push({
-    isMe: false,
-    meImgUrl: "",
-    meContent: "",
-    isLoading: false,
-    aiImgUrl: "",
-    aiContent: "",
-    aiPoint: []
-  })
-  const words = content.split("")
-  for (let i = 0; i < words.length; i++) {
-    setTimeout(() => {
-      chatList.value[chatList.value.length - 1]['aiContent'] += words[i]
-    }, i * 200 + Math.random() * 100)
-  }
-  if (loading) {
-    chatList.value[chatList.value.length - 1]['isLoading'] = true
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.touch-interaction-wrap {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  .add {
-    position: fixed;
-    top: 0;
-    left: 0;
-  }
-
-  .empty {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-
-    .content {
-      font-size: 24px;
-    }
-
-    .desc {
-      font-size: 14px;
-      color: #404040;
-      margin-top: 8px;
-    }
-  }
-
-  .title {
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 800px;
-    height: 46px;
-    margin-top: 10px;
-    font-size: 16px;
-    color: #262626;
-    font-weight: 600;
-    border-radius: 12px;
-    box-shadow: inset 0 0 0 1px rgb(229, 229, 229);
-  }
-
-  .chat-warp {
-    width: 800px;
-    height: calc(100vh - 340px); //220 56
-    overflow-y: auto;
-    padding-top: 20px;
-
-    .item {
-      display: flex;
-      align-items: center;
-      margin-bottom: 16px;
-      padding-right: 10px;
-
-      img {
-        width: 28px;
-        height: 28px;
-        margin-right: 20px;
-      }
-
-      .content {
-        font-size: 16px;
-        line-height: 28px;
-        color: #262626;
-        padding: 8px 20px;
-        box-sizing: border-box;
-        white-space: pre-wrap;
-        word-break: break-word;
-        background-color: #eff6ff;
-        border-radius: 14px;
-        max-width: calc(100% - 48px);
-        display: flex;
-        align-items: center;
-
-        i {
-          margin-left: 2px;
-          animation: spin 1.5s linear infinite;
-        }
-
-        @keyframes spin {
-          from {
-            transform: rotate(0deg);
-          }
-          to {
-            transform: rotate(360deg);
-          }
-        }
-
-      }
-
-      &.is-me {
-        justify-content: flex-end;
-
-        .content {
-          margin-left: 0;
-        }
-
-        img {
-          margin-left: 20px;
-        }
-      }
-    }
-  }
-
-  .actions {
-    width: 800px;
-    position: relative;
-
-    :deep(.el-textarea__inner ) {
-      padding: 10px 20px;
-      background-color: rgb(243, 244, 246);
-      border-radius: 24px;
-      box-shadow: 0 0 0 .5px #dce0e9;
-      color: rgb(64, 64, 64);
-      font-size: 16px;
-
-      &::-webkit-scrollbar {
-        width: 0;
-        height: 0;
-      }
-    }
-
-    :deep(.el-upload--picture-card ) {
-      display: none;
-    }
-
-    :deep(.el-upload-list__item ) {
-      height: 80px;
-      width: auto;
-    }
-
-    .btn-wrap {
-      position: absolute;
-      right: 20px;
-      bottom: 10px;
-      display: flex;
-
-      .attachment {
-
-        margin-right: 10px;
-
-      }
-
-      .submit {
-      }
-    }
-  }
-
-  #canvas {
-    position: fixed;
-    z-index: 99999999;
-    width: 100vw;
-    height: 100vh;
-  }
-}
-</style>
diff --git a/src/views/device/register/components/TouchInteraction/zsj.png b/src/views/device/register/components/TouchInteraction/zsj.png
deleted file mode 100644
index 481f7e7cbc543d579dc21251b7985b673505c9e0..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11973
zcmXwfbzD>L`~DdX5>x5gKtQBRIz}i6f{2Xn4(T3U0)l`jAWDbe7$8VU3`9!0K}l)Y
zgh>pL{O$eyyncV|wbwb%b*}To{oLoi@8?R=*VCk-Vx<BAfaZ~wh5-P8(*OHWkP+@g
zbx02p{wTe*O#J}h#_j)pAmDv2GvOx4&p=ZRs2*Y8AzY9+tLmx(KyBKM3tLhE5HWkC
zp=uZm+FjI5`RJI3+sA$qv2rXW`{~UX*v#DjsIb+?f`X;gQntlKGv#jQZC)E+y^|bR
zvCtF=BPK@AhS5!;+duRc)Mn(f{=U==Yeq(ir%bU@ulkd|ex8fZCv_2zjnOq$^1IG2
z-`guMh_J$)pIM*a4=#B;?*9~k8!dL6Ute2`DkU_}aAIq`yjqDB6g;bzgRs?G$3~D@
zWSYBPB>KEBFcOqFKeH!ld`ay^t6~T_-}A3IbH7AJv^QP(e+`<j{g~e+2iHgCDPd`!
z<GvD4%Zy)PK5X0In`SwpxZ$JGZ>IfhzMSp)g&HmNPs4+Jv65)vgy>>ojp+U3`Mp$3
z<>wBh$ewo`X_Oqjz;wbJcwtx#A|f{o3km&Dt=~iX1HSwR@<-uB9L_XdLre>p=@%My
zNFx(=PL@s!&@{&B+(f0cuaE;@`^3uu8%@c#uQKyPi{r%lrD0O1%6>D8i_1O*esN?`
zf2EC$79{7L7iaxE{2ZB}Na@D&JsnS3fIMpNlYq}&k_yM3(w;=dgD4kfD>z$0*&G0F
z9!8?^nY$iMuhroh{!w6d;8w#gbDuO^ZordLcAiIM6rCXG?MLK~3_xn$z>g^>JQnN4
zxf4Fj%aa4JQ1=Bb*ryIh00;Nqy)Kn_o~8^FxqcXlZYrmuHG+fq`y}Dz8&^N)%>+g4
zj3d5WmmyV7xmQ4iVnK$Z?aSLN+uV$fq`v(nm&Dl?tDI{UHv#Vt@cRdy%$2XV1=0mm
zPgGi4FjhQ@fQ^mPj2q8;syI_}U})Tr?b72U#{~JBpU5F7emaOl#}8zaKaA-Nzb;5S
z%J<>Gw#Ap#p{UXz3g3wV#@eNzy;kx1dihEi*$1NKK<g?ejuTnn+XO=C<g_gN>v?Mn
zZ|xgkyv^P*?OY_*7jUWi0ypa<b`TS?W~oQbZ~)&D^wfB^sWr|O$k>P}>43kFL^nm-
z*Me1CjPII6xs**~1iE|yvAV{|AeHt5lWSTgt#lxy?|N@}SX&SfYx>AwhS+QYhMb{i
z8i9?AYqS7(Xn-?lwBSk;N9p`S3TCK%kA?$)e#L;UeFkX~oIu6Va*}kw_SB5_X!zeJ
z388oMKyQFwmdMI!qd0QF-@US9&9l*D6&s$YTsIo~7l_)c+Q~sVe>og-kJ=8tB~3{L
z^Cv5h+-BKTJYa>&&kx+>1i%~|91Z6w$GzrJ+YVZ^4@shecUX20>8(Z8{j;z{F!{jI
z;W=;N23jz!CP~zKuxZY8OZ@$>FR}>qZ&AC-t>&%_&{!+hpm)SD1k(A0q3^7~Pgu&+
zcDJ!QVhsTL&32kUeAqMevWWgOqD1f**w)P|)I(5REA{h55RmcllFOJA8~N-0Xa5_?
zGYo)3`8X0)CYUau*tX|D0{B<|cS%%=RNnifOwuZH698*1bD;9~$+Q2Z2{Az7_!W;E
ziU3q(TJoyak=DXO7FI30bd9q2rUm58Rs4E|+hiPyxa9jX0hoBBNb3|jl&}@6LL$A3
zs2m)p7k4S>0RGOoV)%~*syGZW@bZg3gG3Wi(HRi6Dr6Wxgo0Hl1BE7jmFXc2KU6h?
z0a((e5tk%!TsQ>KuWt7%$iw5F(4;R~ZeeKwePn}a>ts2Zme;6FFfG7ul1chZ;py#!
z?cA?7fQnt(NtwRut8S{&S-+}kITB#Kg!SXH<PPqMr!9V=j~xI!&%`c^fo9By*y#Qi
zV!*~_^}p+1JCcgzfQ8Fweljkmg&%fy*||yZs3SRs78YP=eGLFSvzY2_fx;S_nyVQB
zv0uS#*cf1^>gzlQ0Ngh8K;4j7U3jP_O-BT5Hvcg=nZ;A0w*=BN8G^on0I{xluL3Xo
zJTKeY5HKLN+-zs>II&Cu*kriT`d0sB9)kVnCoeZr&Pxa#N=4AtAv<J4voOT}=FW|$
zbtW7~7X63+b<Bu{%)+}OaTp!Zi^DIuS82(S*Jn8^qL=s?>)i8QwykT#(I~N8Ft$q7
z={Yr#Ludk^I(Ia-9JDJ2o>`W=sOZRNBGbKY;=7E<dR9XdyRo4n+w>3Dl~!(5b+yDo
z&QsnbaSMvhZ$&Q$!EPOmweKRfj;&=-0`&AqZo7|>5C46OZ2pTAG^7`ydRuVeY0}(w
zgd{FDa_qh8)Vv(b>^m1V0;w^?Y@^^+W#O|l#OfUe6v>SkeYx5YWs|5M&)Y*vPxe%!
zEPPVVi1)|L5gg2GUVq9A68ZJ7@Ym0ZptSI)BLq%%N#*lokf?m&9i)UZKL4=ub!hx}
z){BGD>j-B4(d$$>s+J;mPvc6fnfE1EFq;6EF#kLOdsDnX-IEUI(^;fmKEjciuYB1X
z26i6#N?hqYDxVik`tFX@^KEz2NF}UTNZ^|Rl19TYR5j{r02SEesmp?q(!w74^%#Y%
z)MI*{vmP)fBeMTrOV)n1!Z*pPtQPDG<mxG#6RYLZWStHv$&hVQGmF2dt>fzB%1B!>
zBI~2$^KYS_r0t4B`uAhImY-#Q%f3oI$HK|$OQomLGBopshHO4;HQMxiusec#m?gsg
zZP9RB1nF?gPH3hV#_JN1=*)*^`kn0Bx4*tk+Fyvq3vTk5{Di{%Q_kNLZ|Zw1p0*#J
z)1^aVNOXQ;d{QVki{NlhGjkIXP|PO^S}@PMc%W0m?U~YPlk|xzREa9%$<<hMww2#E
zIT8wyZ_2bo#oFsdk@m_lTtp<qZpKRbaQ2hM^{5<wI8LQQ@wrFQa}o-&1UAmrJULBW
zCV8~-3RG?J!^rHmVnc(nZ;V^11Bq5=z0k?e&Wm|CVhmkves$%2bt3=CXtobi^B}tD
zx5<l5^?-`)lJ<OKYw3&gmN#hSK&2q$!_@X~I~}~-Fsgv%S6x|fJ+CSJ1D!LI>-I-t
zrypZ^8F<cQPcPwJ?g+o)nv>UCvi6lyBwDt<pXBMOs3`KpDhJep5`#GC2Pdw{&#PHD
zgRB!CV+>z~tvJ)hLt#`I2PpNGzkhZF_^kr=x_1t%%5(W)%HEe^`u+`G$ms9SOW8@Z
zKn9k!Wr05m2TsFts&2x0sott%U5!%A%6hb`+HOK~o(*Dl=;$C1@9FDr%g>ZY<XPzq
z7+B_QYyW=xeZAXhdgAQfv{p4mddebP={aXR?^PDu(pB+HN6r4`r+7-?sxSfvVm<4t
zxe?V%uS>+~i-Cc>O?p0gU%vPpLh}U}nv)cs$sjDCfRweb(Kac|WFq3ZV|EJ}qM71V
zOqE*FQ8-6YRIP1?ZhD|ojk^E|SFsbGN%Tpo7N8!!?+;j~4tm;`L&u+9oGm5pmc=w{
zaZ;pHZ+krJuzN~QuD&nJuW0yc+xW3+@iQV?FX}BDt=piCukXIc{!TPUseboXvLw;^
zK2_I(C1Z;3RJtiThSXMFoO|h-$;p+$N5rE#XL=<X3F&iVd$G3j(&MLIVrc^KDCPUw
zIb=7&S+2Zh)BZYO`bK}ks*AhQzsi*phKbLs>D0UXiCl_DS;2!r6loR&SKxPzzc!@X
zd$nht?$(dIpDd*x%~MR9CbE2sff=FTF!H*_WX{Zx+Z77CH5L%;@*s1QeeOYugo|;j
zp7-8Cd^|V_0=m^)-4%;0u@E=B6Q{NCE?VO;@u5f>-+0agNJ!RS{>-aLmA3KS=W#h&
z3l%W#<HINZl47%6t0NHFQ6VA?QSm2{6|Joca&h8%hS1j&=Eh7bMOo2CCO0{m%d%gd
zM3%RPv(6ncPx>e^bHlhxA#X(j-(hK<Tsoz4bxKiz;pLX~^>zw}H1(g0Cwu59g$0Fl
zgsX56jFWPC&d{40S&b+v9`2JxW@SZsR@S$-IZb*C%kaCNS%E6Pm44?6OOKPeh<I+b
zP;09&bGa^c3J6M-t^J%nrdDEVMw|%A3j1g_QKVCBldBE}s87%-9nzi_;>yMZOUWv~
zD=S)HQun}6j!HUB>R&p0t5r8co(U3OpDxN{R(ASVn3jVZCeL{AmEzLd9q50}^SMy&
zeO6S$^CY(hZow}t>QVk$%cn&m_@}`xOPv@76V`<Q&fw~g1trXTz4vZ{CT<QZsiEbj
zS30!?<HjB&Dh}(TZ<A<|V~B65Llwv3$GD0!P5Wr&NghV||L#1A&j|%{ZX0ZapR!?Z
zzQCy7ghso5u}NI3^}9g__b3zj^|<-|ZFvo;XAYdVXhFBqIZ5b9-i59+bGrRg0=qcT
zvxV>7Q=wN+NTlU<jMQQ#(SjksD9g>E@O|fyhAK?B1fo^QL;vjeo&=7337f$vp>c$_
z`#&I*j%*HBq#GkAJPmL4I>H)F6dKx^HYvcP<ID~`%9QIRyPec`>HclE#EKK~MCt1U
zHnb|1>&Cok_e7*;O{{TRKQF3zfT?1E_ZC%GC`F_jW!)#>z&e2p?9CicBs?0-D2;P5
z?^5@B7|oCfuT^+r?oVpJKt`R=-J8%}wfgEKqwM*Bf|A`2$yewO?T$RjH0fSliPMMy
z8`@H)eDHMLoC#{6PCbg5YP<z`KG2+V3{-85jpRJkK|7=U*AI-UvhxcrMsn=oSsX;&
z>1JXxzHOuGnSJe8r)!pmyS^4PmD#Bw9?0BH7*};42g+{k+k@LAi8qx<s${4!G$KuZ
zO+LB}`k3O1%jwr8$S2ASxs054LgUS;FYmxoOq#0I@agL3M>K=ODZZ>3Bk#{Gj+`am
z6T7|$I$|1O4^_Xo1EV&f8-WMJokriN>L21S4;-nh#QVM{jt}M%aHS09CrNbXBHMZ&
zx*p8nF{!ZP=dzXJ_0B@W(+?`F-sIUYp?{JL><=Nl^Vb&Cj{uJrKUsXB-iPc|LXYu^
z-5Kr1zCU$t-yrHPaYX#obs;vYo*i$jnltd+s#jW4DVNhvRMMrgM1oZ)z-dC2ba0Ml
z4@T6#cPwRdBm4Ukug$%zMIU9ItNZ>MhY%BW-@XLQjUbxVKfVNP_&L2@HPE&0TUZZl
zOCA}l%RPJ=f2tZ4Y!|X{{H$g@;QJo`GTdBS=l%!kk@E4#(O60&o5^j*opEb<Nkgs(
zFqG4z3GA!DQ~R-~8HW_k3{35DLoX~L@!^pexbq8vQYE5p;z7(>(PMLCyMV|5DxLfD
zv?F)>_k*)VFBWo&s9e(k*ZzZ7#+|R-@wUysB#z78XA!2Z^|nQq|6pc<A=fS#Dr`zS
z;%6D)h+Z(YTY`w=N>>^UI<5k9t%^}(nExS6lqv4Z&bFtqo7Q{v?sSg%JGYiS&|~$~
zVbIc>ZFY+-+JNN=l*$p6k`9JLnj5S67VDjP8wcamEIowYi*88kH@zn{h?mlgl5(&N
zUze9{@?1_y{*+ge@HSurKDhsbcCd9y9X+-F0&v|f!3FY7VTT*e{x;)mpCVy)vUhbv
z*^92_eBFm#3OyUtEtj)%r&<+>N{d3h{0UIUzGiFj+&2s@2N@<?Fb@+e`}FzMSTIF8
z8EUDNf&GbN+nS<3{wWp_sgc<E4|Tn}kcBscbDhcixUcvUQ18Np?snHLhP2E<iU!KD
zcOLqNerZIh(N-x4MFXZ8oG%#ZigPQ|MCN4P`0qn$<YWta&k9G!geuc5swrvX36Q-%
zjejq2hiHCe<?-;>F}ewnE#)=emMbF^65OD`@=-LE0GcM|@5?k6SAw};`@4T7cYRF!
z=f92^aZyh)X+{aDdhs#tCR#W{kTWfW*}2i+iW+7>8~w-9?l^TYJu0U#$)p}76pgX>
z5jTP~bgHKI(oHa{oDfJbsqB@KbttpxW-eHk_dI??A#+8}2vVz3A%wfxr0Dv!>St<@
z>mVitr5?(`2#XT>fed$qzX-b5dps;#X@6>8-R35TKdnkdl)q|VCUQ_^+!cg#%2~lb
z3``>#nVy((e%{d$>T5kMe1oWZu~T2Wc?ZVmFy1~fvAEE^(9W_I>X>0AVerfA^<<q@
zB`^Aa0GsLd0gvE(wR5N3(acBp!uRAjY^$ld?cV9JxhoSnfEc~F%dLjJ{)gZ!RVKsS
zgIhJ^X5rt{OwMvRL1B!4L9xe~8#L~gV`GZbYZ7y`Q_oOs-NwPazkf}RkhD%X-+^t8
zb#<=trxrL!UysoQ-*cDLe^PsZG_87gW4FxM<He4gCC&3_AZJZF7E--%98vnSon_X)
zFn{8A*!!uj4yRiF_%F3i1e()?fGtbCP!&5_<YG3TWHi0G@tXgWaN0pcmEM=7J`S#D
zH=%wPc|CiFDRah_R`eV5b&}ES0ySm?1bo`OzSd+!fdeEF>v`9_btoir5+jJt+3+8Y
z6OzBJ72vI`JKH3EW;fnD2k8$W5$A?Eeg3H!{N1HNi^;B;f1v3BVeE7x<^8s%qJHV0
zDbiVl+FgBrg?k2whEZ?QOg*!zQ+$FUbVZs$f;=Y$$XVeVU6#t)I*xm5e(scE>b2I4
zGJDUH;D}}nRTDan*@yyi)adAzy?%~5gE=!M34?Vd#^;i4O;*HbOC)F4&%4;_YD7Km
z-0bZ4HEUEzTk6)7$=LDhIC+?@MCvfW@Nt@*=Y%PNk0Sk^5F%f0NX3^U_en`0TuI+}
zV<Qx9g_`=V6JT0nBxi>5ccAqZCvu=#7W^!AJ?3-c-m{I`n$Nti5ZI}M8TM?U(TuY?
ztK{s4`FF7vaX`-Zllh03m8ai-hq0nxWgCSgDdR4a+5-wCPD9Mg;{$FIIS`@4|9Qeo
zm)a+GpYxtX>0B;A^!$5rdPe7U>pzRsVZ3i9=at_h*Xp0v+`%}aKMAWu?%dx}K0pz^
zpAIqMv$8ln-i7aob)$qBS5utua-b(RMMs-9wAxPdhI>p<h^MhjRQ?>DwQj8ao(BI1
zT<h9vI>KAYwztMxVoKXkOo0^XlwsF}xrkxjPjQyBCMk?rV*}l?1k7?MN5uIH9oksG
zlxGTWp1F#@1X%nURCDs}NHf-aHe7JgC-T49i5yaTZY@oTq!0Z2>RT@vq0Bt+Fe;_C
z0%mX{JvU8IGqhwYmXM(QU|yD~D{H)t?UdUjth*b@k9U<y5ZjE2tF(+%H%$dOi^$|-
zigfXIbCY{j-vm~Q`A>@qZZn!i0W53h-NS~PkTMSA)MJyG8$=F63O6`tvw|(;=Il+q
zeo=t!?-@c7Z%PB=`3$4=o3oMumM^ovp*`<v*VsKSC#!_8!VDlgp<}?-dvA2c+Tyj8
zzO$)U4n=y5snGm1ukt64+@p<T6~Pl)sw{j~65;8lLbypg`PLJ(L|7DO$OwbxR-Te+
z_?2el%F9xL^`EK<-@(v$gN>ELDO=JFby4cb8n9gL&P(4dx&#QmSx`&I&^j{N7Yrq>
zW6p(yuY7mI-cS*A<}3Whe7V3-S~j9?GGoq2R0=C-@ARtFo9=yM@3n|1R6f(mMvo7;
zAK^0pHa{t*S||939zvRA|1`W}?%jG3(*dLcl6N3?bvU>o!Z&upG>904MbY=3G?X5y
zac@PpDC6#y4=L1#g_?cdOm#$W5S}gWY#tqqIs)=!#7062t9b{%Y#)jQnBsn$0a<vb
zG~iw$p0Him$uVoOhpyU|GlD|cVF*ZqZ??Swmt5@B;Kg_OEBD2~oBuWw(YRu%#{ae3
zJs&<Kh3lG7k8Cw~^=?S%tF)|d864Ct**7UTqyXZ90VI`A!>lj9xSTs#&=TVv1!~@t
zVai0X@ae(2B|^q!AJ)Me!~tb}f3Aqr_L@j;B(R9-U$3WG+!4YC`~ZXOP*@;jopCF3
zsdQeE;u&W}<pE*`KAVV4zcos6`;uDmTPDbq8`gW;-qkk9lGyXR%@r?xw*1;op|5YN
znhLc(i8!&wrn3-rn;0`B_B`FyG*^bX-=m$HH?nFlkYO6=%CEHbPy5ffI%lRGb=yT>
zx=ASJ^OgmsDhFBX_yqh>7(~1#*jfq>*s%-#iZlC=TpXtDTDaHhW@9Sqs~VNEA5OZf
z%W)JgEb_9>MXpRte|Bq6Vf#qQ2tykH?`c2bDN-O9`SMvcjEHU=9&+mWL22FfSX|^d
z8u5X5@bGOL%9uDH3%?mnFu09oqH(a&6kT#psvkBwXoxt#ny?-wGs#ngxjOpxchTtA
zxgJwo&+i2cO_*T{-2}KGbY~F3Qc<1;<a|44UuSg|*>r3@?3UH1!#8J}#Z$~Ke<U>h
z-k8lbJ}07{2&Wqf7oE?$`!TwOY^zB5L?3RIVi<keRzS9L6MFkOVlT9Y4M+NPqZTK>
zm5KY0NlKsY5;hA%PdTFH-4db^Ed)QI7g7xq%04io9;wRO9l6~FLnlYRn8?QaUV5|`
zafqy*D+*nvZwn8eP>KFKqH(1qM0t;YpC?${ZMj&0$Ft9wZ`zm=<29|1uMcha8-xPJ
zyQD~dkmx?K$a^5nx4az2IGuo>m=3{2Bbd<pB^+d1zay`i9LW;1@XCY~EkPz%M*i#g
zN%D_RnC8D%IN6lK`1{djRPB&r##sN$v487_L*>#f%oPdjxlf)Q)L9MhhrK9&F#j{i
znVX#C2Yqc#_XJ%ouIb1`@8zytA?Khrf5TsGj*4@O8TY6C==Fa&>BRr%+H1p9{s@z8
ziSPDM$PJ~s%7h_L%1(d#Wi^f3;HK{pt#cE|Mz5Db%9LwrAnDAaFYCZ|Z!A*^LO%^6
z!r|Y}Ob^j0ON#X5o6u(_VP6&k(eA@`-Vst0hZSmn^l=Dp<s>I>YoR}@_X-$3KRDM`
zfs}DZ$lU-*#P`Ugq<KBh3)*<L&9OCD$6kSrX25P$M^+n<VcIKU5K*@^tB+^z5`mn~
zAhya~c8%+QKSf_24Eyqd&+&C-&qa>V{ujh#po80^qcMcir)2Iy8$<*B>rxo;B`vu9
znS5qzzwnjZv(p85v?7B~z;-OIY|U+7;+i6X@RbdTZA$&P5pa)Sd0~Xu!))j6Ilie~
z@b^6RCglC2TH<gCA_uan^W)2|$~A#3M<2t`KUI}J%H$Z$+X()xHq`9uP(!3i(2{BH
z<JUJ*C34oRD+SiaS`Ht^9+i#uU})y8l>-8n-Yy*MI&E>fIu%h>@80ihp{c>L?blcS
z8-WNN2k0mFts+-NOyS=moyD$$kL$bWNq(>+4)H9|;_G%t#5~@-VsxX`QYqyqL`F$!
zbas~O1^Ip<mDyixA>+&MlP7timUSlb)erbQtVQ^2uf#coQF40BZQ)X`nmfW$_<(KY
zCHZG87o!snJN0ux%||PESfh!uhYwJG)nP|~gCr7qBEVJMX2-WU(D5H5E<e@e2Vtxe
zJ`N`Mna+f6(dAJlUqVK|gaz>tV!HMqb@%+DP{pjw1J^3$&?WJuqV@`Dg=#;O8F#oU
z^6ayVuJRMS_-#-fkj!QFX4)hJ<6708MxC@ni+8N286UltT69Eb>GW0Yr9Hww;H4*U
zA`TBP)y->q&5T|S$_ww!Y3*Zw+ozTpIUxxV(Fn&ElTDG>g3wrV4L>zPWLq3Cb|kVr
zMb>ZRm3J?kBaF=I<qZKL(LZ%R75SG3F6aRWMLMZzeeIq*Gc;oW`s<9VU|_a$t8RLV
z(Xay1q=^6B&Xz|x((yhGFin5Jrqgxw@$S(_F|8TmNyPRC0`z1)Nc)CB7$i$pJE*`s
zH@vJyxUXrH5W#n@+Wy>R9sNn(U$n=PbcwYIc>efLIb||F$Ni+SV%51Q{J+?mlF>s5
z4rL{hE`p4hoRGz}IrD5rxAcTOx$p7gFeIZY{>jykoLbiW8@rV~V5rV#7yCzVl(_CI
z!So&k|1{t3Vzp<lFh9BC-JC=)<Y$rJG@}_USS$^1ARJ*mV)SZZ{U~EPVSfI7)Y4FB
zxy3oj<MZ=h=QTYoD4Fg6P<u^abx)YO^K*)HUekJNsmETEgK$TB9l?^p(1&)c6$uye
z-6r9tqa7%{yE7`1AISepO!_gtIgM~Fp{kT>WSW@}F}@^PUFsu7u=`>VdG`BH<pvl^
zV?td$Z^T8_SWS+xG=h{|Q(HFq3&{-Y-X`P&*nim@i~RQ%Cs>GyN<o#jh<O1G50nUm
zTl3Dp6>Lk{<g_~f3jv;Pk&sGEEE+O+2gX_#Jm_H_uVoC^V)9!2;*S^Gm1sNanBNc*
z(!e{LhJQY>4<XS~KT~~GOSR)x$Z5W_+yhhU9yt$b$&HWyDeDFgk6UPZdz+|~YnWX~
zn(?ecO-)6^PH9T)2zKd0Vx3U!WJ~3aCI9S*zo~P6|2~P<4I{4)9+hAvjdtekcggR9
zq7yEhlXqwulZVT=QsK2IWs{b9YS2W?^Z*l_i?05{cDzfdo50nrP{eB(K#$nEROFJ$
zR;I5AaD<1u?1-F1NU2BFJ4}n{GfW(nF1^P?<ucoA@v}u(wCI~Svl%wKoyL*2I;3)3
zS?lmkLI!?S*eLhO7!~=|J`|hZ>s!d#wUq6uW)aD57x?%0d2SAKmkKXQBDoPfQ6OD9
zTQ6z4<zg!0FCjnY8fkSKK#<WB2>0Zh<b8}Ql;^l$il0$xhAmA5PtNJxdoiQ*s;8?S
z8_tyc+02u3wbYgnM>xO0ln{ysw<`s@`(T#4Yy}{uL-P}%_5}1ji*1Jnl<{>QAtQ<Z
zA81gZdlt6X_rZmVupFnX71-VTnPmm-X<sS#m28w`>3r6;DgUdD$ar(KqAdjnjc?q=
z(-^mtVLqYJXBSJ<wZW_BkN_vUrPjBsMBR6ka#7Mu$hThe18(Ot4D%tzx(yr^eJzI(
zjMkkjcAhqiE!qvFY<GydB?s*_rUoXEZ$D1ac};%rFLPelq><_&C245v%<0Ncn==1g
zOBn1Ik+d`j`&Ih=X@8?PtAtVLsua965BBJgsTw^qNS>(+;LQ!$U;^2F^M#ee301)s
zqb!b!tvN}nM%EiXHiZozmp_zSeYswMG*34Mlri1aTfip+;$w|)sWc;phI@zEG;u#i
zTix7#HN&U|1GiX&upWOIBM7eV)46B;q8Pup<@pCf`6v-@szH@5trN=Ru@V=2_-CTn
zFFMyOc#yN+^|HB=w-VE3;3@pm1PpzF8s$cu;pT_c8AI-Ti8%Z-$31OA&Gg`3<2GTx
z9GA66R&8+#%{LHgauYJu8%y9}_53UE!%MEiERJm7sjjxBNoJ9k2Oi_RTQj>l*ye=w
zxtLcVkloOkZ$bF1{E2t+VT|(iWWS2VJyBy1JG1*)hw$>rtBx8|-1$?s#^Ji72kUh~
z_l!uifP_~GK|zaSVHL`|sL}~(b6vKIa$kq=+h^AiM(%wFq-yGZgO{8Jb2|D=6zPCe
zV&m1r8M-w~8splOf=ok<Q{{d%f>OB6br2z(Fk*ILt0a}pZk|S16{2yvQoPdi9Av`Z
zamIxqqsw=i?_ok!SsPkUesB4}Z+7g$T6ukFyoD+jpxhpT{GvOomvFys@N`AOj-=mD
z-21|ak-=pwS@orzHzA@cj4i4xHy;z=<v~5Q5zAc6dCra@k5aeEx9{9Vrg;hBA#5nj
z1YOXMV+SK&#jeRMc=fW1R9LiZ+e%wyR~Mou)5VivRXG?8&C}1cL7$bnCKg(-J};2n
zy(Z;$2(CCNJR^MbccPY#BCjaVA^d72mXn-i1>xL}gDc#^uA4ZB?8qiSG$QJM{?5?t
z{vNLB@eC;ZbmqSZUMb2hTX>?I_+L>PEgWyMtC3iE<1FI8Jh(F^m9PHhTi#YeOvy2U
zEWaDMF?5rg;@<j@y40bK%MuMysXbB+b&^2A6$4gFNHBUOE`_57P1JTOu4~#3cwOpW
zUv%7`ze_aq1^52*N>M?MfegAg21tS_0n|Qr+taO;cJ&a_zmA{Nc)WvMI>^ia1SSJX
zaW62|)Th#A!znWfzlx~mREl*IXB39qsc6vNgcopvZoR%seB#FdooQWNsr!g40F&QI
zok%uvy-V8t5=crR;#q(6)y?s;<9fuKV~~Y<kS^XU9<vpzerruNN<%BQ6FeB|j;E@U
z4nmc%<3B4No!sbq+noR;8CGnd8&nh7?L=aJN#Vw{+x5E+SXXY|9r^z9ozdgVLPQ0w
zb%eA`*HlwlR{h4-j>)Y>8T)XGZ60KA8uKzH$%$|Z@==K!5+Qxz_6G52vz%?oJF#v1
zTvexok}l;AjJq8CPm7$Zn6Za&FbS7NoNI&}UAJCc8@o&T4{B4SosNIk)=(<hUL`kO
zDT6qSun8m}Q|+6A4lnuQG+8TPx1QqKcI^%gIjoRcCVL;6sw-)^6em<kGu~B`VH?ic
zcgjtY3-bPVS1pQ1i>uh(r*)xe|IbIig6n&N4Zej)13^^F5_z}5;t?21IXS;-Df3m2
zCUx>kCWhyMoAF}kGd#A}d&@*uJ-9Rpc$6!B6@dQt#G^_xlI56!vA%>Rn(o5mq?2n-
zYVbtwJ>l4^8_fMZj3;7lz66&kvc-Ns4|(2!BuG9M{k7;p8I&Fe20DT-WVB;=l*LIC
zrh<NZBR%H`XLtV1#tye)O3mN<u$!d`%4!sKhI58MVG<?eJ(CcOXAX`Bq0g_8f5y;t
z47OuUO`AlmZHs<=B*sLd_0cXTIfad+U+|AxQ=ubaog*+_t2bzEP4Xc`JoZ8Ga9n~{
z(xGj!^b1Zt!T~k1l!l=3L5zyY+M!3|Lp0kd(uaDanQ}B3`jduNM1}Z{-AX=cAHGp3
zcFYtcDh10g^B>_$1}8pX4m-+w?&}H^JuPv}R3R#by16QWf4$6gJ?cICvtygS{qt>=
zWVNi@6IXE!?INyv)PQOf{lk@_6@**%gL_(rdE3S#(@Dsb57jI$dfVM6DPOTxq6XBW
z=mpB$9B#$`7>s0&m|EPwN4tupT5H56bQn;lum<(MO#<$jAg6!uAfl!v=^OMS%t;4y
zYFb>j-K(O4XW=8e%QUYHyF%IFn#~ko9_v>_2IR>^jz=dg0w#2dkk%sjBa84~f3f9J
zV?O6t9Q&13(d)HYIQ<ms+h+l9lYvf{-t><;dY&2_?G6*=TX`@&{inv<xv^QDa#6nv
zc?z%vG(P;!cIq*v0`r?)kOCBw<m>5f8{+oNbwst5s)PbOWZ2X|ks<MELe{JSnZK^#
z_!t&tQ=PGOrwqBpe%6B#cw7Sfv&Z`kgZ#ie|L(|sjuR&R;e}jADcGozJc^*8mHPZB
zs<2jG%Xg06m^Fr2*bwB~c5Oc!M9wjm{(X&j_KTY!ubD2s%9uH|BtC!MWEU>V`FMQ%
zg%L*aAEYbcb=EZ|ro=>4Mu20`XJwKQEw$|dPx2SSE6dOfbaRHE^%)=^DyRE&$%8*4
z*Z=nZJu&26nLhdCEypx;w74^!m*)nqTLmOb;7LxraY-EU@oMTTstq6=v=uxWg%TrH
zWiI)0>w7m{e4Jj-bk(aTm+!}5vh(xseV>0aXIMDt0UNo0DeW6|Y*)^sq`M0uYcbe}
zPf}yAGxJ-U2||ZlO1t8hrR`;DnDy@hYg3SSu25QnR19wv6xp%!^KqiqHpo<k2mWf?
z;3Io=xaC_Sd++OW+>7X<zl8%Z2R)268OR`$YZOlj*3hCG8Hc?-%Tj^gm9cyiSTQvn
zzZW#i&_+eOHwQa9+pAYb(MGChy=mo02b8?=I@xT~7;Q&u2L8}xIci4B`>i;6CenDd
zaO3lx$eIYW_=Wp-qDPo!ns8>aAE^rc23Dod4ay9jH56O7#028tTR72KYpn65^TX>4
zp%S{w*~;t1D#<RJifi=QvN3EMX`x2c{M2cC4GI(KSjf8=WFdEOJu0FtRC4S!pYBs#
zti|UnW!Y=W12*k%T60!LWU9~hLTQ0076jV%TziC6t0VHtiwF=K*Q)gqfg$r}B>!s+
z4CFI}Vq9Nk@c}@J+`k!>V`*&1SDSs$$Udbl0C;Cp7G(R-f*Be<X97g^H#Uh5B`%#p
zzOI^Fr%fl^CkMWTd?3s(I`qiPqV2j3m+wuW+1}-}mcSGPMXyK!=B6*<K0f0gj>ui@
zLBK<csrHN{O@5<K2La?j6dS7jeXv1)H}LD1PnrS%EZE?uXZbEKlRy$b`6X;^hyeb_
znWQBj$TfA*q@^9Z?W+Lrpi<2aGqA9Px`uZ71N?K{D<K}6N^#VaphAo3zhO>y-JGH<
z5IZ*BbsGRs_6zl5i|xzRw;_NfcT9(Y2<X|teZBjUX4GAhSffG>D3tv$UDLO9S=3CB
z>kt8srln`;%^+?=E<is;cZ+fUal3w$emp_T)!wd!=Td4aZ0I|4kCa=pLPfOh0f5~5
zW}N+k8be|Q)u%JN0v{ksXn6ia+;fGhG_Ys?D$R14!ykysReT1AK&&@aK6{fIV7=&&
zU@{Dl{u<fk-(fy60V-ahA`Sq4XfkkGoBDezyX`O<?GCJ6GM$J2r<gKmocbL$HNl{@
zyW7N4K@7tn3Dw2wqD_#m7tR51yOYlXKxuW&jT?G}QLL4908~|}X@7IYY7L{#Y7D(^
z<OqWKN(U7zR@KvjGgaU$^;2`U04xYOGkNJ@X526X;+|Id@dDvWkOSUVs=N*>JxMt%
z#8W#=Z7grAESdWRDF874|3r!fbSG_9g?NMLDT4ilSD%q967;sUzuJy&bqG46$r5QT
z7JhLKsY??igpBXuk@}-9Td!vsjjG%ntBk9JI4;{a0l;$N5k}^m`F+}<S@hHq9pd<p
zP0*deP*9<QIfBtVF5w+XqDwgfzT~|?3HWP_{$6~h{`ehfqRS`dY<&<c7;$`NR;}==
zpW4CV{_W=S_eqKb&P{qw_&mnPSx77DM`qty(9t4PgBe8}^-8#*3MH6k_8EAs!?_DF
zu?$cNjH3WfrJ3KEk0|!$jKF$#ZcqA3^eNvYXerMXJ!x4uZ%M%%PX0a+-d`jvo00!n
zLjETsod9P_PH6FyqdJ|%VfghQN^-!Zlq&VE2)gvc-}FMs^hX4_>GdF*;e?kQF!{OX
z5n~<5fl-7JRG~A*mCMx%z&9cJ_v>pd54!?TZy0C3F481GrWlfG0Wnj2%7W6YTh{~V
zODYF?VPW9i_LWT9QTrzMEz77Md#>$sqIG*fp^cd%{&>F8+3Y@pW7Jf|LxBGAm(-dd
zCH?|l3~&>EM=*53m|!dk#8J0gW@?pWN8KhL2%Q0+b~%4kxH&9>VENKPbZQIUlv;c+
zH)D2eWcAr!Q_XbXM_-|3z`u<>_x75+hPM_`iF0Pt<ZzxKg%}c8O9pkSSq8}9juyZp
zu=Bfumjl|c2$lPhLIPW_qewMl1WCAwJzstX=LruQ1Hq_YR3h6m2E4<b{vy@Vh4<$x
z?fEH$pNMP1iJ)z&4Nt?v6puH)>N>JPOORr6U+Y%)b`*kI?>q*6{vrrA?>06qN;bpU
z-q7EKmeBLT9g8O;y>KUsAaX!>yW%xQ^~~a4kvQ@zz;gfRM!N*XYXxLYcLWjXHzMgu
zfwfS$O)l!i%ILZnwHI<5U}-uwiQKJfT8Lf}GxV%k5}Ki8D0KOtMDy)@ugopK=$ovm
zuMHs{Wc2<|^Ggs+o8isjLfC0z53i2=vZK*q!<qjt$5sN#R2HmM3Gg%`)5?Pakr=xk
j4>;t>ru^ygjtWTJfpL<7c-)hqItLy-(9@_^vx)hCUd1bJ

diff --git a/src/views/device/register/components/VueFlow/IPlayer/config.ts b/src/views/device/register/components/VueFlow/IPlayer/config.ts
deleted file mode 100644
index 3048428..0000000
--- a/src/views/device/register/components/VueFlow/IPlayer/config.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-export const conf = {
-    /**
-     * 基础功能配置
-     * */
-    autoplay: false, // 是否自动播放，不自动播放，浏览器有限制规则
-    autoplayMuted: false, // 是否自动播放（静音播放）
-    videoInit: true, // 是否默认初始化video，默认初始化，默认true
-    playsinline: true, // 是否启用内联播放模式，仅移动端生效
-    defaultPlaybackRate: 1, // 默认播放速度（可选：0.5/0.75/1/1.5/2等）
-    volume: 0.72, // 播放音量（可选：0 ~ 1）
-    loop: false, // 是否循环播放，默认不循环播放
-    startTime: 0, // 点播模式下，初始起播时间
-    videoAttributes: {}, // video扩展属性，暂且不配置
-    lang: 'zh-cn', // 播放器初始显示语言，设置为中文
-    fluid: true, // 是否流式布局（宽高优先于流失布局，默认16:9）注掉上方宽高看效果
-    fitVideoSize: 'fixed', // 保持容器宽/高，不做适配，按照容器来
-    videoFillMode: 'auto', // 宽高不够自动底色填充（fill拉伸填充等...）
-    seekedStatus: 'play', // 跳转后继续播放
-    // 播放器进度条故事点信息数组
-    progressDot: [
-        {
-            id: 0,         // 唯一标识，用于删除的时候索引
-            time: 30,      // 展示的时间点，例子为在播放到10s钟的时候展示
-            text: '进度条信息提示...',  // hover的时候展示文案，可以为空
-            duration: 1,   // 展示时间跨度，单位为s
-            style: {       // 指定样式
-                backgroundColor: 'white'
-            }
-        },
-    ],
-    thumbnail: null, // 进度条预览图配置，普通业务用不到
-    marginControls: false, // 是否开启画面和控制栏分离模式，不开启空间多一些
-    domEventType: 'default', // 响应的事件类型，不用指定，用默认的即可
-    /**
-     * 交互功能配置（一般使用默认即可）
-     * */
-    /**
-     * 插件配置，根据需求自选
-     * */
-    icons: {}, // 使用默认的icon图标
-    i18n: [], // 使用默认的中文
-    // 自定义一些颜色
-    commonStyle: {
-        progressColor: 'green', // 整个进度条颜色
-        playedColor: 'chocolate', // 已播放的进度条颜色
-        volumeColor: 'pink', // 音量大小竖向滑块颜色
-    },
-    controls: true, // 是否使用底部控制栏，默认使用
-    miniprogress: true, // 是否使用mini进度条（当底部控制栏隐藏时生效）
-    screenShot: false, // 关闭截图功能
-    rotate: true, // 是否使用视频旋转插件，默认不使用
-    download: true, // 是否使用下载按钮，一般不用，一般自定义控制
-    pip: true, // 使用使用画中画模式，默认不用
-    mini: true, // 是否使用小屏幕控件
-    cssFullscreen: true, // 是否使用网页样式全屏按钮开关
-    playbackRate: [0.5, 1, 1.5, 2, 3], //传入倍速可选数组
-    // playbackRate: true, //false，禁用倍速播放（即控制栏不显示）
-    keyShortcut: false, // 是否开启快捷键模式
-}
diff --git a/src/views/device/register/components/VueFlow/IPlayer/index.vue b/src/views/device/register/components/VueFlow/IPlayer/index.vue
deleted file mode 100644
index 55be899..0000000
--- a/src/views/device/register/components/VueFlow/IPlayer/index.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-    <div class="player_container">
-        <div ref="xgPlayerRef"></div>
-    </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import Player, { Events } from 'xgplayer'; // 引入西瓜视频模块
-import 'xgplayer/dist/index.min.css'; // 引入西瓜视频样式
-
-const { videoUrl } = defineProps({
-    videoUrl: {
-        type: String,
-        default: ''
-    }
-})
-
-const xgPlayerRef = ref()
-
-import { conf } from "./config"; // 配置文件单独拎出来一个js文件
-
-onMounted(() => { init() })
-
-let player = null // 实例
-
-const init = () => {
-    player = new Player({
-        el: xgPlayerRef.value,
-        // width: 600,
-        // height: 400, // 视频宽高尺寸
-        isLive: false,
-        url: videoUrl, // 视频源
-        // poster: "http://ashuai.work/static/img/avantar.png", // 视频封面
-        ...conf,
-    });
-    player.on(Events.PLAY, (ev) => {
-        console.log('-播放开始-', ev);
-    })
-    player.on(Events.PAUSE, (ev) => {
-        console.log('-播放结束-', ev);
-    })
-    player.on('loadedmetadata', (ev) => {
-        console.log('-媒体数据加载好了-', ev);
-    })
-    player.on(Events.SEEKED, (ev) => {
-        console.log('-跳着播放-', ev);
-    })
-}
-</script>
-
-<style lang="scss" scoped>
-.player_container {
-    width: 100%;
-    height: 100%;
-
-    .xgplayer {
-        height: 100% !important;
-    }
-}
-</style>
-
diff --git a/src/views/device/register/components/VueFlow/RuntimeGroup.vue b/src/views/device/register/components/VueFlow/RuntimeGroup.vue
deleted file mode 100644
index dca777e..0000000
--- a/src/views/device/register/components/VueFlow/RuntimeGroup.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="runtime-group">
-    <span>{{ data.text || data.properties?.name || "分组" }}</span>
-  </div>
-</template>
-
-<script setup>
-defineProps({ data: Object });
-</script>
-
-<style scoped lang="scss">
-.runtime-group {
-  width: 100%;
-  height: 100%;
-  padding: 14px 18px;
-  box-sizing: border-box;
-  border: 1px dashed #91a4be;
-  border-radius: 8px;
-  background: rgba(234, 241, 250, 0.45);
-  color: #40536d;
-  font-size: 14px;
-  font-weight: 600;
-}
-</style>
diff --git a/src/views/device/register/components/VueFlow/RuntimeNode.vue b/src/views/device/register/components/VueFlow/RuntimeNode.vue
deleted file mode 100644
index 6ab3e75..0000000
--- a/src/views/device/register/components/VueFlow/RuntimeNode.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<template>
-  <div class="runtime-node">
-    <Handle
-      :id="`${id}_3`"
-      type="target"
-      :position="Position.Left"
-      :connectable="false"
-      class="runtime-handle runtime-handle--target"
-    />
-    <CustomFlow :properties="properties" :text="data.text" />
-    <Handle
-      :id="`${id}_1`"
-      type="source"
-      :position="Position.Right"
-      :connectable="false"
-      class="runtime-handle runtime-handle--source"
-    />
-  </div>
-</template>
-
-<script setup>
-import { computed } from "vue";
-import { Handle, Position } from "@vue-flow/core";
-import CustomFlow from "./customFlow.vue";
-
-const props = defineProps({ id: String, data: Object });
-const properties = computed(() => props.data.properties || {});
-</script>
-
-<style scoped lang="scss">
-.runtime-node {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  border-radius: 8px;
-  box-shadow: 0 8px 24px rgba(20, 33, 61, 0.12);
-}
-
-.runtime-handle {
-  width: 12px;
-  height: 12px;
-  border: 3px solid #fff;
-  background: #2f80ed;
-  &--target { left: -6px; }
-  &--source { right: -6px; }
-}
-</style>
diff --git a/src/views/device/register/components/VueFlow/customFlow.vue b/src/views/device/register/components/VueFlow/customFlow.vue
deleted file mode 100644
index 9ba9db2..0000000
--- a/src/views/device/register/components/VueFlow/customFlow.vue
+++ /dev/null
@@ -1,238 +0,0 @@
-<template>
-  <div class="custom_element" :class="props.properties.state">
-    <div class="custom_element__header">
-      <div class="custom_element__title">
-        {{ props.text || "--" }}
-      </div>
-      <el-button v-if="showDetailTypeList.includes(props.properties.type)" v-popover="popoverRef" class="custom_element__btn" link @click="openPop"
-        >详情</el-button
-      >
-    </div>
-    <div class="nodeType">节点类型: {{ props.properties.type }}</div>
-    <div class="nodeState">
-      <div>状态：{{ stateMap[props.properties.state] }}</div>
-    </div>
-    <el-popover
-      ref="popoverRef"
-      virtual-triggering
-      persistent
-      placement="right-start"
-      :visible="popoverVisible"
-      popper-class="popover__container"
-    >
-      <template #default>
-        <div class="popover__header">
-          <div>{{ props.text || "--" }}</div>
-          <div class="closeBtn" @click="popoverVisible = !popoverVisible">
-            <el-icon><CircleClose /></el-icon>
-          </div>
-        </div>
-        <div class="popover__context">
-          <div class="container">
-            <div class="title">输入参数</div>
-            <el-input
-              v-if="getTypeByParams(props.properties.input) === 0"
-              v-model="props.properties.input"
-              :readonly="true"
-              :autosize="{ minRows: 2, maxRows: 6 }"
-              type="textarea"
-            />
-            <div v-if="getTypeByParams(props.properties.input) === 2">
-              <el-image
-                style="width: 200px; height: 100px"
-                :src="getUrlByParams(props.properties.input)"
-                :zoom-rate="2"
-                :max-scale="7"
-                :min-scale="0.2"
-                :preview-src-list="[getUrlByParams(props.properties.input)]"
-                show-progress
-                :initial-index="4"
-                fit="cover"
-              />
-            </div>
-          </div>
-          <div class="container">
-            <div class="title">输出参数</div>
-            <el-input
-              v-if="getTypeByParams(props.properties.output) === 0"
-              v-model="props.properties.output"
-              :readonly="true"
-              :autosize="{ minRows: 2, maxRows: 6 }"
-              type="textarea"
-            />
-            <div v-if="getTypeByParams(props.properties.output) === 2" class="imageContainer">
-              <el-image
-                v-for="item in getUrlByParams(props.properties.output)"
-                style="width: 60px; height: 60px"
-                :src="item"
-                :preview-src-list="getUrlByParams(props.properties.output)"
-                show-progress
-                fit="fill"
-              />
-            </div>
-            <div v-if="getTypeByParams(props.properties.output) === 4" class="videoContainer">
-              <IPlayer v-for="item in getUrlByParams(props.properties.output)" :videoUrl="item" />
-            </div>
-          </div>
-        </div>
-      </template>
-    </el-popover>
-  </div>
-</template>
-
-<script setup>
-import { watch } from "vue";
-import { CircleClose } from '@element-plus/icons-vue'
-import IPlayer from './IPlayer/index.vue'
-
-const props = defineProps({
-  model: Object,
-  graphModel: Object,
-  properties: Object,
-  text: String,
-});
-
-const stateMap = {
-  success: "已执行",
-  unexecuted: "未执行",
-  running: "执行中",
-  failed: "异常",
-  paused: "暂停",
-  stopped: "停止"
-};
-
-const showDetailTypeList = ['inject', 'startCamera', 'getImage', 'stopCamera', 'process', 'end', 'stopVideo']
-
-const popoverVisible = ref(false);
-const popoverRef = ref();
-
-const openPop = (e) => {
-  popoverVisible.value = true;
-};
-
-const getTypeByParams = (str) => {
-  let type = 0;
-  try {
-    const data = JSON.parse(str);
-    type = data?.type || 0;
-  } catch {
-    type = 0;
-  }
-  return type;
-};
-
-const propertiesTypeMap = {
-  '2': 'imageUrl',
-  '4': 'videoUrl',
-  'default': ''
-}
-
-const getUrlByParams = (str) => {
-  let url = [];
-  try {
-    const data = JSON.parse(str);
-    url = data?.[propertiesTypeMap[data?.type || 'default']] || 0;
-  } catch {
-    url = [];
-  }
-  return url;
-};
-
-watch(
-  () => props.properties.nowTime,
-  () => {
-    popoverVisible.value = false;
-  }
-);
-</script>
-
-<style lang="scss" scoped>
-.custom_element {
-  width: 100%;
-  height: 100%;
-  padding: 10px;
-  border-radius: 10px;
-  box-sizing: border-box;
-  color: #fff;
-
-  &__header {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  &__title {
-    font-size: 20px;
-  }
-
-  &__btn {
-    color: skyblue;
-  }
-}
-
-.running, .paused, .stopped {
-  background-color: #8bbf86;
-}
-
-.unexecuted {
-  background-color: #ddd;
-}
-
-.success {
-  background-color: green;
-}
-
-.failed {
-  background-color: rgb(128, 41, 0);
-}
-
-.nodeType {
-  margin: 8px 0;
-}
-
-.nodeState {
-  margin: 8px 0;
-}
-</style>
-<style lang="scss">
-.popover__container {
-  width: 300px !important;
-
-  .popover__header {
-    display: flex;
-    justify-content: space-between;
-
-    .closeBtn {
-      cursor: pointer;
-    }
-  }
-
-  .popover__context {
-    .container {
-      display: flex;
-      max-height: 200px;
-      overflow-y: auto;
-      margin-bottom: 10px;
-
-      .title {
-        width: 80px;
-      }
-
-      .imageContainer {
-        width: 260px;
-        display: flex; 
-        flex-wrap: wrap;
-        justify-content: space-between;
-        align-items: stretch;
-        max-height: 600px;
-        overflow-y: auto;
-      }
-
-      .videoContainer {
-        width: 260px;
-        max-height: 600px;
-        overflow-y: auto;
-      }
-    }
-  }
-}
-</style>
diff --git a/src/views/device/register/components/VueFlow/index.vue b/src/views/device/register/components/VueFlow/index.vue
deleted file mode 100644
index c6c1b91..0000000
--- a/src/views/device/register/components/VueFlow/index.vue
+++ /dev/null
@@ -1,205 +0,0 @@
-<template>
-  <div class="runtime-flow-page">
-    <div class="runtime-toolbar">
-      <div class="instance-state">
-        实例状态：<span :class="instStatus">{{ stateMap[instStatus] || instStatus }}</span>
-      </div>
-      <el-button @click="centerView">居中</el-button>
-      <el-button @click="fitGraph">适应屏幕</el-button>
-      <el-button v-if="['RUNNING', 'PAUSED'].includes(instStatus)" type="danger" plain @click="stopFlow">停止</el-button>
-      <el-button v-if="instStatus === 'RUNNING'" type="warning" plain @click="pauseFlow">暂停</el-button>
-      <el-button v-if="instStatus === 'PAUSED'" type="success" plain @click="restartFlow">恢复</el-button>
-    </div>
-
-    <VueFlow
-      id="runtime-flow"
-      class="runtime-canvas"
-      :nodes-draggable="false"
-      :nodes-connectable="false"
-      :edges-updatable="false"
-      :elements-selectable="true"
-      :delete-key-code="null"
-      :min-zoom="0.1"
-      :max-zoom="3"
-      :zoom-on-double-click="false"
-      @init="loadFlow"
-      @pane-click="closeNodeDetails"
-    >
-      <template #node-runtime-node="nodeProps">
-        <RuntimeNode v-bind="nodeProps" />
-      </template>
-      <template #node-runtime-group="nodeProps">
-        <RuntimeGroup v-bind="nodeProps" />
-      </template>
-      <Background color="#d9dee8" :gap="24" :size="1" />
-      <Controls position="bottom-right" :show-interactive="false" />
-    </VueFlow>
-  </div>
-</template>
-
-<script setup>
-import { onUnmounted, ref } from "vue";
-import { VueFlow, useVueFlow } from "@vue-flow/core";
-import { Background } from "@vue-flow/background";
-import { Controls } from "@vue-flow/controls";
-import "@vue-flow/core/dist/style.css";
-import "@vue-flow/core/dist/theme-default.css";
-import "@vue-flow/controls/dist/style.css";
-import RuntimeNode from "./RuntimeNode.vue";
-import RuntimeGroup from "./RuntimeGroup.vue";
-import { convertNodeRedToVueFlow, updateDerivedNodeStates } from "@/utils/convertNodeRedToVueFlow";
-import { getFlowRuntimeLog, pauseInst, resumeInst, stopInst } from '@/api/test/log';
-import { ElMessage } from "element-plus";
-
-const runtimeFlow = useVueFlow("runtime-flow");
-const queryParams = new URLSearchParams(window.location.search);
-const instId = queryParams.get("instId") || "";
-const taskId = queryParams.get("taskId") || "";
-const itemId = queryParams.get("itemId") || "03e0842c2fd7ab7575636a473aeefc89";
-
-const instStatus = ref("RUNNING");
-const stateMap = {
-  SUCCESS: "已完成",
-  RUNNING: "执行中",
-  FAILED: "失败",
-  PAUSED: "已暂停",
-  STOPPED: "已终止",
-};
-let pollTimer = null;
-let initialized = false;
-
-const query = () => ({ instId, taskId, itemId });
-const getProperties = (id) => runtimeFlow.findNode(id)?.data?.properties || {};
-const setProperties = (id, patch) => {
-  const node = runtimeFlow.findNode(id);
-  if (!node) return;
-  runtimeFlow.updateNodeData(id, {
-    ...node.data,
-    properties: { ...node.data.properties, ...patch },
-  }, { replace: true });
-};
-
-const schedulePoll = () => {
-  clearTimeout(pollTimer);
-  pollTimer = window.setTimeout(getLog, 2000);
-};
-
-const getLog = async () => {
-  const res = await getFlowRuntimeLog(query());
-  if (res.code !== 200) return;
-  const records = (res.data || []).filter((item) => item.nodeType);
-  if (!records.length) {
-    if (["RUNNING", "PAUSED"].includes(instStatus.value)) schedulePoll();
-    return;
-  }
-
-  const states = new Map();
-  records.forEach((item) => {
-    if (["inject", "start"].includes(item.nodeType)) {
-      states.set(item.nodeId, { state: "success", nodeType: item.nodeType, input: item.params });
-      return;
-    }
-    const current = states.get(item.nodeId) || { nodeType: item.nodeType };
-    if (item.paramsType === "INPUT") {
-      current.state = item.instStatus.toLowerCase();
-      current.input = item.instStatus === "FAILED" ? item.params : item.message;
-    } else {
-      current.state = item.instStatus === "RUNNING" ? "success" : item.instStatus.toLowerCase();
-      current.output = item.instStatus === "FAILED" ? item.message : item.params;
-    }
-    states.set(item.nodeId, current);
-  });
-
-  states.forEach((value, id) => setProperties(id, value));
-  updateDerivedNodeStates(runtimeFlow.getNodes.value, getProperties, setProperties);
-
-  const last = records.at(-1);
-  instStatus.value = last.instStatus || instStatus.value;
-  if (last.nodeType !== "end" && !["FAILED", "STOPPED", "SUCCESS"].includes(last.instStatus)) schedulePoll();
-};
-
-const loadFlow = async () => {
-  if (initialized) return;
-  initialized = true;
-  const { nodes, edges } = await convertNodeRedToVueFlow(itemId);
-  runtimeFlow.setNodes(nodes);
-  runtimeFlow.setEdges(edges);
-  await nextTick();
-  await runtimeFlow.fitView({ padding: 0.16, duration: 300 });
-  await getLog();
-};
-
-const getInstDetail = async () => {
-  const res = await getFlowRuntimeLog(query());
-  const last = res.code === 200 ? (res.data || []).at(-1) : null;
-  if (last?.instStatus) instStatus.value = last.instStatus;
-};
-
-const runControl = async (request, successMessage) => {
-  const res = await request(instId);
-  if (res.code === 200) {
-    ElMessage.success(successMessage);
-    await getInstDetail();
-    if (["RUNNING", "PAUSED"].includes(instStatus.value)) schedulePoll();
-  } else {
-    ElMessage.error(res.msg);
-  }
-};
-
-const stopFlow = () => runControl(stopInst, "停止成功");
-const pauseFlow = () => runControl(pauseInst, "暂停成功");
-const restartFlow = () => runControl(resumeInst, "恢复成功");
-const fitGraph = () => runtimeFlow.fitView({ padding: 0.16, duration: 300 });
-const centerView = () => runtimeFlow.fitView({ padding: 0.3, duration: 300 });
-const closeNodeDetails = () => {
-  const nowTime = Date.now();
-  runtimeFlow.getNodes.value.forEach((node) => setProperties(node.id, { nowTime }));
-};
-
-onMounted(getInstDetail);
-onUnmounted(() => clearTimeout(pollTimer));
-</script>
-
-<style scoped lang="scss">
-.runtime-flow-page {
-  width: 100%;
-  height: 100%;
-  min-height: 620px;
-  position: relative;
-  overflow: hidden;
-  background: #f5f7fa;
-}
-
-.runtime-toolbar {
-  position: absolute;
-  z-index: 10;
-  top: 16px;
-  right: 16px;
-  min-height: 48px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 10px;
-  border: 1px solid #e1e6ee;
-  border-radius: 8px;
-  background: rgba(255, 255, 255, 0.96);
-  box-shadow: 0 8px 24px rgba(20, 33, 61, 0.1);
-
-  :deep(.el-button + .el-button) { margin-left: 0; }
-}
-
-.instance-state {
-  margin-right: 8px;
-  color: #5a6472;
-  font-size: 14px;
-  font-weight: 600;
-  .RUNNING, .PAUSED { color: #d48806; }
-  .SUCCESS { color: #2b8a3e; }
-  .FAILED, .STOPPED { color: #c92a2a; }
-}
-
-.runtime-canvas {
-  width: 100%;
-  height: 100%;
-}
-</style>
diff --git a/src/views/device/register/components/index.js b/src/views/device/register/components/index.js
deleted file mode 100644
index 93584d6..0000000
--- a/src/views/device/register/components/index.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import {controlPageList} from "@/enum/index.js";
-import {ElMessage} from "element-plus";
-import router from "@/router";
-
-export const intoControlPage = (path, params) => {
-    if (!controlPageList.includes(path)) {
-        ElMessage.warning('该页面不在控制台页面中，无法打开');
-        return
-    }
-    // const fullPath = `${window.location.origin}${path}/${params}`;
-    // // 使用 window.open 在新标签页中打开
-    // window.open(fullPath, '_blank');
-    const fullPath = `${path}/${params}`; // 构造路由路径
-    router.push(fullPath); // 使用路由跳转
-}
-
-// 定义需要转换的属性列表
-const propertiesToConvert = [
-    "workModule",
-    "posStep",
-    "postureStep",
-    "jointStep",
-    "joint1",
-    "joint2",
-    "joint3",
-    "joint4",
-    "joint5",
-    "joint6",
-    "x",
-    "y",
-    "z",
-    "rx",
-    "ry",
-    "rz"
-];
-export const formatNumber = (data) => {
-    const res = JSON.parse(JSON.stringify(data));
-// 遍历属性列表并转换值
-    propertiesToConvert.forEach(property => {
-        if (data[property] !== null) {
-            res[property] = Number(data[property]);
-        }
-    });
-    return res
-}
-
-//对象中存在数字类型属性时，转换为字符串类型
-export const convertNumbersToStrings = (obj) => {
-    for (const key in obj) {
-        if (obj.hasOwnProperty(key)) {
-            const value = obj[key];
-            // 检查值是否不是 null 且是数字类型
-            if (value !== null && typeof value === 'number') {
-                obj[key] = String(value); // 转换为字符串
-            }
-        }
-    }
-    return obj;
-}
diff --git a/src/views/device/robotManger/ContextMenu.vue b/src/views/device/robotManger/ContextMenu.vue
deleted file mode 100644
index ab47455..0000000
--- a/src/views/device/robotManger/ContextMenu.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<template>
-  <div
-    v-if="visible"
-    class="context-menu"
-    :style="{ top: position.y + 'px', left: position.x + 'px' }"
-  >
-    <div
-      v-for="item in menuItems"
-      :key="item.key"
-      class="menu-item"
-      @click="handleClick(item)"
-    >
-      {{ item.label }}
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, watch, onMounted, onUnmounted } from 'vue';
-
-const props = defineProps({
-  visible: {
-    type: Boolean,
-    default: false
-  },
-  position: {
-    type: Object,
-    default: () => ({ x: 0, y: 0 })
-  },
-  menuItems: {
-    type: Array,
-    default: () => []
-  }
-});
-
-const emit = defineEmits(['close', 'select']);
-
-watch(() => props.visible, (newVal) => {
-  if (newVal) {
-    document.addEventListener('click', closeMenu);
-  } else {
-    document.removeEventListener('click', closeMenu);
-  }
-});
-
-const handleClick = (item) => {
-  emit('select', item);
-  closeMenu();
-};
-
-const closeMenu = () => {
-  emit('close');
-};
-
-onMounted(() => {
-  // 初始监听（如果visible初始为true）
-  if (props.visible) {
-    document.addEventListener('click', closeMenu);
-  }
-});
-
-onUnmounted(() => {
-  document.removeEventListener('click', closeMenu);
-});
-</script>
-
-<style scoped>
-.context-menu {
-  position: fixed; /* 使用 fixed 定位，不受父容器 scroll 影响 */
-  z-index: 9999;
-  background-color: #fff;
-  border: 1px solid #eee;
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  padding: 5px 0;
-}
-
-.menu-item {
-  padding: 8px 15px;
-  cursor: pointer;
-  font-size: 14px;
-  color: #606266;
-  white-space: nowrap;
-}
-
-.menu-item:hover {
-  background-color: #f5f7fa;
-}
-</style>
\ No newline at end of file
diff --git a/src/views/device/robotManger/TechButtonWithLine.vue b/src/views/device/robotManger/TechButtonWithLine.vue
deleted file mode 100644
index a2a3526..0000000
--- a/src/views/device/robotManger/TechButtonWithLine.vue
+++ /dev/null
@@ -1,547 +0,0 @@
-<template>
-  <div
-    class="tech-button-with-line"
-    :style="buttonStyle"
-    ref="techButtonContainer"
-    @mouseover="isHovering = true"
-    @mouseleave="isHovering = false"
-  >
-     <!-- 新增一个包裹层，用于应用 clip-path -->
-    <div class="button-shape-clipper" :style="clipperStyle">
-      <div class="button-content-wrapper">
-        <slot name="button-content">
-          <span class="button-text">{{ buttonName }}</span>
-        </slot>
-      </div>
-    </div>
-
-
-    <!-- SVG 部分保持原有结构，但内部样式和滤镜会改变 -->
-    <svg
-      v-if="svgReady"
-      class="line-svg"
-      :width="svgWidth"
-      :height="svgHeight"
-      :style="{
-        top: `0px`,
-        left: `0px`,
-      }"
-    >
-      <defs>
-        <!-- 霓虹光效滤镜 -->
-        <!-- stdDeviation 控制模糊程度，值越大越模糊，光效越柔和 -->
-        <filter id="neon-filter" x="-50%" y="-50%" width="200%" height="200%">
-          <feGaussianBlur in="SourceGraphic" :stdDeviation="props.neonGlowIntensity" result="blur"/>
-          <feMerge>
-            <feMergeNode in="blur"/>
-            <feMergeNode in="SourceGraphic"/>
-          </feMerge>
-        </filter>
-        <!-- 扫描线效果渐变 -->
-        <!-- 动态调整扫描线颜色 -->
-        <linearGradient id="scan-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
-          <stop offset="0%" style="stop-color:rgba(255,255,255,0);stop-opacity:1" />
-          <stop offset="50%" :style="`stop-color:${props.lineHoverColor};stop-opacity:0.8`" />
-          <stop offset="100%" style="stop-color:rgba(255,255,255,0);stop-opacity:1" />
-        </linearGradient>
-      </defs>
-
-      <!-- 主线条，应用霓虹光效和扫描线 -->
-      <polyline
-        :points="linePoints"
-        stroke="url(#scan-gradient)" 
-        :stroke-width="props.lineStrokeWidth"
-        fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        filter="url(#neon-filter)" 
-        class="main-line"
-      />
-      <!-- 可选：一条细微的基线，用于对比或增加层次 -->
-      <polyline
-        :points="baseLinePoints"
-        :stroke="props.lineColor" 
-        stroke-width="1"
-        fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="base-line"
-      />
-    </svg>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, nextTick, watch, defineProps, onUnmounted } from 'vue';
-
-// --- Props ---
-// 保持原有 props，并增加一些用于样式控制的 props
-const props = defineProps({
-  totalButtons: { type: Number, required: true, default: 1 },
-  buttonIndex: { type: Number, required: true },
-  buttonPosition: { type: String, required: true, validator: (value) => ['left', 'right'].includes(value) },
-  buttonOffsetX: { type: Number, default: 350 },
-
-  endX: { type: Number, required: true },
-  endY: { type: Number, required: true },
-  buttonName: { type: String, default: '科技按钮' },
-  buttonWidth: { type: [Number, String], default: 150 },
-  buttonHeight: { type: [Number, String], default: 40 },
-  linePadding: { type: Number, default: 20 },
-
-  // --- 仅用于样式的 Props ---
-  buttonGradient: { type: Array, default: () => ['#00f0ff', '#00d0ff'] }, // 按钮背景渐变色
-  buttonHoverGradient: { type: Array, default: () => ['#00d0ff', '#00f0ff'] }, // 悬停时的渐变色
-  buttonBorderColor: { type: String, default: 'rgba(0, 255, 255, 0.6)' },
-  lineColor: { type: String, default: 'rgba(0, 150, 200, 0.4)' }, // 细线基础颜色
-  lineHoverColor: { type: String, default: 'rgba(0, 255, 255, 1)' }, // 扫描线高亮颜色
-  lineStrokeWidth: { type: Number, default: 3 },
-  neonGlowIntensity: { type: Number, default: 3 }, // 霓虹光效强度
-  scanLineSpeed: { type: Number, default: 8 }, // 扫描线动画速度
-  animationDuration: { type: Number, default: 0.4 }, // 基础动画时长
-  hoverScale: { type: Number, default: 1.03 }, // 悬停时的放大比例
-    // --- New Props for Flowing Light Effect ---
-  flowLineColor: { type: String, default: 'rgba(0, 255, 255, 0.8)' }, // 流光颜色
-  flowLineAnimationSpeed: { type: Number, default: 7 }, // 流光动画速度
-});
-
-// --- Refs ---
-const techButtonContainer = ref(null);
-const svgReady = ref(false);
-
-const parentContainerRef = ref(null);
-const parentHeight = ref(0);
-const parentWidth = ref(0);
-
-const svgWidth = ref(0);
-const svgHeight = ref(0);
-const svgLeftOffset = ref(0);
-const svgTopOffset = ref(0);
-
-const isHovering = ref(false); // 追踪鼠标是否悬停
-
-// --- Computed Properties ---
-
-// 计算父容器的水平中心线 (保持不变)
-const autoCenterX = computed(() => parentWidth.value / 2);
-
-// 计算按钮在父容器中的 X 坐标（全局坐标）(保持不变)
-const calculatedButtonX = computed(() => {
-  if (!parentWidth.value) return 0;
-  if (props.buttonPosition === 'left') {
-    return autoCenterX.value - props.buttonOffsetX;
-  } else if (props.buttonPosition === 'right') {
-    return autoCenterX.value + props.buttonOffsetX;
-  }
-  return 0;
-});
-
-// 计算按钮在父容器中的 Y 坐标（全局坐标）(保持不变)
-const calculatedButtonY = computed(() => {
-  if (!parentHeight.value || props.totalButtons <= 0) return 0;
-  const buttonSlotHeight = parentHeight.value / props.totalButtons;
-  const centerY = (props.buttonIndex - 1) * buttonSlotHeight + buttonSlotHeight / 2;
-  return centerY;
-});
-
-// 获取按钮的实际宽度和高度 (保持不变)
-const actualButtonWidth = computed(() => {
-  if (techButtonContainer.value) {
-    return techButtonContainer.value.offsetWidth;
-  }
-  return typeof props.buttonWidth === 'number' ? props.buttonWidth : 150;
-});
-const actualButtonHeight = computed(() => {
-  if (techButtonContainer.value) {
-    return techButtonContainer.value.offsetHeight;
-  }
-  return typeof props.buttonHeight === 'number' ? props.buttonHeight : 40;
-});
-
-// 线的终点相对于按钮中心点的偏移 (SVG 内部坐标系) (保持不变)
-const relativeEndX = computed(() => props.endX - calculatedButtonX.value + actualButtonWidth.value / 2);
-const relativeEndY = computed(() => props.endY - calculatedButtonY.value + actualButtonHeight.value / 2);
-
-// 按钮的样式
-const buttonStyle = computed(() => {
-  const buttonWidthPx = typeof props.buttonWidth === 'number' ? `${props.buttonWidth}px` : props.buttonWidth;
-  const buttonHeightPx = typeof props.buttonHeight === 'number' ? `${props.buttonHeight}px` : props.buttonHeight;
-
-  const currentGradient = isHovering.value ? props.buttonHoverGradient : props.buttonGradient;
-
-
-  const style = {
-    position: 'absolute',
-    left: `${calculatedButtonX.value}px`,
-    top: `${calculatedButtonY.value}px`,
-    transform: 'translate(-50%, -50%)', // 居中对齐
-    cursor: 'pointer',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    boxSizing: 'border-box',
-    width: buttonWidthPx,
-    height: buttonHeightPx,
-    borderRadius: '15px', // 强制平直四角
-    // 更硬朗的背景，减少模糊，增加纹理感
-    background: `linear-gradient(135deg, ${currentGradient[0]}, ${currentGradient[1]})`,
-    // 模拟金属/磨砂质感，但更锐利
-    boxShadow: `
-      inset 0 0 0 2px ${props.buttonBorderColor}, /* 内部边框 */
-      0 0 5px rgba(0, 150, 200, 0.5),   /* 较弱的主光晕 */
-      0 0 12px rgba(0, 200, 255, 0.6),  /* 第二层光晕 */
-      0 3px 10px rgba(0, 0, 0, 0.4)     /* 底部阴影 */
-    `,
-    color: '#ffffff',
-    fontSize: '14px',
-    fontWeight: 'bold', // 更粗的字体
-    letterSpacing: '0.7px',
-    textShadow: '0 0 5px rgba(0, 150, 200, 0.9)', // 文本的锐利光效
-    transition: `all ${props.animationDuration}s ease-in-out`,
-    overflow: 'visible', // 允许流光伪元素溢出
-    zIndex: 1,
-  };
-
-  if (isHovering.value) {
-    style.transform = `translate(-50%, -50%) scale(${props.hoverScale})`;
-    style.boxShadow = `
-      inset 0 0 0 3px ${props.buttonBorderColor}, /* 悬停时内部边框变宽 */
-      0 0 8px rgba(0, 200, 255, 0.7),
-      0 0 18px rgba(0, 230, 255, 0.8),
-      0 5px 15px rgba(0, 0, 0, 0.5) /* 底部阴影增强 */
-    `;
-  }
-  return style;
-});
-
-// 按钮形状裁剪器的样式
-const clipperStyle = computed(() => {
-  const currentGradient = isHovering.value ? props.buttonHoverGradient : props.buttonGradient;
-
-  const style = {
-    position: 'relative', // 相对于 techButtonContainer 定位
-    width: '100%',
-    height: '100%',
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    boxSizing: 'border-box',
-    borderRadius: '0px', // **clipper 的形状由 clip-path 定义**
-    background: `linear-gradient(135deg, ${currentGradient[0]}, ${currentGradient[1]})`,
-    boxShadow: `
-      inset 0 0 0 2px ${props.buttonBorderColor}, /* 内部边框 */
-      0 0 5px rgba(0, 150, 200, 0.5),   /* 较弱的主光晕 */
-      0 0 12px rgba(0, 200, 255, 0.6),  /* 第二层光晕 */
-      0 3px 10px rgba(0, 0, 0, 0.4)     /* 底部阴影 */
-    `,
-    color: '#ffffff',
-    fontSize: '14px',
-    fontWeight: 'bold',
-    letterSpacing: '0.7px',
-    textShadow: '0 0 5px rgba(0, 150, 200, 0.9)', // 文本的锐利光效
-    transition: `all ${props.animationDuration}s ease-in-out`,
-    overflow: 'hidden', // **clipper 内部的内容会被 clip-path 裁剪**
-    clipPath: `polygon(
-      6px 0,              /* 左上角内缩进5px */
-      calc(100% - 6px) 0, /* 右上角内缩进5px */
-      100% 6px,           /* 右上角外延5px */
-      100% calc(100% - 6px), /* 右下角内缩进5px */
-      calc(100% - 6px) 100%,
-      6px 100%, /* 左下角内缩进5px */
-      0 calc(100% - 6px),
-      0 6px,              /* 左下角外延5px */
-      6px 0px            /* 左上角内缩进5px（重复起点，闭合多边形） */
-    )`,
-    zIndex: 1, // 确保clipper在流光之上
-  };
-
-  if (isHovering.value) {
-    style.boxShadow = `
-      inset 0 0 0 3px ${props.buttonBorderColor}, /* 悬停时内部边框变宽 */
-      0 0 8px rgba(0, 200, 255, 0.7),
-      0 0 18px rgba(0, 230, 255, 0.8),
-      0 5px 15px rgba(0, 0, 0, 0.5) /* 底部阴影增强 */
-    `;
-  }
-  return style;
-});
-
-// 线的三个关键点 (相对于 SVG 内部坐标系 (0,0) 是按钮中心)
-// --- 保持原有逻辑 ---
-const linePoints = computed(() => {
-  if (!svgReady.value) return '';
-
-  const startPointX =  (props.buttonPosition === 'left' ? props.buttonWidth : 0);
-  const startPointY = props.buttonHeight/2;
-
-  const endPointX = relativeEndX.value;
-  const endPointY = relativeEndY.value;
-
-  // L 形连接点：先垂直，再水平。
-  const middlePointY = endPointY;
-
-  // 调整连接点的 X 坐标，使其更具科技感，可以稍微偏离 Y 轴
-  // 这里的 +10 和 -10 是示例，可以根据实际效果调整
-    const adjustedMiddlePointX = startPointX + (props.buttonPosition === 'left' ? 100 : -100);
-
-  return `${startPointX},${startPointY} ${adjustedMiddlePointX},${middlePointY} ${endPointX},${endPointY}`;
-});
-
-// 细微基线的点 (保持原有逻辑)
-const baseLinePoints = computed(() => {
-  if (!svgReady.value) return '';
-  const startPointX =  (props.buttonPosition === 'left' ? props.buttonWidth : 0);
-  const startPointY = props.buttonHeight/2;
-  const endPointX = relativeEndX.value;
-  const endPointY = relativeEndY.value;
-  const adjustedMiddlePointX = startPointX + (props.buttonPosition === 'left' ? 100 : -100);
-  return `${startPointX},${startPointY} ${adjustedMiddlePointX},${endPointY} ${endPointX},${endPointY}`;
-});
-
-// --- Methods --- (保持不变)
-const updateSvgDimensions = async () => {
-  if (!techButtonContainer.value) {
-    svgReady.value = false;
-    return;
-  }
-  await nextTick();
-
-  if (!parentContainerRef.value || parentContainerRef.value.offsetHeight === 0 || parentContainerRef.value.offsetWidth === 0) {
-    svgReady.value = false;
-    return;
-  }
-
-  parentHeight.value = parentContainerRef.value.offsetHeight;
-  parentWidth.value = parentContainerRef.value.offsetWidth;
-
-  if (parentHeight.value <= 0 || parentWidth.value <= 0 || props.totalButtons <= 0) {
-    svgReady.value = false;
-    return;
-  }
-
-  let minX = Math.min(0, 0, relativeEndX.value);
-  let maxX = Math.max(0, 0, relativeEndX.value);
-  let minY = Math.min(0, relativeEndY.value, relativeEndY.value);
-  let maxY = Math.max(0, relativeEndY.value, relativeEndY.value);
-
-  minX -= props.linePadding;
-  maxX += props.linePadding;
-  minY -= props.linePadding;
-  maxY += props.linePadding;
-
-  svgWidth.value = maxX - minX;
-  svgHeight.value = maxY - minY;
-
-  svgLeftOffset.value = minX;
-  svgTopOffset.value = minY;
-
-  svgReady.value = true;
-};
-
-// --- Resize Observer --- (保持不变)
-let resizeObserver = null;
-const setupResizeObserver = () => {
-  if (resizeObserver) {
-    resizeObserver.disconnect();
-  }
-  if (parentContainerRef.value) {
-    resizeObserver = new ResizeObserver(() => {
-      const newHeight = parentContainerRef.value.offsetHeight;
-      const newWidth = parentContainerRef.value.offsetWidth;
-      if (newHeight !== parentHeight.value || newWidth !== parentWidth.value) {
-        parentHeight.value = newHeight;
-        parentWidth.value = newWidth;
-        debouncedUpdate(updateSvgDimensions)();
-      }
-    });
-    resizeObserver.observe(parentContainerRef.value);
-  } else {
-    console.error("TechButtonWithLine: Could not find parent element to observe.");
-  }
-};
-
-// --- Lifecycle Hooks --- (保持不变)
-onMounted(() => {
-  if (techButtonContainer.value && techButtonContainer.value.parentElement) {
-    parentContainerRef.value = techButtonContainer.value.parentElement.parentElement;
-    setupResizeObserver();
-  } else {
-    console.error("TechButtonWithLine: Could not find techButtonContainer or its parent.");
-  }
-  updateSvgDimensions();
-});
-
-onUnmounted(() => {
-  if (resizeObserver) {
-    resizeObserver.disconnect();
-  }
-});
-
-// --- Watchers --- (保持不变)
-const debouncedUpdate = (fn, delay = 10) => {
-  let timer = null;
-  return () => {
-    clearTimeout(timer);
-    timer = setTimeout(fn, delay);
-  };
-};
-
-watch(
-  [
-    () => parentHeight.value,
-    () => parentWidth.value,
-    () => props.totalButtons,
-    () => props.buttonIndex,
-    () => props.buttonPosition,
-    () => props.endX,
-    () => props.endY,
-    () => props.buttonOffsetX,
-    () => props.linePadding,
-    () => props.buttonWidth,
-    () => props.buttonHeight,
-    // 监听用于样式变化的 props
-    () => props.buttonGradient,
-    () => props.buttonHoverGradient,
-    () => props.lineColor,
-    () => props.lineHoverColor,
-    () => props.lineStrokeWidth,
-    () => props.neonGlowIntensity,
-    () => props.scanLineSpeed,
-    () => props.animationDuration,
-    () => props.hoverScale,
-    () => props.flowLineColor,
-    () => props.flowLineAnimationSpeed,
-  ],
-  debouncedUpdate(updateSvgDimensions),
-  { immediate: true, deep: true }
-);
-
-</script>
-
-<style scoped>
-/* --- Base Styles for the Button Container --- */
-.tech-button-with-line {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  overflow: visible; /* 允许 SVG 滤镜和动画效果溢出 */
-  z-index: 1;
-  border-radius: 8px; /* 科技感圆角 */
-  /* 基础过渡效果，用于缩放和阴影 */
-  /* transition: transform v-bind('`${props.animationDuration}s`') ease-in-out, box-shadow v-bind('`${props.animationDuration}s`') ease-in-out, background v-bind('`${props.animationDuration}s`') ease-in-out; */
-}
-
-.button-shape-clipper {
-  position: relative; /* 相对于 techButtonContainer，以填充其空间 */
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  border-radius: 0px; /* **clipper 的形状由 clip-path 定义** */
-  overflow: hidden; /* **clipper 内部的内容会被 clip-path 裁剪** */
-  transition: all v-bind('`${props.animationDuration}s`') ease-in-out; /* 过渡背景和阴影 */
-  z-index: 1; /* 确保 clipper 在流光之上 */
-}
-
-.button-content-wrapper {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  pointer-events: none; /* 让鼠标事件穿透到按钮本身 */
-}
-
-.button-text {
-  font-family: 'Orbitron', sans-serif; /* 科技感字体 */
-  font-weight: bold;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  /* color: v-bind('props.buttonBorderColor'); 文本颜色与边框颜色呼应 */
-    color: #fff;
-}
-
-/* --- SVG Line Styles --- */
-.line-svg {
-  position: absolute;
-  pointer-events: none; /* SVG 不捕获鼠标事件 */
-  overflow: visible; /* 允许滤镜和渐变效果溢出 SVG bounds */
-  transition: all v-bind('`${props.animationDuration}s`') ease-in-out;
-  z-index: 0; /* 放在按钮后面 */
-}
-
-/* 主线条的动画 */
-.main-line {
-  animation: scanline v-bind('`${props.scanLineSpeed}s`') linear infinite;
-  /* 调整 stroke-dasharray 来控制扫描线的长度和间隔 */
-  stroke-dasharray: 15px, 80px; /* 15px 显示, 100px 隐藏 */
-  stroke-dashoffset: 0; /* 初始位置 */
-}
-
-/* 鼠标悬停时，主线条颜色变亮，动画速度可能加快 */
-.tech-button-with-line:hover .main-line {
-  stroke: v-bind('props.lineHoverColor'); /* 悬停时线条颜色 */
-  animation-duration: v-bind('`${props.scanLineSpeed / 1.5}s`'); /* 悬停时速度加快 */
-  stroke-dasharray: 20px, 120px; /* 悬停时线条显示部分变长 */
-}
-
-/* 细微基线样式 */
-.base-line {
-  opacity: 0.6;
-  transition: all v-bind('`${props.animationDuration}s`') ease-in-out;
-}
-.tech-button-with-line:hover .base-line {
-  opacity: 0.9; /* 悬停时基线也变亮 */
-}
-
-/* --- Flowing Light Border Effect --- */
-/* 使用 ::before 伪元素实现四周的流光 */
-.tech-button-with-line::before {
-  content: '';
-  position: absolute;
-  top: -4px; /* 稍向外延伸 */
-  left: -4px;
-  right: -4px;
-  bottom: -4px;
-  /* 关键：创建动态的流光渐变 */
-  /* 渐变方向是从左到右，颜色从透明到高亮再到透明 */
-  background: linear-gradient(
-    90deg,
-    transparent,
-    v-bind('props.flowLineColor'),
-    transparent
-  );
-  border-radius: 0px; /* **与按钮一致的平直四角** */
-  opacity: 0.8; /* 初始可见度 */
-  filter: blur(5px); /* 轻微模糊，模拟光晕 */
-  z-index: -1; /* 放在按钮内容后面 */
-  animation: flowLight v-bind('`${props.flowLineAnimationSpeed}s`') linear infinite;
-}
-
-/* 悬停时，流光效果可以增强 */
-.tech-button-with-line:hover::before {
-  opacity: 1;
-  filter: blur(8px); /* 悬停时模糊度增加 */
-}
-
-/* --- Keyframes for Animations --- */
-@keyframes scanline {
-  0% {
-    stroke-dashoffset: 0;
-  }
-  100% {
-    stroke-dashoffset: -1000; /* 确保足够长以扫过整个线段 */
-  }
-}
-
-/* 流光动画 */
-@keyframes flowLight {
-  0% { background-position: -100% 0; } /* 从左侧完全移出 */
-  50% { background-position: 100% 0; } /* 移动到右侧完全移出 */
-  100% { background-position: -100% 0; } /* 回到初始状态，循环 */
-}
-</style>
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 39bc171..678a256 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,7 +1,18 @@
 import { defineConfig, loadEnv, normalizePath } from 'vite'
 import path from 'path'
+import { realpathSync } from 'node:fs'
 import createVitePlugins from './vite/plugins'
 
+const isCommonLinked = (() => {
+  try {
+    const linkedPath = realpathSync(path.resolve('node_modules/@cmvr/iot-common'))
+    const localPath = realpathSync(path.resolve('../cmvr-iot-common'))
+    return path.relative(linkedPath, localPath) === ''
+  } catch {
+    return false
+  }
+})()
+
 // https://vitejs.dev/config/
 export default defineConfig(({ mode, command }) => {
   const env = loadEnv(mode, process.cwd())
@@ -12,6 +23,7 @@ export default defineConfig(({ mode, command }) => {
     plugins: createVitePlugins(env, command === 'build'),
     optimizeDeps: {
       exclude: [
+        ...(isCommonLinked ? ['@cmvr/iot-common'] : []),
         'monaco-editor',
         'monaco-editor/esm/vs/base/worker/workerMain.js',
         'monaco-editor/esm/vs/editor/editor.main.js',
@@ -57,6 +69,11 @@ export default defineConfig(({ mode, command }) => {
       port: Number(VITE_PORT || 80),
       host: true,
       open: true,
+      ...(isCommonLinked ? {
+        watch: {
+          ignored: ['!**/node_modules/@cmvr/iot-common/**']
+        }
+      } : {}),
       proxy: {
         // https://cn.vitejs.dev/config/#server-proxy
         '/dev-api': {
diff --git a/vite/plugins/auto-import.js b/vite/plugins/auto-import.js
index 1b6ab1d..723d4dc 100644
--- a/vite/plugins/auto-import.js
+++ b/vite/plugins/auto-import.js
@@ -11,6 +11,7 @@ export default function createAutoImport() {
         '@/utils/ruoyi': ['selectDictLabel']
       }
     ],
+    exclude: [/[\\/]cmvr-iot-common[\\/]dist[\\/]/],
     dts: false
   })
 }

From 59a020da32ef6c5582b1fcb1f942e566c3b13fd7 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Tue, 25 Aug 2026 16:54:26 +0800
Subject: [PATCH 5/7] =?UTF-8?q?fix(env):=20=E6=9B=B4=E6=96=B0API=E5=92=8CW?=
 =?UTF-8?q?ebSocket=20URL=E4=B8=BA=E6=AD=A3=E7=A1=AE=E7=9A=84=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E7=8E=AF=E5=A2=83=E5=9C=B0=E5=9D=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.env.development b/.env.development
index 368025f..705c892 100644
--- a/.env.development
+++ b/.env.development
@@ -7,8 +7,8 @@ VITE_APP_ENV = 'development'
 # 招商车研物联网平台/开发环境
 VITE_APP_BASE_API = '/dev-api'
 
-VITE_API_URL = http://192.168.0.222:14080
-VITE_WS_URL = ws://192.168.0.222:14080/ws
+VITE_API_URL = http://192.168.0.199:14080
+VITE_WS_URL = ws://192.168.0.199:14080/ws
 VITE_PORT = 5174
 VITE_INSPECTION_TYPE = "inspection"
 VITE_MINIO_URL = "http://192.168.28.10:9000/cmvr-iot/"

From c0869ddb2bff4a7c8a0e1a29b03d24ddc61f770f Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Wed, 26 Aug 2026 08:45:14 +0800
Subject: [PATCH 6/7] =?UTF-8?q?fix(vite):=20=E6=9B=B4=E6=96=B0monaco-edito?=
 =?UTF-8?q?r=E6=8F=92=E4=BB=B6=E9=85=8D=E7=BD=AE=EF=BC=8C=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E8=AF=AD=E8=A8=80=E5=B7=A5=E4=BD=9C=E8=80=85=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 vite.config.js        | 15 +++++++--------
 vite/plugins/index.js |  2 +-
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/vite.config.js b/vite.config.js
index 678a256..6377465 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -23,14 +23,13 @@ export default defineConfig(({ mode, command }) => {
     plugins: createVitePlugins(env, command === 'build'),
     optimizeDeps: {
       exclude: [
-        ...(isCommonLinked ? ['@cmvr/iot-common'] : []),
-        'monaco-editor',
-        'monaco-editor/esm/vs/base/worker/workerMain.js',
-        'monaco-editor/esm/vs/editor/editor.main.js',
-        'ts.worker.js',
-        'typescript'
+        ...(isCommonLinked ? ['@cmvr/iot-common'] : [])
       ],
       include: [
+        'monaco-editor/esm/vs/editor/editor.all.js',
+        'monaco-editor/esm/vs/editor/editor.api.js',
+        'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js',
+        'monaco-editor/esm/vs/language/json/monaco.contribution.js',
         'monaco-editor/esm/vs/language/typescript/monaco.contribution'
       ]
     },
@@ -55,8 +54,8 @@ export default defineConfig(({ mode, command }) => {
       chunkSizeWarningLimit: 2000,
       rollupOptions: {
         output: {
-          manualChunks: {
-            monaco: ['monaco-editor']
+          manualChunks(id) {
+            if (id.includes('/node_modules/monaco-editor/')) return 'monaco'
           },
           chunkFileNames: 'static/js/[name]-[hash].js',
           entryFileNames: 'static/js/[name]-[hash].js',
diff --git a/vite/plugins/index.js b/vite/plugins/index.js
index fede791..e614915 100644
--- a/vite/plugins/index.js
+++ b/vite/plugins/index.js
@@ -12,7 +12,7 @@ export default function createVitePlugins(viteEnv, isBuild = false) {
   const vitePlugins = [
     vue(),
     monacoEditorPlugin({
-      languages: ['javascript', 'html', 'css', 'json', 'python', 'java']
+      languageWorkers: ['editorWorkerService', 'json', 'typescript']
     })
   ]
   vitePlugins.push(createAutoImport())

From eae22075f41ff57b2d096273ab8a172429eca57a Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Wed, 26 Aug 2026 14:11:09 +0800
Subject: [PATCH 7/7] =?UTF-8?q?feat(websocket):=20=E4=BC=98=E5=8C=96WebSoc?=
 =?UTF-8?q?ket=E8=BF=9E=E6=8E=A5=EF=BC=8C=E6=94=AF=E6=8C=81=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E7=94=A8=E6=88=B7ID=E5=92=8Ctoken=E4=BC=A0=E9=80=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js              |  3 ++-
 src/plugins/websocket.js | 26 +++++++++++++++++++++++++-
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/main.js b/src/main.js
index 169c103..4d93a44 100644
--- a/src/main.js
+++ b/src/main.js
@@ -12,6 +12,7 @@ import '@/assets/styles/index.scss' // global css
 
 import App from './App'
 import store from './store'
+import useUserStore from './store/modules/user'
 import router from './router'
 import directive from './directive' // directive
 import WebSocketPlugin from './plugins/websocket'
@@ -92,7 +93,7 @@ app.use(plugins)
 app.use(elementIcons)
 app.use(WebSocketPlugin, {
   url: import.meta.env.VITE_WS_URL,
-  userId: 'your_user_id'
+  userId: () => useUserStore(store).id
 })
 app.component('svg-icon', SvgIcon)
 
diff --git a/src/plugins/websocket.js b/src/plugins/websocket.js
index 2f2ee77..f3c51e4 100644
--- a/src/plugins/websocket.js
+++ b/src/plugins/websocket.js
@@ -1,3 +1,5 @@
+import { getToken } from '../utils/auth';
+
 const MEDIA_HEADER_SIZE = 26;
 const MEDIA_MAGIC = [0x43, 0x4d, 0x56, 0x46]; // CMVF
 const MEDIA_MIME_TYPES = {
@@ -18,6 +20,11 @@ class WebSocketManager {
     this.maxQueueSize = 100;
     this.status = false;
     this.channelSubscriptions = new Set();
+    this.connectionUserId = null;
+  }
+
+  resolveUserId() {
+    return typeof this.userId === 'function' ? this.userId() : this.userId;
   }
 
   connect() {
@@ -25,8 +32,19 @@ class WebSocketManager {
       console.error('浏览器不支持 WebSocket');
       return;
     }
+    if (!this.url) {
+      console.error('WebSocket 地址未配置');
+      return;
+    }
 
-    this.ws = new WebSocket(`${this.url}?userId=${this.userId}`, [], { perMessageDeflate: true });
+    const userId = this.resolveUserId();
+    if (typeof this.userId === 'function' && !userId) return;
+    const connectionUrl = new URL(this.url, window.location.href);
+    if (userId) connectionUrl.searchParams.set('userId', userId);
+    const token = getToken();
+    if (token) connectionUrl.searchParams.set('token', token);
+    this.connectionUserId = userId || null;
+    this.ws = new WebSocket(connectionUrl.toString(), [], { perMessageDeflate: true });
     this.ws.binaryType = 'arraybuffer'; // 确保接收 ArrayBuffer
 
     this.ws.onopen = () => {
@@ -168,6 +186,12 @@ class WebSocketManager {
         this.channelSubscriptions.delete(payload.channel);
       }
     }
+    const userId = this.resolveUserId();
+    if (this.ws && this.ws.readyState !== WebSocket.CLOSED && this.connectionUserId !== userId) {
+      this.ws.close(4001, 'user identity changed');
+      return;
+    }
+    if (!this.ws || this.ws.readyState === WebSocket.CLOSED) this.connect();
     if (this.ws && this.ws.readyState === 1) {
       this.ws.send(JSON.stringify(payload));
     } else if (payload?.type !== 'channel_subscription') {