feat：制品搜索列表页面希望能显示完整的制品路径 TencentBlueKing#2329

zacYL · Sep 5, 2024 · 3ea551f · 3ea551f
1 parent c017e5f
commit 3ea551f
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/src/frontend/devops-repository/src/components/PackageCard/index.vue b/src/frontend/devops-repository/src/components/PackageCard/index.vue
@@ -16,15 +16,18 @@
                 </forbid-tag>
             </div>
             <span class="package-card-description text-overflow" :title="cardData.description">{{ cardData.description }}</span>
-            <div class="package-card-data">
-                <template v-if="cardData.type">
+            <div class="package-card-data" v-if="cardData.type">
+                <template>
                     <div class="card-metadata" :title="$t('latestVersion') + ':' + `${cardData.latest}`"></div>
                     <div class="card-metadata" :title="$t('lastModified') + ':' + `${formatDate(cardData.lastModifiedDate)}`"></div>
                     <div class="card-metadata" :title="$t('versions') + ':' + `${cardData.versions}`"></div>
                     <div class="card-metadata" :title="$t('downloadStats') + ':' + `${cardData.downloads}`"></div>
                 </template>
-                <template v-else>
+            </div>
+            <div class="package-card-data-more" v-else>
+                <template>
                     <div class="card-metadata" :title="$t('repo') + ':' + `${cardData.repoName}`"></div>
+                    <div class="card-metadata" :title="$t('filePath') + ':' + `${cardData.fullPath}`"></div>
                     <div class="card-metadata" :title="$t('fileSize') + ':' + `${convertFileSize(cardData.size)}`"></div>
                     <div class="card-metadata" :title="$t('lastModified') + ':' + `${formatDate(cardData.lastModifiedDate)}`"></div>
                     <div class="card-metadata" :title="$t('created') + ':' + `${formatDate(cardData.createdDate)}`"></div>
@@ -149,6 +152,20 @@
                 }
             }
         }
+        .package-card-data-more {
+            display: grid;
+            grid-template: auto / repeat(5, 1fr);
+            .card-metadata {
+                padding: 0 5px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                &:after {
+                    content: attr(title);
+                    color: var(--fontSubsidiaryColor);
+                }
+            }
+        }
     }
     .card-operation {
         visibility: hidden;

diff --git a/src/frontend/locale/repository/en-US.json b/src/frontend/locale/repository/en-US.json
@@ -258,8 +258,8 @@
     "downloadSorting": "Order by download count",
     "projectNameSorting": "Order by project name",
     "repo": "Repository",
-    "fileSize": "file size",
-    "lastModified": "last modified",
+    "fileSize": "File Size",
+    "lastModified": "Last Modified",
     "created": "Created",
     "versions": "Version count",
     "downloadStats": "Download stats",