From 9c7d5e46c9d54f1d8830e21a9ed0a9bc72dc2e71 Mon Sep 17 00:00:00 2001
From: wu <731351411@qq.com>
Date: 星期三, 22 十月 2025 12:19:27 +0800
Subject: [PATCH] 增加全程大屏1,2基础框架，以及数据库存储过程查询更新(水电查询，当前订单，当日加工，增加覆膜完成后增加订单完成数）
---
gmms/WebContent/bigScreen/allGlassScreenVice.jsp | 38 +
gmms.sql | 0
gmms/WebContent/bigScreen/allGlassScreen.jsp | 1917 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
3 files changed, 1,955 insertions(+), 0 deletions(-)
diff --git a/gmms.sql b/gmms.sql
index 21e297d..6eb1a81 100644
--- a/gmms.sql
+++ b/gmms.sql
Binary files differ
diff --git a/gmms/WebContent/bigScreen/allGlassScreen.jsp b/gmms/WebContent/bigScreen/allGlassScreen.jsp
new file mode 100644
index 0000000..6e57eac
--- /dev/null
+++ b/gmms/WebContent/bigScreen/allGlassScreen.jsp
@@ -0,0 +1,1917 @@
+<%@ page contentType="text/html;charset=UTF-8"%>
+
+<html>
+<head>
+
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+<style>
+ html,body{
+ width: 100%;
+ height: 100%;
+ padding: 0;
+ margin: 0;
+ }
+ #header1 {
+ width: 100%;
+ height: 5%;
+ background-color: white;
+ display: inline-block;
+ text-align: center;
+ font-size: 40px;
+ }
+ #header {
+ width: 100%;
+ height: 25%;
+ background-color: white;
+ display: flex;
+ }
+ #footer {
+ width: 100%;
+ height: 70%;
+
+ }
+ #main1 {
+ width: 15%;
+ height: 100%;
+ }
+ #main2 {
+ width: 20%;
+ height: 100%;
+ }
+ #main4 {
+ width: 20%;
+ height: 100%;
+ }
+ #main3 {
+ width: 45%;
+ height: 100%;
+ display: flex;
+ }
+ #main1-1 {
+ width: 100%;
+ height: 25%;
+ }
+ #main1-2 {
+ width: 100%;
+ height: 25%;
+ }
+ #main3-1 {
+ width: 50%;
+ height: 100%;
+ }
+ #main3-2 {
+ width: 50%;
+ height: 100%;
+
+ }
+ #main4-1 {
+ width: 100%;
+ height: 30%;
+
+ }
+ #main4-2 {
+ width: 100%;
+ height: 30%;
+
+ }
+ #main4-3 {
+ width: 100%;
+ height: 30%;
+
+ }
+ #main1-1-1 {
+ font-size: 25px;
+ margin-top: 2%;
+ }
+ #main1-2-1 {
+ font-size: 25px;
+ margin-top: 2%;
+ }
+ #main3-1-1 {
+ width: 100%;
+ height: 20%;
+ }
+ #main3-1-2 {
+ width: 100%;
+ height: 80%;
+ }
+ #main3-2-1 {
+ width: 100%;
+ height: 20%;
+ }
+ #main3-2-2 {
+ width: 100%;
+ height: 80%;
+ }
+
+
+ .boli {
+ 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
+ }
+ .divRed{
+ background-color:red;
+ display:block
+ }
+ .divYellow{
+ background-color:yellow;
+ display:block
+ }
+ .divnull{
+ display:none
+ }
+#A3 {
+ width: 65px;
+ height: 55px;
+ position: Absolute;
+ top: 775px;
+ left: 1335px;
+ background-color:green;
+ display:block
+ }
+ </style>
+<title>澶у睆鏄剧ず</title>
+</head>
+<body>
+ <div id="app" style="width: 1920px;height: 1080px;background-color: #7f817cdd;">
+ <div id="header1"><span>娴峰皵鏅哄鍘ㄧ數鑾遍槼宸ュ巶鐜荤拑浜х嚎</span></div>
+ <div id="header">
+ <div id="main1" v-for='items1 in shuzu1'>
+ <div id="main1-1">褰撳墠璁㈠崟鍙凤細
+ <div id="main1-1-1" >{{items1['0_order_id']}}</div>
+ </div>
+ <div id="main1-2">褰撳墠浜у搧鍙凤細
+ <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>
+ <div id="main1-2">褰撶彮瀹屾垚鏁伴噺锛�
+ <div id="main1-2-1">{{items1['2_smallglass_completed']}} </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-2"></div>
+ </div>
+ <div id="main3-2">
+ <div id="main3-2-1">鎬昏�楁按锛�<span>{{shuzu2[0]['1_@jiqidianliang1']}}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>
+
+
+
+<script src="../js/jquery-3.4.1.min.js"></script>
+<script type="text/javascript" src="../static/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+<script src="../js/vue.min.js"></script>
+ <script src="../js/axios.min.js"></script>
+<script src="../js/mixins.js"></script>
+<script src="../js/echarts.min.js"></script>
+
+<script>
+Vue.prototype.$echarts = echarts;
+Vue.prototype.$http= axios;
+ let app = new Vue({
+ el:'#app',
+ mixins:[mixin],
+ data:{
+ shuzu:[{}],
+ shuzu1:[{}],
+ shuzu2:[{}],
+ machineElectric:[{}],
+ machineWater:[{}],
+
+
+
+
+ val: {
+ title:{
+ text:'',
+ left:'center'
+ },
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow'
+ }
+ },
+ grid: {
+ left: '3%',
+ right: '4%',
+ bottom: '3%',
+ containLabel: true
+ },
+ xAxis: [{
+ type: 'category',
+ data: [],
+ axisLine: {
+ lineStyle: {
+ color: 'rgb(30, 144, 255)'
+ }
+ },
+ axisLabel: {
+ color: 'rgb(30, 144, 255)'
+ },
+ splitLine: {
+ lineStyle: {
+ color: 'rgb(30, 144, 255)',
+ type: 'dashed'
+ }
+ }
+ }],
+ yAxis: [{
+ type: "value",
+ name: "鑳借��",
+ nameTextStyle: {
+ color: "rgb(30, 144, 255)",
+ fontSize: 12,
+ padding: [0, 0, 0, -30], //name鏂囧瓧浣嶇疆 瀵瑰簲 涓婂彸涓嬪乏
+ },
+ splitLine: {
+ // 缃戞牸绾�
+ show: false,
+ lineStyle: { //鍒嗗壊绾�
+ color: "rgb(180, 180, 180)",
+ width: 1,
+ type: "dashed" //dotted锛氳櫄绾� solid:瀹炵嚎
+ }
+ },
+ axisLabel: {
+ // 杞存枃瀛�
+ color: "rgb(30, 144, 255)",
+ fontSize: 12,
+ },
+ },
+
+ ],
+ 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)'
+ }
+ },
+
+ ]
+ },
+ val1: {
+ 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: 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:{
+ show:true,
+ //formatter: "{b} :\n {c} \n ({d}%)",
+ formatter: "{b} :\n ({d}%)",
+ position:"inner"
+ }
+ }
+ }
+
+ }
+ ]
+ },
+
+ },
+ 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);
+
+ 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-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);
+
+ 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
+ },
+ dingdanxiangqing(){
+ let HisArr="";
+ HisArr = this.$echarts.init(document.getElementById('main2'));
+ let a = {
+ value: 942,
+
+ name: "鎴愬搧",
+ itemStyle: { color: '#53a2ff' }
+
+ }
+ let b = {
+ value: 58,
+ name: "娆″搧",
+ itemStyle: { color: 'darkseagreen' }
+
+ }
+ this.val1.title.text="鍚堟牸鐜�"
+ this.val1.title.top="45%"
+ this.val1.title.left="40%"
+ this.val1.series[0].data[0]=a
+ this.val1.series[0].data[1]=b
+
+
+ HisArr.setOption(this.val1);
+ this.loading=false
+ },
+ dingdanxiangqing1(){
+ let HisArr="";
+ HisArr = this.$echarts.init(document.getElementById('main4'));
+ let a = {
+ value: this.shuzu1[0]['2_smallglass_completed'],
+
+ name: "宸插畬鎴�",
+ itemStyle: { color: '#53a2ff' }
+
+ }
+ let b = {
+ value: this.shuzu1[0]['3_smallglass_processing'],
+ name: "鏈畬鎴�",
+ itemStyle: { color: 'darkseagreen' }
+
+ }
+ this.val1.title.text="璁㈠崟鍔犲伐"
+ this.val1.title.top="45%"
+ this.val1.title.left="40%"
+ this.val1.series[0].data[0]=a
+ this.val1.series[0].data[1]=b
+
+ HisArr.setOption(this.val1);
+ this.loading=false
+ },
+
+ },
+ 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';
+ }
+
+ }
+
+ }
+ },
+ machineElectric(){
+ this.echarsInit()
+ },
+ machineWater(){
+ this.echarsInit1()
+ },
+ shuzu1(){
+ this.dingdanxiangqing(),
+ this.dingdanxiangqing1()
+ }
+
+ },
+ 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()}"
+ this.loadAjxss('澶у睆鎬昏鍗曟暟鎹�',sql,flag,"shuzu1")
+ sql="{call AXJ_a_largeScreen_sumelectric_select()}"
+ this.loadAjxss('澶у睆鎬荤數鑰楁暟鎹�',sql,flag,"machineElectric")
+ sql="{call AXJ_a_largeScreen_sumselect()}"
+ this.loadAjxss('澶у睆鎬昏兘鑰楁�绘暟鎹�',sql,flag,"shuzu2")
+ sql="{call AXJ_a_largeScreen_sumwater_select()}"
+ this.loadAjxss('澶у睆鎬绘按鑰楁暟鎹�',sql,flag,"machineWater")
+
+
+ await setInterval(()=>{
+
+ sql="{call AXJ_dapingxianshijiqishuju()}"
+ this.interValLoadAjxs('澶у睆鏄剧ず',sql,flag,"shuzu")
+ },5000)
+ await setInterval(()=>{
+
+ sql="{call AXJ_dapingxianshi_dingdanshuju()}"
+ this.interValLoadAjxs('澶у睆鎬昏鍗曟暟鎹�',sql,flag,"shuzu1")
+ },5000)
+ await setInterval(()=>{
+ sql="{call AXJ_a_largeScreen_sumelectric_select()}"
+ this.interValLoadAjxs('澶у睆鎬荤數鑰楁暟鎹�',sql,flag,"machineElectric")
+ },5000)
+ await setInterval(()=>{
+ sql="{call AXJ_a_largeScreen_sumselect()}"
+ this.interValLoadAjxs('澶у睆鎬昏兘鑰楁�绘暟鎹�',sql,flag,"shuzu2")
+ },5000)
+ await setInterval(()=>{
+ sql="{call AXJ_a_largeScreen_sumwater_select()}"
+ this.interValLoadAjxs('澶у睆鎬绘按鑰楁暟鎹�',sql,flag,"machineWater")
+ },5000)
+
+
+
+
+ }
+
+})
+
+
+
+
+
+
+// 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>
\ No newline at end of file
diff --git a/gmms/WebContent/bigScreen/allGlassScreenVice.jsp b/gmms/WebContent/bigScreen/allGlassScreenVice.jsp
new file mode 100644
index 0000000..18592d5
--- /dev/null
+++ b/gmms/WebContent/bigScreen/allGlassScreenVice.jsp
@@ -0,0 +1,38 @@
+<%@ page contentType="text/html;charset=UTF-8"%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html style="width:100%;height:100%;">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>澶у睆鍓睆</title>
+<script src="../js/main.js"></script>
+</head>
+<body style="width:100%;height:100%;">
+ <div id="app" >
+ <screen-photo :id="15" :intime="this.global.timer"
+ >
+ </div>
+</body>
+<script>
+ let app= new Vue({
+ el: '#app',
+ mixins:[mixin],
+ data:{
+
+ },
+ watch: {
+ },
+ methods:{
+
+ },
+ async mounted() {
+
+ },
+ methods: {
+
+
+ },
+
+ })
+
+</script>
+</html>
\ No newline at end of file
--
Gitblit v1.8.0