feat(ui): edit asset - update form tips

oneterm-ui/src/modules/oneterm/lang/en.js

@@ -181,7 +181,9 @@ const oneterm_en = {
     accessPermission: 'Access Permission',
     operationPermissions: 'Operation Permissions',
     virtualAccount: 'Virtual Account',
-    createAssetTip: 'Assets can only be created after selecting or creating a folder'
+    createAssetTip: 'Assets can only be created after selecting or creating a folder',
+    gatewaFormItemTip: 'Must be preconfigured on the Resource Control - Gateway Management page.',
+    accountFormItemTip: 'Must be preconfigured on the Resource Control - Account Management page.',
   },
   web: {
     webProtocolConfig: 'Web Protocol Config',

oneterm-ui/src/modules/oneterm/lang/zh.js

@@ -180,7 +180,9 @@ const oneterm_zh = {
     accessPermission: '访问权限',
     operationPermissions: '操作权限',
     virtualAccount: '虚拟账号',
-    createAssetTip: '选择或者创建目录节点后，才能创建资产'
+    createAssetTip: '选择或者创建目录节点后，才能创建资产',
+    gatewaFormItemTip: '需在 资源管控 - 网关管理 页面中预先配置',
+    accountFormItemTip: '需在 资源管控 - 账号管理 页面中预先配置'
   },
   web: {
     webProtocolConfig: 'Web 协议配置',

oneterm-ui/src/modules/oneterm/views/assets/assets/account.vue

@@ -11,9 +11,16 @@
         <vxe-column
           v-if="!hasWebProtocol"
           field="account"
-          :title="$t('oneterm.account')"
           width="190"
         >
+          <template #header>
+            <div class="table-account-header" slot="header">
+              <span>{{ $t('oneterm.account') }}</span>
+              <a-tooltip :title="$t('oneterm.assetList.accountFormItemTip')">
+                <a-icon type="question-circle" />
+              </a-tooltip>
+            </div>
+          </template>
           <template #default="{ row }">
             <a-select
               v-model="row.account"
@@ -234,6 +241,12 @@ export default {
       if (hasWebProtocol) {
         const auth = this.authList.slice(0, 1)
         authList = auth
+      } else {
+        authList.forEach((auth) => {
+          if (auth.account === -1) {
+            auth.account = undefined
+          }
+        })
       }
       this.authList = authList
       this.hasWebProtocol = hasWebProtocol
@@ -312,6 +325,18 @@ export default {
     width: 48%;
   }
 }
+
+.table-account-header {
+  display: inline-flex;
+  align-items: center;
+
+  i {
+    margin-left: 4px;
+    color: #4e5969;
+    cursor: pointer;
+  }
+}
+
 .select-option-name {
   font-size: 12px;
   color: #A5A9BC;

oneterm-ui/src/modules/oneterm/views/assets/assets/protocol/index.vue

@@ -54,10 +54,15 @@
     </a-form-model-item>
 
     <a-form-model-item
-      :label="$t('oneterm.gateway')"
       prop="gateway_id"
-      :style="{ display: 'flex', alignItems: 'center' }"
+      class="form-gateway"
     >
+      <div class="form-gateway-label" slot="label">
+        <span>{{ $t('oneterm.gateway') }}</span>
+        <a-tooltip :title="$t('oneterm.assetList.gatewaFormItemTip')">
+          <a-icon type="question-circle" />
+        </a-tooltip>
+      </div>
       <treeselect
         class="custom-treeselect custom-treeselect-white"
         :style="{
@@ -234,6 +239,22 @@ export default {
   }
 }
 
+.form-gateway {
+  display: flex;
+  align-items: center;
+
+  &-label {
+    display: inline-flex;
+    align-items: center;
+
+    i {
+      margin-left: 4px;
+      color: #4e5969;
+      cursor: pointer;
+    }
+  }
+}
+
 /deep/ .protocol-select-item {
   display: flex;
   align-items: center;