747、749

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>
           </div>
         </div>

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>
           </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;

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;
+              }
             }
           }
 

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>
           </div>
         </div>

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>
           </div>
         </div>

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;

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>
           </div>
         </div>

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>
           </div>
         </div>

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;

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>
           </div>
         </div>

front/src/views/detailsAll/components/LayerService/LayerServiceUsageMode.vue

@@ -345,8 +345,8 @@
           word-break: break-all;
 
           p {
-            // width: 1.60rem;
+            width: 2.6rem;
-            height: 0.2rem;
+            // height: 0.2rem;
             margin-right: 0.15rem;
             overflow: hidden;
             text-overflow: ellipsis;