refactor(charts): 调整图表组件的默认尺寸

- 修改了多个图表组件的宽度和高度属性
- 优化了部分组件的样式，如移除背景色

src/packages/components/Charts/ConfinedSpace/AlarmNowList/config.ts

@@ -20,5 +20,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = AlarmNowListConfig.key
   public chartConfig = cloneDeep(AlarmNowListConfig)
   public option = cloneDeep(option)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.ts

@@ -127,5 +127,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
     public key: string = FiniteSpatialDistributionConfig.key
     public chartConfig = cloneDeep(FiniteSpatialDistributionConfig)
     public option = echartOptionProfixHandle(option, includes)
-    public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+    public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/ConfinedSpace/PieCircleCommen/config.ts

@@ -131,7 +131,7 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key: string = PieCircleCommenConfig.key
 
   public chartConfig = cloneDeep(PieCircleCommenConfig)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
   // 图表配置项
   public option = echartOptionProfixHandle(option, includes)
 }

src/packages/components/Charts/ConfinedSpace/videoCheck/config.ts

@@ -43,5 +43,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = videoCheckConfig.key
   public chartConfig = cloneDeep(videoCheckConfig)
   public option = cloneDeep(option)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 430, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/HazardousChemicalsSpace/AlarmListHazC/config.ts

@@ -46,6 +46,6 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = AlarmListHazCConfig.key
   public chartConfig = AlarmListHazCConfig
   public option = cloneDeep(option)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 
 }

src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/config.ts

