pref:优化LWM2M表单

@@ -7,7 +7,7 @@
   import { BasicForm, useForm } from '/@/components/Form';
   import { serverSchemas } from '../index';
 
-  const [registerServer, { getFieldsValue, setFieldsValue }] = useForm({
+  const [registerServer, { getFieldsValue, setFieldsValue, resetFields }] = useForm({
     labelWidth: 180,
     schemas: serverSchemas,
     actionColOptions: {
@@ -24,9 +24,11 @@
     if (!value) return;
     return value;
   };
+  const resetFormData = () => resetFields();
   defineExpose({
     getBootStrapFormFunc,
     editBootStrapFormFunc,
+    resetFormData,
   });
 </script>
 <style lang="less" scoped></style>

@@ -312,6 +312,7 @@ export const serverSchemas: FormSchema[] = [
     field: 'shortServerId',
     component: 'InputNumber',
     label: '短服务器ID',
+    helpMessage: ['短服务器ID是唯一的'],
     required: true,
     defaultValue: 123,
     colProps: { span: 8 },
@@ -320,6 +321,7 @@ export const serverSchemas: FormSchema[] = [
     field: 'host',
     component: 'Input',
     label: '主机',
+    helpMessage: ['主机是唯一的'],
     required: true,
     defaultValue: '0.0.0.0',
     colProps: { span: 8 },
@@ -328,9 +330,13 @@ export const serverSchemas: FormSchema[] = [
     field: 'port',
     component: 'Input',
     label: '端口',
+    helpMessage: ['端口必须是5685'],
     required: true,
     defaultValue: 5685,
     colProps: { span: 8 },
+    componentProps: {
+      disabled: true,
+    },
   },
   {
     field: 'clientHoldOffTime',

 <template>
   <div>
-    <Tabs
-      v-model:activeKey="currentKey"
-      :size="currentSize"
-      :animated="true"
-      @change="handleChange"
-    >
+    <Tabs v-model:activeKey="currentKey" :size="currentSize" :animated="true">
       <TabPane forceRender key="1" tab="LWM2M Model">
         <BasicForm :showResetButton="false" :showSubmitButton="false" @register="registerModel" />
       </TabPane>
@@ -108,7 +103,6 @@
   const currentSize = ref('large');
   let allObj: any = reactive({});
   let allEchoObj: any = reactive({});
-  let allEchoStatus = ref(false);
   let clientLwM2mSettingsObj = reactive({});
   let observeAttrObj = reactive({
     attribute: [],
@@ -166,49 +160,21 @@
   const handleRemove = (index) => {
     dynamicBOOTSTRAP.bootstrap.splice(index, 1);
   };
-  const handleChange = (e) => {
-    if (allEchoStatus.value) {
-      switch (e) {
-        case '1':
-          break;
-        case '2':
-          nextTick(() => {
-            bootstrapServerUpdateEnable.value = allEchoObj.bootstrapServerUpdateEnable;
-            dynamicBOOTSTRAP.bootstrap = allEchoObj.bootstrap;
-            dynamicBOOTSTRAP.bootstrap.forEach((bootstrap, index: number) => {
-              nextTick(() => {
-                unref(dynamicBindRef.BootStrapFormItemRef)[index]?.editBootStrapFormFunc(bootstrap);
-              });
-            });
-          });
-          break;
-        case '3':
-          nextTick(() => {
-            settingsSetFieldsValueFunc({
-              powerMode: allEchoObj?.clientLwM2mSettings?.powerMode,
-              psmActivityTimer: allEchoObj?.clientLwM2mSettings?.psmActivityTimer,
-              edrxCycle: allEchoObj?.clientLwM2mSettings?.edrxCycle,
-              pagingTransmissionWindow: allEchoObj?.clientLwM2mSettings?.pagingTransmissionWindow,
-              fwUpdateStrategy: allEchoObj?.clientLwM2mSettings?.fwUpdateStrategy,
-              swUpdateStrategy: allEchoObj?.clientLwM2mSettings?.swUpdateStrategy,
-              clientOnlyObserveAfterConnect:
-                allEchoObj?.clientLwM2mSettings?.clientOnlyObserveAfterConnect,
-              fwUpdateResource: allEchoObj?.clientLwM2mSettings?.fwUpdateResource,
-              swUpdateResource: allEchoObj?.clientLwM2mSettings?.swUpdateResource,
-              compositeOperationsSupport:
-                allEchoObj?.clientLwM2mSettings?.compositeOperationsSupport,
-            });
-          });
-          break;
-        case '4':
-          break;
-      }
-    }
-  };
   const setFormData = (v) => {
     if (v) {
       allEchoObj = v;
-      allEchoStatus.value = true;
+      settingsSetFieldsValueFunc({
+        ...allEchoObj?.clientLwM2mSettings,
+      });
+      nextTick(() => {
+        bootstrapServerUpdateEnable.value = allEchoObj.bootstrapServerUpdateEnable;
+        dynamicBOOTSTRAP.bootstrap = allEchoObj.bootstrap;
+        dynamicBOOTSTRAP.bootstrap.forEach((bootstrap, index: number) => {
+          nextTick(() => {
+            unref(dynamicBindRef.BootStrapFormItemRef)[index]?.editBootStrapFormFunc(bootstrap);
+          });
+        });
+      });
     }
   };
   const tempBootStrap: any = [];
@@ -249,11 +215,13 @@
   };
 
   const resetFormData = () => {
-    allEchoStatus.value = false;
     nextTick(() => {
       resetObjectListValue();
       resetSettingsValue();
       resetDeviceValue();
+      unref(dynamicBindRef.BootStrapFormItemRef).map((item) => {
+        item.resetFormData();
+      });
     });
   };
   const selectCheckStatus = ref(false);
@@ -290,7 +258,6 @@
     registerDevice,
     getFormData,
     setFormData,
-    handleChange,
     resetFormData,
     dynamicBOOTSTRAP,
     dynamicBindRef,