From 4b9fc810c77fe0adc0fb310743a4eeb5500a0a93 Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Tue, 19 Nov 2024 19:21:07 +0800
Subject: [PATCH] =?UTF-8?q?style(=E5=B7=A5=E4=BD=9C=E5=8F=B0):=20=E4=BF=AE?=
 =?UTF-8?q?=E5=A4=8D=E5=B7=A5=E4=BD=9C=E5=8F=B0=E9=A6=96=E9=A1=B5=E8=87=AA?=
 =?UTF-8?q?=E9=80=82=E5=BA=94=E6=A0=B7=E5=BC=8Fbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/workbench/components/bugTable.vue      | 2 +-
 .../workbench/homePage/components/apiAndScenarioCase.vue  | 8 ++++----
 .../views/workbench/homePage/components/apiChangeList.vue | 8 ++++----
 .../src/views/workbench/homePage/components/apiCount.vue  | 6 ++++--
 .../src/views/workbench/homePage/components/caseCount.vue | 6 ++++--
 .../workbench/homePage/components/caseReviewedCount.vue   | 6 ++++--
 .../views/workbench/homePage/components/defectCount.vue   | 6 ++++--
 .../workbench/homePage/components/defectMemberBar.vue     | 8 +++++---
 .../src/views/workbench/homePage/components/overview.vue  | 6 ++++--
 .../workbench/homePage/components/overviewMember.vue      | 8 +++++---
 .../workbench/homePage/components/relatedCaseCount.vue    | 6 ++++--
 .../views/workbench/homePage/components/testPlanCount.vue | 8 ++++----
 .../workbench/homePage/components/waitReviewList.vue      | 6 ++++--
 frontend/src/views/workbench/homePage/index.vue           | 3 +++
 14 files changed, 54 insertions(+), 33 deletions(-)

diff --git a/frontend/src/views/workbench/components/bugTable.vue b/frontend/src/views/workbench/components/bugTable.vue
index ffceccddb8..c4dfc46317 100644
--- a/frontend/src/views/workbench/components/bugTable.vue
+++ b/frontend/src/views/workbench/components/bugTable.vue
@@ -160,7 +160,7 @@
 
   const statusOption = ref<BugOptionItem[]>([]);
   async function initFilterOptions() {
-    const res = await getCustomOptionHeader(appStore.currentProjectId);
+    const res = await getCustomOptionHeader(props.project);
     statusOption.value = res.statusOption;
     const filterOptionsMaps: Record<string, any> = {
       status: res.statusOption,
diff --git a/frontend/src/views/workbench/homePage/components/apiAndScenarioCase.vue b/frontend/src/views/workbench/homePage/components/apiAndScenarioCase.vue
index 9adbec290c..d04bd509d0 100644
--- a/frontend/src/views/workbench/homePage/components/apiAndScenarioCase.vue
+++ b/frontend/src/views/workbench/homePage/components/apiAndScenarioCase.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="card-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title">
-        {{ t(props.item.label) }}
-      </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -12,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/apiChangeList.vue b/frontend/src/views/workbench/homePage/components/apiChangeList.vue
index 02cef9940f..db0300a08f 100644
--- a/frontend/src/views/workbench/homePage/components/apiChangeList.vue
+++ b/frontend/src/views/workbench/homePage/components/apiChangeList.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="card-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title">
-        {{ t(props.item.label) }}
-      </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -12,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/apiCount.vue b/frontend/src/views/workbench/homePage/components/apiCount.vue
index 9c71fa5754..7378961195 100644
--- a/frontend/src/views/workbench/homePage/components/apiCount.vue
+++ b/frontend/src/views/workbench/homePage/components/apiCount.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper api-count-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t('workbench.homePage.apiCount') }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/caseCount.vue b/frontend/src/views/workbench/homePage/components/caseCount.vue
index 780af03736..0b732ed209 100644
--- a/frontend/src/views/workbench/homePage/components/caseCount.vue
+++ b/frontend/src/views/workbench/homePage/components/caseCount.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t('workbench.homePage.useCasesNumber') }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/caseReviewedCount.vue b/frontend/src/views/workbench/homePage/components/caseReviewedCount.vue
index 0f694af976..ae9706d24b 100644
--- a/frontend/src/views/workbench/homePage/components/caseReviewedCount.vue
+++ b/frontend/src/views/workbench/homePage/components/caseReviewedCount.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t('workbench.homePage.numberOfCaseReviews') }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/defectCount.vue b/frontend/src/views/workbench/homePage/components/defectCount.vue
index 2370378baf..34039d953d 100644
--- a/frontend/src/views/workbench/homePage/components/defectCount.vue
+++ b/frontend/src/views/workbench/homePage/components/defectCount.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t(props.item.label) }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/defectMemberBar.vue b/frontend/src/views/workbench/homePage/components/defectMemberBar.vue
index d4caa28d12..b7453498bf 100644
--- a/frontend/src/views/workbench/homePage/components/defectMemberBar.vue
+++ b/frontend/src/views/workbench/homePage/components/defectMemberBar.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t(props.item.label) }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div class="flex items-center gap-[8px]">
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
@@ -20,7 +22,7 @@
           :options="memberOptions"
           :allow-search="false"
           allow-clear
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.staff')"
           :multiple="true"
           :has-all-select="true"
