新增当月总耗电、电视机样式调整、字体更换、副屏设备图裁剪放大、24小时柱状图更换为昨天晚上8点到今天晚上8点、报警色块位置调整

wu

2025-11-24 3d3e4173c301fd36c16b9a25cd1f8c9f27257ed0

新增当月总耗电、电视机样式调整、字体更换、副屏设备图裁剪放大、24小时柱状图更换为昨天晚上8点到今天晚上8点、报警色块位置调整

 gmms/WebContent/bigScreen/allGlassScreen.jsp

@@ -8,182 +8,182 @@
<style>
    
    #warn-734,#warn-743{
          top: 555px !important;   
          left: 1421px !important;
          width: 64px !important;  
          top: 481px !important;   
          left: 1454px !important;
          width: 53px !important;  
          height: 22px !important;   
          position: Absolute;
        }
    #warn-735,#warn-744{
          top: 555px !important;   
          left: 1406px !important;
          width: 12px !important;  
          height: 22px !important; 
          top: 423px !important;   
          left: 1419px !important;
          width: 16px !important;  
          height: 17px !important; 
          position: Absolute;
        }    
    #warn-736,#warn-745{
          top: 555px !important;   
          top: 423px !important;   
          left: 1376px !important;
          width: 15px !important;  
          height: 22px !important; 
          width: 16px !important;  
          height: 17px !important; 
          position: Absolute;
        }    
    #warn-737,#warn-746{
         top: 523px !important;
        left: 1401px !important;
         top: 462px  !important;
        left: 1413px  !important;
        width: 18px !important;
        height: 14px !important;
          position: Absolute;
        }
    #warn-738,#warn-747{
     top: 523px !important;
        left: 1373px !important;
     top: 462px  !important;
        left: 1386px  !important;
        width: 18px !important;
        height: 14px !important;
          position: Absolute;
        }
    #warn-740,#warn-749{  
         top: 510px !important;
         top: 425px  !important;
        left: 1385px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;  
        }
    #warn-739,#warn-748{
         top: 510px !important;
         top: 425px  !important;
        left: 1405px !important;
        width: 18px !important;
        height: 13px !important;  
          position: Absolute;  
        }    
    #warn-741,#warn-750{
         top: 510px !important;
         top: 425px  !important;
        left: 1366px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;
        }
    #warn-742,#warn-751{
         top: 510px !important;
         top: 425px  !important;
        left: 1348px !important;
        width: 18px !important;
        height: 13px !important;
          position: Absolute;
        }
    #warn-812{
  top: 509px !important;  /* åŽŸtop=562px Ã— 0.8966≈504px */
  left: 1266px !important;
