perf: optimize the code

@@ -173,7 +173,6 @@ export const instrumentComponent2 = (params?: Partial<ComponentInfo>): EChartsOp
 
 
   const firstGradient = firstRecord?.value ? firstRecord.value / max : 0.3;
   const firstGradient = firstRecord?.value ? firstRecord.value / max : 0.3;
   const secondGradient = secondRecord?.value ? secondRecord.value / max : 0.7;
   const secondGradient = secondRecord?.value ? secondRecord.value / max : 0.7;
-  // const thirdGradient = thirdRecord?.value ? thirdRecord.value / max : 1;
 
 
   return {
   return {
     series: [
     series: [

@@ -22,8 +22,6 @@
   const getImagBase64 = ref(fallback);
   const getImagBase64 = ref(fallback);
 
 
   const getRadio = computed(() => {
   const getRadio = computed(() => {
-    // const { radio } = props.radio || DEFAULT_RADIO_RECORD;
-    // return radio;
     return props.radio || DEFAULT_RADIO_RECORD;
     return props.radio || DEFAULT_RADIO_RECORD;
   });
   });
 
 
@@ -67,7 +65,6 @@
     class="w-full h-full flex flex-col justify-center items-center justify-between widget-picture"
     class="w-full h-full flex flex-col justify-center items-center justify-between widget-picture"
   >
   >
     <AntImage :width="getWidth" :src="getImagBase64" :fallback="fallback" />
     <AntImage :width="getWidth" :src="getImagBase64" :fallback="fallback" />
-    <!-- <Image :style="{ width: `${getWidth}px` }" :src="getImagBase64" /> -->
     <div
     <div
       class="w-full text-center truncate p-5"
       class="w-full text-center truncate p-5"
       :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }), color: '#999' }"
       :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }), color: '#999' }"

@@ -7,12 +7,7 @@ interface PictureComponentList {
   id: PictureComponentType;
   id: PictureComponentType;
   component: Component;
   component: Component;
 }
 }
-// {
-//   id: 'instrument-component-1',
-//   layout: { chartOption: instrumentComponent1() },
-//   component: DashBoardComponent,
-//   value: { id: buildUUID() },
-// }
+
 const pictureComponentList: PictureComponentList[] = [
 const pictureComponentList: PictureComponentList[] = [
   {
   {
     id: 'picture-component-1',
     id: 'picture-component-1',

@@ -47,8 +47,6 @@
   });
   });
 
 
   const getRadio = computed(() => {
   const getRadio = computed(() => {
-    // const { radio } = props.radio;
-    // return radio;
     return props.radio || DEFAULT_RADIO_RECORD;
     return props.radio || DEFAULT_RADIO_RECORD;
   });
   });
 </script>
 </script>
@@ -84,12 +82,8 @@
             />
             />
           </div>
           </div>
           <div :style="{ color: '#666', fontSize: fontSize({ radioRecord: getRadio, basic: 16 }) }">
           <div :style="{ color: '#666', fontSize: fontSize({ radioRecord: getRadio, basic: 16 }) }">
-            <!-- {{ getShowUnit ? props.value.unit : '' }} -->
             {{ props.value.name }}
             {{ props.value.name }}
           </div>
           </div>
-          <!-- <div class="truncate" :style="{ fontSize: fontSize({ radio: getRadio, basic: 16 }) }">
-            {{ props.value.name }}
-          </div> -->
         </div>
         </div>
       </div>
       </div>
     </div>
     </div>

@@ -361,9 +361,7 @@
       await deleteDataComponent({ dataBoardId, ids: [id] });
       await deleteDataComponent({ dataBoardId, ids: [id] });
       createMessage.success('删除成功');
       createMessage.success('删除成功');
       await getDataBoardComponent();
       await getDataBoardComponent();
-    } catch (error) {
-      // createMessage.error('删除失败');
-    }
+    } catch (error) {}
   };
   };
 
 
   const [registerHistoryDataModal, historyDataModalMethod] = useModal();
   const [registerHistoryDataModal, historyDataModalMethod] = useModal();
@@ -543,12 +541,6 @@
     cursor: pointer;
     cursor: pointer;
   }
   }
 
 
-  // .container {
-  //   display: grid;
-  //   grid-template-columns: 3;
-  //   grid-row: 3;
-  // }
-
   .grid-item-layout {
   .grid-item-layout {
     overflow: hidden;
     overflow: hidden;
     border: 1px solid #eee !important;
     border: 1px solid #eee !important;

@@ -51,7 +51,7 @@
     },
     },
   });
   });
 
 
-  //分页相关
+  // about pagination
   const page = ref(1);
   const page = ref(1);
   const pageSize = ref(10);
   const pageSize = ref(10);
   const total = ref(0);
   const total = ref(0);
@@ -147,14 +147,11 @@
   };
   };
 
 
   const handleRemove = async (record: DataBoardRecord) => {
   const handleRemove = async (record: DataBoardRecord) => {
-    // TODO 删除确认
     try {
     try {
       await deleteDataBoard([record.id]);
       await deleteDataBoard([record.id]);
       createMessage.success('删除成功');
       createMessage.success('删除成功');
       await getDatasource();
       await getDatasource();
-    } catch (error) {
-      // createMessage.error('删除失败');
-    }
+    } catch (error) {}
   };
   };
 
 
   const [registerModal, { openModal }] = useModal();
   const [registerModal, { openModal }] = useModal();
@@ -201,7 +198,6 @@
     <div class="bg-light-100 mb-6 w-full p-3 search-form">
     <div class="bg-light-100 mb-6 w-full p-3 search-form">
       <BasicForm class="flex-auto w-full" @register="searchFormRegister" />
       <BasicForm class="flex-auto w-full" @register="searchFormRegister" />
     </div>
     </div>
-    <!-- <div> </div> -->
     <Spin :spinning="loading">
     <Spin :spinning="loading">
       <List
       <List
         ref="listEL"
         ref="listEL"
@@ -226,7 +222,6 @@
                   <MoreOutlined class="rotate-90 transform cursor-pointer" />
                   <MoreOutlined class="rotate-90 transform cursor-pointer" />
                 </Dropdown>
                 </Dropdown>
               </template>
               </template>
-              <!-- <template #cover>title</template> -->
               <section @click="handleViewBoard(item)">
               <section @click="handleViewBoard(item)">
                 <div class="flex data-card__info">
                 <div class="flex data-card__info">
                   <div>
                   <div>