fix: data board component font weight

@@ -14,9 +14,9 @@ VITE_PUBLIC_PATH = /
 # VITE_PROXY = [["/api","http://101.133.234.90:8080/api"]]
 # 线上测试环境
 # VITE_PROXY = [["/api","http://localhost:8080/api"],["/thingskit-drawio","http://localhost:3000/"]]
-# VITE_PROXY = [["/api","https://dev.thingskit.com/api"],["/thingskit-drawio","http://localhost:3000/"]]
+VITE_PROXY = [["/api","https://dev.thingskit.com/api"],["/thingskit-drawio","http://localhost:3000/"]]
 # VITE_PROXY = [["/api","http://121.37.251.8:8080/api"],["/thingskit-drawio","http://localhost:3000/"]]
-VITE_PROXY = [["/api","http://192.168.10.111:8080/api"],["/thingskit-drawio","http://192.168.10.106:8080/api"]]
+# VITE_PROXY = [["/api","http://192.168.10.111:8080/api"],["/thingskit-drawio","http://192.168.10.106:8080/api"]]
 
 # 实时数据的ws地址
 # VITE_WEB_SOCKET = ws://localhost:8080/api/ws/plugins/telemetry?token=

@@ -60,19 +60,31 @@
   }
 
   const getRadio = computed(() => {
-    const { radio } = props.radio;
-    return radio;
+    // const { radio } = props.radio;
+    return props.radio;
+  });
+
+  const getChardRadio = computed(() => {
+    const realWidth = unref(chartRef)?.getWidth();
+    const realHeight = unref(chartRef)?.getHeight();
+    const radioRecord = props.radio;
+    // const widht
+    return {
+      ...radioRecord,
+      height: realHeight || radioRecord.height,
+      width: realWidth || radioRecord.height,
+    };
   });
 
   const beforeUpdateFn = (componentType: InstrumentComponentType) => {
     if (componentType === 'instrument-component-1') return update_instrument_1_font;
     if (componentType === 'instrument-component-2') return update_instrument_2_font;
-    return (_radio: number) => {};
+    return (_radio: RadioRecord) => {};
   };
 
   function update() {
     const option = beforeUpdateFn(props.layout.componentType);
-    unref(chartRef)?.setOption((option(unref(getRadio)) as unknown as EChartsOption) || {});
+    unref(chartRef)?.setOption((option(unref(getChardRadio)) as unknown as EChartsOption) || {});
     unref(chartRef)?.resize();
   }
 
@@ -97,7 +109,7 @@
   const updateChartFont = useThrottleFn(() => {
     const option = beforeUpdateFn(props.layout.componentType);
     setTimeout(() => {
-      unref(chartRef)?.setOption((option(unref(getRadio)) as unknown as EChartsOption) || {});
+      unref(chartRef)?.setOption((option(unref(getChardRadio)) as unknown as EChartsOption) || {});
     });
   }, 500);
 
@@ -143,7 +155,10 @@
     <div>
       <div
         class="text-center"
-        :style="{ fontSize: fontSize({ radio: getRadio, basic: 16, max: 18 }), color: '#666' }"
+        :style="{
+          fontSize: fontSize({ radioRecord: getRadio, basic: 16, max: 18 }),
+          color: '#666',
+        }"
       >
         {{ props.value.name }}
       </div>
@@ -157,7 +172,10 @@
       >
         <div
           class="text-xs text-center truncate p-5"
-          :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 12 }), color: '#999' }"
+          :style="{
+            fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }),
+            color: '#999',
+          }"
         >
           <span class="mr-2">更新时间:</span>
           <span>

@@ -53,8 +53,9 @@
   });
 
   const getRadio = computed(() => {
-    const { radio } = props.radio || DEFAULT_RADIO_RECORD;
-    return radio;
+    // const { radio } = props.radio || DEFAULT_RADIO_RECORD;
+    // return radio;
+    return props.radio || DEFAULT_RADIO_RECORD;
   });
 
   let timeout: Nullable<number> = null;