top: 427px !important;
    left: 1269px !important;
  width: 20px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-813{
  top: 570px !important;  /* åŽŸtop=636px Ã— 0.8966≈570px */
  left: 1262px !important;
    top: 458px !important;
    left: 1267px !important;
  width: 24px !important;
  height: 20px !important;
  position: Absolute;  
}
#warn-1062{
  top: 521px !important;  /* åŽŸtop=581px Ã— 0.8966≈521px */
  top: 431px !important;  /* åŽŸtop=581px Ã— 0.8966≈521px */
  left: 1180px !important;
  width: 25px !important;
  height: 20px !important;
  position: Absolute;
}        
#warn-1063{
  top: 521px !important;  /* åŽŸtop=581px Ã— 0.8966≈521px */
  top: 431px !important;  /* åŽŸtop=581px Ã— 0.8966≈521px */
  left: 1180px !important;
  width: 25px !important;
  height: 20px !important;
  position: Absolute;
}
    #warn-3162{
  top: 557px !important;  /* åŽŸ621px Ã— 0.8966≈557px */
  top: 480px  !important;  /* åŽŸ621px Ã— 0.8966≈557px */
  left: 1180px !important;
  width: 25px !important;
  height: 20px !important;
  position: Absolute;
}        
#warn-3163{
  top: 557px !important;  /* åŽŸ621px Ã— 0.8966≈557px */
  top: 481px !important;  /* åŽŸ621px Ã— 0.8966≈557px */
  left: 1180px !important;
  width: 25px !important;
  height: 20px !important;
  position: Absolute;
}    
#warn-1153{
  top: 595px !important;  /* åŽŸ663px Ã— 0.8966≈595px */
  left: 1263px !important;
    top: 485px !important;
    left: 1266px !important;
  width: 22px !important;
  height: 14px !important;
  position: Absolute;
}        
#warn-1154{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  top: 480px  !important;  /* åŽŸ679px Ã— 0.8966≈535px */
  left: 1264px !important;
  width: 23px !important;
  height: 15px !important;
  position: Absolute;
}    
#warn-1155{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  top: 535px !important;  /* åŽŸ679px Ã— 0.8966≈535px */
  left: 1247px !important;
  width: 17px !important;
  height: 15px !important;
  position: Absolute;
}    
#warn-1156{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  top: 535px !important;  /* åŽŸ679px Ã— 0.8966≈535px */
  left: 1230px !important;
  width: 17px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-1157{
  top: 610px !important;  /* åŽŸ681px Ã— 0.8966≈610px */
  top: 536px !important;  /* åŽŸ681px Ã— 0.8966≈536px */
  left: 1209px !important;
  width: 20px !important;
  height: 12px !important;
  position: Absolute;
}        
#warn-1158{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  top: 535px !important;  /* åŽŸ680px Ã— 0.8966≈535px */
  left: 1174px !important;
  width: 34px !important;
  height: 13px !important;
  position: Absolute;
}  
#warn-1159{
  top: 610px !important;  /* åŽŸ681px Ã— 0.8966≈610px */
  top: 536px !important;  /* åŽŸ681px Ã— 0.8966≈536px */
  left: 1153px !important;
  width: 20px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-1160{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  top: 535px !important;  /* åŽŸ680px Ã— 0.8966≈535px */
  left: 1137px !important;
  width: 16px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1161{
  top: 587px !important;  /* åŽŸ655px Ã— 0.8966≈587px */
  top: 510px !important;  /* åŽŸ655px Ã— 0.8966≈510px */
  left: 1212px !important;
  width: 16px !important;
  height: 21px !important;
  position: Absolute;
}    
#warn-1162{
  top: 575px !important;  /* åŽŸ641px Ã— 0.8966≈575px */
  top: 496px  !important;  /* åŽŸ641px Ã— 0.8966≈575px */
  left: 1212px !important;
  width: 16px !important;
  height: 12px !important;      
  position: Absolute;
}    
#warn-1163{
  top: 552px !important;  /* åŽŸ616px Ã— 0.8966≈552px */
  top: 472px  !important;  /* åŽŸ616px Ã— 0.8966≈472px  */
  left: 1212px !important;
  width: 16px !important;
  height: 21px !important;
@@ -204,21 +204,21 @@
  position: Absolute;
}
#warn-1166{
  top: 552px !important;  /* åŽŸ616px Ã— 0.8966≈552px */
  top: 472px  !important;  /* åŽŸ616px Ã— 0.8966≈472px  */
  left: 1156px !important;
  width: 16px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-1167{
  top: 575px !important;  /* åŽŸ641px Ã— 0.8966≈575px */
  top: 496px  !important;  /* åŽŸ641px Ã— 0.8966≈575px */
  left: 1156px !important;
  width: 16px !important;
  height: 12px !important;      
  position: Absolute;
}
#warn-1168{
  top: 587px !important;  /* åŽŸ655px Ã— 0.8966≈587px */
  top: 510px !important;  /* åŽŸ655px Ã— 0.8966≈510px */
  left: 1156px !important;
  width: 16px !important;
  height: 21px !important;
@@ -229,92 +229,92 @@
  position: Absolute;
}  
#warn-1343{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 1042px !important;
    top: 534px !important;
    left: 1030px !important;
  width: 16px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-1344{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 1018px !important;
  top: 535px !important;
    left: 1006px !important;
  width: 22px !important;
  height: 13px !important;
  position: Absolute;
}
 #warn-1345{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 999px !important;
