gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-03-14 01:34:47 +08:00
Code

fix: 解决表格超出隐藏显示不正确的问题 (#5277)

Browse Source
This commit is contained in:
ssongliu 2024-06-04 16:52:32 +08:00 committed by GitHub
parent 8b781d466a
commit 8ec9f727bd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
13 changed files with 96 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/views/container/compose/detail/index.vue
View File

@ -69,9 +69,17 @@
@search="search"
>
<el-table-column type="selection" fix />
<el-table-column :label="$t('commons.table.name')" min-width="100" prop="name" fix>
<el-table-column
:label="$t('commons.table.name')"
min-width="100"
prop="name"
fix
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="onInspect(row.containerID)" :text="row.name" />
<el-button text type="primary" @click="onInspect(row.containerID)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column

10
frontend/src/views/container/compose/index.vue
View File

@ -44,9 +44,15 @@
:data="data"
@search="search"
>
<el-table-column :label="$t('commons.table.name')" width="170" prop="name" fix>
<el-table-column
:label="$t('commons.table.name')"
width="170"
prop="name"
fix
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="loadDetail(row)" :text="row.name" />
<el-button text type="primary" @click="loadDetail(row)">{{ row.name }}</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('container.from')" prop="createdBy" min-width="80" fix>

5
frontend/src/views/container/container/index.vue
View File

@ -94,9 +94,12 @@
sortable
fix
:fixed="mobile ? false : 'left'"
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="onInspect(row.containerID)" :text="row.name" />
<el-button text type="primary" @click="onInspect(row.containerID)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column

9
frontend/src/views/container/image/index.vue
View File

@ -34,12 +34,11 @@
</template>
<template #main>
<ComplexTable :pagination-config="paginationConfig" :data="data" @search="search">
<el-table-column label="ID" prop="id" width="140">
<el-table-column label="ID" prop="id" width="140" show-overflow-tooltip>
<template #default="{ row }">
<Tooltip
@click="onInspect(row.id)"
:text="row.id.replaceAll('sha256:', '').substring(0, 12)"
/>
<el-button text type="primary" @click="onInspect(row.id)">
{{ row.id.replaceAll('sha256:', '').substring(0, 12) }}
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('commons.table.status')" prop="isUsed" width="100">

12
frontend/src/views/container/network/index.vue
View File

@ -34,9 +34,17 @@
@search="search"
>
<el-table-column type="selection" :selectable="selectable" fix />
<el-table-column :label="$t('commons.table.name')" width="130" prop="name" fix>
<el-table-column
:label="$t('commons.table.name')"
width="130"
prop="name"
fix
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="onInspect(row.id)" :text="row.name" />
<el-button text type="primary" @click="onInspect(row.id)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column width="90">

12
frontend/src/views/container/template/index.vue
View File

@ -31,9 +31,17 @@
@search="search"
>
<el-table-column type="selection" fix />
<el-table-column :label="$t('commons.table.name')" min-width="100" prop="name" fix>
<el-table-column
:label="$t('commons.table.name')"
min-width="100"
prop="name"
fix
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="onOpenDetail(row)" :text="row.name" />
<el-button text type="primary" @click="onOpenDetail(row)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('container.description')" prop="description" min-width="200" fix />

5
frontend/src/views/container/volume/index.vue
View File

@ -40,9 +40,12 @@
:width="mobile ? 220 : 'auto'"
prop="name"
fix
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="onInspect(row.name)" :text="row.name" />
<el-button text type="primary" @click="onInspect(row.name)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('container.volumeDir')" min-width="100">

12
frontend/src/views/cronjob/index.vue
View File

@ -42,9 +42,17 @@
:data="data"
>
<el-table-column type="selection" fix />
<el-table-column :label="$t('cronjob.taskName')" :min-width="120" prop="name" sortable>
<el-table-column
:label="$t('cronjob.taskName')"
:min-width="120"
prop="name"
sortable
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="loadDetail(row)" :text="row.name" />
<el-button text type="primary" @click="loadDetail(row)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('commons.table.status')" :min-width="80" prop="status" sortable>

4
frontend/src/views/toolbox/ftp/index.vue
View File

@ -117,9 +117,9 @@
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('file.root')" :min-width="120" prop="path">
<el-table-column :label="$t('file.root')" :min-width="120" prop="path" show-overflow-tooltip>
<template #default="{ row }">
<Tooltip @click="toFolder(row.path)" :text="row.path" />
<el-button text type="primary" @click="toFolder(row.path)">{{ row.path }}</el-button>
</template>
</el-table-column>
<el-table-column

12
frontend/src/views/toolbox/supervisor/index.vue
View File

@ -33,9 +33,17 @@
fix
show-overflow-tooltip
></el-table-column>
<el-table-column :label="$t('tool.supervisor.dir')" prop="dir" min-width="100px" fix>
<el-table-column
:label="$t('tool.supervisor.dir')"
prop="dir"
min-width="100px"
fix
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="toFolder(row.dir)" :text="row.dir" />
<el-button text type="primary" @click="toFolder(row.dir)">
{{ row.dir }}
</el-button>
</template>
</el-table-column>
<el-table-column

12
frontend/src/views/website/runtime/node/index.vue
View File

@ -20,9 +20,17 @@
</template>
<template #main>
<ComplexTable :pagination-config="paginationConfig" :data="items" @search="search()">
<el-table-column :label="$t('commons.table.name')" fix prop="name" min-width="120px">
<el-table-column
:label="$t('commons.table.name')"
fix
prop="name"
min-width="120px"
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip :text="row.name" @click="openDetail(row)" />
<el-button text type="primary" @click="openDetail(row)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('runtime.codeDir')" prop="codeDir">

12
frontend/src/views/website/runtime/php/index.vue
View File

@ -24,9 +24,17 @@
</template>
<template #main>
<ComplexTable :pagination-config="paginationConfig" :data="items" @search="search()">
<el-table-column :label="$t('commons.table.name')" fix prop="name" min-width="120px">
<el-table-column
:label="$t('commons.table.name')"
fix
prop="name"
min-width="120px"
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip :text="row.name" @click="openDetail(row)" />
<el-button text type="primary" @click="openDetail(row)">
{{ row.name }}
</el-button>
</template>
</el-table-column>
<el-table-column :label="$t('runtime.resource')" prop="resource">

5
frontend/src/views/website/website/index.vue
View File

@ -65,9 +65,12 @@
min-width="120px"
:width="mobile ? 220 : 'auto'"
sortable
show-overflow-tooltip
>
<template #default="{ row }">
<Tooltip @click="openConfig(row.id)" :text="row.primaryDomain" />
<el-button text type="primary" @click="openConfig(row.id)">
{{ row.primaryDomain }}
</el-button>
</template>
</el-table-column>
<el-table-column