From cfa9de0b328c4c46cff4674dff87ac2c37cb105b Mon Sep 17 00:00:00 2001
From: gaoyuanwei <2826352639@qq.com>
Date: Fri, 29 Jul 2022 11:02:16 +0800
Subject: [PATCH] =?UTF-8?q?747=E3=80=81749?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Algorithm/AlgorithmApplicationScenarios.vue      |  5 +----
 .../Application/ApplicationFunctionIntorduction.vue  |  9 +++------
 ...ApplicationOwningDepartmentAndServiceProvider.vue | 12 +++++++++++-
 .../Business/BusinessApplicationScenarios.vue        |  5 +----
 .../Business/BusinessFunctionIntorduction.vue        |  5 +----
 .../components/Business/BusinessUsageMode.vue        |  7 +++----
 .../Developer/DeveloperApplicationScenarios.vue      |  5 +----
 .../Developer/DeveloperFunctionIntorduction.vue      |  5 +----
 .../DeveloperOwningDepartmentAndServiceProvider.vue  |  2 +-
 .../LayerServiceApplicationScenarios.vue             |  5 +----
 .../LayerService/LayerServiceUsageMode.vue           |  4 ++--
 11 files changed, 26 insertions(+), 38 deletions(-)

diff --git a/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationScenarios.vue b/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationScenarios.vue
index 530234ad..bbc1600b 100644
--- a/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/Algorithm/AlgorithmApplicationScenarios.vue
@@ -47,10 +47,7 @@
           <div :class="contentLocation(1, dataFrom.attrType)">
             <div class="content-right-scene" :class="'content-right-case'">
               <div class="content-top">{{ itemSonTitle.name }}</div>
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
diff --git a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
index 5ea3c2f8..6542e3f3 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationFunctionIntorduction.vue
@@ -47,10 +47,7 @@
           <div class="content-right">
             <div class="content-right-scene">
               <div class="content-top">{{ itemSonTitle.name }}</div>
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
@@ -153,10 +150,10 @@
           .tab-top {
             min-width: 1.2rem;
             font-size: 0.24rem;
-            line-height: 0.24rem;
+            line-height: 0.26rem;
             margin-bottom: 0.2rem;
             max-width: 2rem;
-            height: 0.24rem;
+            height: 0.26rem;
             display: -webkit-box;
             overflow: hidden;
             -webkit-line-clamp: 1;
diff --git a/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
index fde98caf..89c7fdc8 100644
--- a/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Application/ApplicationOwningDepartmentAndServiceProvider.vue
@@ -16,7 +16,7 @@
         <div class="card-title">{{ item.childrenTitle }}</div>
         <div class="card-content">
           <div v-for="carditem in item.childrenContent" :key="carditem">
-            <div>
+            <div style="display: flex">
               <span>{{ carditem.attrType }}：</span>
               <a-tooltip>
                 <template #title>{{ carditem.attrValue }}</template>
@@ -220,11 +220,21 @@
 
             div {
               max-width: 2.8rem;
+              display: flex;
               // overflow: hidden;
               // text-overflow: ellipsis;
               // display: -webkit-box;
               // -webkit-box-orient: vertical;
               // -webkit-line-clamp: 1;
+              span:last-child {
+                display: block;
+                width: 2.3rem;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                -webkit-box-orient: vertical;
+                -webkit-line-clamp: 1;
+                word-break: break-all;
+              }
             }
           }
 
diff --git a/front/src/views/detailsAll/components/Business/BusinessApplicationScenarios.vue b/front/src/views/detailsAll/components/Business/BusinessApplicationScenarios.vue
index 99b15adf..2a213429 100644
--- a/front/src/views/detailsAll/components/Business/BusinessApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessApplicationScenarios.vue
@@ -47,10 +47,7 @@
           <div :class="contentLocation(1, dataFrom.attrType)">
             <div class="content-right-scene" :class="'content-right-case'">
               <div class="content-top">{{ itemSonTitle.name }}</div>
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
diff --git a/front/src/views/detailsAll/components/Business/BusinessFunctionIntorduction.vue b/front/src/views/detailsAll/components/Business/BusinessFunctionIntorduction.vue
index 3446025f..ddd8070a 100644
--- a/front/src/views/detailsAll/components/Business/BusinessFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessFunctionIntorduction.vue
@@ -47,10 +47,7 @@
           <div class="content-right">
             <div class="content-right-scene">
               <!-- <div class="content-top">{{ itemSonTitle.name }}</div>-->
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
diff --git a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
index 76db9cfe..4d6af1ae 100644
--- a/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
+++ b/front/src/views/detailsAll/components/Business/BusinessUsageMode.vue
@@ -322,7 +322,7 @@
         .content-right-left {
           border-right: 0.01rem solid #707fe0;
           padding-right: 0.1rem;
-          margin-right: 0.1rem;
+          margin-right: 0.3rem;
         }
 
         .content-right-title {
@@ -344,12 +344,11 @@
           word-break: break-all;
 
           p {
-            // width: 1.60rem;
+            min-width: 2.2rem;
             height: 0.2rem;
             display: -webkit-box;
-            // overflow: hidden;
+            overflow: hidden;
             margin-bottom: 0.08rem;
-            white-space: nowrap;
             -webkit-line-clamp: 1;
             -webkit-box-orient: vertical;
             margin-right: 0.15rem;
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue b/front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue
index 99b15adf..2a213429 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperApplicationScenarios.vue
@@ -47,10 +47,7 @@
           <div :class="contentLocation(1, dataFrom.attrType)">
             <div class="content-right-scene" :class="'content-right-case'">
               <div class="content-top">{{ itemSonTitle.name }}</div>
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperFunctionIntorduction.vue b/front/src/views/detailsAll/components/Developer/DeveloperFunctionIntorduction.vue
index ff5f8297..a203a5ec 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperFunctionIntorduction.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperFunctionIntorduction.vue
@@ -47,10 +47,7 @@
           <div class="content-right">
             <div class="content-right-scene">
               <div class="content-top">{{ itemSonTitle.name }}</div>
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
diff --git a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
index a8132abe..400d6595 100644
--- a/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
+++ b/front/src/views/detailsAll/components/Developer/DeveloperOwningDepartmentAndServiceProvider.vue
@@ -265,7 +265,7 @@
               // -webkit-line-clamp: 1;
               & > span:last-child {
                 display: inline-block;
-                width: 1.49rem;
+                width: 2rem;
                 overflow: hidden;
                 text-overflow: ellipsis;
                 white-space: nowrap;
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationScenarios.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationScenarios.vue
index 99b15adf..2a213429 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationScenarios.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceApplicationScenarios.vue
@@ -47,10 +47,7 @@
           <div :class="contentLocation(1, dataFrom.attrType)">
             <div class="content-right-scene" :class="'content-right-case'">
               <div class="content-top">{{ itemSonTitle.name }}</div>
-              <a-tooltip>
-                <template #title>{{ itemSonTitle.desc }}</template>
-                <div class="content-bottom">{{ itemSonTitle.desc }}</div>
-              </a-tooltip>
+              <div class="content-bottom">{{ itemSonTitle.desc }}</div>
             </div>
           </div>
         </div>
diff --git a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
index 59c5ffc3..2a69ed53 100644
--- a/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
+++ b/front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue
@@ -345,8 +345,8 @@
           word-break: break-all;
 
           p {
-            // width: 1.60rem;
-            height: 0.2rem;
+            width: 2.6rem;
+            // height: 0.2rem;
             margin-right: 0.15rem;
             overflow: hidden;
             text-overflow: ellipsis;