From e84d125be88008d69ef15c8f32e3b5ebc923c426 Mon Sep 17 00:00:00 2001
From: Free-sss <630042479@qq.com>
Date: Thu, 4 Sep 2025 17:29:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E9=9D=99=E6=80=81=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/staticData/static.json                 | 54 +++++++++----------
 .../FiniteSpatialDistribution/config.ts       |  1 +
 .../FiniteSpatialDistribution/config.vue      |  5 ++
 .../FiniteSpatialDistribution/data.json       |  4 +-
 .../FiniteSpatialDistribution/index.vue       | 12 +----
 .../MyComponents/WorkshopScene/config.vue     |  2 +-
 .../MyComponents/WorkshopScene/index.vue      | 28 ++++++----
 7 files changed, 53 insertions(+), 53 deletions(-)

diff --git a/public/staticData/static.json b/public/staticData/static.json
index 6ebff16..261179d 100644
--- a/public/staticData/static.json
+++ b/public/staticData/static.json
@@ -317,40 +317,36 @@
     }
   },
   "T05": {
-    "SceneDistribution": {
+    "WorkshopScene": {
       "a": {
         "source": [
           {
-            "title": "调漆作业室",
-            "label": "场景总数",
-            "value": 141,
-            "color": "#00E5FF",
-            "image": "scene-total.png"
+            "name": "调漆作业室",
+            "icon": "warehouse",
+            "metrics": [
+              {
+                "label": "场景总数",
+                "value": 141
+              },
+              {
+                "label": "智控场景",
+                "value": 0
+              }
+            ]
           },
           {
-            "title": "调漆作业室",
-            "label": "智控场景",
-            "value": 0,
-            "color": "#FFD700",
-            "image": "scene-control.png"
-          }
-        ]
-      },
-      "b": {
-        "source": [
-          {
-            "title": "喷漆作业室",
-            "label": "场景总数",
-            "value": 466,
-            "color": "#00E5FF",
-            "image": "scene-total.png"
-          },
-          {
-            "title": "喷漆作业室",
-            "label": "智控场景",
-            "value": 0,
-            "color": "#FFD700",
-            "image": "scene-control.png"
+            "name": "喷漆作业室",
+            "icon": "warehouse",
+            "metrics": [
+              {
+                "label": "智控场景",
+                "value": 466
+              },
+              {
+                "label": "场景总数",
+                "value": 0
+              }
+            ]
           }
         ]
       }
diff --git a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.ts b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.ts
index 4be240a..c5df9f5 100644
--- a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.ts
+++ b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.ts
@@ -10,6 +10,7 @@ export const includes = ['legend']
 // 其它配置
 const otherConfig = {
     sceneCode: 'T01',
+    componentIndexKey:"",
     dateTime: {
         selectValue: 'day',
         dataset: [
diff --git a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.vue b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.vue
index 153ddbe..a5af0ae 100644
--- a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.vue
+++ b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/config.vue
@@ -6,6 +6,11 @@
           <n-input v-model:value="optionData.sceneCode" type="textarea" size="small"></n-input>
         </setting-item>
       </setting-item-box>
+      <setting-item-box name="组件 key " :alone="true">
+        <setting-item>
+          <n-input v-model:value="optionData.componentIndexKey" type="textarea" size="small"></n-input>
+        </setting-item>
+      </setting-item-box>
     </collapse-item>
     <!-- 基础配置可以复用PieCommon的配置面板 -->
     <CollapseItem name="基础配置" :expanded="true">
diff --git a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/data.json b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/data.json
index 4c76d33..654ab69 100644
--- a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/data.json
+++ b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/data.json
@@ -7,8 +7,8 @@
   ],
   "source": [
     {
-      "name": "类型1",
-      "value": 1867
+      "name": "污水处理站",
+      "value": 275
     },
     {
       "name": "类型2",
diff --git a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/index.vue b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/index.vue
index bf0f629..d596464 100644
--- a/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/index.vue
+++ b/src/packages/components/Charts/ConfinedSpace/FiniteSpatialDistribution/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="go-border-box">
         <img src="./assets/title.svg" class="svg" />
-        <div class="header-title">有限空间分布情况</div>
+        <div class="header-title">各企业有限空间总数及各等级有限空间的数量        </div>
         <v-chart ref="vChartRef" autoresize :init-options="initOptions" :theme="themeColor" :option="option"></v-chart>
     </div>
 
@@ -9,8 +9,6 @@
 
 <script setup lang="ts">
 import 'echarts-gl'
-import { toRaw, toReadonly, toRefs } from '@vue/reactivity'
-import { isPreview } from '@/utils'
 import { computed, onMounted, PropType, reactive, watch } from 'vue'
 import VChart from 'vue-echarts'
 import * as echarts from 'echarts'
@@ -104,14 +102,6 @@ watch(
 )
 
 
-
-
-
-
-
-
-
-
 const { vChartRef } = useChartDataFetch(props.chartConfig, useChartEditStore, (newData: any) => {
     updateChartData(newData)
 })
diff --git a/src/packages/components/Charts/MyComponents/WorkshopScene/config.vue b/src/packages/components/Charts/MyComponents/WorkshopScene/config.vue
index f40fc57..bd4769b 100644
--- a/src/packages/components/Charts/MyComponents/WorkshopScene/config.vue
+++ b/src/packages/components/Charts/MyComponents/WorkshopScene/config.vue
@@ -12,7 +12,7 @@
     </setting-item-box>
     <setting-item-box name="标题" :alone="true">
       <setting-item>
-        <n-input v-model:value="optionData.title" type="textarea" size="small"></n-input>
+        <n-input v-model:value="optionData.titleText" type="textarea" size="small"></n-input>
       </setting-item>
     </setting-item-box>
   </collapse-item>
diff --git a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
index 1e4f96e..829f13d 100644
--- a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
+++ b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
@@ -20,40 +20,48 @@
       <div class="content">
         <div class="scene-row" :style="{ backgroundImage: `url(${backgrounds[0]})` }">
           <div class="scene-name-1" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">
-            危化品库</div>
+            {{ option.dataset[0].name }}</div>
           <div class="metrics-container">
             <div class="metric-top-1">
               <div class="metric-label">
-                <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">场景总数</span>
+                <span
+                  :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ option.dataset[0].metrics[0].label }}</span>
               </div>
-              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">262
+              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">
+                {{ option.dataset[0].metrics[0].value }}
               </div>
             </div>
             <div class="metric-top-2">
               <div class="metric-label">
-                <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">智控场景</span>
+                <span
+                  :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ option.dataset[0].metrics[1].label }}</span>
               </div>
-              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">6852
+              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">
+                {{ option.dataset[0].metrics[1].value }}
               </div>
             </div>
           </div>
         </div>
         <div class="scene-row reverse" :style="{ backgroundImage: `url(${backgrounds[1]})` }">
           <div class="scene-name-2" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">
-            危废品库</div>
+            {{ option.dataset[1].name }} </div>
           <div class="metrics-container">
             <div class="metric-bottom-1">
               <div class="metric-label">
-                <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">智控场景</span>
+                <span
+                  :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ option.dataset[1].metrics[0].label }}</span>
               </div>
-              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">6852
+              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">
+                {{ option.dataset[1].metrics[0].value }}
               </div>
             </div>
             <div class="metric-bottom-2">
               <div class="metric-label">
-                <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">场景总数</span>
+                <span
+                  :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ option.dataset[1].metrics[1].label }}</span>
               </div>
-              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">262
+              <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">
+                {{ option.dataset[1].metrics[1].value }}
               </div>
             </div>
           </div>