二期主大屏更新，全设备警告提示，数据库部分存储过程更新

wu

2025-10-29 13ebc9b93dffc61f5124a9871000f2335d5ae7f8

二期主大屏更新，全设备警告提示，数据库部分存储过程更新

 gmms.sql

@@ -11,7 +11,7 @@
 Target Server Version : 80022
 File Encoding         : 65001

 Date: 22/10/2025 12:15:25
 Date: 29/10/2025 15:03:38
*/

SET NAMES utf8mb4;
@@ -981,8 +981,8 @@
INSERT INTO `machine_content` VALUES (7, '耗材3更换', 0, '2025-05-13 19:09:16', 'A7', 1);
INSERT INTO `machine_content` VALUES (7, '玻璃状态', 0, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (7, '油位低报警', NULL, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (7, '故障内容', NULL, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (7, '报警内容', NULL, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (7, '故障内容', 0, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (7, '报警内容', 0, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (28, 'MES发送配方', 18, '2025-05-13 19:09:16', 'A18', 3);
INSERT INTO `machine_content` VALUES (28, 'MES发送清除计数', 0, '2025-05-13 19:09:16', 'A7', 1);
INSERT INTO `machine_content` VALUES (28, '紧急停止', 0, '2025-05-13 19:09:16', 'A9', 1);
@@ -996,8 +996,8 @@
INSERT INTO `machine_content` VALUES (28, '耗材3更换', 0, '2025-05-13 19:09:16', 'A7', 1);
INSERT INTO `machine_content` VALUES (28, '玻璃状态', 0, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (28, '油位低报警', NULL, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (28, '故障内容', NULL, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (28, '报警内容', NULL, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (28, '故障内容', 0, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (28, '报警内容', 0, '2025-05-13 19:09:16', 'A9', 1);
INSERT INTO `machine_content` VALUES (19, '烘干玻璃总数', 1, '2025-05-18 15:15:11', 'A18', 10);
INSERT INTO `machine_content` VALUES (16, '玻璃计数', 0, '2025-05-18 15:39:13', 'A7', 10);
INSERT INTO `machine_content` VALUES (5, 'W2磨边玻璃计数', 442, '2025-05-19 14:31:31', 'A16', 10);
@@ -1158,22 +1158,22 @@
INSERT INTO `machine_content` VALUES (8, 'S4玻璃状态', 0, '2025-05-19 14:31:33', 'A14', 1);
INSERT INTO `machine_content` VALUES (8, 'Z8玻璃状态', 0, '2025-05-19 14:31:33', 'A16', 1);
INSERT INTO `machine_content` VALUES (8, 'S5玻璃状态', 0, '2025-05-19 14:31:33', 'A17', 1);
INSERT INTO `machine_content` VALUES (8, 'S1故障内容', NULL, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (8, 'Z3故障内容', NULL, '2025-05-19 14:31:33', 'A4', 1);
INSERT INTO `machine_content` VALUES (8, 'G3故障内容', NULL, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (8, 'G4故障内容', NULL, '2025-05-19 14:31:33', 'A9', 1);
INSERT INTO `machine_content` VALUES (8, 'Z4故障内容', NULL, '2025-05-19 14:31:33', 'A11', 1);
INSERT INTO `machine_content` VALUES (8, 'G5故障内容', NULL, '2025-05-19 14:31:33', 'A15', 1);
INSERT INTO `machine_content` VALUES (8, 'Z9故障内容', NULL, '2025-05-19 14:31:33', 'A10', 1);
INSERT INTO `machine_content` VALUES (8, 'G6故障内容', NULL, '2025-05-19 14:31:33', 'A14', 1);
INSERT INTO `machine_content` VALUES (8, 'S2故障内容', NULL, '2025-05-19 14:31:33', 'A16', 1);
INSERT INTO `machine_content` VALUES (8, 'Z5故障内容', NULL, '2025-05-19 14:31:33', 'A17', 1);
INSERT INTO `machine_content` VALUES (8, 'S3故障内容', NULL, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (8, 'Z6故障内容', NULL, '2025-05-19 14:31:33', 'A10', 1);
INSERT INTO `machine_content` VALUES (8, 'Z7故障内容', NULL, '2025-05-19 14:31:33', 'A14', 1);
INSERT INTO `machine_content` VALUES (8, 'S4故障内容', NULL, '2025-05-19 14:31:33', 'A16', 1);
INSERT INTO `machine_content` VALUES (8, 'Z8故障内容', NULL, '2025-05-19 14:31:33', 'A17', 1);
INSERT INTO `machine_content` VALUES (8, 'S5故障内容', NULL, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (8, 'S1故障内容', 0, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (8, 'Z3故障内容', 0, '2025-05-19 14:31:33', 'A4', 1);
INSERT INTO `machine_content` VALUES (8, 'G3故障内容', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (8, 'G4故障内容', 0, '2025-05-19 14:31:33', 'A9', 1);
INSERT INTO `machine_content` VALUES (8, 'Z4故障内容', 0, '2025-05-19 14:31:33', 'A11', 1);
INSERT INTO `machine_content` VALUES (8, 'G5故障内容', 0, '2025-05-19 14:31:33', 'A15', 1);
INSERT INTO `machine_content` VALUES (8, 'Z9故障内容', 0, '2025-05-19 14:31:33', 'A10', 1);
INSERT INTO `machine_content` VALUES (8, 'G6故障内容', 0, '2025-05-19 14:31:33', 'A14', 1);
INSERT INTO `machine_content` VALUES (8, 'S2故障内容', 0, '2025-05-19 14:31:33', 'A16', 1);
INSERT INTO `machine_content` VALUES (8, 'Z5故障内容', 0, '2025-05-19 14:31:33', 'A17', 1);
INSERT INTO `machine_content` VALUES (8, 'S3故障内容', 0, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (8, 'Z6故障内容', 0, '2025-05-19 14:31:33', 'A10', 1);
INSERT INTO `machine_content` VALUES (8, 'Z7故障内容', 0, '2025-05-19 14:31:33', 'A14', 1);
INSERT INTO `machine_content` VALUES (8, 'S4故障内容', 0, '2025-05-19 14:31:33', 'A16', 1);
INSERT INTO `machine_content` VALUES (8, 'Z8故障内容', 0, '2025-05-19 14:31:33', 'A17', 1);
INSERT INTO `machine_content` VALUES (8, 'S5故障内容', 0, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (26, 'MES发送配方', 18, '2025-05-19 14:31:33', 'A18', 3);
INSERT INTO `machine_content` VALUES (26, 'MES发送清除计数', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (26, '紧急停止', 0, '2025-05-19 14:31:33', 'A9', 1);
@@ -1182,7 +1182,7 @@
INSERT INTO `machine_content` VALUES (26, '出片当前速度', 0, '2025-05-19 14:31:33', 'A9', 1);
INSERT INTO `machine_content` VALUES (26, '设备状态', 1, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (26, '玻璃状态', 0, '2025-05-19 14:31:33', 'A9', 1);
INSERT INTO `machine_content` VALUES (26, '故障内容', NULL, '2025-05-19 14:31:33', 'A9', 1);
INSERT INTO `machine_content` VALUES (26, '故障内容', 0, '2025-05-19 14:31:33', 'A9', 1);
INSERT INTO `machine_content` VALUES (23, '当前配方', 3, '2025-05-19 14:31:33', 'A18', 2);
INSERT INTO `machine_content` VALUES (23, '25#设备状态', 1, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '26#设备状态', 1, '2025-05-19 14:31:33', 'A18', 1);
@@ -1197,8 +1197,8 @@
INSERT INTO `machine_content` VALUES (23, '烘干玻璃总数', 5971, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '25#故障内容', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '26#故障内容', 0, '2025-05-19 14:31:33', 'A18', 1);
INSERT INTO `machine_content` VALUES (23, '烘干机故障内容1', 84, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '烘干机故障内容2', 32, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '烘干机故障内容1', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '烘干机故障内容2', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '29#故障内容', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, '30#故障内容', 0, '2025-05-19 14:31:33', 'A7', 1);
INSERT INTO `machine_content` VALUES (23, 'MES发送配方', 18, '2025-05-19 14:31:33', 'A7', 3);
@@ -1215,7 +1215,7 @@
INSERT INTO `machine_content` VALUES (18, '片台3玻璃数量', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (18, '片台1故障内容', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (18, '片台2故障内容', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (18, '印刷机故障内容1', 768, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (18, '印刷机故障内容1', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (18, '印刷机故障内容2', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (18, '片台3故障内容', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (18, '印刷机玻璃总数', 410, '2025-05-19 14:31:34', 'A18', 1);
@@ -1256,7 +1256,7 @@
INSERT INTO `machine_content` VALUES (20, '片台3玻璃数量', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (20, '片台1故障内容', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (20, '片台2故障内容', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (20, '印刷机故障内容1', 768, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (20, '印刷机故障内容1', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (20, '印刷机故障内容2', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (20, '片台3故障内容', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (20, '印刷机玻璃总数', 393, '2025-05-19 14:31:34', 'A18', 1);
@@ -1304,11 +1304,11 @@
INSERT INTO `machine_content` VALUES (10, 'Z13故障内容', 0, '2025-05-19 14:31:34', 'A14', 1);
INSERT INTO `machine_content` VALUES (10, 'G10故障内容', 0, '2025-05-19 14:31:34', 'A16', 1);
INSERT INTO `machine_content` VALUES (10, 'G11故障内容', 0, '2025-05-19 14:31:34', 'A17', 1);
INSERT INTO `machine_content` VALUES (10, 'G12故障内容', NULL, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (10, 'G13故障内容', NULL, '2025-05-19 14:31:34', 'A4', 1);
INSERT INTO `machine_content` VALUES (10, 'S6故障内容', NULL, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (10, 'S7故障内容', NULL, '2025-05-19 14:31:34', 'A9', 1);
INSERT INTO `machine_content` VALUES (10, 'Z11故障内容', NULL, '2025-05-19 14:31:34', 'A11', 1);
INSERT INTO `machine_content` VALUES (10, 'G12故障内容', 0, '2025-05-19 14:31:34', 'A18', 1);
INSERT INTO `machine_content` VALUES (10, 'G13故障内容', 0, '2025-05-19 14:31:34', 'A4', 1);
INSERT INTO `machine_content` VALUES (10, 'S6故障内容', 0, '2025-05-19 14:31:34', 'A7', 1);
INSERT INTO `machine_content` VALUES (10, 'S7故障内容', 0, '2025-05-19 14:31:34', 'A9', 1);
INSERT INTO `machine_content` VALUES (10, 'Z11故障内容', 0, '2025-05-19 14:31:34', 'A11', 1);
INSERT INTO `machine_content` VALUES (10, 'Z13皮带入片速度', NULL, '2025-05-19 14:31:34', 'A15', 1);
INSERT INTO `machine_content` VALUES (21, '当前配方', 2, '2025-05-19 14:31:34', 'A18', 2);
INSERT INTO `machine_content` VALUES (21, '14#设备状态', 1, '2025-05-19 14:31:34', 'A7', 1);
@@ -1360,7 +1360,7 @@
INSERT INTO `machine_content` VALUES (24, '片台3玻璃数量', 0, '2025-05-19 14:31:35', 'A18', 1);
INSERT INTO `machine_content` VALUES (24, '片台1故障内容', 0, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (24, '片台2故障内容', 0, '2025-05-19 14:31:35', 'A18', 1);
INSERT INTO `machine_content` VALUES (24, '印刷机故障内容1', 768, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (24, '印刷机故障内容1', 0, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (24, '印刷机故障内容2', 0, '2025-05-19 14:31:35', 'A18', 1);
INSERT INTO `machine_content` VALUES (24, '片台3故障内容', 0, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (24, '印刷机玻璃总数', 346, '2025-05-19 14:31:35', 'A18', 1);
@@ -1378,7 +1378,7 @@
INSERT INTO `machine_content` VALUES (22, '片台3玻璃数量', 1, '2025-05-19 14:31:35', 'A18', 1);
INSERT INTO `machine_content` VALUES (22, '片台1故障内容', 0, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (22, '片台2故障内容', 0, '2025-05-19 14:31:35', 'A18', 1);
INSERT INTO `machine_content` VALUES (22, '印刷机故障内容1', 768, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (22, '印刷机故障内容1', 0, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (22, '印刷机故障内容2', 0, '2025-05-19 14:31:35', 'A18', 1);
INSERT INTO `machine_content` VALUES (22, '片台3故障内容', 0, '2025-05-19 14:31:35', 'A7', 1);
INSERT INTO `machine_content` VALUES (22, '印刷机玻璃总数', 362, '2025-05-19 14:31:35', 'A18', 1);
@@ -10410,11 +10410,12 @@
 SET loadTime = DATE_FORMAT(DATE_SUB(CURDATE(), INTERVAL 6 DAY),'%Y-%m-%d 00:00:00');
 SET endTime = DATE_FORMAT(DATE_ADD(CURDATE(), INTERVAL 1 DAY),'%Y-%m-%d 00:00:00');

    select sum(a.electric_consumption),
     SUM(SUM(a.electric_consumption)) OVER () AS total_consumption,
    a.create_time from glog.electric_comsumption a 
    select sum(a.electric_consumption) as jiqidianliang,DATE_FORMAT(a.create_time, '%m/%d') as date,
     SUM(SUM(a.electric_consumption)) OVER () AS total_consumption from glog.electric_comsumption a 
    where a.create_time BETWEEN loadtime AND endtime
    GROUP BY a.create_time;
    GROUP BY left(a.create_time,10)
    ORDER BY a.create_time;
	
END
;;
delimiter ;
@@ -10427,8 +10428,10 @@
CREATE PROCEDURE `bigScreen_order`()
BEGIN
    #获取当前订单
    select a.order_id,(a.smallglass_no-a.smallglass_completed),a.smallglass_completed,b.count,b.count_task
    from `order` a INNER JOIN yieid b where a.order_status=2;
select a.order_id,recipe_no,a.smallglass_completed,(a.smallglass_no-a.smallglass_completed) as smallglass_processing
,b.count,b.count_task,
(select sum(num) from glog.sum_glass where machine_id=13 AND DATE(createTime) = CURDATE())as glassSum 
from `order` a INNER JOIN yieid b where a.order_status=2;
END
;;
delimiter ;
@@ -10447,9 +10450,9 @@
 SET loadTime = DATE_FORMAT(DATE_SUB(CURDATE(), INTERVAL 6 DAY),'%Y-%m-%d 00:00:00');
 SET endTime = DATE_FORMAT(DATE_ADD(CURDATE(), INTERVAL 1 DAY),'%Y-%m-%d 00:00:00');

    select sum(a.water_consumption),
    select sum(a.water_consumption)as jiqidianliang,DATE_FORMAT(a.create_time, '%m/%d') as date,
    SUM(SUM(a.water_consumption)) OVER () AS total_consumption
    ,a.create_time from glog.water_consumption a 
     from glog.water_consumption a 
    where a.create_time BETWEEN loadtime AND endtime
    GROUP BY a.create_time;
END
@@ -11374,6 +11377,26 @@
delimiter ;

-- ----------------------------
-- Procedure structure for machine_warningScreen
-- ----------------------------
DROP PROCEDURE IF EXISTS `machine_warningScreen`;
delimiter ;;
CREATE PROCEDURE `machine_warningScreen`()
BEGIN
    select DISTINCT a.id,b.machine_id,b.content,IFNULL(b.content_value,0)as content_value,
    CASE 
    WHEN b.content_value IS NOT NULL AND b.content_value != 0 THEN 1 
    ELSE 0 
  END AS state
    from machine_analysis a 
    left join machine_content b on a.beizhu=b.content and a.machine_id=b.machine_id
    where b.content LIKE '%内容%';

END
;;
delimiter ;

-- ----------------------------
-- Procedure structure for message
-- ----------------------------
DROP PROCEDURE IF EXISTS `message`;

 gmms/WebContent/bigScreen/allGlassScreen.jsp

@@ -110,1011 +110,10 @@
          opacity:0.5;
          
        }
        #cangchu {
            width: 75px;
            height: 25px;
            position: absolute;
            top: 820px;
            left: 1507px;
        }
        /* -45 
        -50
        */
        #A4 {
            width: 65px;
            height: 55px;
            position: Absolute;
            top: 775px;
            left: 1250px
        }
        #A7 {
            width: 15px;
            height: 45px;
            position: Absolute;
            top: 785px;
            left: 1185px
        }
        #A9 {
            width: 15px;
            height: 45px;
            position: Absolute;
            top: 785px;
            left: 1139px
        }
        #A10 {
            width: 15px;
            height: 45px;
            position: Absolute;
            top: 840px;
            left: 1139px
        }
        #A11 {
            width: 15px;
            height: 45px;
            position: Absolute;
            top: 840px;
            left: 1185px
        }
        #A14 {
            width: 12px;
            height: 12px;
            position: Absolute;
            top: 922px;
            left: 1140px
        }
        #A15 {
            width: 12px;
            height: 12px;
            position: Absolute;
            top: 922px;
            left: 1183px
        }
        #A16 {
            width: 12px;
            height: 12px;
            position: Absolute;
            top: 951px;
            left: 1183px
        }
        #A17 {
            width: 12px;
            height: 12px;
            position: Absolute;
            top: 951px;
            left: 1163px
        }
        #A18 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 951px;
            left: 1140px
        }
        #A20 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 951px;
            left: 1122px
        }
        #A21 {
            width: 45px;
            height: 65px;
            
            position: Absolute;
            top: 918px;
            left: 1075px;
            
        }
        #A22 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 953px;
            left: 1061px;
        }
        #A23 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 953px;
            left: 1047px;
        }
        #A24 {
            width: 45px;
            height: 65px;
            
            position: Absolute;
            top: 918px;
            left: 1000px;
        }
        #A25 {
            width: 35px;
            height: 50px;
            
            position: Absolute;
            top: 932px;
            left: 945px;
        }
        #A26 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 953px;
            left: 926px;
        }
        #A28 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 953px;
            left: 912px;
        }
        #A29 {
            width: 25px;
            height: 25px;
            
            position: Absolute;
            top: 949px;
            left: 885px;
        }
        #A30 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 871px;
        }


        #A31 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 851px;
        }
        #A32 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 832px;
        }
        #A33 {
            width: 22px;
            height: 52px;
            
            position: Absolute;
            top: 923px;
            left: 804px;
        }
        #A34 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 956px;
            left: 775px;
        }
        #A35 {
            width: 57px;
            height: 55px;
            
            position: Absolute;
            top:  920px;
            left: 705px;
        }
        #A37 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 956px;
            left: 680px;
        }
        #A38 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 956px;
            left: 642px;
        }
        #A39 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 956px;
            left: 606px;
        }
        #A40 {
            width: 37px;
            height: 44px;
            
            position: Absolute;
            top: 931px;
            left: 556px;
        }
        #A41 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 538px;
        }
        #A42 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 517px;
        }
        #B31 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 884px;
            left: 850px;
        }
        #B32 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 884px;
            left: 832px;
        }
        #B33 {
            width: 22px;
            height: 52px;
            
            position: Absolute;
            top: 853px;
            left: 804px;
        }
        #B34 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 886px;
            left: 775px;
        }
        #B35 {
            width: 57px;
            height: 55px;
            
            position: Absolute;
            top:  850px;
            left: 705px;
        }
        #B37 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 886px;
            left: 680px;
        }
        #B38 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 886px;
            left: 642px;
        }
        #B39 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 886px;
            left: 606px;
        }
        #B40 {
            width: 37px;
            height: 44px;
            
            position: Absolute;
            top: 861px;
            left: 556px;
        }
        #B41 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 884px;
            left: 538px;
        }
        #B42 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 884px;
            left: 517px;
        }
        #C31 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 814px;
            left: 850px;
        }
        #C32 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 814px;
            left: 832px;
        }
        #C33 {
            width: 22px;
            height: 52px;
            
            position: Absolute;
            top: 785px;
            left: 804px;
        }
        #C34 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 817px;
            left: 775px;
        }
        #C35 {
            width: 57px;
            height: 55px;
            
            position: Absolute;
            top:  780px;
            left: 705px;
        }
        #C37 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 817px;
            left: 680px;
        }
        #C38 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 817px;
            left: 642px;
        }
        #C39 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 817px;
            left: 606px;
        }
        #C40 {
            width: 37px;
            height: 44px;
            
            position: Absolute;
            top: 791px;
            left: 556px;
        }
        #C41 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 814px;
            left: 538px;
        }
        #C42 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 814px;
            left: 517px;
        }
        #D31 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 746px;
            left: 850px;
        }
        #D32 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 746px;
            left: 832px;
        }
        #D33 {
            width: 22px;
            height: 52px;
            
            position: Absolute;
            top: 715px;
            left: 804px;
        }
        #D34 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 748px;
            left: 775px;
        }
        #D35 {
            width: 57px;
            height: 55px;
            
            position: Absolute;
            top:  711px;
            left: 705px;
        }
        #D37 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 748px;
            left: 680px;
        }
        #D38 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 748px;
            left: 642px;
        }
        #D39 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 748px;
            left: 606px;
        }
        #D40 {
            width: 37px;
            height: 44px;
            
            position: Absolute;
            top: 723px;
            left: 556px;
        }
        #D41 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 746px;
            left: 538px;
        }
        #D42 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 746px;
            left: 517px;
        }
        #s1 {
            width: 15px;
            height: 40px;
            
            position: Absolute;
            top: 906px;
            left: 850px;
        }
        #s2 {
            width: 15px;
            height: 40px;
            
            position: Absolute;
            top: 838px;
            left: 850px;
        }
        #s3 {
            width: 15px;
            height: 40px;
            
            position: Absolute;
            top: 769px;
            left: 850px;
        }
        #s6 {
            width: 15px;
            height: 40px;
            
            position: Absolute;
            top: 906px;
            left: 515px;
        }
        #s5 {
            width: 15px;
            height: 40px;
            
            position: Absolute;
            top: 838px;
            left: 515px;
        }
        #s4 {
            width: 15px;
            height: 40px;
            
            position: Absolute;
            top: 769px;
            left: 515px;
        }

        #A43 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 498px;
        }
        #A44 {
            width: 190px;
            height: 26px;
            
            position: Absolute;
            top: 949px;
            left: 297px;
        }
        #A45 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 277px;
        }
        #A47 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 258px;
        }
        #A49 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 240px;
        }
        #A49-1 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 223px;
        }
        #A50 {
            width: 25px;
            height: 25px;
            
            position: Absolute;
            top: 950px;
            left: 197px;
        }
        #A51-1 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 954px;
            left: 183px;
        }
        #A51-2 {
            width: 69px;
            height: 34px;
            
            position: Absolute;
            top: 945px;
            left: 110px;
        }
        #A51-3 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 955px;
            left: 95px;
        }
        #A52-1 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 955px;
            left: 75px;
        }
        #A52-2 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 955px;
            left: 55px;
        }
        #A52-3 {
            width: 23px;
            height: 125px;
            
            position: Absolute;
            top: 820px;
            left: 50px;
        }
        #A52-4 {
            width: 17px;
            height: 30px;
            
            position: Absolute;
            top: 787px;
            left: 52px;
        }
        #A52-5 {
            width: 17px;
            height: 75px;
            
            position: Absolute;
            top: 703px;
            left: 52px;
        }
        #A52-6 {
            width: 17px;
            height: 75px;
            
            position: Absolute;
            top: 618px;
            left: 52px;
        }
        #A55-1 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 603px;
            left: 55px;
        }
        #A55-2 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 585px;
            left: 55px;
        }
        #A55-3 {
            width: 17px;
            height: 30px;
            
            position: Absolute;
            top: 546px;
            left: 52px;
        }
        #A55-4 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 522px;
            left: 55px;
        }
        #A55-5 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 522px;
            left: 73px;
        }
        #A55-6 {
            width: 70px;
            height: 40px;
            
            position: Absolute;
            top: 507px;
            left: 89px;
        }
        #A55-7 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 522px;
            left: 162px;
        }
        #A56-1 {
            width: 148px;
            height: 26px;
            
            position: Absolute;
            top: 516px;
            left: 179px;
        }
        #A56-2 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 522px;
            left: 332px;
        }
        #A56-3 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 522px;
            left: 349px;
        }
        #A56-4 {
            width: 22px;
            height: 22px;
            
            position: Absolute;
            top: 516px;
            left: 364px;
        }
        #A56-5 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 521px;
            left: 390px;
        }
        #A59 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 548px;
            left: 390px;
        }
        #A61 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 572px;
            left: 390px;
        }
        #A63 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 592px;
            left: 390px;
        }
        #A64 {
            width: 12px;
            height: 20px;
            
            position: Absolute;
            top: 614px;
            left: 390px;
        }
        #A65 {
            width: 12px;
            height: 20px;
            
            position: Absolute;
            top: 614px;
            left: 405px;
        }
        #A66 {
            width: 684px;
            height: 50px;
            
            position: Absolute;
            top: 600px;
            left: 438px;
        }
        #A67 {
            width: 12px;
            height: 20px;
            
            position: Absolute;
            top: 617px;
            left: 1140px;
        }
        #A68 {
            width: 12px;
            height: 20px;
            
            position: Absolute;
            top: 617px;
            left: 1158px;
        }
        #A69 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 581px;
            left: 1157px;
        }
        #A70 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 545px;
            left: 1157px;
        }
        #A71 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 508px;
            left: 1157px;
        }
        #A72 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 466px;
            left: 1157px;
        }
        #A73 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 430px;
            left: 1157px;
        }
        #A74 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 430px;
            left: 1175px;
        }
        #A75 {
            width: 76px;
            height: 32px;
            
            position: Absolute;
            top: 416px;
            left: 1190px;
        }
        #A76 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 430px;
            left: 1268px;
        }
        #A78 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 430px;
            left: 1284px;
        }
        #A78-1 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 430px;
            left: 1299px;
        }
        #A79 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 432px;
            left: 1333px;
        }
        #A80 {
            width: 18px;
            height: 18px;
            
            position: Absolute;
            top: 429px;
            left: 1312px;
        }
        #A81 {
            width: 130px;
            height: 18px;
            
            position: Absolute;
            top: 429px;
            left: 1349px;
        }
        #A82 {
            width: 82px;
            height: 18px;
            
            position: Absolute;
            top: 429px;
            left: 1485px;
        }
        #A83-1 {
            width: 22px;
            height: 38px;
            
            position: Absolute;
            top: 415px;
            left: 1575px;
        }
        #A83-2 {
            width: 22px;
            height: 38px;
            
            position: Absolute;
            top: 415px;
            left: 1616px;
        }
        #A84 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 432px;
            left: 1655px;
        }
        #A85 {
            width: 145px;
            height: 12px;
            
            position: Absolute;
            top: 432px;
            left: 1675px;
        }
        #A89 {
            width: 12px;
            height: 12px;
            
            position: Absolute;
            top: 432px;
            left: 1832px;
        }
     
       
    
 
        .divGrenn{
                background-color:green;
                display:block
@@ -1130,16 +129,668 @@
        .divnull{
               display:none
        }
#A3 {
         /* -45 
        -50
        */
        #A4 {
            width: 65px;
            height: 55px;
            position: Absolute;
            top: 775px;
            left: 1335px;
            background-color:green;
                display:block
            left: 1250px
        }
    </style>
    #warn-734,#warn-743{
          top: 619px !important;   
          left: 1421px !important;
          width: 64px !important;  
          height: 22px !important;   
          position: Absolute;
        }
    #warn-735,#warn-744{
          top: 619px !important;   
          left: 1406px !important;
          width: 12px !important;  
          height: 22px !important; 
          position: Absolute;
        }	
    #warn-736,#warn-745{
          top: 619px !important;   
          left: 1376px !important;
          width: 15px !important;  
          height: 22px !important; 
          position: Absolute;
        }	
    #warn-737,#warn-746{
         top: 584px !important;
        left: 1401px !important;
        width: 18px !important;
        height: 14px !important;
          position: Absolute;
        }
    #warn-738,#warn-747{
     top: 584px !important;
        left: 1373px !important;
        width: 18px !important;
        height: 14px !important;
          position: Absolute;
        }
    #warn-740,#warn-749{
         top: 565px !important;
        left: 1385px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;  
        }
    #warn-739,#warn-748{
         top: 565px !important;
        left: 1405px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;  
        }	
    #warn-741,#warn-750{
         top: 564px !important;
        left: 1366px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;
        }
    #warn-742,#warn-751{
         top: 564px !important;
        left: 1348px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;
        }
    #warn-812{
         top: 562px !important;
        left: 1266px !important;
        width: 20px !important;
           height: 15px !important;
          position: Absolute;
        }
     #warn-813{
         top: 636px !important;
        left: 1262px !important;
        width: 24px !important;
        height: 20px !important;
          position: Absolute;  
        }
     #warn-1062{
         top: 581px !important;
           left: 1180px !important;
           width: 25px !important;
           height: 20px !important;
          position: Absolute;
        }		
     #warn-1063{
        top: 581px !important;
           left: 1180px !important;
           width: 25px !important;
           height: 20px !important;
          position: Absolute;
        }
     #warn-3162{
         top: 621px !important; 
           left: 1180px !important;
           width: 25px !important;
           height: 20px !important;
          position: Absolute;
        }		
     #warn-3163{
         top: 621px !important; 
           left: 1180px !important;
           width: 25px !important;
           height: 20px !important;
          position: Absolute;
        }    
      #warn-1153{
         top: 663px !important;
        left: 1263px !important;
        width: 22px !important;
        height: 14px !important;
          position: Absolute;
        }		
      #warn-1154{
          top: 679px !important;
            left: 1264px !important;
         width: 23px !important;
         height: 15px !important;
           position: Absolute;
        }	
      #warn-1155{
          top: 679px !important;
         left: 1247px !important;
         width: 17px !important;
         height: 15px !important;
        }	
    #warn-1156{
          top: 679px !important;
         left: 1230px !important;
         width: 17px !important;
         height: 15px !important;
        }
    #warn-1157{
         top: 681px !important;
        left: 1209px !important;
        width: 20px !important;
        height: 12px !important;
        }		
    #warn-1158{
         top: 680px !important;
        left: 1174px !important;
        width: 34px !important;
        height: 13px !important;
        }  
    #warn-1159{
         top: 681px !important;
        left: 1153px !important;
        width: 20px !important;
        height: 12px !important;
        }
    #warn-1160{
        top: 680px !important;
       left: 1137px !important;
       width: 16px !important;
       height: 13px !important;
        }
    #warn-1161{
         top: 655px !important;
          left: 1212px !important;
        width: 16px !important;
        height: 21px !important
        }    
    #warn-1162{
         top: 641px !important;
          left: 1212px !important;
        width: 16px !important;
        height: 12px !important      
        }    
    #warn-1163{
         top: 616px !important;
            left: 1212px !important;
          width: 16px !important;
           height: 21px !important;
        }
    #warn-1164{
         top: 603px !important;
          left: 1212px !important;
        width: 16px !important;
        height: 12px !important      
        }
    #warn-1165{
         top: 603px !important;
          left: 1156px !important; 	
        width: 16px !important;
        height: 12px !important      
        }
    #warn-1166{
         top: 616px !important;
            left: 1156px !important;
          width: 16px !important;
           height: 21px !important;
        }
    #warn-1167{
         top: 641px !important;
          left: 1156px !important;
        width: 16px !important;
        height: 12px !important      
        }
    #warn-1168{
         top: 655px !important;
          left: 1156px !important;
        width: 16px !important;
        height: 21px !important
        }   
    #warn-1254{
         display:None;
        }  
    #warn-1343{
           top: 680px !important;
          left: 1042px !important;
          width: 16px !important;
          height: 14px !important;
        }
    #warn-1344{
          top: 680px !important;
         left: 1018px !important;
         width: 22px !important;
         height: 13px !important;
         }  
     #warn-1345{
          top: 680px !important;  
         left: 999px !important;
         width: 17px !important;
         height: 13px !important;
         }  
     #warn-1346{
          top: 680px !important;  
         left: 982px !important; 
         width: 16px !important;
         height: 13px !important;
         } 
     #warn-1347{
          top: 680px !important;  
         left: 780px !important; 
         width: 202px !important;
         height: 13px !important;
         } 
     #warn-1348{
          top: 680px !important;  
         left: 760px !important; 
         width: 20px !important;
         height: 13px !important;
         } 
     #warn-1349{
          top: 680px !important;  
         left: 746px !important; 
         width: 15px !important;
         height: 13px !important;
         }
     #warn-1350{
          top: 680px !important;  
         left: 731px !important; 
         width: 15px !important;
         height: 13px !important;
         }
     #warn-1351{
          top: 680px !important;  
         left: 715px !important; 
         width: 15px !important;
         height: 13px !important;
         }
     #warn-1352{ 
          top: 680px !important;  
         left: 697px !important; 
         width: 18px !important;
         height: 13px !important;
         }
     #warn-1353{
        top: 657px !important;
        left: 1000px !important;
        width: 13px !important;
           height: 16px !important;
         }
     #warn-1354{
           top: 636px !important;
            left: 1000px !important;
         width: 13px !important;
         height: 18px !important;
         }
      #warn-1355{
         top: 617px !important;
            left: 999px !important;
           width: 16px !important;
            height: 12px !important;
         }
       #warn-1661{
        display:none;
         }
     #warn-1723{
            top: 675px !important;
            left: 1096px !important;
            width: 23px !important;
            height: 22px !important;
         }
     #warn-1723{
            top: 675px !important;
            left: 1096px !important;
            width: 23px !important;
            height: 22px !important;
         }
     #warn-1923{
         display:none !important;
     }
 	
     #warn-2110{
    top: 679px !important;
    left: 494px !important;
    width: 38px !important;
    height: 21px !important;
         }   
      #warn-2111{
    top: 679px !important;
    left: 467px !important;
    width: 26px !important;
    height: 15px !important;
         }  
       #warn-2112{
    top: 679px !important;
    left: 425px !important;
    width: 40px !important;
    height: 19px !important;
         }  
     #warn-2113{
    top: 679px !important;
    left: 425px !important;
    width: 40px !important;
    height: 19px !important;
         }  
     #warn-2114{
    top: 679px !important;
    left: 392px !important;
    width: 31px !important;  
    height: 15px !important
         }	
     #warn-2214{
    top: 660px !important;
    left: 323px !important;
    width: 31px !important;
    height: 15px !important;
         }
     #warn-2215{
    top: 632px !important;
    left: 325px !important;
    width: 21px !important;
    height: 18px !important;
         }
     #warn-2216{
    top: 612px !important;
    left: 325px !important;
    width: 21px !important;
    height: 18px !important;
         }
     #warn-2217{
    top: 562px !important;
    left: 325px !important;
    width: 21px !important;
    height: 43px !important;
         }
     #warn-2218{
    top: 562px !important;
    left: 325px !important;
    width: 21px !important;
    height: 43px !important;
         }
     #warn-2219{
    top: 541px !important;
    left: 320px !important;
    width: 32px !important;
    height: 13px !important;
         }
     #warn-2310{
            top: 677px !important;
         left: 322px !important;
         width: 36px !important;
         height: 22px !important;
         }
     #warn-2311{
            top: 519px !important;
         left: 317px !important;
         width: 36px !important;
         height: 22px !important;
         }
     #warn-2314{
            top: 519px !important;
         left: 108px !important;
         width: 36px !important;
         height: 22px !important;
         }
     #warn-2312{
            top: 522px !important;
         left: 253px !important;
         width: 26px !important;
         height: 16px !important;
         }
      #warn-2313{
            top: 522px !important;
         left: 182px !important;
         width: 27px !important;
         height: 16px !important;
         }	
       #warn-2421{
            top: 564px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;
         }
     #warn-2422{
            top: 585px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;
         }	
      #warn-2423{
            top: 606px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;
         }
       #warn-2424{
            top: 627px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;
         }	
     #warn-2425{  
            top: 648px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;  
         }
     #warn-2426{  
            top: 669px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;  
         }
     #warn-2427{  
            top: 690px !important;
         left: 113px !important;
         width: 22px !important;
         height: 21px !important;  
         }
     #warn-2428{  
            top: 712px !important;
         left: 113px !important;
         width: 22px !important;
         height: 23px !important;  
         }
     #warn-2429{  
            top: 736px !important;
         left: 113px !important;
         width: 22px !important;
         height: 31px !important;  
         }
     #warn-2510{  
            top: 814px !important;
         left: 892px !important;
         width: 33px !important;
         height: 19px !important;
         }
     #warn-2511{  
            top: 815px !important;
         left: 927px !important;
         width: 28px !important;
         height: 15px !important;
         }
     #warn-2512,#warn-2513{  
            top: 815px !important;
    left: 958px !important;
    width: 39px !important;
    height: 18px !important;
         }
     #warn-2514{  
    top: 816px !important;
    left: 998px !important;
    width: 26px !important;
    height: 14px !important;
         }
     #warn-2614{  
    top: 795px !important;
    left: 1127px !important;
    width: 28px !important;
    height: 14px !important;
         }
     #warn-2615{  
    top: 795px !important;
    left: 1155px !important;
    width: 30px !important;
    height: 14px !important;
         }
     #warn-2616{  
    top: 795px !important;
    left: 1186px !important;
    width: 30px !important;
    height: 14px !important;
         }
     #warn-2617{  
    top: 795px !important;
    left: 1216px !important;
    width: 30px !important;
    height: 14px !important;
         }
     #warn-2618{  
    top: 795px !important;
    left: 1246px !important;   
    width: 30px !important;
    height: 14px !important;
         }
     #warn-2619{   
    top: 795px !important;
    left: 1276px !important;
    width: 30px !important;
    height: 14px !important;
         }
     #warn-2710{   
    top: 811px !important;
    left: 1372px !important;
    width: 38px !important;
    height: 21px !important;
         }
     #warn-2711{   
    top: 815px !important;
    left: 1411px !important;
    width: 26px !important;
    height: 16px !important;
         }
     #warn-2712{   
    top: 815px !important;
    left: 1440px !important;
    width: 39px !important;
    height: 16px !important;
         }
      #warn-2713{   
      top: 815px !important;
    left: 1480px !important;
    width: 26px !important;
    height: 16px !important;
         }
      #warn-2714{   
    top: 814px !important;
    left: 1512px !important;
    width: 32px !important;
    height: 18px !important;
         }
     #warn-2814{   
    top: 788px !important;
    left: 1606px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-2815{   
    top: 788px !important;
    left: 1651px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-2816{   
    top: 788px !important;
    left: 1651px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-2817{   
    top: 788px !important;
    left: 1711px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-2818{   
    top: 788px !important;
    left: 1756px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-2819{   
    top: 788px !important;
    left: 1711px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-2961{   
    top: 788px !important;
    left: 1711px !important;
    width: 45px !important;
    height: 23px !important;
         }
     #warn-3037{   
    top: 840px !important;
    left: 1836px !important;
    width: 19px !important;
    height: 12px !important;
         }
    #warn-3038{   
    top: 840px !important;
    left: 1803px !important;
    width: 32px !important;
    height: 12px !important;
         }
    #warn-3039{   
    top: 840px !important;
    left: 1771px !important;
    width: 32px !important;
    height: 12px !important;
         }
    #warn-3040{   
    top: 840px !important;
    left: 1719px !important;
    width: 52px !important;
    height: 12px !important;
         } 
     #warn-3041{   
    top: 840px !important;
    left: 1667px !important;
    width: 52px !important;
    height: 12px !important;
         } 	
      #warn-3042{   
    top: 840px !important;
    left: 1615px !important;
    width: 52px !important;
    height: 12px !important;
         } 	
     #warn-3043{   
    top: 840px !important;
    left: 1595px !important;
    width: 20px !important;
    height: 12px !important;
         }	
      #warn-3044{   
    top: 860px !important;
    left: 1598px !important;
    width: 14px !important;
    height: 18px !important;
         }	
       #warn-3045{   
    top: 881px !important;
    left: 1598px !important;
    width: 14px !important;
    height: 18px !important;
         }	
     #warn-3046{   
    top: 860px !important;
    left: 1598px !important;
    width: 14px !important;
    height: 18px !important;
         }
     #warn-3047{   
    top: 881px !important;
    left: 1598px !important;
    width: 14px !important;
    height: 18px !important;
         }	
 </style>  
