From 14ae7659eb76fd11846c71622df9020ba2427152 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Thu, 20 Jun 2024 15:40:46 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B5=8B=E8=AF=95=E8=AE=A1=E5=88=92styleBug?=
 =?UTF-8?q?=E8=A1=A5=E5=85=85=E5=85=B3=E8=81=94=E7=94=A8=E4=BE=8B=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E5=AD=97=E6=AE=B5&=E4=BF=AE=E5=A4=8Dtable?=
 =?UTF-8?q?=E9=80=89=E4=B8=AD=E5=BD=93=E5=89=8D=E9=A1=B5=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ms-associate-case/apiCaseTable.vue        |  7 ++++++
 .../src/components/pure/ms-table/useTable.ts  |  3 ++-
 .../components/caseDetailDrawer.vue           |  2 +-
 .../testPlan/components/planTable.vue         | 22 +++++++++----------
 4 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/business/ms-associate-case/apiCaseTable.vue b/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
index e623896cfa..389f8b24c1 100644
--- a/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
+++ b/frontend/src/components/business/ms-associate-case/apiCaseTable.vue
@@ -151,6 +151,13 @@
       width: 150,
       showDrag: true,
     },
+    {
+      title: 'common.tag',
+      slotName: 'tags',
+      dataIndex: 'tags',
+      isTag: true,
+      width: 300,
+    },
     {
       title: 'caseManagement.featureCase.tableColumnCreateUser',
       slotName: 'createName',
diff --git a/frontend/src/components/pure/ms-table/useTable.ts b/frontend/src/components/pure/ms-table/useTable.ts
index 31891c4ed1..965d4c6b0b 100644
--- a/frontend/src/components/pure/ms-table/useTable.ts
+++ b/frontend/src/components/pure/ms-table/useTable.ts
@@ -458,7 +458,8 @@ export default function useTableProps<T>(
         // 清空选中项
         resetSelector(false);
       } else if (v === SelectAllEnum.CURRENT) {
-        // 选中当前页面所有数据
+        // 先清空选中项选，当再选中当前页面所有数据,
+        propsRes.value.selectedKeys.clear();
         collectIds(data as MsTableDataItem<T>[], rowKey);
       } else if (v === SelectAllEnum.ALL) {
         // 全选所有页的时候先清空排除项，再选中所有数据
diff --git a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
index fcc7c5c6f3..66c92b5249 100644
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseDetailDrawer.vue
@@ -2,7 +2,7 @@
   <MsDetailDrawer
     ref="detailDrawerRef"
     v-model:visible="showDrawerVisible"
-    :width="850"
+    :width="880"
     :footer="false"
     :mask="false"
     :title="t('caseManagement.featureCase.caseDetailTitle', { id: detailInfo?.num, name: detailInfo?.name })"
diff --git a/frontend/src/views/test-plan/testPlan/components/planTable.vue b/frontend/src/views/test-plan/testPlan/components/planTable.vue
index 30dc0b0a8b..9958104f13 100644
--- a/frontend/src/views/test-plan/testPlan/components/planTable.vue
+++ b/frontend/src/views/test-plan/testPlan/components/planTable.vue
@@ -22,8 +22,8 @@
             <a-radio :value="testPlanTypeEnum.GROUP" class="show-type-icon p-[2px]">{{
               t('testPlan.testPlanIndex.testPlanGroup')
             }}</a-radio>
-          </a-radio-group></div
-        >
+          </a-radio-group>
+        </div>
         <div class="mr-[24px]">
           <a-switch v-model="isArchived" size="small" type="line" @change="archivedChangeHandler" />
           <span class="ml-1 text-[var(--color-text-3)]">{{ t('testPlan.testPlanGroup.seeArchived') }}</span>
@@ -110,16 +110,16 @@
           <span :class="getIconClass(record)">{{ record.childrenCount || 0 }}</span>
         </div>
 
-        <div v-if="record.type === testPlanTypeEnum.TEST_PLAN" :class="`one-line-text ${hasIndent(record)}`"
-          ><MsButton type="text" @click="openDetail(record.id)"
+        <div v-if="record.type === testPlanTypeEnum.TEST_PLAN" :class="`one-line-text ${hasIndent(record)}`">
+          <MsButton type="text" @click="openDetail(record.id)"
             ><a-tooltip :content="record.num.toString()"
               ><span>{{ record.num }}</span></a-tooltip
             ></MsButton
-          ></div
-        >
-        <a-tooltip v-else :content="record.num.toString()"
-          ><div :class="`one-line-text ${hasIndent(record)}`">{{ record.num }}</div></a-tooltip
-        >
+          >
+        </div>
+        <a-tooltip v-else :content="record.num.toString()">
+          <div :class="`one-line-text ${hasIndent(record)}`">{{ record.num }}</div>
+        </a-tooltip>
         <a-tooltip position="right" :disabled="!getSchedule(record.id)" :mouse-enter-delay="300">
           <MsTag
             v-if="getSchedule(record.id)"
@@ -160,9 +160,9 @@
     </template>
     <template #moduleId="{ record }">
       <a-tooltip :content="getModules(record.moduleId, props.moduleTree)" position="top">
-        <span class="one-line-text inline-block">
+        <div class="one-line-text">
           {{ getModules(record.moduleId, props.moduleTree) }}
-        </span>
+        </div>
       </a-tooltip>
     </template>
     <template #planStartToEndTime="{ record }">