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: 修改数据库状态异常样式 (#5020)

Browse Source
This commit is contained in:
ssongliu 2024-05-15 23:04:35 +08:00 committed by GitHub
parent 8870b92ceb
commit 54e81b2de5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 28 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -112,7 +112,13 @@
</el-row> </el-row>
</template> </template>
<template #main v-if="currentDB"> <template #main v-if="currentDB">
<ComplexTable :pagination-config="paginationConfig" @sort-change="search" @search="search" :data="data"> <ComplexTable
:pagination-config="paginationConfig"
:class="{ mask: maskShow && currentDB.from !== 'local' }"
@sort-change="search"
@search="search"
:data="data"
>
<el-table-column :label="$t('commons.table.name')" prop="name" sortable min-width="90"> <el-table-column :label="$t('commons.table.name')" prop="name" sortable min-width="90">
<template #default="{ row }"> <template #default="{ row }">
<Tooltip v-if="!row.isDelete" :islink="false" :text="row.name" /> <Tooltip v-if="!row.isDelete" :islink="false" :text="row.name" />
@ -210,6 +216,13 @@
</template> </template>
</LayoutContent> </LayoutContent>
<el-card
v-if="mysqlStatus != 'Running' && currentDB && !loading && maskShow && currentDB?.from === 'local'"
class="mask-prompt"
>
<span>{{ $t('commons.service.serviceNotStarted', ['MySQL']) }}</span>
</el-card>
<div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0"> <div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0">
<LayoutContent :title="'MySQL ' + $t('menu.database')" :divider="true"> <LayoutContent :title="'MySQL ' + $t('menu.database')" :divider="true">
<template #main> <template #main>

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

@ -89,7 +89,13 @@
</el-row> </el-row>
</template> </template>
<template #main v-if="currentDB"> <template #main v-if="currentDB">
<ComplexTable :pagination-config="paginationConfig" @sort-change="search" @search="search" :data="data"> <ComplexTable
:class="{ mask: maskShow && currentDB.from !== 'local' }"
:pagination-config="paginationConfig"
@sort-change="search"
@search="search"
:data="data"
>
<el-table-column :label="$t('commons.table.name')" prop="name" sortable> <el-table-column :label="$t('commons.table.name')" prop="name" sortable>
<template #default="{ row }"> <template #default="{ row }">
<Tooltip v-if="!row.isDelete" :islink="false" :text="row.name" /> <Tooltip v-if="!row.isDelete" :islink="false" :text="row.name" />
@ -176,6 +182,13 @@
</template> </template>
</LayoutContent> </LayoutContent>
<el-card
v-if="postgresqlStatus != 'Running' && currentDB && !loading && maskShow && currentDB?.from === 'local'"
class="mask-prompt"
>
<span>{{ $t('commons.service.serviceNotStarted', ['PostgreSQL']) }}</span>
</el-card>
<div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0"> <div v-if="dbOptionsLocal.length === 0 && dbOptionsRemote.length === 0">
<LayoutContent :title="'PostgreSQL ' + $t('menu.database')" :divider="true"> <LayoutContent :title="'PostgreSQL ' + $t('menu.database')" :divider="true">
<template #main> <template #main>