中小企业页面设备管理驾驶舱

src/main/java/com/baosight/hpjx/hp/bi/sql/HPBI003.xml

@@ -34,7 +34,7 @@
             a.DEVICE_CODE as "deviceCode",
             a.DEVICE_NAME as "deviceName",
             a.DEVICE_MODEL as "deviceModel",
-            case when c.LOG_VALUE = 3 || c.LOG_VALUE = 5 || c.LOG_VALUE = 6 then '关机' else '开机' end as status
+            c.LOG_VALUE as status
         from ${hpjxSchema}.t_hpsb003 a
         join ${hpjxSchema}.t_hpsb002 c on a.DEVICE_CODE = c.EQUIPMENT_CODE
         where

src/main/webapp/HP/BI/HPBI003.jsp

@@ -155,7 +155,7 @@
                                     :key="index"
                                     style="display: flex;margin-right: 1vw">
                                         <div class="group-splicing-font">{{splicingList[index]}}</div>
-                                        <div class="group-splicing-data">{{querySplicingObject[item]}}</div>
+                                        <div class="group-splicing-data" :class="getDataColorClass(index)">{{querySplicingObject[item]}}T</div>
                                     </div>
                                 </div>
                                 <div class="production-trend-chart">
@@ -264,7 +264,7 @@
                 queryXMinfoList:[],
 
                 dataList:['项目名称','计划完成时间','计划产量','实际产量','生产进度','发货进度'],
-                testList:['兴禹2# 厂房','2024-10-16 14：22','7387.89','7387.89','95.2%','55.2%']
+                testList:[]
             };
         },
         mounted() {
@@ -491,7 +491,20 @@
                 );
             },
 
-
+            getDataColorClass(index) {
+                // 根据 index 返回不同的类名，这些类名在 CSS 中定义了不同的颜色
+                switch (index) {
+                    case 0:
+                        return 'color-0';
+                    case 1:
+                        return 'color-1';
+                    case 2:
+                        return 'color-2';
+                    // 添加更多 case 以支持更多颜色
+                    default:
+                        return 'default-color'; // 默认颜色类名
+                }
+            },
         },
         computed:{
             barOption() {
@@ -586,10 +599,14 @@
         font-family: Microsoft YaHei;
         font-weight: 400;
         font-size: 1.2vw;
-        color: #0391FF;
+        /*color: #0391FF;*/
         line-height: 25px;
         margin-left: 1vw;
     }
+    .group-splicing-data:nth-of-type(1){
+        color: #0391FF;
+    }
+    /*#0391FF  #00EBFF #05CC26*/
     .el-input__inner{
         width: 10vw;
         height: 4vh;
@@ -741,6 +758,18 @@
         align-items: center;
         color: #fff;
     }
+    .color-0 {
+        color: #0391FF;
+    }
+    .color-1 {
+        color: #00EBFF;
+    }
+    .color-2 {
+        color: #05CC26;
+    }
+    .default-color {
+        color: #000000; /* 或其他默认颜色 */
+    }
 </style>
 </body>
 </html>

src/main/webapp/HP/BI/components/hipi/004/left-manage-device.vue

@@ -20,7 +20,7 @@
         </div>
         <div style="width: 79%;margin-left: 3.2vw;height: 28vh;margin-top: 2vh">
           <div class="content-device-img img">
-            <div class="title-content-device img">成库库 1283</div>
+            <div class="title-content-device img">成品库 1283</div>
           </div>
           <img src="../../hpjx/common/img/architectureDiagram.png" style="width: 100%;height: 100%" alt/>
         </div>