fix: visual board list and detail update or create add loading effect

@@ -12,6 +12,7 @@
 
   const isEdit = ref(false);
   const recordId = ref<Nullable<string>>(null);
+  const loading = ref(false);
 
   const [registerModal, { changeLoading, closeModal }] = useModalInner(
     (record: DataBoardRecord & { isEdit: boolean }) => {
@@ -33,6 +34,7 @@
     await method.validate();
     try {
       const value = method.getFieldsValue() as AddDataBoardParams;
+      loading.value = true;
       changeLoading(true);
       await addDataBoard(value);
       createMessage.success('创建成功');
@@ -42,12 +44,14 @@
       createMessage.error('创建失败');
     } finally {
       changeLoading(false);
+      loading.value = false;
     }
   };
 
   const handleEditPanel = async () => {
     await method.validate();
     try {
+      loading.value = true;
       const value = method.getFieldsValue() as UpdateDataBoardParams;
       value.id = unref(recordId) as string;
       changeLoading(true);
@@ -59,6 +63,7 @@
       createMessage.error('编辑失败');
     } finally {
       changeLoading(false);
+      loading.value = false;
     }
   };
 
@@ -75,6 +80,7 @@
     :title="isEdit ? '编辑看板' : '创建看板'"
     @register="registerModal"
     @ok="handleGetValue"
+    :okButtonProps="{ loading }"
   >
     <BasicForm @register="registerForm" />
   </BasicModal>

@@ -25,6 +25,7 @@
   const emit = defineEmits(['update', 'create', 'register']);
   const ROUTE = useRoute();
 
+  const loading = ref(false);
   const { createMessage } = useMessage();
 
   const boardId = computed(() => {
@@ -81,6 +82,7 @@
       }
       const layout = calcLayoutInfo(unref(props.layout));
       changeOkLoading(true);
+      loading.value = true;
       await addDataComponent({
         boardId: unref(boardId),
         record: { dataBoardId: unref(boardId), frontId: unref(frontId), ...value, layout },
@@ -93,12 +95,14 @@
       // createMessage.error('创建失败');
     } finally {
       changeOkLoading(false);
+      loading.value = false;
     }
   };
 
   const handleUpdateComponent = async (value: Recordable) => {
     try {
       changeOkLoading(true);
+      loading.value = true;
       const res = await updateDataComponent({
         boardId: unref(boardId),
         record: {
@@ -116,6 +120,7 @@
       // createMessage.error('修改失败');
     } finally {
       changeOkLoading(false);
+      loading.value = false;
     }
   };
 
@@ -133,6 +138,7 @@
     :destroy-on-close="true"
     @ok="handleSubmit"
     @cancel="resetForm"
+    :ok-button-props="{ loading }"
   >
     <section>
       <Tabs type="card">