fix:数据

public/staticData/static.json

@@ -162,98 +162,98 @@
             ]
           }
         ]
+      }
+    },
+    "TopAlarmsHaz": {
+      "a": {
+        "titleText": "电动自行车停车场景数企业及场景数量",
+        "source": [
+          {
+            "rank": "TOP1",
+            "name": "株机公司",
+            "value": 96
+          },
+          {
+            "rank": "TOP2",
+            "name": "株洲所",
+            "value": 34
+          },
+          {
+            "rank": "TOP3",
+            "name": "时代新材",
+            "value": 19
+          },
+          {
+            "rank": "TOP4",
+            "name": "产投公司",
+            "value": 16
+          },
+          {
+            "rank": "TOP5",
+            "name": "四方股份",
+            "value": 12
+          }
+        ]
       },
-      "TopAlarmsHaz": {
+      "b": {
-        "a": {
+        "titleText": "电动汽车停车场场景数企业及场景数量",
-          "titleText": "电动自行车停放区场景数前五的企业及场景数量",
+        "source": [
-          "source": [
+          {
-            {
+            "rank": "TOP1",
-              "rank": "TOP1",
+            "name": "株机公司",
-              "name": "株机公司",
+            "value": 18
-              "value": 96
+          },
-            },
+          {
-            {
+            "rank": "TOP2",
-              "rank": "TOP2",
+            "name": "株洲所",
-              "name": "株洲所",
+            "value": 18
-              "value": 34
+          },
-            },
+          {
-            {
+            "rank": "TOP3",
-              "rank": "TOP3",
+            "name": "四方股份",
-              "name": "时代新材",
+            "value": 20
-              "value": 19
+          },
-            },
+          {
-            {
+            "rank": "TOP4",
-              "rank": "TOP4",
+            "name": "时代新材",
-              "name": "产投公司",
+            "value": 12
-              "value": 16
+          },
-            },
+          {
-            {
+            "rank": "TOP5",
-              "rank": "TOP5",
+            "name": "长江集团",
-              "name": "四方股份",
+            "value": 10
-              "value": 12
+          }
-            }
+        ]
-          ]
+      },
-        },
+      "c": {
-        "b": {
+        "titleText": "生产用电动车停车场景数企业及场景数量",
-          "titleText": "电动汽车停车场场景数前五的企业及场景数量",
+        "source": [
-          "source": [
+          {
-            {
+            "rank": "TOP1",
-              "rank": "TOP1",
+            "name": "株机公司",
-              "name": "株机公司",
+            "value": 82
-              "value": 18
+          },
-            },
+          {
-            {
+            "rank": "TOP2",
-              "rank": "TOP2",
+            "name": "长客股份",
-              "name": "株洲所",
+            "value": 63
-              "value": 18
+          },
-            },
+          {
-            {
+            "rank": "TOP3",
-              "rank": "TOP3",
+            "name": "四方股份",
-              "name": "四方股份",
+            "value": 32
-              "value": 20
+          },
-            },
+          {
-            {
+            "rank": "TOP4",
-              "rank": "TOP4",
+            "name": "株洲所",
-              "name": "时代新材",
+            "value": 24
-              "value": 12
+          },
-            },
+          {
-            {
+            "rank": "TOP5",
-              "rank": "TOP5",
+            "name": "时代新材",
-              "name": "长江集团",
+            "value": 22
-              "value": 10
+          }
-            }
+        ]
-          ]
-        },
-        "c": {
-          "titleText": "生产用电动车停放区场景数前五的企业及场景数量",
-          "source": [
-            {
-              "rank": "TOP1",
-              "name": "株机公司",
-              "value": 82
-            },
-            {
-              "rank": "TOP2",
-              "name": "长客股份",
-              "value": 63
-            },
-            {
-              "rank": "TOP3",
-              "name": "四方股份",
-              "value": 32
-            },
-            {
-              "rank": "TOP4",
-              "name": "株洲所",
-              "value": 24
-            },
-            {
-              "rank": "TOP5",
-              "name": "时代新材",
-              "value": 22
-            }
-          ]
-        }
       }
     }
   },
