fix: DEFECT-819 call interface happend error modal confirm button will continue loading

@@ -110,72 +110,79 @@
       // 提交
       const msg = computed(() => (unref(isUpdate) ? '更新设备成功' : '新增设备成功'));
       async function handleOk() {
-        if (current.value === 0) {
-          // 验证
-          const valid = await unref(DeviceStep1Ref)?.parentValidate();
-          if (!valid) return;
-          stepState.value = unref(DeviceStep1Ref)?.parentGetFieldsValue();
-        } else {
-          // !!!此处需要删除地图的属性，否则会报堆栈溢出的错误 Uncaught RangeError: Maximum call stack size exceeded
-          Reflect.deleteProperty(stepState.value, 'map');
-          Reflect.deleteProperty(stepState.value, 'marker');
-          if (unref(DeviceStep2Ref)?.getFieldsValue().addAgree) {
-            const valid = await unref(DeviceStep2Ref)?.validate();
+        try {
+          if (current.value === 0) {
+            // 验证
+            const valid = await unref(DeviceStep1Ref)?.parentValidate();
             if (!valid) return;
-            // 第二页验证通过情况
-            stepState.value = {
+            stepState.value = unref(DeviceStep1Ref)?.parentGetFieldsValue();
+          } else {
+            // !!!此处需要删除地图的属性，否则会报堆栈溢出的错误 Uncaught RangeError: Maximum call stack size exceeded
+            Reflect.deleteProperty(stepState.value, 'map');
+            Reflect.deleteProperty(stepState.value, 'marker');
+            if (unref(DeviceStep2Ref)?.getFieldsValue().addAgree) {
+              const valid = await unref(DeviceStep2Ref)?.validate();
+              if (!valid) return;
+              // 第二页验证通过情况
+              stepState.value = {
+                ...unref(stepState),
+                ...unref(DeviceStep2Ref)?.getFieldsValue(),
+              };
+            }
+          }
+          // 验证成功 --调-- 新增或者编辑接口
+          // !!!此处需要删除地图的属性，否则会报堆栈溢出的错误 Uncaught RangeError: Maximum call stack size exceeded
+          Reflect.deleteProperty(DeviceStep1Ref.value.positionState, 'map');
+          Reflect.deleteProperty(DeviceStep1Ref.value.positionState, 'marker');
+          setModalProps({
+            confirmLoading: true,
+          });
+          if (unref(isUpdate)) {
+            const editData = {
               ...unref(stepState),
-              ...unref(DeviceStep2Ref)?.getFieldsValue(),
+              deviceInfo: {
+                avatar: DeviceStep1Ref.value?.devicePic,
+                ...DeviceStep1Ref.value?.positionState,
+              },
             };
+            await createOrEditDevice(editData);
+          } else {
+            const createData = {
+              ...unref(stepState),
+              deviceInfo: {
+                avatar: DeviceStep1Ref.value?.devicePic,
+                ...DeviceStep1Ref.value?.positionState,
+              },
+              deviceToken:
+                unref(current) === 0 || !unref(stepState).addAgree
+                  ? null
+                  : {
+                      credentialsType: unref(stepState).credentialType,
+                      credentialsId: unref(stepState).credentialsId,
+                      credentialsValue:
+                        unref(stepState).credentialType === credentialTypeEnum.MQTT_BASIC
+                          ? JSON.stringify({
+                              userName: unref(stepState).username,
+                              password: unref(stepState).password,
+                              clientId: unref(stepState).clientId,
+                            })
+                          : unref(stepState).credentialType === credentialTypeEnum.X_509
+                          ? unref(stepState).publicKey
+                          : null,
+                    },
+            };
+            await createOrEditDevice(createData);
           }
+          createMessage.success(unref(msg));
+          handleCancel();
+          closeModal();
+          emit('reload');
+        } catch (error) {
+        } finally {
+          setModalProps({
+            confirmLoading: false,
+          });
         }
-        // 验证成功 --调-- 新增或者编辑接口
-        // !!!此处需要删除地图的属性，否则会报堆栈溢出的错误 Uncaught RangeError: Maximum call stack size exceeded
-        Reflect.deleteProperty(DeviceStep1Ref.value.positionState, 'map');
-        Reflect.deleteProperty(DeviceStep1Ref.value.positionState, 'marker');
-        setModalProps({
-          confirmLoading: true,
-        });
-        if (unref(isUpdate)) {
-          const editData = {
-            ...unref(stepState),
-            deviceInfo: {
-              avatar: DeviceStep1Ref.value?.devicePic,
-              ...DeviceStep1Ref.value?.positionState,
-            },
-          };
-          await createOrEditDevice(editData);
-        } else {
-          const createData = {
-            ...unref(stepState),
-            deviceInfo: {
-              avatar: DeviceStep1Ref.value?.devicePic,
-              ...DeviceStep1Ref.value?.positionState,
-            },
-            deviceToken:
-              unref(current) === 0 || !unref(stepState).addAgree
-                ? null
-                : {
-                    credentialsType: unref(stepState).credentialType,
-                    credentialsId: unref(stepState).credentialsId,
-                    credentialsValue:
-                      unref(stepState).credentialType === credentialTypeEnum.MQTT_BASIC
-                        ? JSON.stringify({
-                            userName: unref(stepState).username,
-                            password: unref(stepState).password,
-                            clientId: unref(stepState).clientId,
-                          })
-                        : unref(stepState).credentialType === credentialTypeEnum.X_509
-                        ? unref(stepState).publicKey
-                        : null,
-                  },
-          };
-          await createOrEditDevice(createData);
-        }
-        createMessage.success(unref(msg));
-        handleCancel();
-        closeModal();
-        emit('reload');
       }
       return {
         getTitle,