feat: add showDeviceName field in visual board detail set datasource form

@@ -69,6 +69,7 @@ export interface ComponentInfo {
   icon: string;
   value?: string | number;
   updateTime?: number;
+  showDeviceName: boolean;
 }
 
 export interface DataSource {

@@ -72,7 +72,9 @@
         >
           <Tooltip :title="item.deviceName" placement="topLeft">
             <div class="flex p-1">
-              <div class="truncate font-bold">{{ item.deviceRename || item.deviceName }}</div>
+              <div v-if="item.componentInfo.showDeviceName" class="truncate font-bold">
+                {{ item.deviceRename || item.deviceName }}
+              </div>
             </div>
           </Tooltip>
         </div>

@@ -61,6 +61,7 @@
       icon: value.icon || null,
       iconColor: value.iconColor || null,
       unit: value.unit || null,
+      showDeviceName: value.showDeviceName,
       gradientInfo: [
         { key: Gradient.FIRST, value: value.firstPhaseValue, color: value.firstPhaseColor },
         { key: Gradient.SECOND, value: value.secondPhaseValue, color: value.secondPhaseColor },

@@ -12,6 +12,7 @@ export interface VisualOptionParams {
   [visualOptionField.FIRST_PHASE_VALUE]: string;
   [visualOptionField.SECOND_PHASE_VALUE]: string;
   [visualOptionField.THIRD_PHASE_VALUE]: string;
+  [visualOptionField.SHOW_DEVICE_NAME]: string;
 }
 
 export enum visualOptionField {
@@ -25,6 +26,7 @@ export enum visualOptionField {
   FIRST_PHASE_VALUE = 'firstPhaseValue',
   SECOND_PHASE_VALUE = 'secondPhaseValue',
   THIRD_PHASE_VALUE = 'thirdPhaseValue',
+  SHOW_DEVICE_NAME = 'showDeviceName',
 }
 
 export const modeOne: FormSchema[] = [
@@ -37,6 +39,11 @@ export const modeOne: FormSchema[] = [
       defaultValue: '#000',
     },
   },
+  {
+    field: visualOptionField.SHOW_DEVICE_NAME,
+    label: '显示设备名称',
+    component: 'Checkbox',
+  },
 ];
 
 export const modeTwo: FormSchema[] = [
@@ -78,6 +85,11 @@ export const modeTwo: FormSchema[] = [
       };
     },
   },
+  {
+    field: visualOptionField.SHOW_DEVICE_NAME,
+    label: '显示设备名称',
+    component: 'Checkbox',
+  },
 ];
 
 export const modeThree: FormSchema[] = [
@@ -156,6 +168,11 @@ export const modeThree: FormSchema[] = [
       };
     },
   },
+  {
+    field: visualOptionField.SHOW_DEVICE_NAME,
+    label: '显示设备名称',
+    component: 'Checkbox',
+  },
 ];
 
 export const modeFour: FormSchema[] = [
@@ -176,6 +193,11 @@ export const modeFour: FormSchema[] = [
       placeholder: '请输入数值单位',
     },
   },
+  {
+    field: visualOptionField.SHOW_DEVICE_NAME,
+    label: '显示设备名称',
+    component: 'Checkbox',
+  },
 ];
 
 export const modeFive: FormSchema[] = [
@@ -209,6 +231,11 @@ export const modeFive: FormSchema[] = [
       };
     },
   },
+  {
+    field: visualOptionField.SHOW_DEVICE_NAME,
+    label: '显示设备名称',
+    component: 'Checkbox',
+  },
 ];
 
 export const schemasMap = new Map<FrontComponent, FormSchema[]>();