feat: 网元主机表单校验和提示翻译

src/views/ne/neHost/index.vue

@@ -257,10 +257,16 @@ const modalStateFrom = Form.useForm(
       {
         required: true,
         min: 1,
-        max: 50,
+        max: 128,
         message: t('views.ne.neHost.addrPlease'),
       },
     ],
+    port: [
+      {
+        required: true,
+        message: t('views.ne.neHost.portPlease'),
+      },
+    ],
     user: [
       {
         required: true,
@@ -269,6 +275,22 @@ const modalStateFrom = Form.useForm(
         message: t('views.ne.neHost.userPlease'),
       },
     ],
+    password: [
+      {
+        required: true,
+        min: 1,
+        max: 128,
+        message: t('views.ne.neHost.passwordPlease'),
+      },
+    ],
+    privateKey: [
+      {
+        required: true,
+        min: 1,
+        max: 128,
+        message: t('views.ne.neHost.privateKeyPlease'),
+      },
+    ],
   })
 );
 
@@ -305,12 +327,19 @@ function fnModalVisibleByEdit(roleId?: string | number) {
  * 进行表达规则校验
  */
 function fnModalOk() {
+  if (modalState.confirmLoading) return;
+  const form = toRaw(modalState.from);
+  const validateArr = ['title', 'addr', 'port', 'user'];
+  if (form.authMode === '0') {
+    validateArr.push('password');
+  } else {
+    validateArr.push('privateKey');
+  }
   modalStateFrom
-    .validate()
+    .validate(validateArr)
     .then(() => {
       modalState.confirmLoading = true;
-      const from = toRaw(modalState.from);
-      const neHost = from.hostId ? updateNeHost(from) : addNeHost(from);
+      const neHost = form.hostId ? updateNeHost(form) : addNeHost(form);
       const hide = message.loading(t('common.loading'), 0);
       neHost
         .then(res => {
@@ -380,13 +409,20 @@ function fnRecordDelete(hostId: string) {
  * 对话框弹出测试连接
  */
 function fnModalTest() {
+  if (modalState.confirmLoading) return;
+  const form = toRaw(modalState.from);
+  const validateArr = ['title', 'addr', 'port', 'user'];
+  if (form.authMode === '0') {
+    validateArr.push('password');
+  } else {
+    validateArr.push('privateKey');
+  }
   modalStateFrom
-    .validate()
+    .validate(validateArr)
     .then(() => {
       modalState.confirmLoading = true;
-      const from = toRaw(modalState.from);
       const hide = message.loading(t('common.loading'), 0);
-      testNeHost(from)
+      testNeHost(form)
         .then(res => {
           if (res.code === RESULT_CODE_SUCCESS) {
             message.success({
@@ -664,7 +700,11 @@ onMounted(() => {
               </a-form-item>
             </a-col>
             <a-col :lg="12" :md="12" :xs="24">
-              <a-form-item :label="t('views.ne.neHost.port')" name="port">
+              <a-form-item
+                :label="t('views.ne.neHost.port')"
+                name="port"
+                v-bind="modalStateFrom.validateInfos.port"
+              >
                 <a-input-number
                   v-model:value="modalState.from.port"
                   :min="10"
@@ -711,6 +751,7 @@ onMounted(() => {
             v-if="modalState.from.authMode === '0'"
             :label="t('views.ne.neHost.password')"
             name="password"
+            v-bind="modalStateFrom.validateInfos.password"
             :label-col="{ span: 3 }"
             :label-wrap="true"
           >
@@ -726,6 +767,7 @@ onMounted(() => {
             <a-form-item
               :label="t('views.ne.neHost.privateKey')"
               name="privateKey"
+              v-bind="modalStateFrom.validateInfos.privateKey"
               :label-col="{ span: 3 }"
               :label-wrap="true"
             >