fix(测试用例): 修复用例拖拽无更新权限无法拖拽

frontend/src/views/case-management/caseManagementFeature/components/addStep.vue

@@ -4,7 +4,6 @@
       <div class="circle text-[12px] font-medium"> {{ rowIndex + 1 }}</div>
     </template>
     <template v-if="!props.isTestPlan" #caseStep="{ record }">
-      <!--         v-if="record.showStep" -->
       <a-textarea
         :ref="(el: refItem) => setStepRefMap(el, record)"
         v-model="record.step"
@@ -81,7 +80,7 @@
   import { TableChangeExtra, TableData } from '@arco-design/web-vue';
 
   import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
-  import { MsTableColumn } from '@/components/pure/ms-table/type';
+  import { MsTableColumn, MsTableProps } from '@/components/pure/ms-table/type';
   import useTable from '@/components/pure/ms-table/useTable';
   import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
   import { ActionsItem } from '@/components/pure/ms-table-more-action/types';
@@ -93,7 +92,6 @@
 
   import type { StepList } from '@/models/caseManagement/featureCase';
   import { LastExecuteResults } from '@/enums/caseEnum';
-  import { TableKeyEnum } from '@/enums/tableEnum';
 
   import { executionResultMap } from '@/views/case-management/caseManagementFeature/components/utils';
 
@@ -209,18 +207,29 @@
     return stepData.value.length <= 1 ? moreActions.slice(0, moreActions.length - 2) : moreActions;
   });
 
-  const { propsRes, propsEvent, setProps } = useTable(undefined, {
+  const tableProps = ref<Partial<MsTableProps<StepList>>>({
-    tableKey: TableKeyEnum.CASE_MANAGEMENT_DETAIL_TABLE,
     columns: templateFieldColumns.value,
     scroll: { x: '100%', y: props.isScrollY ? 400 : '' },
     selectable: false,
     noDisable: true,
-    size: 'default',
     showSetting: false,
     showPagination: false,
     draggable: { type: 'handle' },
+    draggableCondition: true,
   });
 
+  const { propsRes, propsEvent, setProps } = useTable(undefined, tableProps.value);
+
+  watch(
+    () => props.isDisabled,
+    (val) => {
+      tableProps.value.draggableCondition = !val;
+    },
+    {
+      immediate: true,
+    }
+  );
+
   // 复制步骤
   function copyStep(record: StepList) {
     const index = stepData.value.map((item: any) => item.id).indexOf(record.id);

frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue

@@ -325,6 +325,7 @@
   import MsIcon from '@/components/pure/ms-icon-font/index.vue';
   import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
   import type { BatchActionParams, BatchActionQueryParams, MsTableColumn } from '@/components/pure/ms-table/type';
+  import { MsTableProps } from '@/components/pure/ms-table/type';
   import useTable from '@/components/pure/ms-table/useTable';
   import MsTableMoreAction from '@/components/pure/ms-table-more-action/index.vue';
   import { ActionsItem } from '@/components/pure/ms-table-more-action/types';
@@ -832,17 +833,20 @@
   }
   const initDefaultFields = ref<CustomAttributes[]>([]);
 
+  const tableProps = ref<Partial<MsTableProps<CaseManagementTable>>>({
+    tableKey: TableKeyEnum.CASE_MANAGEMENT_TABLE,
+    selectable: true,
+    showSetting: true,
+    heightUsed: 236,
+    draggable: { type: 'handle' },
+    showSubdirectory: true,
+    paginationSize: 'mini',
+    draggableCondition: true,
+  });
+
   const { propsRes, propsEvent, loadList, setLoadListParams, resetSelector, setKeyword, setAdvanceFilter } = useTable(
     getCaseList,
-    {
+    tableProps.value,
-      tableKey: TableKeyEnum.CASE_MANAGEMENT_TABLE,
-      selectable: true,
-      showSetting: true,
-      heightUsed: 236,
-      draggable: { type: 'handle' },
-      showSubdirectory: true,
-      paginationSize: 'mini',
-    },
     (record) => {
       return {
         ...record,
@@ -860,6 +864,18 @@
     updateCaseName
   );
 
+  const hasUpdatePermission = computed(() => hasAnyPermission(['FUNCTIONAL_CASE:READ+UPDATE']));
+
+  watch(
+    () => hasUpdatePermission.value,
+    (val) => {
+      tableProps.value.draggableCondition = val;
+    },
+    {
+      immediate: true,
+    }
+  );
+
   const batchParams = ref<BatchActionQueryParams>({
     selectedIds: [],
     selectAll: false,