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: 容器列表样式调整 (#2179)

Browse Source
This commit is contained in:
ssongliu 2023-09-04 22:24:14 +08:00 committed by GitHub
parent fb00ba812a
commit c588c34955
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
backend/app/service/container.go
View File

@ -151,7 +151,7 @@ func (u *ContainerService) Page(req dto.PageContainer) (int64, interface{}, erro
for _, port := range item.Ports { for _, port := range item.Ports {
itemPortStr := fmt.Sprintf("%v/%s", port.PrivatePort, port.Type) itemPortStr := fmt.Sprintf("%v/%s", port.PrivatePort, port.Type)
if port.PublicPort != 0 { if port.PublicPort != 0 {
itemPortStr = fmt.Sprintf("%s:%v->%v/%s", port.IP, port.PublicPort, port.PrivatePort, port.Type) itemPortStr = fmt.Sprintf("%v->%v/%s", port.PublicPort, port.PrivatePort, port.Type)
} }
ports = append(ports, itemPortStr) ports = append(ports, itemPortStr)
} }
@ -170,7 +170,7 @@ func (u *ContainerService) Page(req dto.PageContainer) (int64, interface{}, erro
if item.NetworkSettings != nil && len(item.NetworkSettings.Networks) > 0 { if item.NetworkSettings != nil && len(item.NetworkSettings.Networks) > 0 {
networks := make([]string, 0, len(item.NetworkSettings.Networks)) networks := make([]string, 0, len(item.NetworkSettings.Networks))
for key := range item.NetworkSettings.Networks { for key := range item.NetworkSettings.Networks {
networks = append(networks, key+":"+item.NetworkSettings.Networks[key].IPAddress) networks = append(networks, item.NetworkSettings.Networks[key].IPAddress)
} }
sort.Strings(networks) sort.Strings(networks)
backDatas[i].Network = networks backDatas[i].Network = networks

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

@ -62,6 +62,7 @@
:data="data" :data="data"
@sort-change="search" @sort-change="search"
@search="search" @search="search"
:row-style="{ height: '65px' }"
> >
<el-table-column type="selection" fix /> <el-table-column type="selection" fix />
<el-table-column <el-table-column
@ -90,9 +91,9 @@
<el-table-column :label="$t('container.source')" show-overflow-tooltip min-width="100" fix> <el-table-column :label="$t('container.source')" show-overflow-tooltip min-width="100" fix>
<template #default="{ row }"> <template #default="{ row }">
<div v-if="row.hasLoad"> <div v-if="row.hasLoad">
<div> <div class="source-font">CPU: {{ row.cpuPercent.toFixed(2) }}%</div>
CPU: {{ row.cpuPercent.toFixed(2) }}% {{ $t('monitor.memory') }}: <div class="source-font">
{{ row.memoryPercent.toFixed(2) }}% {{ $t('monitor.memory') }}: {{ row.memoryPercent.toFixed(2) }}%
</div> </div>
</div> </div>
<div v-if="!row.hasLoad"> <div v-if="!row.hasLoad">
@ -103,14 +104,12 @@
<el-table-column <el-table-column
:label="$t('commons.table.network')" :label="$t('commons.table.network')"
:width="mobile ? 80 : 'auto'" :width="mobile ? 80 : 'auto'"
min-width="80" min-width="70"
fix fix
> >
<template #default="{ row }"> <template #default="{ row }">
<div v-if="row.network"> <div v-if="row.network">
<div v-for="(item, index) in row.network" :key="index"> <div v-for="(item, index) in row.network" :key="index">{{ item }}</div>
<div>{{ item }}</div>
</div>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -573,4 +572,7 @@ onMounted(() => {
.tagMargin { .tagMargin {
margin-top: 2px; margin-top: 2px;
} }
.source-font {
font-size: 12px;
}
</style> </style>