top: 537px !important;
    left: 987px !important;
  width: 17px !important;
  height: 13px !important;
  position: Absolute;
}  
#warn-1346{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 982px !important; 
top: 535px !important;
    left: 969px !important;
  width: 16px !important;
  height: 13px !important;
  position: Absolute;
} 
#warn-1347{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 780px !important; 
    top: 537px !important;
    left: 766px !important;
  width: 202px !important;
  height: 13px !important;
  position: Absolute;
} 
#warn-1348{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 760px !important; 
    top: 536px !important;
    left: 746px !important;
  width: 20px !important;
  height: 13px !important;
  position: Absolute;
} 
#warn-1349{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 746px !important; 
    top: 535px !important;
    left: 716px !important;
  width: 15px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1350{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 710px !important; 
    top: 535px !important;
    left: 682px !important;
  width: 15px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1351{
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 715px !important; 
    top: 536px !important;
    left: 700px !important;
  width: 15px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1352{ 
  top: 603px !important;  /* åŽŸ680px Ã— 0.8966≈603px */
  left: 697px !important; 
    top: 536px !important;
    left: 663px !important;
  width: 18px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1353{
  top: 589px !important;  /* åŽŸ657px Ã— 0.8966≈589px */
  left: 1000px !important;
      top: 515px !important;
    left: 986px !important;
  width: 13px !important;
  height: 16px !important;
  position: Absolute;
}
#warn-1354{
  top: 570px !important;  /* åŽŸ636px Ã— 0.8966≈570px */
  left: 1000px !important;
top: 491px !important;
    left: 987px !important;
  width: 13px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-1355{
  top: 553px !important;  /* åŽŸ617px Ã— 0.8966≈553px */
  left: 999px !important;
  top: 475px !important;
    left: 986px !important;
  width: 16px !important;
  height: 12px !important;
  position: Absolute;
@@ -324,8 +324,8 @@
  position: Absolute;
}
#warn-1723{
  top: 600px !important;  /* åŽŸ675px Ã— 0.8966≈605px */
  left: 1096px !important;
    top: 529px !important;
    left: 1090px !important;
  width: 23px !important;
  height: 22px !important;
  position: Absolute;
@@ -335,407 +335,407 @@
}

#warn-2110{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  left: 494px !important;
     top: 535px !important;
    left: 466px !important;
  width: 38px !important;
  height: 21px !important;
  position: Absolute;
}   
#warn-2111{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  left: 467px !important;
  width: 26px !important;
    top: 536px !important;
    left: 447px !important;
    width: 18px !important;
  height: 15px !important;
  position: Absolute;
}  
#warn-2112{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  left: 425px !important;
top: 535px !important;
    left: 373px !important;
  width: 40px !important;
  height: 19px !important;
  position: Absolute;
}  
#warn-2113{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  left: 425px !important;
  top: 535px !important;
    left: 373px !important;
  width: 40px !important;
  height: 19px !important;
  position: Absolute;
}  
#warn-2114{
  top: 603px !important;  /* åŽŸ679px Ã— 0.8966≈603px */
  left: 392px !important;
     top: 538px !important;
    left: 414px !important;
  width: 31px !important;  
  height: 15px !important;
  position: Absolute;
}    
#warn-2214{
  top: 592px !important;  /* åŽŸ660px Ã— 0.8966≈592px */
  left: 323px !important;
     top: 537px !important;
    left: 339px !important;
  width: 31px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-2215{
  top: 567px !important;  /* åŽŸ632px Ã— 0.8966≈567px */
  left: 325px !important;
top: 517px !important;
    left: 270px !important;
  width: 21px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-2216{
  top: 549px !important;  /* åŽŸ612px Ã— 0.8966≈549px */
  left: 325px !important;
 top: 505px !important;
    left: 268px !important;
  width: 21px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-2217{
  top: 504px !important;  /* åŽŸ562px Ã— 0.8966≈504px */
  left: 325px !important;
      top: 462px !important;
    left: 268px !important;
  width: 21px !important;
  height: 43px !important;
  position: Absolute;
}
#warn-2218{
  top: 504px !important;  /* åŽŸ562px Ã— 0.8966≈504px */
  left: 325px !important;
      top: 418px !important;
    left: 268px !important;
  width: 21px !important;
  height: 43px !important;
  position: Absolute;
}
#warn-2219{
  top: 485px !important;  /* åŽŸ541px Ã— 0.8966≈485px */
  left: 320px !important;
top: 405px !important;
    left: 263px !important;
  width: 32px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-2310{
  top: 596px !important;  /* åŽŸ677px Ã— 0.8966≈607px */
  left: 322px !important;
    top: 531px !important;
    left: 263px !important;
  width: 36px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-2311{
  top: 476px !important;  /* åŽŸ519px Ã— 0.8966≈476px */
  left: 317px !important;
     top: 382px !important;
    left: 259px !important;
  width: 36px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-2314{
  top: 476px !important;  /* åŽŸ519px Ã— 0.8966≈476px */
  left: 108px !important;
    top: 382px !important;
    left: 38px !important;
  width: 36px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-2312{
  top: 477px !important;  /* åŽŸ522px Ã— 0.8966≈477px */
  left: 253px !important;
    top: 383px !important;
    left: 190px !important;
  width: 26px !important;
  height: 16px !important;
  position: Absolute;
}
#warn-2313{
  top: 477px !important;  /* åŽŸ522px Ã— 0.8966≈477px */
  left: 182px !important;
top: 385px !important;
    left: 113px !important;
  width: 27px !important;
  height: 16px !important;
  position: Absolute;
}    
#warn-2421{
  top: 506px !important;  /* åŽŸ564px Ã— 0.8966≈506px */
  left: 113px !important;
top: 415px !important;
    left: 42px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-2422{
  top: 524px !important;  /* åŽŸ585px Ã— 0.8966≈524px */
  left: 113px !important;
  top: 501px !important;  /* åŽŸ585px Ã— 0.8966≈524px */
  left: 42px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}    
#warn-2423{
  top: 543px !important;  /* åŽŸ606px Ã— 0.8966≈543px */
  left: 113px !important;
  top: 437px !important;
    left: 42px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-2424{
  top: 562px !important;  /* åŽŸ627px Ã— 0.8966≈562px */
  left: 113px !important;
   top: 459px !important;
  left: 42px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}    
#warn-2425{  
  top: 581px !important;  /* åŽŸ648px Ã— 0.8966≈581px */
  left: 113px !important;
  top: 481px !important;  /* åŽŸ648px Ã— 0.8966≈581px */
  left: 42px !important;
  width: 22px !important;
  height: 21px !important;  
  position: Absolute;
}
#warn-2426{  
  top: 599px !important;  /* åŽŸ669px Ã— 0.8966≈599px */
  left: 113px !important;
  top: 523px !important;  /* åŽŸ669px Ã— 0.8966≈599px */
  left: 42px !important;
  width: 22px !important;
  height: 21px !important;  
  position: Absolute;
}
#warn-2427{  
  top: 619px !important;  /* åŽŸ690px Ã— 0.8966≈619px */
  left: 113px !important;
  top: 547px !important;  /* åŽŸ690px Ã— 0.8966≈619px */
  left: 42px !important;
  width: 22px !important;
  height: 21px !important;  
  position: Absolute;
}
#warn-2428{  
  top: 638px !important;  /* åŽŸ712px Ã— 0.8966≈638px */
  left: 113px !important;
  top: 571px !important;  /* åŽŸ712px Ã— 0.8966≈638px */
  left: 42px !important;
  width: 22px !important;
  height: 23px !important;  
  position: Absolute;
}
#warn-2429{  
  top: 660px !important;  /* åŽŸ736px Ã— 0.8966≈660px */
  left: 113px !important;
  top: 595px !important;  /* åŽŸ736px Ã— 0.8966≈660px */
  left: 42px !important;
  width: 22px !important;
  height: 31px !important;  
  position: Absolute;
}
#warn-2510{  
  top: 707px !important;  /* åŽŸ814px Ã— 0.8966≈707px */
  left: 892px !important;
    top: 663px !important;
    left: 874px !important;
  width: 33px !important;
  height: 19px !important;
  position: Absolute;
}
#warn-2511{  
  top: 710px !important;  /* åŽŸ815px Ã— 0.8966≈710px */
  left: 927px !important;
    top: 667px !important;
    left: 910px !important;
  width: 28px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-2512,#warn-2513{  
  top: 710px !important;  /* åŽŸ815px Ã— 0.8966≈710px */
  left: 958px !important;
      top: 666px !important;
    left: 940px !important;
  width: 39px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-2514{  
  top: 709px !important;  /* åŽŸ816px Ã— 0.8966≈693px */
  left: 998px !important;
    top: 669px !important;
    left: 983px !important;
  width: 26px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2614{  
  top: 693px !important;  /* åŽŸ795px Ã— 0.8966≈693px */
  left: 1127px !important;
  width: 28px !important;
    top: 638px !important;
    left: 1117px !important;
    width: 33px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2615{  
  top: 693px !important;  /* åŽŸ795px Ã— 0.8966≈693px */
  top: 638px !important;  /* åŽŸ795px Ã— 0.8966≈638px */
  left: 1155px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2616{  
  top: 693px !important;  /* åŽŸ795px Ã— 0.8966≈693px */
  top: 638px !important;  /* åŽŸ795px Ã— 0.8966≈638px */
  left: 1186px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2617{  
  top: 693px !important;  /* åŽŸ795px Ã— 0.8966≈693px */
  top: 638px !important;  /* åŽŸ795px Ã— 0.8966≈638px */
  left: 1216px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2618{  
  top: 693px !important;  /* åŽŸ795px Ã— 0.8966≈693px */
  top: 638px !important;  /* åŽŸ795px Ã— 0.8966≈638px */
  left: 1246px !important;   
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2619{   
  top: 693px !important;  /* åŽŸ795px Ã— 0.8966≈693px */
  top: 638px !important;  /* åŽŸ795px Ã— 0.8966≈638px */
  left: 1276px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2710{   
  top: 707px !important;  /* åŽŸ811px Ã— 0.8966≈727px */
  top: 660px !important;  /* åŽŸ811px Ã— 0.8966≈727px */
  left: 1372px !important;
  width: 38px !important;
  width: 38px !important;   
  height: 21px !important;
  position: Absolute;
}
#warn-2711{   
  top: 710px !important;  /* åŽŸ815px Ã— 0.8966≈710px */
  top: 661px !important;  /* åŽŸ815px Ã— 0.8966≈710px */
  left: 1411px !important;
  width: 26px !important;
  height: 16px !important;
  position: Absolute;
}
#warn-2712{   
  top: 710px !important;  /* åŽŸ815px Ã— 0.8966≈710px */
  left: 1440px !important;
  width: 39px !important;
  height: 16px !important;
    top: 662px !important;
    left: 1440px !important;
    width: 88px !important;
    height: 22px !important;
  position: Absolute;
}
#warn-2713{   
  top: 710px !important;  /* åŽŸ815px Ã— 0.8966≈710px */
  left: 1480px !important;
  width: 26px !important;
  height: 16px !important;
top: 660px !important;
    left: 1533px !important;
    width: 33px !important;
    height: 21px !important;
  position: Absolute;
}
#warn-2714{   
  top: 707px !important;  /* åŽŸ814px Ã— 0.8966≈707px */
  left: 1512px !important;
  width: 32px !important;
      top: 663px !important;
    left: 1571px !important;
    width: 35px !important;
  height: 18px !important; 
  position: Absolute;
}
#warn-2814{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1606px !important;
  width: 45px !important;  
     top: 641px !important;
    left: 1581px !important;
    width: 40px !important;
  height: 23px !important;
  position: Absolute; 
}
#warn-2815{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1651px !important;
  width: 45px !important;
  height: 23px !important;
 top: 622px !important;
    left: 1633px !important;
    width: 46px !important;
    height: 27px !important;
  position: Absolute;
}
#warn-2816{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1651px !important;
  width: 45px !important;
  height: 23px !important;
  top: 622px !important;
    left: 1633px !important;
    width: 46px !important;
    height: 27px !important;
  position: Absolute;
}
#warn-2817{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1711px !important;
      top: 628px !important;
    left: 1741px !important;
  width: 45px !important;
  height: 23px !important;
  position: Absolute;
}
#warn-2818{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1756px !important;
      top: 628px !important;
    left: 1790px !important;
  width: 45px !important;
  height: 23px !important;
  position: Absolute;
}
#warn-2819{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1711px !important;
  width: 45px !important;
  height: 23px !important;
 top: 623px !important;
    left: 1680px !important;
    width: 48px !important;
    height: 26px !important;
  position: Absolute;
}
#warn-2961{   
  top: 688px !important;  /* åŽŸ788px Ã— 0.8966≈707px */
  left: 1711px !important;
  width: 45px !important;
  height: 23px !important;