@@ -419,40 +419,36 @@
     }
   },
   "T04": {
-    "SceneDistribution": {
+    "WorkshopScene": {
       "a": {
         "source": [
           {
-            "title": "危化品库",
+            "name": "危化品库",
-            "label": "场景总数",
+            "icon": "warehouse",
-            "value": 130,
+            "metrics": [
-            "color": "#00E5FF",
+              {
-            "image": "scene-total.png"
+                "label": "场景总数",
+                "value": 130
+              },
+              {
+                "label": "智控场景",
+                "value": 0
+              }
+            ]
           },
           {
-            "title": "危化品库",
+            "name": "危废品库",
-            "label": "智控场景",
+            "icon": "warehouse",
-            "value": 0,
+            "metrics": [
-            "color": "#FFD700",
+              {
-            "image": "scene-control.png"
+                "label": "智控场景",
-          }
+                "value": 152
-        ]
+              },
-      },
+              {
-      "b": {
+                "label": "场景总数",
-        "source": [
+                "value": 0
-          {
+              }
-            "title": "危废品库",
+            ]
-            "label": "场景总数",
-            "value": 152,
-            "color": "#00E5FF",
-            "image": "scene-total.png"
-          },
-          {
-            "title": "危废品库",
-            "label": "智控场景",
-            "value": 0,
-            "color": "#FFD700",
-            "image": "scene-control.png"
           }
         ]
       }
@@ -462,32 +458,39 @@
         "titleText": "危化品库场景数量前五的企业及场景数量",
         "source": [
           {
-            "company": "时代新材",
+            "rank": "TOP1",
-            "quantity": 30
+            "name": "时代新材",
+            "value": 30
           },
           {
-            "company": "株洲所",
+            "rank": "TOP2",
-            "quantity": 16
+            "name": "株洲所",
+            "value": 16
           },
           {
-            "company": "四方股份",
+            "rank": "TOP3",
-            "quantity": 15
+            "name": "四方股份",
+            "value": 15
           },
           {
-            "company": "产投公司",
+            "rank": "TOP4",
-            "quantity": 13
+            "name": "产投公司",
+            "value": 13
           },
           {
-            "company": "长江集团",
+            "rank": "TOP5",
-            "quantity": 11
+            "name": "长江集团",
+            "value": 11
           },
           {
-            "company": "长客股份",
+            "rank": "TOP6",
-            "quantity": 11
+            "name": "长客股份",
+            "value": 11
           },
           {
-            "company": "株机公司",
+            "rank": "TOP7",
-            "quantity": 11
+            "name": "株机公司",
+            "value": 11
           }
         ]
       },
@@ -495,24 +498,29 @@
         "titleText": "危废品库场景数量前五的企业及场景数量",
         "source": [
           {
-            "company": "时代新材",
+            "rank": "TOP1",
-            "quantity": 27
+            "name": "时代新材",
+            "value": 27
           },
           {
-            "company": "株机公司",
+            "rank": "TOP2",
-            "quantity": 26
+            "name": "株机公司",
+            "value": 26
           },
           {
-            "company": "株洲所",
+            "rank": "TOP3",
-            "quantity": 20
+            "name": "株洲所",
+            "value": 20
           },
           {
-            "company": "产投公司",
+            "rank": "TOP4",
-            "quantity": 16
+            "name": "产投公司",
+            "value": 16
           },
           {
-            "company": "长客股份",
+            "rank": "TOP5",
-            "quantity": 12
+            "name": "长客股份",
+            "value": 12
           }
         ]
       }

src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/index.vue

@@ -103,6 +103,15 @@ watch(
     { deep: true, immediate: true }
 )
 
+
+
+
+
+
+
+
+
+
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
     updateChartData(newData)
 })

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

