From d190d1520052d10d72e47e520bdb6e8ca19b688b Mon Sep 17 00:00:00 2001
From: lucashu <6125220@qq.com>
Date: Fri, 22 Aug 2025 08:55:33 +0800
Subject: [PATCH] 123

---
 .../MyComponents/WorkshopScene/index.vue      | 53 +++++++++++++------
 1 file changed, 36 insertions(+), 17 deletions(-)

diff --git a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
index 631f4b0..401ed79 100644
--- a/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
+++ b/src/packages/components/Charts/MyComponents/WorkshopScene/index.vue
@@ -18,22 +18,38 @@
         <a class="link" :style="{ color: option.linkColor }">{{ option.linkText }}</a>
       </div>
       <div class="content">
-        <div v-for="(scene, index) in option.dataset" :key="index" class="scene-row"
-          :class="{ reverse: index % 2 !== 0 }" :style="{ backgroundImage: `url(${backgrounds[index]})` }">
-            <div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">{{
-                      scene.name }}</div>
+        <div class="scene-row" :style="{ backgroundImage: `url(${backgrounds[0]})` }">
+            <div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危化品库</div>
 		  <div class="metrics-container">
-            <template v-for="(metric, mIndex) in scene.metrics" :key="mIndex">
               <div class="metric">
                 <div class="metric-label">
-                  <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">{{ metric.label
-                  }}</span>
+                  <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">场景总数</span>
                 </div>
-                <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">{{
-                  metric.value }}</div>
+                <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">262</div>
+              </div>
+              <div class="metric">
+                <div class="metric-label">
+                  <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">智控场景</span>
+                </div>
+                <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">6852</div>
+              </div>
+          </div>
+        </div>
+        <div class="scene-row reverse" :style="{ backgroundImage: `url(${backgrounds[1]})` }">
+            <div class="scene-name" :style="{ color: option.sceneNameColor, fontSize: option.sceneNameSize + 'px' }">危废品库</div>
+		  <div class="metrics-container">
+              <div class="metric">
+                <div class="metric-label">
+                  <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">智控场景</span>
+                </div>
+                <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">6852</div>
+              </div>
+              <div class="metric">
+                <div class="metric-label">
+                  <span :style="{ color: option.labelColor, fontSize: option.labelSize + 'px' }">场景总数</span>
+                </div>
+                <div class="metric-value" :style="{ color: option.valueColor, fontSize: option.valueSize + 'px' }">262</div>
               </div>
-           
-            </template>
           </div>
         </div>
       </div>
@@ -196,22 +212,25 @@ const option = computed(() => props.chartConfig.option)
   .metric {
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
-    
+    align-items: center;
+
     .metric-label {
       display: flex;
       align-items: center;
-      margin-bottom: 10px; // More space
+      margin-bottom: 8px;
+
       .point {
-        width: 0px; // Bigger point
-        height: 0px;
+        width: 8px;
+        height: 8px;
         border-radius: 50%;
         margin-right: 10px;
       }
     }
+
     .metric-value {
       font-weight: bold;
-      margin-left: 40px; // Align with label text
+      position: relative;
+      left: 9px; // Visually center the value under the text
     }
   }
 }