perf: 修改 protocol 说明

src/i18n/langs/en.json

@@ -376,6 +376,8 @@
     "AccountEnabled": "Enable account switching",
     "AutoEnabled": "Enable Automation",
     "SupportedProtocol": "Supported protocol",
+    "SupportedProtocolHelpText": "Set the protocol supported by the asset. Click the Settings button to modify the custom configuration for the protocol, such as the SFTP directory, RDP AD domain, etc.",
+    "AssetProtocolHelpText": "Asset support protocol is limited by platform, click the Settings button to view the protocol settings. If you need to update, please update the platform",
     "PriorityHelpMessage": "1-100, High level will be using login asset as default, if user was granted more than 2 system user",
     "Protocol": "Protocol",
     "Protocols": "Protocols",

src/i18n/langs/ja.json

@@ -369,6 +369,8 @@
     "AccountEnabled": "アカウントを有効にする",
     "AutoEnabled": "自動化の有効化",
     "SupportedProtocol": "サポートされるプロトコル",
+    "SupportedProtocolHelpText": "資産がサポートするプロトコルを設定します。設定ボタンをクリックして、SFTPディレクトリ、RDP ADドメインなどのプロトコルのカスタム構成を変更します。",
+    "AssetProtocolHelpText": "資産のサポートプロトコルはプラットフォームによって制限されます。プロトコル設定を表示するには、[設定]ボタンをクリックします。更新する必要がある場合は、プラットフォームを更新してください。",
     "PriorityHelpMessage": "1-100、1最低優先度、100最高優先度。複数のユーザーを許可する場合、優先度の高いシステムユーザーはデフォルトのログインユーザーになります",
     "Protocol": "プロトコル",
     "Protocols": "プロトコルグループ",

src/i18n/langs/zh.json

@@ -382,6 +382,8 @@
     "AccountEnabled": "启用切换账号",
     "AutoEnabled": "启用自动化",
     "SupportedProtocol": "支持的协议",
+    "SupportedProtocolHelpText": "设置资产支持的协议，点击设置按钮可以为协议修改自定义配置，如 SFTP 目录，RDP AD 域等",
+    "AssetProtocolHelpText": "资产支持的协议受平台限制，点击设置按钮可以查看协议的设置。 如果需要更新，请更新平台",
     "PriorityHelpMessage": "1-100, 1最低优先级，100最高优先级。授权多个用户时，高优先级的系统用户将会作为默认登录用户",
     "Protocol": "协议",
     "Protocols": "协议",

src/layout/components/NavLeft/index.vue

@@ -5,14 +5,11 @@
         <Organization v-if="$hasLicense()" class="organization" />
       </div>
       <div class="nav-title">
-        <span
-          v-show="!isCollapse"
-          style="margin-left: 5px;"
-        >
+        <span v-show="!isCollapse" style="margin-left: 5px;">
           {{ isRouteMeta.title || '' }}
         </span>
 
-        <span class="switch-view active-switch-view">
+        <span :class="switchViewOtherClasses" class="switch-view active-switch-view">
           <el-popover
             placement="right-start"
             trigger="hover"
@@ -77,7 +74,8 @@ export default {
   },
   data() {
     return {
-      viewShown: false
+      viewShown: false,
+      switchViewOtherClasses: ''
     }
   },
   computed: {
@@ -125,12 +123,24 @@ export default {
       return this.currentViewRoute.meta || {}
     }
   },
+  mounted() {
+    this.setViewIconAttention()
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')
     },
     toggleSwitch() {
       this.viewShown = true
+    },
+    setViewIconAttention() {
+      const t = setInterval(() => {
+        this.switchViewOtherClasses = this.switchViewOtherClasses ? '' : 'hover-switch-view'
+      }, 1000)
+      setTimeout(() => {
+        clearInterval(t)
+        this.switchViewOtherClasses = ''
+      }, 2000)
     }
   }
 }
@@ -147,6 +157,11 @@ export default {
     height: 50px;
   }
 
+  .hover-switch-view {
+    background: var(--menu-hover) !important;
+    color: var(--color-primary);
+  }
+
   .nav-title {
     position: relative;
     box-sizing: border-box;
@@ -231,8 +246,8 @@ export default {
   .mobile-menu {
     display: none;
     position: absolute;
-    top: 0px;
-    left: 0px;
+    top: 0;
+    left: 0;
     width: 100%;
     height: 100%;
     padding-top: 10px;
@@ -247,7 +262,7 @@ export default {
   .active-mobile {
     display: none;
 
-    & > > > .organization {
+    & >>> .organization {
       height: 48px;
       line-height: 48px;
       padding-left: 8px;
@@ -264,7 +279,7 @@ export default {
       }
     }
 
-    & > > > .title-label {
+    & >>> .title-label {
       color: white !important;
     }
 

src/views/assets/Platform/const.js

@@ -82,7 +82,8 @@ export const platformFieldsMeta = (vm) => {
       ...assetMeta.protocols,
       el: {
         choices: []
-      }
+      },
+      helpText: i18n.t('assets.SupportedProtocolHelpText')
     },
     su_method: {
       type: 'select',

src/views/assets/const.js

@@ -50,6 +50,7 @@ export const assetFieldsMeta = (vm) => {
         choices: platformProtocols,
         instance: asset
       },
+      helpText: i18n.t('assets.AssetProtocolHelpText'),
       on: {
         input: ([value]) => {
           const protocolSecretTypes = platformProtocols.reduce((pre, cur) => {