@@ -91,7 +92,7 @@
             :size="4"
             :style="{
               backgroundColor: '#585357',
-              padding: fontSize({ radio: getRadio, basic: 10 }),
+              padding: fontSize({ radioRecord: getRadio, basic: 10 }),
             }"
           >
             <div
@@ -100,8 +101,8 @@
               class="digital-wrapper__int"
               :style="{
                 color: getPropsValue.fontColor,
-                fontSize: fontSize({ radio: getRadio, basic: 20, max: 20 }),
-                padding: fontSize({ radio: getRadio, basic: 5 }),
+                fontSize: fontSize({ radioRecord: getRadio, basic: 20, max: 20 }),
+                padding: fontSize({ radioRecord: getRadio, basic: 5 }),
               }"
             >
               <div class="digital-text__int p-1 text-light-50"> {{ number }}</div>
@@ -118,7 +119,7 @@
             :size="4"
             :style="{
               backgroundColor: '#b74940',
-              padding: fontSize({ radio: getRadio, basic: 10 }),
+              padding: fontSize({ radioRecord: getRadio, basic: 10 }),
             }"
           >
             <div
@@ -127,8 +128,8 @@
               class="digital-wrapper__float"
               :style="{
                 color: getPropsValue.fontColor,
-                fontSize: fontSize({ radio: getRadio, basic: 20, max: 20 }),
-                padding: fontSize({ radio: getRadio, basic: 5 }),
+                fontSize: fontSize({ radioRecord: getRadio, basic: 20, max: 20 }),
+                padding: fontSize({ radioRecord: getRadio, basic: 5 }),
               }"
             >
               <div class="digital-text__float p-1 text-light-50">
@@ -137,8 +138,8 @@
             </div>
           </Space>
           <div
-            class="px-1"
-            :style="{ fontSize: fontSize({ radio: getRadio, basic: 18, max: 18 }) }"
+            class="px-1 font-bold"
+            :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 18, max: 18 }) }"
           >
             {{ getPropsValue.unit }}
           </div>
@@ -147,7 +148,7 @@
 
       <div
         class="text-center truncate"
-        :style="{ fontSize: fontSize({ radio: getRadio, basic: 18 }) }"
+        :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 18 }) }"
       >
         <span>{{ props.value.name || '电表' }}</span>
       </div>
@@ -161,7 +162,10 @@
       >
         <div
           class="text-center text-xs truncate p-5"
-          :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 16 }), color: '#999' }"
+          :style="{
+            fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 16 }),
+            color: '#999',
+          }"
         >
           <span class="mr-1">更新时间:</span>
           <span>

 import { EChartsOption } from 'echarts';
