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

fix: 数据库选择项样式优化 (#2235)

Browse Source
This commit is contained in:
ssongliu 2023-09-10 17:20:13 +08:00 committed by GitHub
parent 9d11e56074
commit eff3e8fcc5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 39 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/views/cronjob/operate/index.vue
View File

@ -125,7 +125,12 @@
<el-select class="selectClass" clearable v-model="dialogData.rowData!.appID">
<el-option :label="$t('commons.table.all')" value="all" />
<div v-for="item in appOptions" :key="item.id">
<el-option :label="item.key + ' [' + item.name + ']'" :value="item.id + ''" />
<el-option :value="item.id + ''">
<span>{{ item.name }}</span>
<el-tag class="tagClass">
{{ item.key }}
</el-tag>
</el-option>
</div>
</el-select>
</el-form-item>
@ -135,12 +140,15 @@
<el-form-item :label="$t('cronjob.database')" prop="dbName">
<el-select class="selectClass" clearable v-model="dialogData.rowData!.dbName">
<el-option :label="$t('commons.table.all')" value="all" />
<el-option
v-for="item in mysqlInfo.dbs"
:key="item.id"
:label="item.database + ' [' + item.name + ']'"
:value="item.id + ''"
/>
<el-option v-for="item in mysqlInfo.dbs" :key="item.id" :value="item.id + ''">
<span>{{ item.name }}</span>
<el-tag class="tagClass">
{{ item.from === 'local' ? $t('database.local') : $t('database.remote') }}
</el-tag>
<el-tag class="tagClass">
{{ item.database }}
</el-tag>
</el-option>
</el-select>
</el-form-item>
</div>
@ -609,4 +617,10 @@ defineExpose({
.selectClass {
width: 100%;
}
.tagClass {
float: right;
margin-right: 10px;
font-size: 12px;
margin-top: 5px;
}
</style>

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

@ -27,11 +27,12 @@
<template #prefix>{{ $t('commons.table.type') }}</template>
<el-option-group :label="$t('database.local')">
<div v-for="(item, index) in dbOptionsLocal" :key="index">
<el-option
v-if="item.from === 'local'"
:value="item.database"
:label="item.database + ' [' + (item.type === 'mysql' ? 'MySQL' : 'MariaDB') + ']'"
></el-option>
<el-option v-if="item.from === 'local'" :value="item.database">
<span>{{ item.database }}</span>
<el-tag class="tagClass">
{{ item.type === 'mysql' ? 'MySQL' : 'MariaDB' }}
</el-tag>
</el-option>
</div>
<el-button link type="primary" class="jumpAdd" @click="goRouter('app')" icon="Position">
{{ $t('database.goInstall') }}
@ -39,11 +40,12 @@
</el-option-group>
<el-option-group :label="$t('database.remote')">
<div v-for="(item, index) in dbOptionsRemote" :key="index">
<el-option
v-if="item.from === 'remote'"
:value="item.database"
:label="item.database + ' [' + (item.type === 'mysql' ? 'MySQL' : 'MariaDB') + ']'"
></el-option>
<el-option v-if="item.from === 'remote'" :value="item.database">
<span>{{ item.database }}</span>
<el-tag class="tagClass">
{{ item.type === 'mysql' ? 'MySQL' : 'MariaDB' }}
</el-tag>
</el-option>
</div>
<el-button link type="primary" class="jumpAdd" @click="goRouter('remote')" icon="Position">
{{ $t('database.createRemoteDB') }}
@ -563,6 +565,12 @@ onMounted(() => {
.jumpAdd {
margin-top: 10px;
margin-left: 15px;
margin-bottom: 5px;
font-size: 12px;
}
.tagClass {
float: right;
font-size: 12px;
margin-top: 5px;
}
</style>