src/views/intelligenceTest/taskManage/index.vue

@@ -108,7 +108,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>
@@ -124,10 +124,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.caseName }}
+                                    <el-icon color="red" @click="removeFromB(element.id)" style="margin-left: 10px;"><Delete /></el-icon>
                                 </div>
                             </template>
                         </draggable>
@@ -350,6 +351,11 @@ const cancelCase = () => {
     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();
 });