top: 623px !important;
    left: 1680px !important;
    width: 48px !important;
    height: 26px !important;
  position: Absolute;
}
#warn-3037{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1836px !important;
    top: 690px !important;
    left: 1857px !important;
  width: 19px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-3038{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1803px !important;
  top: 690px !important;  /* åŽŸ840px Ã— 0.8966≈690px */
  left: 1825px !important;
  width: 32px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-3039{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1771px !important;
  top: 690px !important;  /* åŽŸ840px Ã— 0.8966≈690px */
  left: 1793px !important;
  width: 32px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-3040{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1719px !important;
  top: 690px !important;  /* åŽŸ840px Ã— 0.8966≈690px */
  left: 1741px !important;
  width: 52px !important;
  height: 12px !important;
  position: Absolute;
} 
#warn-3041{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1667px !important;
  top: 690px !important;  /* åŽŸ840px Ã— 0.8966≈690px */
  left: 1689px !important;
  width: 52px !important;
  height: 12px !important;
  position: Absolute;
}     
#warn-3042{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1615px !important;
  top: 690px !important;  /* åŽŸ840px Ã— 0.8966≈690px */
  left: 1637px !important;
  width: 52px !important;
  height: 12px !important;
  position: Absolute;
}     
#warn-3043{   
  top: 729px !important;  /* åŽŸ840px Ã— 0.8966≈729px */
  left: 1595px !important;
  width: 20px !important;
    top: 690px !important;
    left: 1619px !important;
    width: 18px !important;
  height: 12px !important;
  position: Absolute;
}    
#warn-3044{   
  top: 764px !important;  /* åŽŸ860px Ã— 0.8966≈771px */
  left: 1598px !important;
  top: 721px !important;  /* åŽŸ860px Ã— 0.8966≈771px */
  left: 1623px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}    
