From fe5b5e1102d610a08be62aeb7ac56d2b6bd633bf Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Tue, 26 Jul 2022 10:54:19 +0800
Subject: [PATCH] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9=20=20=20=E6=A0=87?=
 =?UTF-8?q?=E9=A2=98=E8=BF=87=E9=95=BF=E5=AF=BC=E8=87=B4=E5=8F=B3=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=B8=8D=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/PurchaseVehicle.vue            | 44 +++++++++++++------
 1 file changed, 30 insertions(+), 14 deletions(-)

diff --git a/front/src/views/personalCenter/components/PurchaseVehicle.vue b/front/src/views/personalCenter/components/PurchaseVehicle.vue
index 6fd1634f..2e2814df 100644
--- a/front/src/views/personalCenter/components/PurchaseVehicle.vue
+++ b/front/src/views/personalCenter/components/PurchaseVehicle.vue
@@ -108,20 +108,23 @@
                 >
                   <template #title>
                     <div>
-                      <span
-                        @click="
-                          showItem(
-                            item.resourceId,
-                            item.type,
-                            item.delFlag,
-                            item.note1
-                          )
-                        "
-                        style="cursor: pointer"
-                        class="name"
-                      >
-                        {{ item.resourceName }}
-                      </span>
+                      <a-tooltip>
+                        <template #title>{{ item.resourceName }}</template>
+                        <span
+                          @click="
+                            showItem(
+                              item.resourceId,
+                              item.type,
+                              item.delFlag,
+                              item.note1
+                            )
+                          "
+                          style="cursor: pointer"
+                          class="name"
+                        >
+                          {{ item.resourceName }}
+                        </span>
+                      </a-tooltip>
                       <span class="type">{{ item.type }}</span>
                     </div>
                     <span class="time">
@@ -973,6 +976,14 @@
       color: #0087ff;
     }
   }
+  .name {
+    max-width: 4.15rem;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    word-break: break-all;
+  }
   .name:hover {
     color: #0087ff;
   }
@@ -1048,5 +1059,10 @@
   :deep(.ant-list-item-meta-title) {
     display: flex;
     justify-content: space-between;
+    align-items: center;
+    div {
+      display: flex;
+      align-items: center;
+    }
   }
 </style>