fix: remove console from code

@@ -99,7 +99,7 @@
 
 
 <template>
 <template>
   <div class="flex flex-col w-full h-full min-w-3 min-h-3">
   <div class="flex flex-col w-full h-full min-w-3 min-h-3">
-    <div :id="getControlsWidgetId()" class="widget-charts min-w-1 min-h-1 flex-auto"></div>
+    <div :id="getControlsWidgetId()" class="widget-charts w-full h-full flex-auto"></div>
     <div>
     <div>
       <div class="text-center" :style="{ fontSize: fontSize({ radio: getRadio, basic: 16 }) }">{{
       <div class="text-center" :style="{ fontSize: fontSize({ radio: getRadio, basic: 16 }) }">{{
         props.value.name
         props.value.name

@@ -32,7 +32,9 @@
 </script>
 </script>
 
 
 <template>
 <template>
-  <section class="w-full h-full flex flex-col justify-center items-center">
+  <section
+    class="w-full h-full flex flex-col justify-center items-center justify-between widget-picture"
+  >
     <Image :width="getWidth" :src="props?.value?.value || ''" :fallback="fallback" />
     <Image :width="getWidth" :src="props?.value?.value || ''" :fallback="fallback" />
     <div
     <div
       class="w-full text-center text-gray-400 truncate"
       class="w-full text-center text-gray-400 truncate"
@@ -51,4 +53,11 @@
   </section>
   </section>
 </template>
 </template>
 
 
-<style scoped></style>
+<style scoped lang="less">
+  .widget-picture:deep(.ant-image) {
+    flex: auto;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+</style>

@@ -65,8 +65,8 @@
               prefix="iconfont"
               prefix="iconfont"
               :style="{
               :style="{
                 color: props.value.iconColor,
                 color: props.value.iconColor,
-                width: fontSize({ radio: getRadio, basic: 40 }),
-                height: fontSize({ radio: getRadio, basic: 40 }),
+                width: fontSize({ radio: getRadio, basic: 50 }),
+                height: fontSize({ radio: getRadio, basic: 50 }),
               }"
               }"
             />
             />
           </div>
           </div>

@@ -23,8 +23,8 @@
     <div class="widget-content" :style="{ height: slot.header ? 'calc(100% - 22px)' : '100%' }">
     <div class="widget-content" :style="{ height: slot.header ? 'calc(100% - 22px)' : '100%' }">
       <div
       <div
         v-for="item in props.dataSource"
         v-for="item in props.dataSource"
-        :key="item.uuid"
-        :style="{ width: `${item.width}%`, height: `${item.height}%` }"
+        :key="item.id"
+        :style="{ width: `${item.width || 100}%`, height: `${item.height || 100}%` }"
         class="widget-item"
         class="widget-item"
       >
       >
         <div class="widget-box">
         <div class="widget-box">

@@ -68,7 +68,6 @@
         componentInfo: { ...componentInfo },
         componentInfo: { ...componentInfo },
       });
       });
     }
     }
-    console.log(_dataSource);
     return _dataSource;
     return _dataSource;
   };
   };
 
 

@@ -30,7 +30,7 @@
 
 
   const componentRecord = ref<DataBoardLayoutInfo>({} as unknown as DataBoardLayoutInfo);
   const componentRecord = ref<DataBoardLayoutInfo>({} as unknown as DataBoardLayoutInfo);
 
 
-  const [register, { closeModal }] = useModalInner(
+  const [register, { closeModal, changeOkLoading }] = useModalInner(
     (record: DataBoardLayoutInfo & { isEdit: boolean }) => {
     (record: DataBoardLayoutInfo & { isEdit: boolean }) => {
       componentRecord.value = record;
       componentRecord.value = record;
       frontId.value = record.record.frontId;
       frontId.value = record.record.frontId;
@@ -43,7 +43,6 @@
   }>();
   }>();
 
 
   const handleSubmit = () => {
   const handleSubmit = () => {
-    console.log({ isEdit: unref(isEdit) });
     const { getAllDataSourceFieldValue } = unref(basicConfigurationEl)!;
     const { getAllDataSourceFieldValue } = unref(basicConfigurationEl)!;
     const value = getAllDataSourceFieldValue();
     const value = getAllDataSourceFieldValue();
     unref(isEdit) ? handleUpdateComponent(value) : handleAddComponent(value);
     unref(isEdit) ? handleUpdateComponent(value) : handleAddComponent(value);
@@ -52,6 +51,7 @@
 
 
   const handleAddComponent = async (value: Recordable) => {
   const handleAddComponent = async (value: Recordable) => {
     try {
     try {
+      changeOkLoading(true);
       await addDataComponent({
       await addDataComponent({
         boardId: unref(boardId),
         boardId: unref(boardId),
         record: { dataBoardId: unref(boardId), frontId: unref(frontId), ...value },
         record: { dataBoardId: unref(boardId), frontId: unref(frontId), ...value },
@@ -61,11 +61,14 @@
       emit('submit');
       emit('submit');
     } catch (error) {
     } catch (error) {
       // createMessage.error('创建失败');
       // createMessage.error('创建失败');
+    } finally {
+      changeOkLoading(false);
     }
     }
   };
   };
 
 
   const handleUpdateComponent = async (value: Recordable) => {
   const handleUpdateComponent = async (value: Recordable) => {
     try {
     try {
+      changeOkLoading(true);
       await updateDataComponent({
       await updateDataComponent({
         boardId: unref(boardId),
         boardId: unref(boardId),
         record: {
         record: {
@@ -80,6 +83,8 @@
       emit('submit');
       emit('submit');
     } catch (error) {
     } catch (error) {
       // createMessage.error('修改失败');
       // createMessage.error('修改失败');
+    } finally {
+      changeOkLoading(false);
     }
     }
   };
   };
 </script>
 </script>