#warn-3045{   
  top: 790px !important;  /* åŽŸ881px Ã— 0.8966≈790px */
  left: 1598px !important;
  top: 762px !important;  /* åŽŸ881px Ã— 0.8966≈790px */
  left: 1623px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}    
#warn-3046{   
  top: 743 !important;  /* åŽŸ860px Ã— 0.8966≈771px */
  left: 1598px !important;
  top: 706px !important;  /* åŽŸ860px Ã— 0.8966≈771px */
  left: 1623px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-3047{    
  top: 782px !important;  /* åŽŸ881px Ã— 0.8966≈790px */
  left: 1598px !important;
  top: 744px !important;  /* åŽŸ881px Ã— 0.8966≈790px */
  left: 1623px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
@@ -747,7 +747,7 @@
        padding: 0;
        margin: 0;
        overflow: hidden;  
        
          
      }
      #header1 {
            width: 100%;  
@@ -765,16 +765,20 @@
        }  
        #center {
            width: 100%;
            height: 60%;
            height: 55%;
            overflow: visible; /* ç¡®ä¿è®¾å¤‡å›¾ä¸Šç§»åŽä¸è¢«è‡ªèº«å®¹å™¨è£å‰ª */
            
        }
       #footer {
            width: 100%;
            height: 20%;
            overflow: visible; /* ç¡®ä¿è®¾å¤‡å›¾ä¸Šç§»åŽä¸è¢«è‡ªèº«å®¹å™¨è£å‰ª */
            
        }        
        /* åº•éƒ¨ */
        #footer {
  width: 100%;
  height: 25%;
  overflow: visible;
  display: flex; /* æ¨ªå‘布局 */
  background-color: white; /* ä¸Žheader背景统一 */
  box-sizing: border-box;
  padding: 10px;
}      
        #main1 {
            margin-left:1%;
            width: 14%;