-import { fontSize } from '../../detail/config/util';
+import { fontSize, RadioRecord } from '../../detail/config/util';
 import { Gradient, visualOptionField } from '../../detail/config/visualOptions';
 import {
   ComponentInfo,
@@ -240,8 +240,8 @@ export const getGradient = (key: Gradient, record: GradientInfo[] = []) => {
   return record.find((item) => item.key === key);
 };
 
-export const update_instrument_1_font = (radio: number) => {
-  const basicFontSize = fontSize({ radio, basic: 16, max: 16, min: 12 });
+export const update_instrument_1_font = (radioRecord: RadioRecord) => {
+  const basicFontSize = fontSize({ radioRecord, basic: 16, max: 16, min: 12 });
   return {
     series: [
       {
@@ -256,9 +256,9 @@ export const update_instrument_1_font = (radio: number) => {
   } as EChartsOption;
 };
 
-export const update_instrument_2_font = (radio: number) => {
-  const axisLabelFontSize = fontSize({ radio, basic: 10, max: 16 });
-  const detailFontSize = fontSize({ radio, basic: 16, max: 16, min: 10 });
+export const update_instrument_2_font = (radioRecord: RadioRecord) => {
+  const axisLabelFontSize = fontSize({ radioRecord, basic: 10, max: 16 });
+  const detailFontSize = fontSize({ radioRecord, basic: 16, max: 16, min: 10 });
   return {
     series: [
       {

@@ -22,8 +22,9 @@
   const getImagBase64 = ref(fallback);
 
   const getRadio = computed(() => {
-    const { radio } = props.radio || DEFAULT_RADIO_RECORD;
-    return radio;
+    // const { radio } = props.radio || DEFAULT_RADIO_RECORD;
+    // return radio;
+    return props.radio || DEFAULT_RADIO_RECORD;
   });
 
   const getWidth = computed(() => {
@@ -69,7 +70,7 @@
     <!-- <Image :style="{ width: `${getWidth}px` }" :src="getImagBase64" /> -->
     <div
       class="w-full text-center truncate p-5"
-      :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 12 }), color: '#999' }"
+      :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }), color: '#999' }"
     >
       <Tooltip
         placement="top"

@@ -47,8 +47,9 @@
   });
 
   const getRadio = computed(() => {
-    const { radio } = props.radio;
-    return radio;
+    // const { radio } = props.radio;
+    // return radio;
+    return props.radio || DEFAULT_RADIO_RECORD;
   });
 </script>
 
@@ -66,8 +67,8 @@
               prefix="iconfont"
               :style="{
                 color: props.value.iconColor,
-                width: fontSize({ radio: getRadio, basic: 50, min: 16 }),
-                height: fontSize({ radio: getRadio, basic: 50, min: 16 }),
+                width: fontSize({ radioRecord: getRadio, basic: 50, min: 16 }),
+                height: fontSize({ radioRecord: getRadio, basic: 50, min: 16 }),
               }"
             />
           </div>
@@ -77,12 +78,12 @@
               class="truncate"
               :suffix="getShowUnit ? props.value.unit : ''"
               :value-style="{
-                fontSize: fontSize({ radio: getRadio, basic: 24, min: 16 }),
+                fontSize: fontSize({ radioRecord: getRadio, basic: 24, min: 16 }),
                 color: props.value.fontColor,
               }"
             />
           </div>
-          <div :style="{ color: '#666', fontSize: fontSize({ radio: getRadio, basic: 16 }) }">
+          <div :style="{ color: '#666', fontSize: fontSize({ radioRecord: getRadio, basic: 16 }) }">
             <!-- {{ getShowUnit ? props.value.unit : '' }} -->
             {{ props.value.name }}
           </div>
@@ -103,7 +104,7 @@
     >
       <div class="text-center text-xs truncate p-5" style="color: #999">
         <div
-          :style="{ fontSize: fontSize({ radio: getRadio, basic: 12, max: 12 }) }"
+          :style="{ fontSize: fontSize({ radioRecord: getRadio, basic: 12, max: 12 }) }"
           class="truncate"
         >
           <span class="mr-1">更新时间:</span>

@@ -63,7 +63,7 @@
         :key="index"
       >
         <Tooltip :title="item.deviceName" placement="top">
-          <span>
+          <span class="font-bold">
             <!-- <SvgIcon name="" prefix="iconfont" class="!fill-emerald-400" /> -->
             <span>{{ item.deviceRename || item.deviceName }}</span>
           </span>

@@ -40,16 +40,18 @@ export const calcScale = (
 };
 
 export const fontSize = ({
-  radio,
+  radioRecord,
   basic,
   max,
   min,
 }: {
-  radio: number;
+  radioRecord: RadioRecord;
   basic: number;
   max?: number;
   min?: number;
 }) => {
+  const { radio } = radioRecord;
+  // console.log({ ...radioRecord });
   let res = basic * radio;
   if (max && res > max) res = max;
   if (min && res < min) res = min;

@@ -193,7 +193,7 @@
           <ListItem>
             <Card class="data-card cursor-pointer">
               <template #title>
-                <div>{{ item.name }}</div>
+                <div class="font-bold">{{ item.name }}</div>
               </template>
               <template #extra>
                 <Dropdown