From 9a8d1d05cdd7db9061e559d7e604d89d0d0678d7 Mon Sep 17 00:00:00 2001
From: lijiahang <ljh1553488six@139.com>
Date: Tue, 30 Jul 2024 14:40:15 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E4=BF=AE=E6=94=B9=E7=BB=88?=
 =?UTF-8?q?=E7=AB=AF=E6=A0=B7=E5=BC=8F.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assets/style/host-terminal-layout.less    |  2 +-
 .../general/terminal-interact-block.vue       | 33 +++++++------------
 .../general/terminal-plugins-block.vue        | 12 +++----
 .../general/terminal-session-block.vue        |  5 +--
 .../host/terminal/components/ssh/ssh-view.vue |  2 +-
 5 files changed, 21 insertions(+), 33 deletions(-)

diff --git a/orion-visor-ui/src/assets/style/host-terminal-layout.less b/orion-visor-ui/src/assets/style/host-terminal-layout.less
index 4d89c0d1..076abde3 100644
--- a/orion-visor-ui/src/assets/style/host-terminal-layout.less
+++ b/orion-visor-ui/src/assets/style/host-terminal-layout.less
@@ -15,7 +15,7 @@ body {
   --color-bg-panel-tabs: var(--color-bg-panel);
   --color-bg-panel-tabs-active: #F9F9F9;
   --color-bg-panel-icon-1: #F5F5F5;
-  --color-bg-panel-bar: #F3F4F5;
+  --color-bg-panel-bar: #F0F0F0;
   --color-panel-text-1: var(--color-content-text-1);
   --color-panel-text-2: var(--color-content-text-3);
   --color-panel-gradient-start: rgba(218, 218, 218, 1);
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
index 7ddf18f2..919a3fed 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-interact-block.vue
@@ -19,52 +19,43 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 快速滚动 -->
         <block-setting-item label="快速滚动" desc="alt + 鼠标滚轮快速滚动">
-          <a-switch type="round"
-                    v-model="formModel.fastScrollModifier" />
+          <a-switch v-model="formModel.fastScrollModifier" type="round" />
         </block-setting-item>
         <!-- 点击移动光标 -->
         <block-setting-item label="点击移动光标" desc="alt + 鼠标左键可以切换光标位置">
-          <a-switch type="round"
-                    v-model="formModel.altClickMovesCursor" />
+          <a-switch v-model="formModel.altClickMovesCursor" type="round" />
         </block-setting-item>
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 右键选中词条 -->
         <block-setting-item label="右键选中词条" desc="右键文本后会根据单词分隔符自动选中词条">
-          <a-switch type="round"
-                    v-model="formModel.rightClickSelectsWord" />
+          <a-switch v-model="formModel.rightClickSelectsWord" type="round" />
         </block-setting-item>
         <!-- 选中自动复制 -->
         <block-setting-item label="选中自动复制" desc="自动将选中的文本复制到剪切板">
-          <a-switch type="round"
-                    v-model="formModel.selectionChangeCopy" />
+          <a-switch v-model="formModel.selectionChangeCopy" type="round" />
         </block-setting-item>
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 复制去除空格 -->
         <block-setting-item label="复制去除空格" desc="复制文本后自动删除尾部空格">
-          <a-switch type="round"
-                    v-model="formModel.copyAutoTrim" />
+          <a-switch v-model="formModel.copyAutoTrim" type="round" />
         </block-setting-item>
         <!-- 启用右键菜单 -->
         <block-setting-item label="启用右键菜单" desc="右键终端将打开自定义菜单, 启用后需要关闭右键粘贴">
-          <a-switch type="round"
-                    v-model="formModel.enableRightClickMenu" />
+          <a-switch v-model="formModel.enableRightClickMenu" type="round" />
         </block-setting-item>
-
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 右键粘贴 -->
         <block-setting-item label="右键粘贴"
                             desc="启用右键自动粘贴需要关闭右键菜单. 如果启用右键选中词条且选中有文本时, 右键粘贴无效. 因浏览器安全策略限制, 此功能需要在 HTTPS 环境下使用">
-          <a-switch type="round"
-                    v-model="formModel.rightClickPaste" />
+          <a-switch v-model="formModel.rightClickPaste" type="round" />
         </block-setting-item>
         <!-- 粘贴去除空格 -->
         <block-setting-item label="粘贴去除空格"
                             desc="粘贴文本前自动删除尾部空格 如: 命令输入框, 命令编辑器, 右键粘贴, 粘贴按钮, 右键菜单粘贴, 自定义粘贴快捷键. 默认粘贴快捷键无法去除空格">
-          <a-switch type="round"
-                    v-model="formModel.pasteAutoTrim" />
+          <a-switch v-model="formModel.pasteAutoTrim" type="round" />
           <template #desc>
 
           </template>
@@ -73,13 +64,13 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 启用响铃 -->
         <block-setting-item label="启用响铃" desc="系统接收到 \a 时发出响铃 (一般不用开启)">
-          <a-switch type="round"
-                    v-model="formModel.enableBell" />
+          <a-switch v-model="formModel.enableBell" type="round" />
         </block-setting-item>
         <!-- 单词分隔符 -->
         <block-setting-item label="单词分隔符" desc="在终端中双击文本将使用该分隔符进行分割 (一般不用修改)">
-          <a-input size="small"
-                   v-model="formModel.wordSeparator"
+          <a-input v-model="formModel.wordSeparator"
+                   size="small"
+                   style="width: 188px"
                    placeholder="单词分隔符"
                    allow-clear />
         </block-setting-item>
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
index 4fbf1de0..09e8bf58 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-plugins-block.vue
@@ -11,25 +11,21 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 超链接插件 -->
         <block-setting-item label="超链接插件" desc="自动检测 http(https) url 并可以点击">
-          <a-switch type="round"
-                    v-model="formModel.enableWeblinkPlugin" />
+          <a-switch v-model="formModel.enableWeblinkPlugin" type="round" />
         </block-setting-item>
         <!-- WebGL 渲染插件 -->
         <block-setting-item label="WebGL 渲染插件" desc="使用 WebGL 加速渲染终端 (建议开启, 若无法开启终端请关闭)">
-          <a-switch type="round"
-                    v-model="formModel.enableWebglPlugin" />
+          <a-switch v-model="formModel.enableWebglPlugin" type="round" />
         </block-setting-item>
       </a-row>
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- unicode11 插件 -->
         <block-setting-item label="unicode11 插件" desc="支持 Unicode 11 字符集">
-          <a-switch type="round"
-                    v-model="formModel.enableUnicodePlugin" />
+          <a-switch v-model="formModel.enableUnicodePlugin" type="round" />
         </block-setting-item>
         <!-- 图片渲染插件 -->
         <block-setting-item label="图片渲染插件" desc="支持使用 sixel 打开图片 (一般不需要开启)">
-          <a-switch type="round"
-                    v-model="formModel.enableImagePlugin" />
+          <a-switch v-model="formModel.enableImagePlugin" type="round" />
         </block-setting-item>
       </a-row>
     </div>
diff --git a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
index af792932..c4feeacb 100644
--- a/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/setting/general/terminal-session-block.vue
@@ -11,14 +11,15 @@
       <a-row class="mb16" align="stretch" :gutter="16">
         <!-- 终端类型 -->
         <block-setting-item label="终端类型" desc="若显示异常请尝试切换此选项 兼容性 vt100 > xterm > 16color > 256color">
-          <a-select style="width: 160px;"
-                    v-model="formModel.terminalEmulationType"
+          <a-select v-model="formModel.terminalEmulationType"
+                    style="width: 188px;"
                     size="small"
                     :options="toOptions(emulationTypeKey)" />
         </block-setting-item>
         <!-- 缓冲区行数 -->
         <block-setting-item label="缓冲区行数" desc="保存在缓冲区的行数, 多出的行数会被忽略, 此值越大占用内存的内存会更多">
           <a-input-number v-model="formModel.scrollBackLine"
+                          style="width: 188px"
                           size="small"
                           :min="1"
                           :max="10000"
diff --git a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
index f5af3cea..899cee78 100644
--- a/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
+++ b/orion-visor-ui/src/views/host/terminal/components/ssh/ssh-view.vue
@@ -242,7 +242,7 @@
     width: 100%;
     height: calc(100% - @ssh-header-height);
     position: relative;
-    padding: 8px;
+    padding: 8px 2px 2px 8px;
 
     .ssh-inst {
       width: 100%;