fix: 修改看板组件实时数据表格样式和数据问题

@@ -19,6 +19,13 @@
         component: 'Checkbox',
         defaultValue: option.showDeviceName,
       },
+      {
+        field: ComponentConfigFieldEnum.LINE_COLOR,
+        label: '线条颜色',
+        component: 'ColorPicker',
+        changeEvent: 'update:value',
+        defaultValue: option.fontColor,
+      },
     ],
     showActionButtonGroup: false,
     labelWidth: 120,
@@ -32,6 +39,7 @@
     const item = getFieldsValue();
     return {
       fontColor: item[ComponentConfigFieldEnum.FONT_COLOR],
+      lineColor: item[ComponentConfigFieldEnum.LINE_COLOR],
       unit: item[ComponentConfigFieldEnum.UNIT],
       showDeviceName: item[ComponentConfigFieldEnum.SHOW_DEVICE_NAME],
     } as ComponentInfo;
@@ -39,11 +47,12 @@
 
   const setFormValues = (data: Recordable) => {
     // return setFieldsValue(data);
-    const { unit, fontColor, showDeviceName } = data;
+    const { unit, fontColor, showDeviceName, lineColor } = data;
 
     const value = {
       [ComponentConfigFieldEnum.UNIT]: unit,
       [ComponentConfigFieldEnum.FONT_COLOR]: fontColor,
+      [ComponentConfigFieldEnum.LINE_COLOR]: lineColor,
       [ComponentConfigFieldEnum.SHOW_DEVICE_NAME]: showDeviceName,
     };
     return setFieldsValue(value);