@@ -39,7 +39,7 @@ const otherConfig = {
 
 export const option = {
   ...otherConfig,
-  backgroundColor: 'rgba(13, 16, 22, 1)',
+  // backgroundColor: 'rgba(13, 16, 22, 1)',
   grid: {
     left: '8%',
     right: '8%',
@@ -143,5 +143,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key: string = LineDropdownConfig.key
   public chartConfig = cloneDeep(LineDropdownConfig)
   public option = echartOptionProfixHandle(option, includes)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/HazardousChemicalsSpace/LineDropdownHaz/index.vue

@@ -169,9 +169,9 @@ onMounted(() => {
 <style scoped>
 .line-dropdown-container {
   width: 100%;
-  height: 100%;
+  height: calc(100% - 40px);
   /* background: rgba(13, 16, 22, 1); */
-  position: relative;
+  /* position: relative; */
 }
 
 .dropdown-container {
@@ -180,7 +180,7 @@ onMounted(() => {
   left: 7%;
   width: 86%;
   z-index: 10;
-  position: relative;
+  /* position: relative; */
   /* 添加边框样式到父容器 */
   border-radius: 8px;
   padding: 1px;
@@ -326,7 +326,10 @@ onMounted(() => {
   padding-top: 0px;
   box-sizing: border-box;
   width: 100%;
-  height: 100%;
+  flex: 1;
+  height: 99%;
+  /* min-height: 0; */
+  /* height: 100%; */
 }
 </style>
 
@@ -336,6 +339,7 @@ onMounted(() => {
   position: relative;
   width: 90%;
   margin: 10px auto 0;
+  flex-shrink: 0;
 
   :deep(.custom-select) {
     z-index: 999;

src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/config.ts

@@ -140,6 +140,6 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public mockData = dataJson
   // 图表配置项
   public option = echartOptionProfixHandle(option, includes)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }
 

src/packages/components/Charts/HazardousChemicalsSpace/PieCenterHaz/config.ts

@@ -237,5 +237,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
     public key: string = PieCenterConfig.key
     public chartConfig = cloneDeep(PieCenterConfig)
     public option = echartOptionProfixHandle(option, includes)
-    public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+    public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/HazardousChemicalsSpace/TopAlarmsHaz/config.ts

@@ -46,5 +46,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
     public key = TopAlarmsConfig.key
     public chartConfig = TopAlarmsConfig
     public option = cloneDeep(option)
-    public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+    public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/HazardousChemicalsSpace/yushiVideoHaz/config.ts

@@ -34,5 +34,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = yushiVideoConfig.key
   public chartConfig = cloneDeep(yushiVideoConfig)
   public option = cloneDeep(option)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/MyComponents/LineDropdown/config.ts

@@ -39,7 +39,7 @@ const otherConfig = {
 
 export const option = {
   ...otherConfig,
-  backgroundColor: 'rgba(13, 16, 22, 1)',
+  // backgroundColor: 'rgba(13, 16, 22, 1)',
   grid: {
     left: '8%',
     right: '8%',

src/packages/components/Charts/MyComponents/LineDropdown/index.vue

@@ -169,9 +169,9 @@ onMounted(() => {
 <style scoped>
 .line-dropdown-container {
   width: 100%;
-  height: 100%;
+  height: calc(100% - 40px);
   /* background: rgba(13, 16, 22, 1); */
-  position: relative;
+  /* position: relative; */
 }
 
 .dropdown-container {
@@ -180,7 +180,7 @@ onMounted(() => {
   left: 7%;
   width: 86%;
   z-index: 10;
-  position: relative;
+  /* position: relative; */
   /* 添加边框样式到父容器 */
   border-radius: 8px;
   padding: 1px;
@@ -326,7 +326,10 @@ onMounted(() => {
   padding-top: 0px;
   box-sizing: border-box;
   width: 100%;
-  height: 100%;
+  flex: 1;
+  height: 99%;
+  /* min-height: 0; */
+  /* height: 100%; */
 }
 </style>
 
@@ -336,6 +339,7 @@ onMounted(() => {
   position: relative;
   width: 90%;
   margin: 10px auto 0;
+  flex-shrink: 0;
 
   :deep(.custom-select) {
     z-index: 999;

src/packages/components/Charts/MyComponents/LineGraph01/config.ts

@@ -140,6 +140,6 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public mockData = dataJson
   // 图表配置项
   public option = echartOptionProfixHandle(option, includes)
-  public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }
 

src/packages/components/Charts/MyComponents/ParkingScene/config.ts

@@ -3,7 +3,7 @@ import { CreateComponentType } from '@/packages/index.d'
 import { ParkingSceneConfig } from './index'
 import dataJson from './data.json'
 import { cloneDeep } from 'lodash'
-
+import { chartInitConfig } from '@/settings/designSetting'
 export const option = {
   sceneCode: "",
   componentIndexKey: "",
@@ -25,4 +25,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = ParkingSceneConfig.key
   public chartConfig = ParkingSceneConfig
   public option = cloneDeep(option)
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/MyComponents/PieCenter/config.ts

@@ -237,5 +237,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
     public key: string = PieCenterConfig.key
     public chartConfig = cloneDeep(PieCenterConfig)
     public option = echartOptionProfixHandle(option, includes)
-    public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+    public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/MyComponents/SceneDistribution/config.ts

@@ -3,7 +3,7 @@ import { CreateComponentType } from '@/packages/index.d'
 import { SceneDistributionConfig } from './index'
 import dataJson from './data.json'
 import { cloneDeep } from 'lodash'
-
+import { chartInitConfig } from '@/settings/designSetting'
 export const option = {
   sceneCode: 'T06',
   componentIndexKey: "a",
@@ -24,4 +24,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = SceneDistributionConfig.key
   public chartConfig = SceneDistributionConfig
   public option = cloneDeep(option)
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/MyComponents/TopAlarms/config.ts

@@ -46,5 +46,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
     public key = TopAlarmsConfig.key
     public chartConfig = TopAlarmsConfig
     public option = cloneDeep(option)
-    public attr = { ...chartInitConfig, x: 0, y: 0, w: 450, h: 300, zIndex: 1 }
+    public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }

src/packages/components/Charts/MyComponents/WorkshopScene/config.ts

@@ -3,7 +3,9 @@ import { CreateComponentType } from '@/packages/index.d'
 import { WorkshopSceneConfig } from './index'
 import dataJson from './data.json'
 import { cloneDeep } from 'lodash'
+import { chartInitConfig } from '@/settings/designSetting'
 export enum FontWeightEnum {
+  
   NORMAL = '常规',
   BOLD = '加粗',
 }
@@ -52,4 +54,5 @@ export default class Config extends PublicConfigClass implements CreateComponent
   public key = WorkshopSceneConfig.key
   public chartConfig = WorkshopSceneConfig
   public option = cloneDeep(option)
+  public attr = { ...chartInitConfig, x: 0, y: 0, w: 500, h: 325, zIndex: 1 }
 }