@@ -133,8 +133,24 @@ const fetchCorpsData = async (option: string) => {
       // }
       // 使用静态数据
       await getStaticData(key, props.chartConfig.option.componentIndexKey, props.chartConfig.option.sceneCode);
-    displayData.value = response['source']
+    // 数据校验：检查响应是否存在且包含有效数据
-    props.chartConfig.option.titleText = response['titleText']
+    if (response && response['source'] && Array.isArray(response['source']) && response['source'].length > 0) {
+      // 检查新数据是否与现有数据相同（简单比较长度和第一项）
+      const isNewDataDifferent =
+        !displayData.value ||
+        displayData.value.length !== response['source'].length ||
+        JSON.stringify(displayData.value) !== JSON.stringify(response['source']);
+
+      // 只有当数据不为空且与现有数据不同时才更新
+      if (isNewDataDifferent) {
+        displayData.value = response['source'];
+      }
+    }
+
+    // 标题文本更新（即使数据相同也更新标题）
+    if (response && response['titleText']) {
+      props.chartConfig.option.titleText = response['titleText'];
+    }
   } catch (error) {
     console.error('获取企业数据失败:', error)
     displayData.value = []

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

@@ -287,8 +287,7 @@ const fetchData = async () => {
 watch(
   () => [
     props.chartConfig.option.sceneCode,
-    props.chartConfig.option.componentIndexKey,
+    props.chartConfig.option.componentIndexKey
-    props.chartConfig.option.dataset
   ],
   async () => {
     await fetchData();

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

@@ -197,7 +197,7 @@
     </svg>
 
     <div class="go-scene-distribution">
-      <div class="header-title">{{ option.titleText }}</div>
+      <div class="header-title">场景分布概况</div>
 
 
       <div class="content">

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

@@ -2,6 +2,7 @@ import { PublicConfigClass } from '@/packages/public'
 import { CreateComponentType } from '@/packages/index.d'
 import { WorkshopSceneConfig } from './index'
 import dataJson from './data.json'
+import { cloneDeep } from 'lodash'
 export enum FontWeightEnum {
   NORMAL = '常规',
   BOLD = '加粗',
@@ -22,8 +23,10 @@ export const FontStyleObject = {
   [FontStyleEnum.ITALIC]: 'italic',
 }
 export const option = {
+  sceneCode: 'T06',
+  componentIndexKey: "a",
   dataset: dataJson.source,
-  title: '场景分布概况',
+  titleText: '场景分布概况',
   titleColor: '#eee',
   titleSize: 16,
   iconColor: '#00E5FF',
@@ -48,5 +51,5 @@ export const option = {
 export default class Config extends PublicConfigClass implements CreateComponentType {
   public key = WorkshopSceneConfig.key
   public chartConfig = WorkshopSceneConfig
-  public option = option
+  public option = cloneDeep(option)
 }

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

@@ -1,5 +1,15 @@
 <template>
   <collapse-item name="信息" :expanded="true">
+    <setting-item-box name="场景 Code " :alone="true">
+      <setting-item>
+        <n-input v-model:value="optionData.sceneCode"></n-input>
+      </setting-item>
+    </setting-item-box>
+    <setting-item-box name="组件 key " :alone="true">
+      <setting-item>
+        <n-input v-model:value="optionData.componentIndexKey"></n-input>
+      </setting-item>
+    </setting-item-box>
     <setting-item-box name="标题" :alone="true">
       <setting-item>
         <n-input v-model:value="optionData.title" type="textarea" size="small"></n-input>

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

@@ -12,7 +12,7 @@
               marginLeft: option.paddingX + 'px',
               marginTop: option.paddingY + 'px',
               letterSpacing: option.letterSpacing + 'px'
-            }">{{ option.title }}</span>
+            }">{{ option.titleText }}</span>
           </div>
         </div>
         <a class="link" :style="{ color: option.linkColor }">{{ option.linkText }}</a>
@@ -64,11 +64,13 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, computed } from 'vue'
+import { PropType, computed, onMounted, ref, watch } from 'vue'
 import { option as configOption } from './config'
 import bg1 from './assets/6.png'
 import bg2 from './assets/04.png'
 import SmallBorder from '../SmallBorder/index.vue'
+import { WorkshopSceneConfig } from './index'
+import axios from 'axios'
 
 const backgrounds = [bg1, bg2]
 
@@ -79,7 +81,71 @@ const props = defineProps({
   }
 })
 
+
 const option = computed(() => props.chartConfig.option)
+const isFetching = ref(false) // 防止重复请求
+const key = WorkshopSceneConfig.key
+// 获取静态数据
+const getStaticData = async (key: string, componentIndexKey: string, sceneCode: string) => {
+  try {
+    const response = await axios.get('/staticData/static.json');
+    if (response.data) {
+      console.log('静态数据:', response.data);
+      const dataTemp = response.data[sceneCode]?.[key]?.[componentIndexKey]?.['source'];
+      if (!dataTemp) {
+        console.warn(`Data not found for sceneCode: ${sceneCode}, key: ${key}, componentIndexKey: ${componentIndexKey}`);
+        return props.chartConfig.option.dataset; // 返回默认数据
+      }
+      return dataTemp;
+    }
+  } catch (err) {
+    console.error('获取static.json失败:', err);
+  }
+  return props.chartConfig.option.dataset; // 出错时返回默认数据
+}
+
+
+// 统一数据获取方法
+const fetchData = async () => {
+  // 防止重复请求
+  if (isFetching.value) return;
+
+  isFetching.value = true;
+  try {
+    let data;
+
+    // 静态数据
+    data = await getStaticData(key, option.value.componentIndexKey, option.value.sceneCode);
+    props.chartConfig.option.dataset = data;
+
+    if (JSON.stringify(data) !== JSON.stringify(option.value.dataset)) {
+
+      console.log('更新数据:', data);
+    }
+  } finally {
+    isFetching.value = false;
+  }
+}
+
+watch(
+  () => [
+    props.chartConfig.option.sceneCode,
+    props.chartConfig.option.componentIndexKey,
+  ],
+  async () => {
+    await fetchData();
+  },
+  {
+    immediate: true,
+    deep: true
+  }
+)
+
+// 组件挂载时获取数据
+onMounted(async () => {
+  await fetchData();
+})
+
 </script>
 
 <style lang="scss" scoped>