@@ -880,16 +884,7 @@
            top: 775px;
            left: 1250px
        }
        /* åº•éƒ¨ */
        #footer {
  width: 100%;
  height: 20%;
  overflow: visible;
  display: flex; /* æ¨ªå‘布局 */
  background-color: white; /* ä¸Žheader背景统一 */
  box-sizing: border-box;
  padding: 10px;
}


/* äº§é‡æŸ±çŠ¶å›¾å®¹å™¨æ ·å¼ */
#production-chart-wrap {
@@ -909,13 +904,14 @@
#production-chart-container {
  width: 100%;
  height: calc(100% - 30px); /* å‡åŽ»æ ‡é¢˜é«˜åº¦ */
}
  top:-20px;
}  

#staff-container {
  width: 30%;
  height: 100%;
  box-sizing: border-box;
  padding: 10px;
  padding: 0px;
  background-color: white;
}

@@ -923,7 +919,7 @@
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 5px;
  margin-bottom: 2px;
  text-align: center;
}

@@ -977,7 +973,7 @@
.staff-subtable input {
  width: 100%;
  height: 20px;
  padding: 0 3px;
  padding: 0 0px;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
@@ -1031,7 +1027,7 @@
    <div v-if="warning && warning.length > 0">
    <div 
      v-for="warnItem in warning" 
      :key="warnItem['0_id']" 
      :key="warnItem['0_id']"  
      class="warn-item" 
       :id="'warn-' + warnItem['0_id']" 
       v-show="warnItem['4_state'] === '1'"
@@ -1039,7 +1035,7 @@
      style="   
        position: absolute; 
        top: 450px; 
        background: rgba(255, 0, 0, 0.4);
        background: rgba(255, 0, 0, 0.4);  
        color: white;  
        z-index: 10;
        cursor: pointer;" >         
@@ -1294,9 +1290,9 @@
            //提交数据库
            /*  console.log("姓名：", updateData); */
            let sql = "{call bigScreen_operatorUpdate(?,?,?)}~" + JSON.stringify(updateData);
            this.connects("值班人员信息修改", sql,1,1);
            document.activeElement.blur();
          },
            this.connects("值班人员信息修改", sql,1,0);
            document.activeElement.blur();  
          },      
          
          echarsInit() {
              // 1. ç”Ÿæˆè¿‘7天日期（和水耗表逻辑一致）
@@ -1442,9 +1438,9 @@
          initProductionChart() {
              // 1. å›ºå®šx轴标签（昨天8点→今天7点，共24个时段，无第二天8点）
              const hourLabels = [
                "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", // æ˜¨å¤©8-19点
                "20", "21", "22", "23", // æ˜¨å¤©20-23点
                "00", "01", "02", "03", "04", "05", "06", "07" // ä»Šå¤©0-7点（共24个）
                "20", "21", "22", "23", "00", "01", "02", "03", "04", "05", "06", "07", // æ˜¨å¤©8-19点
                "08", "09", "10", "11", // æ˜¨å¤©20-23点 
                "12", "13", "14", "15", "16", "17", "18", "19" // ä»Šå¤©0-7点（共24个）
              ];

              // 2. å¼ºåˆ¶è®¾ç½®å›¾è¡¨å®¹å™¨é«˜åº¦ï¼ˆé¿å…æ¸²æŸ“不可见）
@@ -1468,11 +1464,7 @@
              const chartOption = {
                  animation: true, // é¦–次渲染时播放动画（可选，默认true）
                  animationDuration: 500, // é¦–次动画时长（500ms，可调整）               
              /*  title: {
                  text: "24小时产量(片)（昨日8点-今日7点）",
                  left: "center",
                  textStyle: { fontSize: 15, color: "#333" }
                }, */
		
                tooltip: {
                  trigger: "axis",
                  formatter: "{b}时：{c}片" // æç¤ºæ¡†æ˜¾ç¤ºâ€œXX时：XX片”
@@ -1502,7 +1494,8 @@
                    /* name: "片", */
                    min: 0, // å¼ºåˆ¶y轴从0开始
                    splitLine: { lineStyle: { color: "#f5f5f5" } },
                    axisLabel: { color: "#333", fontSize: 11 }
                    axisLabel: { color: "#333", fontSize: 11 },
                    axisLabel: { show: false }, // éšè—æ•°å­—
                  }
                ],
                series: [
@@ -1532,7 +1525,7 @@
              this.productionChartInstance.setOption(chartOption, { animation: false });

              // çª—口 resize æ—¶è‡ªåŠ¨é‡ç»˜
              window.addEventListener('resize', () => productionChart.resize());
              //window.addEventListener('resize', () => initProductionChart.resize());
            }
          ,
    

 gmms/WebContent/bigScreen/allGlassScreenVice.html

@@ -36,6 +36,8 @@
      margin-bottom: 10vh;
      margin-left: 2vh;
      width: 12vw; /* å›ºå®šå“ç‰ŒååŒºåŸŸå®½åº¦ï¼Œé¿å…æŒ¤åŽ‹ä¸»æ ‡é¢˜ */
      display:none;
      
    }
    .main-title {
      font-size: 5vh; /* ä¸»æ ‡é¢˜å­—体大小按屏幕比例，与原图匹配 */
@@ -45,7 +47,7 @@
      white-space: nowrap; /* ç¦æ­¢æ¢è¡Œï¼Œä¿æŒä¸€è¡Œæ˜¾ç¤º */
      overflow: hidden;  
      text-overflow: ellipsis;
      margin-left: -21vh;
      /* margin-left: -21vh; */
    }
    .content {
      width: 100%;
@@ -84,19 +86,20 @@
    }
    /* äº§çº¿å›¾ç‰‡ï¼ˆä½äºŽæ ‡é¢˜ä¸‹æ–¹ï¼‰ */ 
    .production-image {
     width: 103%;
     width: 112%;
     height: calc(100% - 8vh);  
     object-fit: contain;
     margin-top: -10%;
    }
    .intro-text {  
      height: calc(100% - 8vh);
      font-size: 2.5vh;
      font-size: 2.5vh;  
      line-height: 2.5;
      overflow: auto;
      /* æ ¸å¿ƒè°ƒæ•´ï¼šæ–‡å­—范围向右偏移 */
      margin-left: 15%; /* ç›¸å¯¹äºŽçˆ¶å®¹å™¨å³ä¾§åŒºåŸŸï¼Œå·¦ä¾§ç•™15%空白，文字整体右移 */
      max-width: 80%; /* é™åˆ¶æœ€å¤§å®½åº¦ï¼Œé¿å…æ–‡å­—溢出右侧 */
      max-width: 100%; /* é™åˆ¶æœ€å¤§å®½åº¦ï¼Œé¿å…æ–‡å­—溢出右侧 */
      margin-top: -44px;  
    }
      .section-title2 {
      height: 6vh; /* æ ‡é¢˜é«˜åº¦ç»Ÿä¸€ï¼Œä¸ŽåŽŸå›¾å¯¹é½ */
@@ -106,7 +109,7 @@
      text-align: center;
      margin-bottom: 9vh;
      margin-left: 15%; /* ç›¸å¯¹äºŽçˆ¶å®¹å™¨å³ä¾§åŒºåŸŸï¼Œå·¦ä¾§ç•™15%空白，文字整体右移 */
      max-width: 85%; /* é™åˆ¶æœ€å¤§å®½åº¦ï¼Œé¿å…æ–‡å­—溢出右侧 */
      max-width: 100%; /* é™åˆ¶æœ€å¤§å®½åº¦ï¼Œé¿å…æ–‡å­—溢出右侧 */
    }
  </style>
</head>
@@ -123,8 +126,8 @@
    <div class="right-section">
      <div class="section-title2"><P style="margin-top: 5%;">二期项目简介</p></div>
      <div class="intro-text">
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;海尔智能厨电烟台工厂二期全自动玻璃智能生产线是海尔集团全资投资建设。系国内（厂内）第二条全自动厨电玻璃智能生产线。计划产能150万片/年。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生产线主要由30多台套全自动化设备组成，通过MES生产管理系统调度生产线设备进行全自动生产，将原片玻璃从仓储-自动上线开始，经过冷加工的切-磨-钻-洗等流程加工，再辅以激光内切-高温丝印-钢化-低温二次丝印-覆膜-堆垛下线等工序一次成型，实现全流程智能无人化生产。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;海尔智能厨电烟台工厂二期全自动玻璃智能生产线是海尔集团全资投资建设。系国内（厂内）第二条全自动厨电玻璃智能生产线。计划产能150万片/年。</p>
        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;生产线主要由30多台套全自动化设备组成，通过MES生产管理系统调度生产线设备进行全自动生产，将原片玻璃从仓储-自动上线开始，经过冷加工的切-磨-钻-洗等流程加工，再辅以激光内切-高温丝印-钢化-低温二次丝印-覆膜-堆垛下线等工序一次成型，实现全流程智能无人化生产。</p>
      </div>
    </div>
  </div>

 gmms/WebContent/img/жþÆÚ´óÆÁ.png