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

redis 增加详细的远程连接信息，并添加复制按钮 (#2328)

Browse Source 
* redis 增加详细的远程连接信息，并添加复制按钮

* 优化数据加载流程，避免出现 systemIP 被覆盖的问题
This commit is contained in:
xin.yang 2023-09-18 10:16:19 +08:00 committed by GitHub
parent f06f487e8a
commit ac98d63fcd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/api/interface/app.ts
View File

@ -142,6 +142,7 @@ export namespace App {
password: string;
privilege: boolean;
serviceName: string;
systemIP: string;
port: number;
}
export interface AppInstallResource {

19
frontend/src/views/database/redis/password/index.vue
View File

@ -1,5 +1,5 @@
<template>
<el-drawer v-model="dialogVisiable" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
<el-drawer v-model="dialogVisible" :destroy-on-close="true" :close-on-click-modal="false" size="30%">
<template #header>
<DrawerHeader :header="$t('database.databaseConnInfo')" :back="handleClose" />
</template>
@ -32,7 +32,8 @@
</span>
</el-form-item>
<el-form-item :label="$t('database.remoteConn')">
<el-tag>{{ $t('database.localIP') + ':' + form.port }}</el-tag>
<el-tag>{{ form.systemIP + ':' + form.port }}</el-tag>
<el-button @click="onCopy(form.systemIP + ':6379')" icon="DocumentCopy" link></el-button>
<span class="input-help">{{ $t('database.remoteConnHelper2') }}</span>
</el-form-item>
</el-col>
@ -43,7 +44,7 @@
<template #footer>
<span class="dialog-footer">
<el-button :disabled="loading" @click="dialogVisiable = false">
<el-button :disabled="loading" @click="dialogVisible = false">
{{ $t('commons.button.cancel') }}
</el-button>
<el-button :disabled="loading" type="primary" @click="onSave(formRef)">
@ -67,15 +68,17 @@ import DrawerHeader from '@/components/drawer-header/index.vue';
import { App } from '@/api/interface/app';
import { getRandomStr } from '@/utils/util';
import useClipboard from 'vue-clipboard3';
import { getSettingInfo } from '@/api/modules/setting';
const { toClipboard } = useClipboard();
const loading = ref(false);
const dialogVisiable = ref(false);
const dialogVisible = ref(false);
const form = ref<App.DatabaseConnInfo>({
privilege: false,
password: '',
serviceName: '',
systemIP: '',
port: 0,
});
@ -89,10 +92,10 @@ const formRef = ref<FormInstance>();
const acceptParams = (): void => {
form.value.password = '';
loadPassword();
dialogVisiable.value = true;
dialogVisible.value = true;
};
const handleClose = () => {
dialogVisiable.value = false;
dialogVisible.value = false;
};
const random = async () => {
@ -110,7 +113,9 @@ const onCopy = async (value: string) => {
const loadPassword = async () => {
const res = await GetAppConnInfo('redis', '');
const settingInfoRes = await getSettingInfo();
form.value = res.data;
form.value.systemIP = settingInfoRes.data.systemIP || i18n.global.t('database.localIP');
};
const onSubmit = async () => {
@ -120,7 +125,7 @@ const onSubmit = async () => {
.then(() => {
loading.value = false;
MsgSuccess(i18n.global.t('commons.msg.operationSuccess'));
dialogVisiable.value = false;
dialogVisible.value = false;
emit('checkExist');
})
.catch(() => {