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

style: change some column width (#7385)

Browse Source
This commit is contained in:
zhengkunwang 2024-12-17 14:44:08 +08:00 committed by GitHub
parent 9539fd40eb
commit 7029d985c6
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
10 changed files with 41 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/lang/modules/en.ts
View File

@ -418,7 +418,7 @@ const message = {
goInstall: 'Go to install', goInstall: 'Go to install',
source: 'Source', source: 'Source',
isDelete: 'Deleted', isDelete: 'Deleted',
permission: 'Change permissions', permission: 'Permissions',
permissionForIP: 'IP', permissionForIP: 'IP',
permissionAll: 'All of them(%)', permissionAll: 'All of them(%)',
databaseConnInfo: 'View connection info', databaseConnInfo: 'View connection info',
@ -431,7 +431,7 @@ const message = {
remoteHelper: 'Multiple IP comma-delimited, example: 172.16.10.111, 172.16.10.112', remoteHelper: 'Multiple IP comma-delimited, example: 172.16.10.111, 172.16.10.112',
remoteConnHelper: remoteConnHelper:
'Remote connection to MySQL as user root may have security risks. Therefore, perform this operation with caution.', 'Remote connection to MySQL as user root may have security risks. Therefore, perform this operation with caution.',
changePassword: 'Change password', changePassword: 'Password',
changePasswordHelper: changePasswordHelper:
'The database has been associated with an application. Changing the password will change the database password of the application at the same time. The change takes effect after the application restarts.', 'The database has been associated with an application. Changing the password will change the database password of the application at the same time. The change takes effect after the application restarts.',
@ -799,7 +799,7 @@ const message = {
apps: 'App Store', apps: 'App Store',
local: 'Local', local: 'Local',
createCompose: 'Create', createCompose: 'Create',
composeDirectory: 'Compose directory', composeDirectory: 'Directory',
template: 'Template', template: 'Template',
composeTemplate: 'Compose template | Compose templates', composeTemplate: 'Compose template | Compose templates',
createComposeTemplate: 'Create', createComposeTemplate: 'Create',
@ -1209,7 +1209,7 @@ const message = {
role: 'Permissions', role: 'Permissions',
info: 'View attributes', info: 'View attributes',
linkFile: 'Soft link', linkFile: 'Soft link',
terminal: 'Open terminal', terminal: 'Terminal',
batchoperation: 'batch operation', batchoperation: 'batch operation',
shareList: 'Share list', shareList: 'Share list',
zip: 'Compressed', zip: 'Compressed',
@ -2102,7 +2102,7 @@ const message = {
disabled: 'Stopped', disabled: 'Stopped',
startProxy: 'This will start reverse proxy. Do you want to continue?', startProxy: 'This will start reverse proxy. Do you want to continue?',
stopProxy: 'This will stop the reverse proxy. Do you want to continue?', stopProxy: 'This will stop the reverse proxy. Do you want to continue?',
sourceFile: 'View source', sourceFile: 'Source',
proxyHelper1: 'When accessing this directory, the content of the target URL will be returned and displayed.', proxyHelper1: 'When accessing this directory, the content of the target URL will be returned and displayed.',
proxyPassHelper: 'The target URL must be valid and accessible.', proxyPassHelper: 'The target URL must be valid and accessible.',
proxyHostHelper: 'Pass the domain name in the request header to the proxy server.', proxyHostHelper: 'Pass the domain name in the request header to the proxy server.',
@ -2237,14 +2237,14 @@ const message = {
err: 'Error', err: 'Error',
value: 'record value', value: 'record value',
dnsResolveHelper: 'Please go to the DNS resolution service provider to add the following resolution records:', dnsResolveHelper: 'Please go to the DNS resolution service provider to add the following resolution records:',
detail: 'View details', detail: 'Details',
msg: 'Information', msg: 'Information',
ssl: 'Certificate', ssl: 'Certificate',
key: 'Private key', key: 'Private key',
startDate: 'Effective time', startDate: 'Effective time',
organization: 'issuing organization', organization: 'issuing organization',
renewConfirm: 'This will renew a new certificate for domain name {0}. Do you want to continue?', renewConfirm: 'This will renew a new certificate for domain name {0}. Do you want to continue?',
autoRenew: 'Automatic renewal', autoRenew: 'Auto-Renew',
autoRenewHelper: 'Automatically renew 30 days before expiration', autoRenewHelper: 'Automatically renew 30 days before expiration',
renewSuccess: 'Renewal successful', renewSuccess: 'Renewal successful',
renewWebsite: renewWebsite:
@ -2435,7 +2435,7 @@ const message = {
}, },
process: { process: {
pid: 'Process ID', pid: 'Process ID',
ppid: 'Parent process ID', ppid: 'Parent PID',
numThreads: 'Threads', numThreads: 'Threads',
memory: 'Memory', memory: 'Memory',
diskRead: 'Disk read', diskRead: 'Disk read',
@ -2465,7 +2465,7 @@ const message = {
laddr: 'Source address/port', laddr: 'Source address/port',
raddr: 'Destination address/port', raddr: 'Destination address/port',
stopProcess: 'End', stopProcess: 'End',
viewDetails: 'View details', viewDetails: 'Details',
stopProcessWarn: 'Are you sure you want to end this process (PID:{0})?', stopProcessWarn: 'Are you sure you want to end this process (PID:{0})?',
processName: 'Process name', processName: 'Process name',
}, },
@ -2480,7 +2480,7 @@ const message = {
user: 'User', user: 'User',
command: 'Command', command: 'Command',
dir: 'Directory', dir: 'Directory',
numprocs: 'Number of process', numprocs: 'Num. of process',
initWarn: initWarn:
'This will modify "files" value in "[include"] section in the main configuration file. The directory of other configuration file will be: "{1Panel installation directory}/1panel/tools/supervisord/supervisor.d/".', 'This will modify "files" value in "[include"] section in the main configuration file. The directory of other configuration file will be: "{1Panel installation directory}/1panel/tools/supervisord/supervisor.d/".',
operatorHelper: 'Operation {1} will be performed on {0}, continue? ', operatorHelper: 'Operation {1} will be performed on {0}, continue? ',

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

@ -48,14 +48,14 @@
</el-text> </el-text>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('container.from')" prop="createdBy" min-width="80" fix> <el-table-column :label="$t('container.from')" prop="createdBy" min-width="120" fix>
<template #default="{ row }"> <template #default="{ row }">
<span v-if="row.createdBy === ''">{{ $t('container.local') }}</span> <span v-if="row.createdBy === ''">{{ $t('container.local') }}</span>
<span v-if="row.createdBy === 'Apps'">{{ $t('container.apps') }}</span> <span v-if="row.createdBy === 'Apps'">{{ $t('container.apps') }}</span>
<span v-if="row.createdBy === '1Panel'">1Panel</span> <span v-if="row.createdBy === '1Panel'">1Panel</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('container.composeDirectory')" min-width="80" fix> <el-table-column :label="$t('container.composeDirectory')" min-width="100" fix>
<template #default="{ row }"> <template #default="{ row }">
<el-button type="primary" link @click="toComposeFolder(row)"> <el-button type="primary" link @click="toComposeFolder(row)">
<el-icon> <el-icon>
@ -64,19 +64,20 @@
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('container.containerStatus')" min-width="80" fix> <el-table-column :label="$t('container.containerStatus')" min-width="200" fix>
<template #default="scope"> <template #default="scope">
<div> <div>
{{ getContainerStatus(scope.row.containers) }} {{ getContainerStatus(scope.row.containers) }}
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('commons.table.createdAt')" prop="createdAt" min-width="80" fix /> <el-table-column :label="$t('commons.table.createdAt')" prop="createdAt" min-width="180" fix />
<fu-table-operations <fu-table-operations
width="200px" width="200px"
:ellipsis="10" :ellipsis="10"
:buttons="buttons" :buttons="buttons"
:label="$t('commons.table.operate')" :label="$t('commons.table.operate')"
:fixed="mobile ? false : 'right'"
fix fix
/> />
</ComplexTable> </ComplexTable>
@ -90,7 +91,7 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { reactive, onMounted, ref } from 'vue'; import { reactive, onMounted, ref, computed } from 'vue';
import EditDialog from '@/views/container/compose/edit/index.vue'; import EditDialog from '@/views/container/compose/edit/index.vue';
import CreateDialog from '@/views/container/compose/create/index.vue'; import CreateDialog from '@/views/container/compose/create/index.vue';
import DeleteDialog from '@/views/container/compose/delete/index.vue'; import DeleteDialog from '@/views/container/compose/delete/index.vue';
@ -99,6 +100,12 @@ import { loadContainerLog, loadDockerStatus, searchCompose } from '@/api/modules
import i18n from '@/lang'; import i18n from '@/lang';
import { Container } from '@/api/interface/container'; import { Container } from '@/api/interface/container';
import router from '@/routers'; import router from '@/routers';
import { GlobalStore } from '@/store';
const globalStore = GlobalStore();
const mobile = computed(() => {
return globalStore.isMobile();
});
const data = ref(); const data = ref();
const selects = ref<any>([]); const selects = ref<any>([]);

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

@ -118,7 +118,7 @@
:label="$t('container.source')" :label="$t('container.source')"
show-overflow-tooltip show-overflow-tooltip
prop="resource" prop="resource"
min-width="120" min-width="150"
> >
<template #default="{ row }"> <template #default="{ row }">
<div v-if="row.hasLoad"> <div v-if="row.hasLoad">

2
frontend/src/views/database/mysql/index.vue
View File

@ -207,7 +207,7 @@
/> />
<fu-table-operations <fu-table-operations
:ellipsis="mobile ? 0 : 10" :ellipsis="mobile ? 0 : 10"
:min-width="mobile ? 'auto' : 300" :min-width="mobile ? 'auto' : 400"
:buttons="buttons" :buttons="buttons"
:label="$t('commons.table.operate')" :label="$t('commons.table.operate')"
fixed="right" fixed="right"

2
frontend/src/views/database/postgresql/index.vue
View File

@ -169,7 +169,7 @@
/> />
<fu-table-operations <fu-table-operations
:ellipsis="mobile ? 0 : 10" :ellipsis="mobile ? 0 : 10"
:min-width="mobile ? 'auto' : 300" :min-width="mobile ? 'auto' : 400"
:buttons="buttons" :buttons="buttons"
:label="$t('commons.table.operate')" :label="$t('commons.table.operate')"
fixed="right" fixed="right"

8
frontend/src/views/host/process/process/index.vue
View File

@ -54,11 +54,17 @@
<el-table-column <el-table-column
:label="$t('process.memory')" :label="$t('process.memory')"
fix fix
min-width="120"
prop="rssValue" prop="rssValue"
:formatter="memFormatter" :formatter="memFormatter"
sortable sortable
></el-table-column> ></el-table-column>
<el-table-column :label="$t('process.numConnections')" fix prop="numConnections"></el-table-column> <el-table-column
:label="$t('process.numConnections')"
fix
prop="numConnections"
min-width="120"
></el-table-column>
<el-table-column <el-table-column
:label="$t('process.status')" :label="$t('process.status')"
fix fix

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

@ -50,14 +50,14 @@
:label="$t('tool.supervisor.user')" :label="$t('tool.supervisor.user')"
prop="user" prop="user"
show-overflow-tooltip show-overflow-tooltip
min-width="50px" min-width="120"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
:label="$t('tool.supervisor.numprocs')" :label="$t('tool.supervisor.numprocs')"
prop="numprocs" prop="numprocs"
min-width="60px" min-width="120"
></el-table-column> ></el-table-column>
<el-table-column :label="$t('tool.supervisor.manage')" min-width="80px"> <el-table-column :label="$t('tool.supervisor.manage')" min-width="120">
<template #default="{ row }"> <template #default="{ row }">
<div v-if="row.status && row.status.length > 0 && row.hasLoad"> <div v-if="row.status && row.status.length > 0 && row.hasLoad">
<el-button <el-button
@ -142,7 +142,7 @@
:buttons="buttons" :buttons="buttons"
:label="$t('commons.table.operate')" :label="$t('commons.table.operate')"
:fixed="mobile ? false : 'right'" :fixed="mobile ? false : 'right'"
width="280px" min-width="300"
fix fix
/> />
</ComplexTable> </ComplexTable>

2
frontend/src/views/website/ssl/ca/index.vue
View File

@ -30,7 +30,7 @@
:buttons="buttons" :buttons="buttons"
:label="$t('commons.table.operate')" :label="$t('commons.table.operate')"
fix fix
width="250px" width="400px"
/> />
</ComplexTable> </ComplexTable>
<Create ref="createRef" @close="search()" /> <Create ref="createRef" @close="search()" />

6
frontend/src/views/website/ssl/index.vue
View File

@ -45,14 +45,14 @@
fix fix
show-overflow-tooltip show-overflow-tooltip
prop="domains" prop="domains"
min-width="90px" min-width="150px"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
:label="$t('ssl.applyType')" :label="$t('ssl.applyType')"
fix fix
show-overflow-tooltip show-overflow-tooltip
prop="provider" prop="provider"
min-width="110px" min-width="180px"
> >
<template #default="{ row }">{{ getProvider(row.provider) }}</template> <template #default="{ row }">{{ getProvider(row.provider) }}</template>
</el-table-column> </el-table-column>
@ -61,7 +61,7 @@
fix fix
show-overflow-tooltip show-overflow-tooltip
prop="acmeAccount.email" prop="acmeAccount.email"
min-width="110px" min-width="180px"
></el-table-column> ></el-table-column>
<el-table-column <el-table-column
:label="$t('commons.table.status')" :label="$t('commons.table.status')"

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

@ -165,7 +165,7 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('website.sslExpireDate')" width="150px"> <el-table-column :label="$t('website.sslExpireDate')" width="220px">
<template #default="{ row }"> <template #default="{ row }">
<el-tag v-if="row.protocol == 'HTTPS'" :type="row.sslStatus"> <el-tag v-if="row.protocol == 'HTTPS'" :type="row.sslStatus">
{{ dateFormatSimple(row.sslExpireDate) }} {{ dateFormatSimple(row.sslExpireDate) }}