Merge branch 'master' of http://159.223.171.199:10439/r/Haier_MES_II

严智鑫

2025-11-11 1dbcc9aaece95a75fc9720ef13e4d191ec3e0af6

 gmms/WebContent/bigScreen/allGlassScreen.jsp

@@ -11,6 +11,7 @@
        height: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden;  
      }
      #header1 {
            width: 100%;
@@ -25,10 +26,11 @@
            height: 25%;
            background-color: white;
            display: flex;
        }
        }  
        #footer {
            width: 100%;
            height: 70%;
            height: 55%;
            overflow: visible; /* 确保设备图上移后不被自身容器裁剪 */
            
        }
        #main1 {
@@ -110,1011 +112,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 +131,750 @@
        .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: 555px !important;   
        left: 1421px !important;
        width: 64px !important;  
        height: 22px !important;   
        position: Absolute;
      }
   #warn-735,#warn-744{
        top: 555px !important;   
        left: 1406px !important;
        width: 12px !important;  
        height: 22px !important; 
        position: Absolute;
      }	
   #warn-736,#warn-745{
        top: 555px !important;   
        left: 1376px !important;
        width: 15px !important;  
        height: 22px !important; 
        position: Absolute;
      }	
   #warn-737,#warn-746{
       top: 523px !important;
        left: 1401px !important;
        width: 18px !important;
        height: 14px !important;
        position: Absolute;
      }
   #warn-738,#warn-747{
    top: 523px !important;
        left: 1373px !important;
        width: 18px !important;
        height: 14px !important;
        position: Absolute;
      }
   #warn-740,#warn-749{  
       top: 510px !important;
       left: 1385px !important;
       width: 18px !important;
       height: 13px !important;
        position: Absolute;  
      }
   #warn-739,#warn-748{
       top: 510px !important;
       left: 1405px !important;
       width: 18px !important;
       height: 13px !important;  
        position: Absolute;  
      }	
   #warn-741,#warn-750{
       top: 510px !important;
       left: 1366px !important;
       width: 18px !important;
       height: 13px !important;
        position: Absolute;
      }
   #warn-742,#warn-751{
       top: 510px !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;
  width: 20px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-813{
  top: 570px !important;  /* 原top=636px × 0.8966≈570px */
  left: 1262px !important;
  width: 24px !important;
  height: 20px !important;
  position: Absolute;  
}
#warn-1062{
  top: 521px !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 */
  left: 1180px !important;
  width: 25px !important;
  height: 20px !important;
  position: Absolute;
}
   #warn-3162{
  top: 557px !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 */
  left: 1180px !important;
  width: 25px !important;
  height: 20px !important;
  position: Absolute;
}    
#warn-1153{
  top: 595px !important;  /* 原663px × 0.8966≈595px */
  left: 1263px !important;
  width: 22px !important;
  height: 14px !important;
  position: Absolute;
}		
#warn-1154{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 1264px !important;
  width: 23px !important;
  height: 15px !important;
  position: Absolute;
}	
#warn-1155{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 1247px !important;
  width: 17px !important;
  height: 15px !important;
  position: Absolute;
}	
#warn-1156{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 1230px !important;
  width: 17px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-1157{
  top: 610px !important;  /* 原681px × 0.8966≈610px */
  left: 1209px !important;
  width: 20px !important;
  height: 12px !important;
  position: Absolute;
}		
#warn-1158{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 1174px !important;
  width: 34px !important;
  height: 13px !important;
  position: Absolute;
}  
#warn-1159{
  top: 610px !important;  /* 原681px × 0.8966≈610px */
  left: 1153px !important;
  width: 20px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-1160{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 1137px !important;
  width: 16px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1161{
  top: 587px !important;  /* 原655px × 0.8966≈587px */
  left: 1212px !important;
  width: 16px !important;
  height: 21px !important;
  position: Absolute;
}    
#warn-1162{
  top: 575px !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 */
  left: 1212px !important;
  width: 16px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-1164{
  top: 541px !important;  /* 原603px × 0.8966≈541px */
  left: 1212px !important;
  width: 16px !important;
  height: 12px !important;      
  position: Absolute;
}
#warn-1165{
  top: 541px !important;  /* 原603px × 0.8966≈541px */
  left: 1156px !important; 	
  width: 16px !important;
  height: 12px !important;      
  position: Absolute;
}
#warn-1166{
  top: 552px !important;  /* 原616px × 0.8966≈552px */
  left: 1156px !important;
  width: 16px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-1167{
  top: 575px !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 */
  left: 1156px !important;
  width: 16px !important;
  height: 21px !important;
  position: Absolute;
}   
#warn-1254{
  display:None;
  position: Absolute;
}  
#warn-1343{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 1042px !important;
  width: 16px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-1344{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 1018px !important;
  width: 22px !important;
  height: 13px !important;
  position: Absolute;
}
 #warn-1345{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 999px !important;
  width: 17px !important;
  height: 13px !important;
  position: Absolute;
}  
#warn-1346{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 982px !important; 
  width: 16px !important;
  height: 13px !important;
  position: Absolute;
} 
#warn-1347{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 780px !important; 
  width: 202px !important;
  height: 13px !important;
  position: Absolute;
} 
#warn-1348{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 760px !important; 
  width: 20px !important;
  height: 13px !important;
  position: Absolute;
} 
#warn-1349{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 746px !important; 
  width: 15px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1350{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 710px !important; 
  width: 15px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1351{
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 715px !important; 
  width: 15px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1352{ 
  top: 603px !important;  /* 原680px × 0.8966≈603px */
  left: 697px !important; 
  width: 18px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-1353{
  top: 589px !important;  /* 原657px × 0.8966≈589px */
  left: 1000px !important;
  width: 13px !important;
  height: 16px !important;
  position: Absolute;
}
#warn-1354{
  top: 570px !important;  /* 原636px × 0.8966≈570px */
  left: 1000px !important;
  width: 13px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-1355{
  top: 553px !important;  /* 原617px × 0.8966≈553px */
  left: 999px !important;
  width: 16px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-1661{
  display:none;
  position: Absolute;
}
#warn-1723{
  top: 600px !important;  /* 原675px × 0.8966≈605px */
  left: 1096px !important;
  width: 23px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-1923{
  display:none !important;
}

#warn-2110{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 494px !important;
  width: 38px !important;
  height: 21px !important;
  position: Absolute;
}   
#warn-2111{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 467px !important;
  width: 26px !important;
  height: 15px !important;
  position: Absolute;
}  
#warn-2112{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 425px !important;
  width: 40px !important;
  height: 19px !important;
  position: Absolute;
}  
#warn-2113{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 425px !important;
  width: 40px !important;
  height: 19px !important;
  position: Absolute;
}  
#warn-2114{
  top: 603px !important;  /* 原679px × 0.8966≈603px */
  left: 392px !important;
  width: 31px !important;  
  height: 15px !important;
  position: Absolute;
}	
#warn-2214{
  top: 592px !important;  /* 原660px × 0.8966≈592px */
  left: 323px !important;
  width: 31px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-2215{
  top: 567px !important;  /* 原632px × 0.8966≈567px */
  left: 325px !important;
  width: 21px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-2216{
  top: 549px !important;  /* 原612px × 0.8966≈549px */
  left: 325px !important;
  width: 21px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-2217{
  top: 504px !important;  /* 原562px × 0.8966≈504px */
  left: 325px !important;
  width: 21px !important;
  height: 43px !important;
  position: Absolute;
}
#warn-2218{
  top: 504px !important;  /* 原562px × 0.8966≈504px */
  left: 325px !important;
  width: 21px !important;
  height: 43px !important;
  position: Absolute;
}
#warn-2219{
  top: 485px !important;  /* 原541px × 0.8966≈485px */
  left: 320px !important;
  width: 32px !important;
  height: 13px !important;
  position: Absolute;
}
#warn-2310{
  top: 596px !important;  /* 原677px × 0.8966≈607px */
  left: 322px !important;
  width: 36px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-2311{
  top: 476px !important;  /* 原519px × 0.8966≈476px */
  left: 317px !important;
  width: 36px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-2314{
  top: 476px !important;  /* 原519px × 0.8966≈476px */
  left: 108px !important;
  width: 36px !important;
  height: 22px !important;
  position: Absolute;
}
#warn-2312{
  top: 477px !important;  /* 原522px × 0.8966≈477px */
  left: 253px !important;
  width: 26px !important;
  height: 16px !important;
  position: Absolute;
}
#warn-2313{
  top: 477px !important;  /* 原522px × 0.8966≈477px */
  left: 182px !important;
  width: 27px !important;
  height: 16px !important;
  position: Absolute;
}	
#warn-2421{
  top: 506px !important;  /* 原564px × 0.8966≈506px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-2422{
  top: 524px !important;  /* 原585px × 0.8966≈524px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}	
#warn-2423{
  top: 543px !important;  /* 原606px × 0.8966≈543px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-2424{
  top: 562px !important;  /* 原627px × 0.8966≈562px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;
  position: Absolute;
}	
#warn-2425{  
  top: 581px !important;  /* 原648px × 0.8966≈581px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;  
  position: Absolute;
}
#warn-2426{  
  top: 599px !important;  /* 原669px × 0.8966≈599px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;  
  position: Absolute;
}
#warn-2427{  
  top: 619px !important;  /* 原690px × 0.8966≈619px */
  left: 113px !important;
  width: 22px !important;
  height: 21px !important;  
  position: Absolute;
}
#warn-2428{  
  top: 638px !important;  /* 原712px × 0.8966≈638px */
  left: 113px !important;
  width: 22px !important;
  height: 23px !important;  
  position: Absolute;
}
#warn-2429{  
  top: 660px !important;  /* 原736px × 0.8966≈660px */
  left: 113px !important;
  width: 22px !important;
  height: 31px !important;  
  position: Absolute;
}
#warn-2510{  
  top: 707px !important;  /* 原814px × 0.8966≈707px */
  left: 892px !important;
  width: 33px !important;
  height: 19px !important;
  position: Absolute;
}
#warn-2511{  
  top: 710px !important;  /* 原815px × 0.8966≈710px */
  left: 927px !important;
  width: 28px !important;
  height: 15px !important;
  position: Absolute;
}
#warn-2512,#warn-2513{  
  top: 710px !important;  /* 原815px × 0.8966≈710px */
  left: 958px !important;
  width: 39px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-2514{  
  top: 709px !important;  /* 原816px × 0.8966≈693px */
  left: 998px !important;
  width: 26px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2614{  
  top: 693px !important;  /* 原795px × 0.8966≈693px */
  left: 1127px !important;
  width: 28px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2615{  
  top: 693px !important;  /* 原795px × 0.8966≈693px */
  left: 1155px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2616{  
  top: 693px !important;  /* 原795px × 0.8966≈693px */
  left: 1186px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2617{  
  top: 693px !important;  /* 原795px × 0.8966≈693px */
  left: 1216px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2618{  
  top: 693px !important;  /* 原795px × 0.8966≈693px */
  left: 1246px !important;   
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2619{   
  top: 693px !important;  /* 原795px × 0.8966≈693px */
  left: 1276px !important;
  width: 30px !important;
  height: 14px !important;
  position: Absolute;
}
#warn-2710{   
  top: 707px !important;  /* 原811px × 0.8966≈727px */
  left: 1372px !important;
  width: 38px !important;
  height: 21px !important;
  position: Absolute;
}
#warn-2711{   
  top: 710px !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;
  position: Absolute;
}
#warn-2713{   
  top: 710px !important;  /* 原815px × 0.8966≈710px */
  left: 1480px !important;
  width: 26px !important;
  height: 16px !important;
  position: Absolute;
}
#warn-2714{   
  top: 707px !important;  /* 原814px × 0.8966≈707px */
  left: 1512px !important;
  width: 32px !important;
  height: 18px !important; 
  position: Absolute;
}
#warn-2814{   
  top: 688px !important;  /* 原788px × 0.8966≈707px */
  left: 1606px !important;
  width: 45px !important;  
  height: 23px !important;
  position: Absolute; 
}
#warn-2815{   
  top: 688px !important;  /* 原788px × 0.8966≈707px */
  left: 1651px !important;
  width: 45px !important;
  height: 23px !important;
  position: Absolute;
}
#warn-2816{   
  top: 688px !important;  /* 原788px × 0.8966≈707px */
  left: 1651px !important;
  width: 45px !important;
  height: 23px !important;
  position: Absolute;
}
#warn-2817{   
  top: 688px !important;  /* 原788px × 0.8966≈707px */
  left: 1711px !important;
  width: 45px !important;
  height: 23px !important;
  position: Absolute;
}
#warn-2818{   
  top: 688px !important;  /* 原788px × 0.8966≈707px */
  left: 1756px !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;
  position: Absolute;
}
#warn-2961{   
  top: 688px !important;  /* 原788px × 0.8966≈707px */
  left: 1711px !important;
  width: 45px !important;
  height: 23px !important;
  position: Absolute;
}
#warn-3037{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1836px !important;
  width: 19px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-3038{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1803px !important;
  width: 32px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-3039{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1771px !important;
  width: 32px !important;
  height: 12px !important;
  position: Absolute;
}
#warn-3040{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1719px !important;
  width: 52px !important;
  height: 12px !important;
  position: Absolute;
} 
#warn-3041{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1667px !important;
  width: 52px !important;
  height: 12px !important;
  position: Absolute;
} 	
#warn-3042{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1615px !important;
  width: 52px !important;
  height: 12px !important;
  position: Absolute;
} 	
#warn-3043{   
  top: 729px !important;  /* 原840px × 0.8966≈729px */
  left: 1595px !important;
  width: 20px !important;
  height: 12px !important;
  position: Absolute;
}	
#warn-3044{   
  top: 764px !important;  /* 原860px × 0.8966≈771px */
  left: 1598px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}	
#warn-3045{   
  top: 790px !important;  /* 原881px × 0.8966≈790px */
  left: 1598px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}	
#warn-3046{   
  top: 743 !important;  /* 原860px × 0.8966≈771px */
  left: 1598px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}
#warn-3047{    
  top: 782px !important;  /* 原881px × 0.8966≈790px */
  left: 1598px !important;
  width: 14px !important;
  height: 18px !important;
  position: Absolute;
}
 </style>  
<title>大屏显示</title>
</head>
<body>
@@ -1154,35 +889,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'] === '1'"
       :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 +949,13 @@
     el:'#app',
     mixins:[mixin],
     data:{
        shuzu:[{}],
       // shuzu:[{}],
        shuzu1:[{}],
          shuzu2:[{}],
          warning:[],
        machineElectric:[{}],
         machineWater:[{}],

		  
		  
		  
      machineWater:[{}],
		
    val: {
            title:{
               text:'',
@@ -1269,32 +1016,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 +1067,7 @@
        // position: 'inside',
        show: true,
        formatter(param) {
          // correct the percentage

          return param.name + ' (' + param.percent + '%)';
        }
    },
@@ -1344,13 +1075,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 +1093,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 +1212,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 +1228,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 +1276,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>