From 023f11c03aa683339788e72879fbaacccd913ea5 Mon Sep 17 00:00:00 2001
From: guoyue <guoyue2@hisense.com>
Date: Fri, 4 Nov 2022 17:04:47 +0800
Subject: [PATCH] =?UTF-8?q?=E8=83=BD=E5=8A=9B=E9=9B=86=E5=B8=82--=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85--=E6=8F=8F=E8=BF=B0=E4=BF=A1=E6=81=AFtootlip=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=9A=E6=B7=BB=E5=8A=A0=E6=88=90=E5=85=A8=E5=B1=80?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=88=E5=90=8E=E7=BB=AD=E5=A6=82=E6=9E=9C?=
 =?UTF-8?q?=E6=9C=89=E9=9C=80=E8=A6=81=EF=BC=8C=E5=8F=AF=E7=9B=B4=E6=8E=A5?=
 =?UTF-8?q?=E5=8A=A0=E4=B8=8A=E7=B1=BB=E5=90=8D=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/static/css/modal.css                      |  8 +++++++-
 front/src/views/demandCenter/index.vue                 |  4 ++--
 .../components/Algorithm/AlgorithmTopDetails.vue       |  2 +-
 .../components/Application/ApplicationTopDetails.vue   | 10 +++++++++-
 4 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/front/public/static/css/modal.css b/front/public/static/css/modal.css
index 5b8830de..fc97b9eb 100644
--- a/front/public/static/css/modal.css
+++ b/front/public/static/css/modal.css
@@ -108,4 +108,10 @@
 /* 气泡提示框按钮居中 */
 .ant-popover-inner-content .ant-popover-buttons {
     text-align: center;
-}
\ No newline at end of file
+}
+.ApplicationTopDetails-tooltip-card {
+    max-width: 9rem !important;
+    min-width: 6rem !important;
+    max-height: 6rem !important;
+    overflow-y: auto;
+  }
\ No newline at end of file
diff --git a/front/src/views/demandCenter/index.vue b/front/src/views/demandCenter/index.vue
index ed14a9a1..178f3364 100644
--- a/front/src/views/demandCenter/index.vue
+++ b/front/src/views/demandCenter/index.vue
@@ -20,7 +20,7 @@
             <a-list-item>
               <a-skeleton avatar :title="false" :loading="!!item.loading" active>
                 <a-tooltip placement="topLeft" arrow-point-at-center mouseEnterDelay="1"
-                  overlayClassName="tooltip-card">
+                  overlayClassName="demandCenter-tooltip-card">
                   <template #title>
                     <div class="tooltip-desc">{{ item.demandDetails || '--' }}</div>
                   </template>
@@ -334,7 +334,7 @@ html {
   height: unset;
 }
 
-.tooltip-card {
+.demandCenter-tooltip-card {
   max-width: 900px !important;
   min-width: 600px !important;
   max-height: 600px !important;
diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
index 795b4efe..cf2e7cfd 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmTopDetails.vue
@@ -45,7 +45,7 @@
           <template #title>应用领域：{{ applicationArea }}</template>
           <div>应用领域：{{ applicationArea }}</div>
         </a-tooltip>
-        <a-tooltip placement="top">
+        <a-tooltip placement="top" overlayClassName="ApplicationTopDetails-tooltip-card">
           <template #title>{{ props.dataList.description }}</template>
           <div>
             {{ props.dataList.description }}
diff --git a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
index 19ecc008..6cb64613 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationTopDetails.vue
@@ -36,7 +36,7 @@
           <template #title>应用领域：{{ applicationArea }}</template>
           <div>应用领域：{{ applicationArea }}</div>
         </a-tooltip>
-        <a-tooltip placement="top">
+        <a-tooltip placement="top"  overlayClassName="ApplicationTopDetails-tooltip-card">
           <template #title>{{ props.dataList.description }}</template>
           <div>
             {{ props.dataList.description }}
@@ -350,3 +350,11 @@
     }
   }
 </style>
+<style>
+.ApplicationTopDetails-tooltip-card {
+  max-width: 9rem !important;
+  min-width: 6rem !important;
+  max-height: 6rem !important;
+  overflow-y: auto;
+}
+</style>