diff --git a/frontend/src/views/workbench/homePage/components/overview.vue b/frontend/src/views/workbench/homePage/components/overview.vue
index 00a52d4507..2672bdd861 100644
--- a/frontend/src/views/workbench/homePage/components/overview.vue
+++ b/frontend/src/views/workbench/homePage/components/overview.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t(props.item.label) }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="innerProjectIds"
@@ -11,7 +13,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           :multiple="true"
           :has-all-select="true"
diff --git a/frontend/src/views/workbench/homePage/components/overviewMember.vue b/frontend/src/views/workbench/homePage/components/overviewMember.vue
index 4d3f116ab2..daa17072c5 100644
--- a/frontend/src/views/workbench/homePage/components/overviewMember.vue
+++ b/frontend/src/views/workbench/homePage/components/overviewMember.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t(props.item.label) }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div class="flex items-center gap-[8px]">
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
@@ -22,7 +24,7 @@
           allow-clear
           value-key="value"
           label-key="label"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.staff')"
           :multiple="true"
           :has-all-select="true"
diff --git a/frontend/src/views/workbench/homePage/components/relatedCaseCount.vue b/frontend/src/views/workbench/homePage/components/relatedCaseCount.vue
index 029ce387ec..ebd3afefe2 100644
--- a/frontend/src/views/workbench/homePage/components/relatedCaseCount.vue
+++ b/frontend/src/views/workbench/homePage/components/relatedCaseCount.vue
@@ -1,7 +1,9 @@
 <template>
   <div :class="`card-wrapper ${props.item.fullScreen ? '' : 'card-min-height'}`">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t('workbench.homePage.useCasesCount') }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -9,7 +11,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/testPlanCount.vue b/frontend/src/views/workbench/homePage/components/testPlanCount.vue
index 1786d94d92..b6dd416978 100644
--- a/frontend/src/views/workbench/homePage/components/testPlanCount.vue
+++ b/frontend/src/views/workbench/homePage/components/testPlanCount.vue
@@ -1,9 +1,9 @@
 <template>
   <div class="card-wrapper card-min-height">
     <div class="flex items-center justify-between">
-      <div class="title">
-        {{ t('workbench.homePage.numberOfTestPlan') }}
-      </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -12,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/components/waitReviewList.vue b/frontend/src/views/workbench/homePage/components/waitReviewList.vue
index 9c7e071a93..983ece71fd 100644
--- a/frontend/src/views/workbench/homePage/components/waitReviewList.vue
+++ b/frontend/src/views/workbench/homePage/components/waitReviewList.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="card-wrapper">
     <div class="flex items-center justify-between">
-      <div class="title"> {{ t(props.item.label) }} </div>
+      <a-tooltip :content="t(props.item.label)" position="tl">
+        <div class="title one-line-text"> {{ t(props.item.label) }} </div>
+      </a-tooltip>
       <div>
         <MsSelect
           v-model:model-value="projectId"
@@ -10,7 +12,7 @@
           value-key="id"
           label-key="name"
           :search-keys="['name']"
-          class="!w-[240px]"
+          class="!w-[200px]"
           :prefix="t('workbench.homePage.project')"
           @change="changeProject"
         >
diff --git a/frontend/src/views/workbench/homePage/index.vue b/frontend/src/views/workbench/homePage/index.vue
index 9a2c26d94f..96f08c82b3 100644
--- a/frontend/src/views/workbench/homePage/index.vue
+++ b/frontend/src/views/workbench/homePage/index.vue
@@ -344,6 +344,9 @@
 
 <style scoped lang="less">
   .work-bench-content {
+    min-width: 1200px;
+    @apply overflow-x-auto;
+    .ms-scroll-bar();
     .header-setting {
       position: sticky;
       top: 0;