fix(用例管理): 修复部分用例bug

frontend/src/components/business/ms-batch-form/index.vue

@@ -11,6 +11,8 @@
           drag-class="dragChosenClass"
           :disabled="!props.isShowDrag"
           :force-fallback="true"
+          :animation="150"
+          handle=".dragIcon"
         >
           <div
             v-for="(element, index) in form.list"
@@ -18,7 +20,7 @@
             class="draggableElement gap-[8px] py-[6px] pr-[8px]"
             :class="[props.isShowDrag ? 'cursor-move' : '']"
           >
-            <div v-if="props.isShowDrag" class="ml-[8px] mr-[8px] pt-[8px]">
+            <div v-if="props.isShowDrag" class="dragIcon ml-[8px] mr-[8px] pt-[8px]">
               <MsIcon type="icon-icon_drag" class="block text-[16px] text-[var(--color-text-4)]"
             /></div>
             <a-form-item

frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/associatedDemandTable.vue

@@ -79,6 +79,7 @@
       title: 'caseManagement.featureCase.tableColumnID',
       slotName: 'demandId',
       dataIndex: 'demandId',
+      showTooltip: true,
       width: 200,
     },
     {

frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDemand/demand.vue

@@ -77,6 +77,13 @@
         ></a-input-search>
       </div>
       <ms-base-table ref="tableRef" v-bind="propsRes" v-on="propsEvent">
+        <template #demandId="{ record }">
+          <a-tooltip :content="record.demandId" :mouse-enter-delay="300">
+            <div class="one-line-text max-w-[300px]">
+              {{ record.demandId }}
+            </div>
+          </a-tooltip>
+        </template>
         <template #demandName="{ record }">
           <span class="ml-1 text-[rgb(var(--primary-5))]">
             {{ record.demandName }}

frontend/src/views/case-management/caseManagementFeature/index.vue

@@ -233,14 +233,6 @@
     }
   };
 
-  /**
-   * 设置根模块名称列表
-   * @param names 根模块名称列表
-   */
-  function setRootModules(names: string[]) {
-    rootModulesName.value = names;
-  }
-
   // 表格搜索参数
   const tableFilterParams = ref<TableQueryParams>({
     moduleIds: [],
@@ -264,6 +256,15 @@
     tableFilterParams.value = { ...params };
   }
 
+  /**
+   * 设置根模块名称列表
+   * @param names 根模块名称列表
+   */
+  function setRootModules(names: string[]) {
+    initModulesCount({ ...tableFilterParams.value });
+    rootModulesName.value = names;
+  }
+
   // 创建用例
   function caseDetail() {
     router.push({

frontend/src/views/setting/organization/template/components/fieldSetting.vue

@@ -106,15 +106,19 @@
       <div class="p-4">
         <div class="flex">
           <span class="label">{{ t('system.orgTemplate.fieldName') }}</span>
-          <span class="content">{{ detailInfo?.name }}</span>
+          <a-tooltip :content="detailInfo?.name" mini position="lt">
+            <span class="content ellipsis">{{ detailInfo?.name }}</span>
+          </a-tooltip>
         </div>
         <div class="flex">
           <span class="label">{{ t('system.orgTemplate.description') }}</span>
-          <span class="content">{{ detailInfo?.remark || '-' }}</span>
+          <a-tooltip mini position="lt" :content="detailInfo?.remark">
+            <span class="content ellipsis">{{ detailInfo?.remark || '-' }}</span>
+          </a-tooltip>
         </div>
         <div class="flex">
           <span class="label">{{ t('system.orgTemplate.fieldType') }}</span>
-          <span class="content">{{ detailInfo?.fieldType || '-' }}</span>
+          <span class="content ellipsis">{{ detailInfo?.fieldType || '-' }}</span>
         </div>
         <div v-if="detailInfo?.options?.length" class="flex">
           <span class="label">{{ t('system.orgTemplate.optionContent') }}</span>
@@ -419,13 +423,17 @@
   }
   .label {
     margin-top: 16px;
-    width: 30%;
+    width: 120px;
+    flex-shrink: 0;
+    text-align: left;
     color: var(--color-text-3);
   }
   .content {
     margin-top: 16px;
-    width: 70%;
+    flex: 1;
+    width: 90%;
     color: var(--color-text-1);
+    @apply inline-block;
   }
   .ellipsis {
     overflow: hidden;

frontend/src/views/setting/organization/template/components/workflowTable.vue

@@ -167,16 +167,18 @@
       :footer="false"
       :title="t('system.orgTemplate.stateDetail', { name: detailInfo?.name })"
     >
-      <div class="flex p-4">
-        <div class="flex w-[40%] flex-col">
+      <div class="p-4">
+        <div class="flex">
           <span class="label">{{ t('system.orgTemplate.stateName') }}</span>
-          <span class="label">{{ t('system.orgTemplate.description') }}</span>
-        </div>
-        <div class="flex w-[60%] flex-col">
-          <a-tooltip position="left" :content="detailInfo?.name">
-            <span class="content">{{ detailInfo?.name }}</span>
+          <a-tooltip :content="detailInfo?.name" mini position="lt">
+            <span class="content ellipsis">{{ detailInfo?.name }}</span>
+          </a-tooltip>
+        </div>
+        <div class="flex">
+          <span class="label">{{ t('system.orgTemplate.description') }}</span>
+          <a-tooltip mini :content="detailInfo?.remark" position="lt">
+            <span class="content ellipsis">{{ detailInfo?.remark || '-' }}</span>
           </a-tooltip>
-          <span class="content">{{ detailInfo?.remark || '-' }}</span>
         </div>
       </div>
     </MsDrawer>
@@ -531,11 +533,20 @@
   }
   .label {
     margin-top: 16px;
+    width: 120px;
+    flex-shrink: 0;
+    text-align: left;
     color: var(--color-text-3);
   }
   .content {
     margin-top: 16px;
+    flex: 1;
     color: var(--color-text-1);
-    word-break: break-all;
+    @apply inline-block;
+  }
+  .ellipsis {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 </style>