fix: 分组拖拽组件修改未考虑到公共步骤引用的特殊性，禁用公共步骤编辑时拖拽子步骤离开夫步骤

SonicCloudOrg · Aug 8, 2024 · b0b3b02 · b0b3b02
1 parent 464f600
commit b0b3b02
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/PublicStepUpdate.vue b/src/components/PublicStepUpdate.vue
@@ -291,6 +291,7 @@ const jump = (id) => {
     <el-tab-pane :label="$t('pubSteps.selected')" name="select">
       <step-draggable
         :is-edit="true"
+        :is-public-steps="true"
         :steps="publicStep.steps"
         @set-parent="setParent"
         @add-step="addStep"

diff --git a/src/components/StepDraggable.vue b/src/components/StepDraggable.vue
@@ -37,6 +37,10 @@ const props = defineProps({
     type: Boolean,
     default: false,
   },
+  isPublicSteps: {
+    type: Boolean,
+    default: false, // 公共步骤可能会引用多个不同case的步骤，不应该允许拖拽更改parentId
+  },
   parentId: Number, // 用于分组拖拽时，更新step数据的parentId
 });
 const emit = defineEmits([
@@ -163,7 +167,7 @@ const addStepTotarget = (id, toNext) => {
       <VueDraggableNext
         tag="div"
         :list="steps"
-        group="case-step"
+        :group="isPublicSteps ? '' : 'case-step'"
         handle=".handle"
         animation="200"
         force-fallback="true"