From a5217bf27255add04802f0999c72bac502c82f82 Mon Sep 17 00:00:00 2001
From: 17792275749 <812100002@qq.com>
Date: Wed, 12 Aug 2026 16:19:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor(led):=20=E8=AE=BE=E5=A4=87=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=8A=A8=E6=80=81=E7=94=9F=E6=88=90=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- deviceDataList 由硬编码改为根据 deviceNumber 动态创建
- 隐藏 rowDom-logo 区域
- 菜品列表使用 space-around 布局，移除 info 的固定 margin

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 src/views/led/components/info.vue   |  2 +-
 src/views/led/components/rowDom.vue |  9 +++--
 src/views/led/led.vue               | 58 ++++++-----------------------
 3 files changed, 17 insertions(+), 52 deletions(-)

diff --git a/src/views/led/components/info.vue b/src/views/led/components/info.vue
index 7d0d665..556cf2b 100644
--- a/src/views/led/components/info.vue
+++ b/src/views/led/components/info.vue
@@ -99,7 +99,7 @@ export default {
 .rowDom-info {
     width: 250px;
     height: 100%;
-    margin: 0 20px;
+    //margin: 0 20px;
     border-radius: 8px;
     overflow: hidden;
     background-color: #FFFFFF;
diff --git a/src/views/led/components/rowDom.vue b/src/views/led/components/rowDom.vue
index c4154fa..5babe94 100644
--- a/src/views/led/components/rowDom.vue
+++ b/src/views/led/components/rowDom.vue
@@ -1,9 +1,9 @@
 <template>
     <div class="rowDom">
-        <div class="rowDom-logo">
-            <div></div>
-            <div>数味智餐</div>
-        </div>
+<!--        <div class="rowDom-logo">-->
+<!--            <div></div>-->
+<!--            <div>数味智餐</div>-->
+<!--        </div>-->
         <div class="rowDom-dishes">
             <template v-for="(item, index) in deviceDataList">
                 <Info :index="index" :deviceData="item" :key="item.deviceCode" />
@@ -69,6 +69,7 @@ export default {
         height: 100%;
         display: flex;
         flex-wrap: nowrap;
+        justify-content: space-around;
     }
 }
 </style>
diff --git a/src/views/led/led.vue b/src/views/led/led.vue
index 4457766..2636c67 100644
--- a/src/views/led/led.vue
+++ b/src/views/led/led.vue
@@ -32,57 +32,19 @@ export default {
         return {
             url: "https://dev.yixiong-tech.com:8081/nutrition/",
             screenWidth: 1920,
-            deviceDataList: [{
-                deviceCode: '1',
-                data: null
-            }, {
-                deviceCode: '2',
-                data: null
-            }, {
-                deviceCode: '3',
-                data: null
-            }, {
-                deviceCode: '4',
-                data: null
-            }, {
-                deviceCode: '5',
-                data: null
-            }, {
-                deviceCode: '6',
-                data: null
-            }, {
-                deviceCode: '7',
-                data: null
-            }, {
-                deviceCode: '8',
-                data: null
-            }, {
-                deviceCode: '9',
-                data: null
-            }, {
-                deviceCode: '10',
-                data: null
-            }, {
-                deviceCode: '11',
-                data: null
-            }, {
-                deviceCode: '12',
-                data: null
-            }, {
-                deviceCode: '13',
-                data: null
-            }, {
-                deviceCode: '14',
-                data: null
-            }, {
-                deviceCode: '15',
-                data: null
-            }],
+            deviceNumber: 13,
+            deviceDataList: [],
         }
     },
     mounted() {
     },
     created() {
+        for (let i = 1; i <= this.deviceNumber; i++) {
+            this.deviceDataList.push({
+                deviceCode: i.toString(),
+                data: null
+            })
+        }
         this.initData();
         this.initMQ();
     },
@@ -109,7 +71,9 @@ export default {
         },
         initData() {
             let _this = this;
-            httpRequest("GET", this.url + 'neglect/large-screen/long-screen', {}, {
+            httpRequest("GET", this.url + 'neglect/large-screen/long-screen', {
+                num: this.deviceNumber
+            }, {
                 "authorization": "57ee87183f2a4fa59683ec9ef41c8f5d"
             }).then(function (res) {
                 if (res?.code === '00000') {