perf: extract code about how to render updatetime

@@ -7,22 +7,21 @@
     DashboardComponentLayout,
     DashBoardValue,
     instrumentComponent1,
-    InstrumentComponentType,
     update_instrument_1_font,
     update_instrument_2_font,
     update_instrument_1_value,
     update_instrument_2_value,
   } from './dashBoardComponent.config';
-  import { dateUtil } from '/@/utils/dateUtil';
   import {
     DEFAULT_RADIO_RECORD,
     RadioRecord,
-    DEFAULT_DATE_FORMAT,
     fontSize,
+    getUpdateTime,
   } from '../../detail/config/util';
   import { Tooltip } from 'ant-design-vue';
   import { useThrottleFn } from '@vueuse/shared';
   import { buildUUID } from '/@/utils/uuid';
+  import { FrontComponent } from '../help';
 
   const props = defineProps({
     add: {
@@ -61,7 +60,6 @@
   }
 
   const getRadio = computed(() => {
-    // const { radio } = props.radio;
     return props.radio;
   });
 
@@ -69,7 +67,6 @@
     const realWidth = unref(chartRef)?.getWidth();
     const realHeight = unref(chartRef)?.getHeight();
     const radioRecord = props.radio;
-    // const widht
     return {
       ...radioRecord,
       height: realHeight || radioRecord.height,
@@ -77,7 +74,7 @@
     };
   });
 
-  const beforeUpdateFn = (componentType: InstrumentComponentType) => {
+  const beforeUpdateFn = (componentType: FrontComponent) => {
     if (componentType === 'instrument-component-1') return update_instrument_1_font;
     if (componentType === 'instrument-component-2') return update_instrument_2_font;
     return (_radio: RadioRecord) => {};
@@ -89,7 +86,7 @@
     unref(chartRef)?.resize();
   }
 
-  const getUpdateValueFn = (componentType: InstrumentComponentType) => {
+  const getUpdateValueFn = (componentType: FrontComponent) => {
     if (componentType === 'instrument-component-1') return update_instrument_1_value;
     if (componentType === 'instrument-component-2') return update_instrument_2_value;
     return (_radio: DashBoardValue) => {};
@@ -164,22 +161,11 @@
           color: '#999',
         }"
       >
-        <Tooltip
-          placement="top"
-          :title="
-            props.value?.updateTime
-              ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-              : '暂无更新时间'
-          "
-        >
+        <Tooltip placement="top" :title="getUpdateTime(props.value?.updateTime)">
           <div class="truncate">
             <span class="mr-2">更新时间:</span>
             <span>
-              {{
-                props.value?.updateTime
-                  ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-                  : '暂无更新时间'
-              }}
+              {{ getUpdateTime(props.value?.updateTime) }}
             </span>
           </div>
         </Tooltip>

@@ -6,11 +6,10 @@
     DigitalDashBoardLayout,
     DigitalDashBoardValue,
   } from './digitalDashBoard.config';
-  import { dateUtil } from '/@/utils/dateUtil';
   import {
     fontSize,
     RadioRecord,
-    DEFAULT_DATE_FORMAT,
+    getUpdateTime,
     DEFAULT_RADIO_RECORD,
     DEFAULT_ANIMATION_INTERVAL,
   } from '../../detail/config/util';
@@ -59,8 +58,6 @@
   });
 
   const getRadio = computed(() => {
-    // const { radio } = props.radio || DEFAULT_RADIO_RECORD;
-    // return radio;
     return props.radio || DEFAULT_RADIO_RECORD;
   });
 
@@ -166,22 +163,11 @@
           color: '#999',
         }"
       >
-        <Tooltip
-          placement="top"
-          :title="
-            props.value?.updateTime
-              ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-              : '暂无更新时间'
-          "
-        >
+        <Tooltip placement="top" :title="getUpdateTime(props.value?.updateTime)">
           <div class="truncate">
             <span class="mr-1">更新时间:</span>
             <span>
-              {{
-                props.value?.updateTime
-                  ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-                  : '暂无更新时间'
-              }}
+              {{ getUpdateTime(props.value?.updateTime) }}
             </span>
           </div>
         </Tooltip>

@@ -2,16 +2,15 @@
   import { computed, ref, watch } from 'vue';
   import { Tooltip, Image as AntImage } from 'ant-design-vue';
   import {
-    DEFAULT_DATE_FORMAT,
+    getUpdateTime,
     DEFAULT_RADIO_RECORD,
     fontSize,
     RadioRecord,
   } from '../../detail/config/util';
-  import { PictureComponentLayout, PictureComponentValue } from './pictureComponent.config';
-  import { dateUtil } from '/@/utils/dateUtil';
+  import { PictureComponentValue } from './pictureComponent.config';
 
   const props = defineProps<{
-    layout?: PictureComponentLayout;
+    layout?: Recordable;
     value?: PictureComponentValue;
     radio?: RadioRecord;
   }>();
@@ -69,21 +68,10 @@
       class="w-full text-center truncate p-5"
       :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }), color: '#999' }"
     >
-      <Tooltip
-        placement="top"
-        :title="
-          props.value?.updateTime
-            ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-            : '暂无更新时间'
-        "
-      >
+      <Tooltip placement="top" :title="getUpdateTime(props.value?.updateTime)">
         <span class="mr-1">更新时间:</span>
         <span class="truncate">
-          {{
-            props.value?.updateTime
-              ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-              : '暂无更新时间'
-          }}
+          {{ getUpdateTime(props.value?.updateTime) }}
         </span>
       </Tooltip>
     </div>

@@ -2,14 +2,13 @@
   import { computed } from 'vue';
   import { Statistic, Tooltip } from 'ant-design-vue';
   import {
+    getUpdateTime,
     fontSize,
     RadioRecord,
     DEFAULT_RADIO_RECORD,
-    DEFAULT_DATE_FORMAT,
   } from '../../detail/config/util';
   import { TextComponentDefaultConfig, TextComponentLayout, TextComponentValue } from './config';
   import { SvgIcon } from '/@/components/Icon';
-  import { dateUtil } from '/@/utils/dateUtil';
   const props = defineProps({
     layout: {
       type: Object as PropType<TextComponentLayout>,
@@ -89,26 +88,14 @@
     </div>
 
     <div class="text-center text-xs truncate p-5" style="color: #999">
-      <Tooltip
-        v-if="getShowUpdate"
-        placement="top"
-        :title="
-          props.value?.updateTime
-            ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-            : '暂无更新时间'
-        "
-      >
+      <Tooltip v-if="getShowUpdate" placement="top" :title="getUpdateTime(props.value?.updateTime)">
         <div
           :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }"
           class="truncate"
         >
           <span class="mr-1">更新时间:</span>
           <span class="truncate">
-            {{
-              props.value?.updateTime
-                ? dateUtil(props?.value?.updateTime).format(DEFAULT_DATE_FORMAT)
-                : '暂无更新时间'
-            }}
+            {{ getUpdateTime(props.value?.updateTime) }}
           </span>
         </div>
       </Tooltip>

+import { dateUtil } from '/@/utils/dateUtil';
+
 export interface RadioRecord {
   width: number;
   height: number;
@@ -16,6 +18,10 @@ export const DEFAULT_RADIO_RECORD: RadioRecord = {
 
 export const DEFAULT_DATE_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 
+export const getUpdateTime = (updateTime?: string) => {
+  return updateTime ? dateUtil(updateTime).format(DEFAULT_DATE_FORMAT) : '暂无更新时间';
+};
+
 export const calcScale = (
   width: number,
   height: number,