From df513c49e95440c00fab6083a36f722d98443ddd Mon Sep 17 00:00:00 2001
From: ssongliu <73214554+ssongliu@users.noreply.github.com>
Date: Tue, 19 Dec 2023 16:40:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=A7=A3=E5=86=B3=E6=9A=97=E9=BB=91?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E4=B8=8B=E4=B8=BB=E6=9C=BA=E5=9C=B0=E5=9D=80?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98=20(#3386)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Refs #3378
---
 frontend/src/views/host/terminal/host/operate/index.vue   | 4 ++--
 frontend/src/views/host/terminal/terminal/host-create.vue | 4 +---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/host/terminal/host/operate/index.vue b/frontend/src/views/host/terminal/host/operate/index.vue
index 61179d50d..0322c0f2d 100644
--- a/frontend/src/views/host/terminal/host/operate/index.vue
+++ b/frontend/src/views/host/terminal/host/operate/index.vue
@@ -8,9 +8,9 @@
                 <el-col :span="22">
                     <el-form ref="hostInfoRef" label-position="top" :model="dialogData.rowData" :rules="rules">
                         <el-form-item :label="$t('terminal.ip')" prop="addr">
-                            <span v-if="dialogData.rowData!.addr === '127.0.0.1' && dialogData.title === 'edit'">
+                            <el-tag v-if="dialogData.rowData!.addr === '127.0.0.1' && dialogData.title === 'edit'">
                                 {{ dialogData.rowData!.addr }}
-                            </span>
+                            </el-tag>
                             <el-input @change="isOK = false" v-else clearable v-model.trim="dialogData.rowData!.addr" />
                         </el-form-item>
                         <el-form-item :label="$t('commons.login.username')" prop="user">
diff --git a/frontend/src/views/host/terminal/terminal/host-create.vue b/frontend/src/views/host/terminal/terminal/host-create.vue
index ab4a9219f..ef918083d 100644
--- a/frontend/src/views/host/terminal/terminal/host-create.vue
+++ b/frontend/src/views/host/terminal/terminal/host-create.vue
@@ -17,9 +17,7 @@
                         />
                         <el-form-item :label="$t('terminal.ip')" prop="addr">
                             <el-input @change="isOK = false" v-if="!isLocal" clearable v-model.trim="hostInfo.addr" />
-                            <div style="margin-left: 12px">
-                                <span v-if="isLocal">{{ hostInfo.addr }}</span>
-                            </div>
+                            <el-tag v-if="isLocal">{{ hostInfo.addr }}</el-tag>
                         </el-form-item>
                         <el-form-item :label="$t('commons.login.username')" prop="user">
                             <el-input @change="isOK = false" clearable v-model="hostInfo.user" />