feat: 检测项拖动调整

src/views/inspection/task/index.vue

@@ -122,7 +122,7 @@
                         <div class="task-title">待选择点位</div>
 
                         <draggable :animation="340" :forceFallback="true" :list="taskLeftList" class="draggable-group"
-                            ghostClass="dragClass" group="people" itemKey="name">
+                            ghostClass="dragClass" :group="{ name: 'people', pull: 'clone', put: false}" itemKey="name">
                             <template #item="{ element, index }">
                                 <div class="list-group-item">
                                     <el-icon>
@@ -138,10 +138,11 @@
                     <div style="height: 55vh">
                         <div class="task-title">点位排序</div>
                         <draggable :animation="340" :forceFallback="true" :list="taskRightList" class="draggable-group"
-                            ghostClass="dragClass" group="people" itemKey="name">
+                            ghostClass="dragClass" :group="{ name: 'people', pull: false, put: true }" itemKey="name">
                             <template #item="{ element, index }">
                                 <div class="list-group-item">
                                     {{ index + 1 }} 、{{ element.waypointName }}
+                                    <el-icon color="red" @click="removeFromB(element.id)" style="margin-left: 10px;"><Delete /></el-icon>
                                 </div>
                             </template>
                         </draggable>
@@ -377,6 +378,11 @@ const cancelPoint = () => {
     dialogVisible.value = false;
 };
 
+const removeFromB = (id) => {
+  const index = taskRightList.value.findIndex(item => item.id === id)
+  if (index !== -1) taskRightList.value.splice(index, 1)
+}
+
 onMounted(() => {
     getList();
     getMapArr();

src/views/test/configs/index.vue

@@ -234,8 +234,7 @@
               :list="taskLeftList"
               class="draggable-group"
               ghostClass="dragClass"
-              
+              :group="{ name: 'people', pull: 'clone', put: false}"
-              :group="{ name: 'people', pull: 'clone', put: true }"
               itemKey="name"
             >
               <template #item="{ element, index }">
@@ -264,6 +263,7 @@
               <template #item="{ element, index }">
                 <div class="list-group-item">
                   {{ index + 1 }} 、{{ element.name }}
+                  <el-icon color="red" @click="removeFromB(element.id)" style="margin-left: 10px;"><Delete /></el-icon>
                 </div>
               </template>
             </draggable>
@@ -349,7 +349,7 @@ import { flowExecute } from "@/api/flow/flow";
 import TableSearch from "@/components/TableSearch/index.vue";
 import draggable from "vuedraggable";
 import { listDetect } from "@/api/test/detect.js";
-import { Tools } from "@element-plus/icons-vue";
+import { Tools, Delete } from "@element-plus/icons-vue";
 import { listGroup } from "@/api/system/group.js";
 import { listTerminal } from "@/api/device/terminal.js";
 import Run from "./Run.vue";
@@ -679,6 +679,11 @@ function handleGetTerminalGroup(row) {
   });
 }
 
+const removeFromB = (id) => {
+  const index = taskRightList.value.findIndex(item => item.id === id)
+  if (index !== -1) taskRightList.value.splice(index, 1)
+}
+
 onMounted(() => {
   getList();
   handleGetSystemGroup();