<title>大屏显示</title>
</head>
<body>
@@ -1154,35 +805,49 @@
                  <div id="main1-2-1">{{items1['1_recipe_no']}}</div>
                </div>
          <div id="main1-2">当班计划数量：
                    <div id="main1-2-1">{{items1['4_smallglass_sum']}}</div>
                    <div id="main1-2-1">{{items1['4_count']}}</div>
                </div>
                <div id="main1-2">当班完成数量：
                    <div id="main1-2-1">{{items1['2_smallglass_completed']}}    </div>
                    <div id="main1-2-1">{{items1['6_glassSum']}}    </div>
                </div>
            </div>
            <div id="main4"></div>
            <div id="main2"></div>
            <div id="main3">
                <div id="main3-1">
                    <div id="main3-1-1">总耗电：<span>{{shuzu2[0]['0_@jiqidianliang']}}kw</span></div>
                    <div id="main3-1-1">总耗电：<span>{{machineElectric[0]['2_total_consumption']}}kw</span></div>
                    <div id="main3-1-2"></div>
                </div>
                <div id="main3-2">
                    <div id="main3-2-1">总耗水：<span>{{shuzu2[0]['1_@jiqidianliang1']}}m³</span></div>
                    <div id="main3-2-1">总耗水：<span>{{machineWater[0]['2_total_consumption']}}m³</span></div>
                    <div id="main3-2-2"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img style="width: 100%;height: 100%;" src="../img/大屏.png">
        </div>
        <div id="cangchu" >
            <img style="width: 100%;height: 100%;" src="../img/cangchu.png">
        </div>
