diff --git a/frontend/src/views/database/mysql/conn/index.vue b/frontend/src/views/database/mysql/conn/index.vue
index 368a738d4..def3acea3 100644
--- a/frontend/src/views/database/mysql/conn/index.vue
+++ b/frontend/src/views/database/mysql/conn/index.vue
@@ -16,7 +16,15 @@
- {{ form.systemIP + ':' + form.port }}
+
+ {{ loadConnInfo(true).substring(0, 48) }}...
+
+ {{ loadConnInfo(true) }}
+
{{ $t('database.remoteConnHelper2') }}
@@ -42,13 +50,27 @@
- {{ form.remoteIP + ':' + form.port }}
+
+ {{ loadConnInfo(false).substring(0, 48) }}...
+
+ {{ loadConnInfo(false) }}
+
{{ form.username }}
+
{{ form.password }}
+
@@ -121,6 +143,12 @@ const acceptParams = (param: DialogProps): void => {
dialogVisiable.value = true;
};
+function loadConnInfo(isLocal: boolean) {
+ let ip = isLocal ? form.systemIP : form.remoteIP;
+ let info = ip + ':' + form.port;
+ return info;
+}
+
const random = async () => {
form.password = getRandomStr(16);
};
diff --git a/frontend/src/views/database/mysql/remote/index.vue b/frontend/src/views/database/mysql/remote/index.vue
index b65dec4b5..861cf6af9 100644
--- a/frontend/src/views/database/mysql/remote/index.vue
+++ b/frontend/src/views/database/mysql/remote/index.vue
@@ -28,8 +28,8 @@
-
-
+
+
@@ -74,7 +74,7 @@
show-overflow-tooltip
/>