zishuo/1Panel
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 数据库遮罩样式调整

Browse Source
This commit is contained in:
ssongliu
2023-02-07 11:43:43 +08:00
committed by ssongliu
parent 83b9607eb7
commit 46be5b7537
5 changed files with 124 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,19 +11,26 @@
</template>
<template #toolbar v-if="mysqlIsExist && !isOnSetting">
<el-button type="primary" @click="onOpenDialog()">
{{ $t('database.create') }}
</el-button>
<el-button @click="onChangeRootPassword" type="primary" plain>
{{ $t('database.rootPassword') }}
</el-button>
<el-button @click="onChangeAccess" type="primary" plain>
{{ $t('database.remoteAccess') }}
</el-button>
<el-button @click="goDashboard" type="primary" plain>phpMyAdmin</el-button>
<div :class="{ mask: mysqlStatus != 'Running' }">
<el-button type="primary" @click="onOpenDialog()">
{{ $t('database.create') }}
</el-button>
<el-button @click="onChangeRootPassword" type="primary" plain>
{{ $t('database.rootPassword') }}
</el-button>
<el-button @click="onChangeAccess" type="primary" plain>
{{ $t('database.remoteAccess') }}
</el-button>
<el-button @click="goDashboard" type="primary" plain>phpMyAdmin</el-button>
</div>
</template>
<template #main v-if="mysqlIsExist && !isOnSetting">
<ComplexTable :pagination-config="paginationConfig" @search="search" :data="data">
<ComplexTable
:pagination-config="paginationConfig"
@search="search"
:data="data"
:class="{ mask: mysqlStatus != 'Running' }"
>
<el-table-column :label="$t('commons.table.name')" prop="name" />
<el-table-column :label="$t('commons.login.username')" prop="username" />
<el-table-column :label="$t('commons.login.password')" prop="password">
@@ -375,7 +382,7 @@ const loadDashboardPort = async () => {
const checkExist = (data: App.CheckInstalled) => {
mysqlIsExist.value = data.isExist;
mysqlName.value = data.name;
mysqlStatus.value = data.status;
mysqlStatus.value = 'Failed';
mysqlVersion.value = data.version;
mysqlContainer.value = data.containerName;
if (mysqlIsExist.value) {