<div id='A3' class='boli '></div>
       <div v-for="items  in shuzu" :class="items['6_class']" :id="items['3_class_html']" v-if="Object.keys(shuzu[0]).length!=0" class="boli" ></div> 
		
    </div>
            <img style="width: 100%;height: 100%;" src="../img/二期大屏.png">
    <div v-if="warning && warning.length > 0">
    <div 
      v-for="warnItem in warning" 
      :key="warnItem['0_id']" 
      class="warn-item" 
       :id="'warn-' + warnItem['0_id']" 
       v-show="warnItem['4_state'] != '3'"
       :title="warnItem['3_content_value'] || '无详细信息'"
      style="
        position: absolute; 
        top: 450px; 
        background: rgba(255, 0, 0, 0.4);
        color: white;
        z-index: 10;
        cursor: pointer;	
      "
    >
    
    </div> 
  </div>

</div>
    


@@ -1200,15 +865,13 @@
      el:'#app',
      mixins:[mixin],
      data:{
          shuzu:[{}],
         // shuzu:[{}],
          shuzu1:[{}],
          shuzu2:[{}],
          warning:[],
          machineElectric:[{}],
            machineWater:[{}],

		  
		  
		  
        machineWater:[{}],
		
    val: {
                title:{
                    text:'',
@@ -1269,32 +932,16 @@
        },

      ],
      series: [{
          name: '电耗',
      series: [{ 
          name: "", // 初始为空
          type: 'bar',
          barWidth: '80%',
          data: [220, 152, 200, 334, 390, 330, 220],
          itemStyle: {
            color: 'rgb(180, 180, 180)'
          }
        },{
          name: '电耗2',
          type: 'bar',
          barWidth: '40%',
          data: [220, 152, 200, 334, 390, 330, 220],
          itemStyle: {
              color: 'rgb(30, 144, 255)'
          }
      },

      ]
          data: [],
          itemStyle: { color: '' }
        }]
    },
    val1: {
          borderColor:'#082352',
  title: {
    // text: '成品库存',
    // left: '290px',
    // top: '0px'
    text:'合格率',//主标题文本
            left:'center',
            top:'45%',
@@ -1336,7 +983,7 @@
        // position: 'inside',
        show: true,
        formatter(param) {
          // correct the percentage

          return param.name + ' (' + param.percent + '%)';
        }
    },
@@ -1344,13 +991,6 @@
        { value: 300, name: '成品',itemStyle:{color:'#53a2ff'} },
        { value: 700, name: '次品',itemStyle:{color:'darkseagreen'} }
    ],
    //   emphasis: {
    //     itemStyle: {
    //       shadowBlur: 10,
    //       shadowOffsetX: 0,
    //       shadowColor: 'rgba(0, 0, 0, 0.5)'
    //     }
    //   }
      itemStyle: {
        normal:{
        label:{
@@ -1369,88 +1009,88 @@
      },
      methods:{
          echarsInit() {
              var datashijian=[];
                var s=7;
                while(s>0){
                    s=s-1;
	    	    	
                    var date_day7=new Date(Date.parse(new Date())-s*24*60*60*1000);
              // 1. 生成近7天日期（和水耗表逻辑一致）
              var datashijian = [];
              var s = 7;
              while (s > 0) {
                s = s - 1;
                var date_day7 = new Date(Date.parse(new Date()) - s * 24 * 60 * 60 * 1000);
                var day7 = (date_day7.getMonth() + 1) + "/" + date_day7.getDate();
                datashijian.push(day7);
              }

                    var day7= (date_day7.getMonth()+1) +"/"+date_day7.getDate();
                    datashijian.push(day7);
	    	        
	    	        
                }
                let HisArr="";
                let dianhao=[];
                let shijian=[];
              // 2. 初始化图表容器（对应电耗表容器main3-1-2）
              let HisArr = "";
              let dianhao = []; // 电耗数据数组
              HisArr = this.$echarts.init(document.getElementById('main3-1-2'));

				
                HisArr = this.$echarts.init(document.getElementById('main3-1-2'));
				
                this.val.yAxis[0].name="电耗";
                this.val.series[0].name='电耗(kw.h)'
                this.val.series[1].name='电耗(kw.h)1'
                for(let i in this.machineElectric){
                    dianhao.push(this.machineElectric[i]["0_jiqidianliang"]);
                    shijian.push(this.machineElectric[i]["1_date"]);
                }
                console.log(dianhao);
                this.val.title.text="总耗电(kw.h)"
                    this.val.series[0].itemStyle.color='rgb(84,112,198)'
                    this.val.xAxis[0].data=datashijian;
                    this.val.series[0].data=dianhao;
                    this.val.series[1].data=dianhao;
                    HisArr.setOption(this.val);
                this.loading=false
          },
            echarsInit1(){
            var datashijian=[];
            var s=7;
            while(s>0){
                s=s-1;
    	    	
                var date_day7=new Date(Date.parse(new Date())-s*24*60*60*1000);
              // 3. 从数据源提取电耗数据（复用water的逻辑，变量名对应电耗）
              for (let i in this.machineElectric) { // 已统一为machineElectric
                dianhao.push(this.machineElectric[i]["0_jiqidianliang"]);
              }

                var day7= (date_day7.getMonth()+1) +"/"+date_day7.getDate();
                datashijian.push(day7);
    	        
    	        
            }
                let HisArr="";
                let dianhao=[];
                let shijian=[];
                HisArr = this.$echarts.init(document.getElementById('main3-2-2'));
                this.val.yAxis[0].name="水耗";
                this.val.series[0].name='水耗(m³)'
                for(let i in this.machineWater){
                    dianhao.push(this.machineWater[i]["0_jiqidianliang"]);
                    shijian.push(this.machineWater[i]["1_date"]);
                }
                this.val.title.text="总耗水(m³)"
                    this.val.series[0].itemStyle.color='#00ff00'
                    this.val.xAxis[0].data=datashijian;
                    this.val.series[0].data=[78,80,84,75,82,77,80];
                    HisArr.setOption(this.val);
                this.loading=false
            },
              // 4. 复用val配置，统一样式（和水耗表保持一致）
              this.val.yAxis[0].name = "电耗"; // 仅修改名称为“电耗”
              this.val.series[0].name = '电耗(kw.h)'; // 电耗单位
              this.val.title.text = "总耗电(kw.h)"; // 标题
              this.val.series[0].itemStyle.color = '#5470c6'; // 电耗表颜色（可自定义，与水耗区分）
              this.val.xAxis[0].data = datashijian; // x轴日期（和水耗一致）
              this.val.series[0].data = dianhao; // 绑定电耗数据

              // 5. 应用配置并渲染
              HisArr.setOption(this.val);
              this.loading = false;
            }
          ,
          echarsInit1() {
              // 1. 生成近7天日期（和水耗表逻辑一致）
              var datashijian = [];
              var s = 7;
              while (s > 0) {
                s = s - 1;
                var date_day7 = new Date(Date.parse(new Date()) - s * 24 * 60 * 60 * 1000);
                var day7 = (date_day7.getMonth() + 1) + "/" + date_day7.getDate();
                datashijian.push(day7);
              }

              // 2. 初始化图表容器（对应电耗表容器main3-1-2）
              let HisArr = "";
              let dianhao = []; 
              HisArr = this.$echarts.init(document.getElementById('main3-2-2'));

              for (let i in this.machineWater) { // 
                dianhao.push(this.machineWater[i]["0_jiqidianliang"]);
              }
              // 4. 复用val配置，统一样式（和水耗表保持一致）
              this.val.yAxis[0].name = "水耗";
              this.val.series[0].name = '水耗(kw.h)'; 
              this.val.title.text = "总耗水(kw.h)"; 
              this.val.series[0].itemStyle.color = '#5470c6'; // 电耗表颜色（可自定义，与水耗区分）
              this.val.xAxis[0].data = datashijian; // x轴日期（和水耗一致）
              this.val.series[0].data = dianhao; // 绑定电耗数据

              // 5. 应用配置并渲染
              HisArr.setOption(this.val);
              this.loading = false;
            }
          ,
	
            dingdanxiangqing(){
                let HisArr="";
                HisArr = this.$echarts.init(document.getElementById('main2'));
                let a = {
                    value: 942,

                    name: "成品",
                    name: "已完成",
                    itemStyle: { color: '#53a2ff' }

                }
                let b = {
                    value: 58,
                    name: "次品",
                    name: "未完成",
                    itemStyle: { color: 'darkseagreen' }

                }
                this.val1.title.text="合格率"
                this.val1.title.text="今日产量"
                this.val1.title.top="45%"
                this.val1.title.left="40%"
                this.val1.series[0].data[0]=a
@@ -1488,54 +1128,9 @@
          
      },
      watch:{
          shuzu(){
              for(item of this.shuzu){
                
                if((item["3_class_html"].indexOf("33")>-1) || (item["3_class_html"].indexOf("35")>-1) || (item["3_class_html"].indexOf("40")>-1)){
                    if(item["1_connect_state"]=="已连接"){
                      if(item["5_baojin"]>0){
                        //水刀
                        if(item["3_class_html"].indexOf("35")>-1){
                            if(item["5_baojin"]>1){
                                item["6_class"]='divYellow';
                            }else{
                                item["4_shuliang"]==4?item["6_class"]='divGrenn':item["6_class"]='divnull';
                            }
                            
                        }else{
                            item["6_class"]='divYellow';
                        }
						  
                      }else{
                       
                            //钻孔 加工中心
                            item["4_shuliang"]==2?item["6_class"]='divGrenn':item["6_class"]='divnull';
                        
						  
                      }
                    }else{
                        item["6_class"]='divRed';
                    } 
                }
                else{
                    if(item["1_connect_state"]=="已连接"){
                      if(item["5_baojin"]>0){
                          item["6_class"]='divYellow';
                      }else{
                         if((item["0_machine_id"]==76)||(item["0_machine_id"]==77)||(item["0_machine_id"]==26)||(item["0_machine_id"]==53)){

                            item["6_class"]='divGrenn';
                          }else{
                          item["4_shuliang"]>0?item["6_class"]='divGrenn':item["6_class"]='divnull';}
                          }
                    }else{
                        item["6_class"]='divRed';
                    }
				  
                }
				  
              }
            },
          //shuzu(){},
			
			
            machineElectric(){
                this.echarsInit()
            },
@@ -1549,53 +1144,42 @@
            
        },
      async mounted(){
        //  let canshu={
        //             sql:"{call AXJ_dapingxianshijiqishuju()}",
        //             flag:2,
        //             vals:"shuzu"
        //         }
        //  let canshu1={
        //             sql:"{call AXJ_dapingxianshi_dingdanshuju()}",
        //             flag:2,
        //             vals:"shuzu1"
        //         }
        //  this.shuzu1=await this.returnloadAjxss(canshu1);
		
	
 
        let sql=""
        let flag=2
        sql="{call AXJ_dapingxianshijiqishuju()}"
        this.loadAjxss('大屏显示',sql,flag,"shuzu")
        sql="{call AXJ_dapingxianshi_dingdanshuju()}"
       // sql="{call AXJ_dapingxianshijiqishuju()}"
        //this.loadAjxss('大屏显示',sql,flag,"shuzu")
        sql="{call bigScreen_order()}"
        this.loadAjxss('大屏总订单数据',sql,flag,"shuzu1")
        sql="{call AXJ_a_largeScreen_sumelectric_select()}"
        sql="{call bigScreen_ammeter()}"
        this.loadAjxss('大屏总电耗数据',sql,flag,"machineElectric")
        sql="{call AXJ_a_largeScreen_sumselect()}"
        this.loadAjxss('大屏总能耗总数据',sql,flag,"shuzu2")
        sql="{call AXJ_a_largeScreen_sumwater_select()}"
        sql="{call machine_warningScreen()}"
        this.loadAjxss('大屏设备警告数据',sql,flag,"warning")
        sql="{call bigScreen_water()}"
        this.loadAjxss('大屏总水耗数据',sql,flag,"machineWater")
        

      //  await setInterval(()=>{
            
        //    sql="{call AXJ_dapingxianshijiqishuju()}"
         //   this.interValLoadAjxs('大屏显示',sql,flag,"shuzu")
       // },5000)
        await setInterval(()=>{
            
            sql="{call AXJ_dapingxianshijiqishuju()}"
            this.interValLoadAjxs('大屏显示',sql,flag,"shuzu")
        },5000)
        await setInterval(()=>{
            
                sql="{call AXJ_dapingxianshi_dingdanshuju()}"
                sql="{call bigScreen_order()}"
                this.interValLoadAjxs('大屏总订单数据',sql,flag,"shuzu1")
            },5000)
         await setInterval(()=>{
                sql="{call AXJ_a_largeScreen_sumelectric_select()}"
                sql="{call bigScreen_ammeter()}"
                this.interValLoadAjxs('大屏总电耗数据',sql,flag,"machineElectric")
            },5000)
        await setInterval(()=>{
                sql="{call AXJ_a_largeScreen_sumselect()}"
                this.interValLoadAjxs('大屏总能耗总数据',sql,flag,"shuzu2")
                sql="{call machine_warningScreen()}"
                this.interValLoadAjxs('大屏设备警告数据',sql,flag,"warning")
            },5000)    
         await setInterval(()=>{
                sql="{call AXJ_a_largeScreen_sumwater_select()}"
                sql="{call bigScreen_water()}"
                this.interValLoadAjxs('大屏总水耗数据',sql,flag,"machineWater")
            },5000)
        
@@ -1608,310 +1192,6 @@






// function drawLine2(){

// var chartDom = document.getElementById('main2');
// var myChart = echarts.init(chartDom);
// var option;
// alert(app.$data.shuzu1[0]['2_smallglass_completed']);
// option = {
    

//   borderColor:'#082352',
//   title: {
//     // text: '成品库存',
//     // left: '290px',
//     // top: '0px'
//     text:'合格率',//主标题文本
//             left:'center',
//             top:'45%',
//             left:'40%',
//             textStyle:{
//             color:'#454c5c',
//             align:'center'
//             },
//             subtextStyle:{
//                 fontFamily : "微软雅黑",
//                 color:'#6c7a89',
//             }

//   },
  
//   tooltip: {
//     trigger: 'item',
//     textStyle:{   
//     }
//   },
//   legend: {
//     // orient: 'vertical',
//     left: 'left',
//     textStyle:{   
        
//     }
//   },
//   textStyle:{
    
//   },
//   series: [
//     {

//     type: 'pie',
//     radius : ['40%','70%'],
//     center: ['50%', '50%'],
//     minAngle:'15',
//     label: {
//         // position: 'inside',
//         show: true,
//         formatter(param) {
//           // correct the percentage
//           return param.name + ' (' + param.percent + '%)';
//         }
//     },
//     data: [
//         { value: app.$data.shuzu1[0]['2_smallglass_completed'], name: '成品',itemStyle:{color:'#53a2ff'} },
//         { value: app.$data.shuzu1[0]['3_smallglass_processing'], name: '次品',itemStyle:{color:'darkseagreen'} }
//     ],
//     //   emphasis: {
//     //     itemStyle: {
//     //       shadowBlur: 10,
//     //       shadowOffsetX: 0,
//     //       shadowColor: 'rgba(0, 0, 0, 0.5)'
//     //     }
//     //   }
//       itemStyle: {
//         normal:{
//         label:{
//             show:true,
//                 //formatter: "{b} :\n  {c} \n ({d}%)",
//                 formatter: "{b} :\n   ({d}%)",
//                     position:"inner"
//                  }
//             }
//         }

//     }
//   ]
// };

// option && myChart.setOption(option);



// var chartDom4 = document.getElementById('main4');
// var myChart4 = echarts.init(chartDom4);
// var option4;
// option4 = {
    

//   borderColor:'#082352',
//   title: {
//     // text: '成品库存',
//     // left: '290px',
//     // top: '0px'
//     text:'订单加工',//主标题文本
//             left:'center',
//             top:'45%',
//             left:'40%',
//             textStyle:{
//             color:'#454c5c',
//             align:'center'
//             },
//             subtextStyle:{
//                 fontFamily : "微软雅黑",
//                 color:'#6c7a89',
//             }

//   },
  
//   tooltip: {
//     trigger: 'item',
//     textStyle:{   
//       fontsize: 12,
//     }
//   },
//   legend: {
//     // orient: 'vertical',
//     left: 'left',
//     textStyle:{   
//       fontsize: 12,
//     }
//   },
//   textStyle:{
//     fontsize: 12,
//   },
//   series: [
//     {

//     type: 'pie',
//     radius : ['40%','70%'],
//     center: ['50%', '50%'],
//     minAngle:'15',
//     label: {
//         // position: 'inside',
//         show: true,
//         formatter(param) {
//           // correct the percentage
//           return param.name + ' (' + param.percent + '%)';
//         }
//     },
//     data: [
//         { value: 700, name: '已完成',itemStyle:{color:'#53a2ff'} },
//         { value: 300, name: '未完成',itemStyle:{color:'darkseagreen'} }
//     ],
//     //   emphasis: {
//     //     itemStyle: {
//     //       shadowBlur: 10,
//     //       shadowOffsetX: 0,
//     //       shadowColor: 'rgba(0, 0, 0, 0.5)'
//     //     }
//     //   }
//       itemStyle: {
//         normal:{
//         label:{
//             show:true,
//                 //formatter: "{b} :\n  {c} \n ({d}%)",
//                 formatter: "{b} :\n   ({d}%)",
//                     position:"inner"
//                  }
//             }
//         }

//     }
//   ]
// };

// option4 && myChart4.setOption(option4);



// var chartDom1 = document.getElementById('main3-1-2');
// var myChart1 = echarts.init(chartDom1);
// var option1;

// option1 = {
// title: {
//     text: '耗电统计图',
//     right: '0px',
//     textStyle:{
              
        
//     }
     
//   },
//   tooltip: {
//     trigger: 'axis',
//     axisPointer: {
//       type: 'shadow'
//     },
//     textStyle:{   
  
//     }
//   },
//   grid: {
//     left: '3%',
//     right: '4%',
//     bottom: '3%',
//     containLabel: true
//   },
//   xAxis: [
//     {
//       type: 'category',
//       data: datashijian,
//       axisTick: {
//         alignWithLabel: true
//       },
//       axisLabel:{
        
//       }
//     }
//   ],
//   yAxis: [
//     {
//       type: 'value',
//       axisLabel:{
      
//       }
//     }
//   ],
//   series: [
//     {
//       name: '产量',
//       type: 'bar',
//       barWidth: '40%',
//       data: [100, 52, 200, 334, 330, 220, 80, 460, 310, 120, 430, 260, 250],
//       itemStyle:{color:'#53a2ff'}
//     }
//   ]
// };

// option1 && myChart1.setOption(option1);


// var chartDom2 = document.getElementById('main3-2-2');
// var myChart2 = echarts.init(chartDom2);
// var option2;

// option2 = {
// title: {
//     text: '耗水统计图',
//     right: '0px',
//     textStyle:{
              
      
//     }
     
//   },
//   tooltip: {
//     trigger: 'axis',
//     axisPointer: {
//       type: 'shadow'
//     },
//     textStyle:{   
        
//     }
//   },
//   grid: {
//     left: '3%',
//     right: '4%',
//     bottom: '3%',
//     containLabel: true
//   },
//   xAxis: [
//     {
//       type: 'category',
//       data: datashijian,
//       axisTick: {
//         alignWithLabel: true
//       },
//       axisLabel:{
        
//       }
//     }
//   ],
//   yAxis: [
//     {
//       type: 'value',
//       axisLabel:{
        
//       }
//     }
//   ],
//   series: [
//     {
//       name: '产量',
//       type: 'bar',
//       barWidth: '40%',
//       data: [100, 52, 200, 334, 330, 220, 80, 460, 310, 120, 430, 260, 250],
//       itemStyle:{color:'#53a2ff'}
//     }
//   ]
// };

// option2 && myChart2.setOption(option2);
//}
</script>
</body>
</html>

 gmms/WebContent/bigScreen/allGlassflash.jsp

@@ -1476,7 +1476,7 @@
                    itemStyle: { color: 'darkseagreen' }

                }
                this.val1.title.text="订单加工"
                this.val1.title.text="当日加工"
                this.val1.title.top="45%"
                this.val1.title.left="40%"
                this.val1.series[0].data[0]=a

 mesgglass.sql

New file
Diff too large