github
/
1Panel
mirror of https://github.com/1Panel-dev/1Panel
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: MySQL 数据库选择项增加跳转 (#2189)

pull/2192/head
ssongliu 2023-09-05 17:34:11 +08:00 committed by GitHub
parent 0a9fc26714
commit e6522ded62
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -25,7 +25,7 @@
<template #search v-if="currentDB">
<el-select v-model="currentDBName" @change="changeDatabase()">
<template #prefix>{{ $t('commons.table.type') }}</template>
<el-option-group :label="$t('database.local')" v-if="dbOptionsLocal.length !== 0">
<el-option-group :label="$t('database.local')">
<div v-for="(item, index) in dbOptionsLocal" :key="index">
<el-option
v-if="item.from === 'local'"
@ -33,8 +33,11 @@
:label="item.database + ' [' + item.type + ']'"
></el-option>
</div>
<el-button link type="primary" class="jumpAdd" @click="goRouter('app')" icon="Position">
{{ $t('database.goInstall') }}
</el-button>
</el-option-group>
<el-option-group :label="$t('database.remote')" v-if="dbOptionsRemote.length !== 0">
<el-option-group :label="$t('database.remote')">
<div v-for="(item, index) in dbOptionsRemote" :key="index">
<el-option
v-if="item.from === 'remote'"
@ -42,6 +45,9 @@
:label="item.database + ' [' + item.type + ']'"
></el-option>
</div>
<el-button link type="primary" class="jumpAdd" @click="goRouter('remote')" icon="Position">
{{ $t('database.createRemoteDB') }}
</el-button>
</el-option-group>
</el-select>
</template>
@ -156,7 +162,7 @@
<div class="app-warn">
<div>
<span>{{ $t('app.checkInstalledWarn', [$t('database.noMysql')]) }}</span>
<span @click="goRouter">
<span @click="goRouter('app')">
<el-icon><Position /></el-icon>
{{ $t('database.goInstall') }}
</span>
@ -354,8 +360,12 @@ const loadDB = async () => {
});
};
const goRouter = async () => {
router.push({ name: 'AppAll', query: { install: 'mysql' } });
const goRouter = async (target: string) => {
if (target === 'app') {
router.push({ name: 'AppAll', query: { install: 'mysql' } });
return;
}
router.push({ name: 'MySQL-Remote' });
};
const onChange = async (info: any) => {
@ -529,4 +539,9 @@ onMounted(() => {
margin-left: 5px;
margin-top: 3px;
}
.jumpAdd {
margin-top: 10px;
margin-left: 15px;
font-size: 12px;
}
</style>