fix: 表格内容过长添加hover补全

TencentBlueKing · Sep 27, 2024 · 44d19cf · 44d19cf
1 parent 99d281c
commit 44d19cf
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 8 deletions.
diff --git a/bcs-services/bcs-bscp/ui/src/views/space/groups/index.vue b/bcs-services/bcs-bscp/ui/src/views/space/groups/index.vue
@@ -38,7 +38,7 @@
     </div>
     <div class="group-table-wrapper">
       <bk-loading style="min-height: 300px" :loading="listLoading">
-        <bk-table class="group-table" :border="['outer']" :data="tableData">
+        <bk-table class="group-table" show-overflow-tooltip :border="['outer']" :data="tableData">
           <template #prepend>
             <render-table-tip />
           </template>

diff --git a/bcs-services/bcs-bscp/ui/src/views/space/groups/services-to-published.vue b/bcs-services/bcs-bscp/ui/src/views/space/groups/services-to-published.vue
@@ -10,6 +10,7 @@
           :border="['outer']"
           :remote-pagination="true"
           :pagination="pagination"
+          show-overflow-tooltip
           @page-limit-change="handlePageLimitChange"
           @page-value-change="loadServicesList">
           <bk-table-column :label="t('服务名称')" prop="app_name"></bk-table-column>

diff --git a/bcs-services/bcs-bscp/ui/src/views/space/scripts/version-manage/version-list-full-table.vue b/bcs-services/bcs-bscp/ui/src/views/space/scripts/version-manage/version-list-full-table.vue
@@ -4,6 +4,7 @@
     :data="props.list"
     :remote-pagination="true"
     :pagination="pagination"
+    show-overflow-tooltip
     @page-limit-change="emits('pageLimitChange', $event)"
     @page-value-change="emits('pageChange', $event)">
     <bk-table-column :label="t('版本号')" prop="spec.name" show-overflow-tooltip>

diff --git a/...services/bcs-bscp/ui/src/views/space/scripts/version-manage/version-list-simple-table.vue b/...services/bcs-bscp/ui/src/views/space/scripts/version-manage/version-list-simple-table.vue
@@ -1,5 +1,10 @@
 <template>
-  <bk-table :border="['row']" :data="props.list" :row-class="getRowCls" @row-click="handleSelectVersion">
+  <bk-table
+    :border="['row']"
+    :data="props.list"
+    show-overflow-tooltip
+    :row-class="getRowCls"
+    @row-click="handleSelectVersion">
     <bk-table-column :label="t('版本号')" show-overflow-tooltip>
       <template #default="{ row }">
         <div v-if="row.hook_revision" class="version-name-wrapper">

diff --git a/.../views/space/service/detail/config/config-list/config-table-list/tables/table-with-kv.vue b/.../views/space/service/detail/config/config-list/config-table-list/tables/table-with-kv.vue
@@ -10,6 +10,7 @@
       selection-key="id"
       row-key="id"
       :row-class="getRowCls"
+      show-overflow-tooltip
       @page-limit-change="handlePageLimitChange"
       @page-value-change="refresh($event, true)"
       @column-sort="handleSort"
@@ -27,14 +28,14 @@
       </bk-table-column>
       <bk-table-column :label="t('配置项名称')" prop="spec.key" :min-width="240">
         <template #default="{ row }">
-          <bk-button
+          <bk-overflow-title
             v-if="row.spec"
-            text
-            theme="primary"
             :disabled="row.kv_state === 'DELETE'"
+            type="tips"
+            class="key-name"
             @click="handleView(row)">
             {{ row.spec.key }}
-          </bk-button>
+          </bk-overflow-title>
         </template>
       </bk-table-column>
       <bk-table-column :label="t('配置项值预览')" prop="spec.value">
@@ -566,6 +567,9 @@
     }
   }
   .config-table {
+    .key-name {
+      color: #3a84ff;
+    }
     :deep(.bk-table-body) {
       max-height: calc(100vh - 280px);
       overflow: auto;

diff --git a/...s-bscp/ui/src/views/space/service/detail/config/version-list-aside/version-table-list.vue b/...s-bscp/ui/src/views/space/service/detail/config/version-list-aside/version-table-list.vue
@@ -28,6 +28,7 @@
           :row-class="getRowCls"
           :remote-pagination="true"
           :pagination="pagination"
+          show-overflow-tooltip
           @row-click="handleSelectVersion"
           @page-limit-change="handlePageLimitChange"
           @page-value-change="refreshVersionList($event)">

diff --git a/.../bcs-bscp/ui/src/views/space/templates/list/package-detail/tables/common-config-table.vue b/.../bcs-bscp/ui/src/views/space/templates/list/package-detail/tables/common-config-table.vue
@@ -25,6 +25,7 @@
         :row-class="getRowCls"
         :remote-pagination="true"
         :pagination="pagination"
+        show-overflow-tooltip
         @page-limit-change="handlePageLimitChange"
         @page-value-change="handlePageChange($event)">
         <template #prepend>
@@ -37,9 +38,13 @@
         </bk-table-column>
         <bk-table-column :label="t('配置文件名')">
           <template #default="{ row }">
-            <div v-if="row.spec" v-overflow-title class="config-name" @click="handleViewConfig(row)">
+            <bk-overflow-title
+              v-if="row.spec"
+              type="tips"
+              class="config-name"
+              @click="handleViewConfig(row)">
               {{ fileAP(row) }}
-            </div>
+            </bk-overflow-title>
           </template>
         </bk-table-column>
         <bk-table-column :label="t('配置文件描述')" prop="spec.memo">