pdf

gavel/src/main/resources/static/css/jyfk.css

+#kwrkb04{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb04 div {
+				box-sizing:border-box;
+			}
+			#kwrkb04 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb04 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb04 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb04 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb04 .cbinfor{
+				width: 100%;
+				height: 60%;
+			}
+			#kwrkb04 .tab{
+				width: 100%;
+				height: 40%;
+				padding-top: 10px;
+			}
+			#kwrkb04 .cpif{
+				width: 100%;
+				height: 40%;
+				border: 1px solid #EEEEEE;
+			}
+			#kwrkb04 .cprz{
+				width: 100%;
+				height: 60%;
+				border: 1px solid #EEEEEE;
+			}
+			#kwrkb04 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb04 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb04 .ery{
+				width: 50%;
+				height: 50%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb04 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+			#kwrkb04 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb04 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb04 .maintab{
+				height: 100%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb04 .showtab{
+				height: 100%;
+				width: 100%;
+			}
+			.easyuitext{
+				height: 30px;
+				border: 0.5px solid #D3D3D3;
+			}
+			#kwrkb04 .wid70{
+				width: 70%;
+			}
+			#kwrkb04 .cardList-wrapper .card-item:nth-child(1){background:-webkit-gradient(linear, left top, right top, from(#5171fd), to(#c97afd));background:linear-gradient(90deg, #5171fd, #c97afd);-webkit-box-shadow:0 5px 10px #c97afd;box-shadow:0 5px 10px #c97afd;}
+			#kwrkb04 .cardList-wrapper .card-item:nth-child(2){background:-webkit-gradient(linear, left top, right top, from(#3dadf6), to(#737bfc));background:linear-gradient(90deg, #3dadf6, #737bfc);-webkit-box-shadow:0 5px 10px #737bfc;box-shadow:0 5px 10px #737bfc;}
+			#kwrkb04 .cardList-wrappers {background:-webkit-gradient(linear, left top, right top, from(#ea677c), to(#ef9b5f));background:linear-gradient(90deg, #ea677c, #ef9b5f);-webkit-box-shadow:0 5px 10px #ef9b5f;box-shadow:0 5px 10px #ef9b5f;}
+			#kwrkb04 .cardList-wrapper .card-item:nth-child(3){background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);-webkit-box-shadow:0 5px 10px #a6e25f;box-shadow:0 5px 10px #a6e25f;}
+		/* 界面5css */
+			#kwrkb05{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb05 div {
+				box-sizing:border-box;
+			}
+			#kwrkb05 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb05 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb05 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb05 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb05 .cbinfor{
+				width: 100%;
+				height: 50%;
+			}
+			#kwrkb05 .tab{
+				width: 100%;
+				height: 50%;
+				padding-top: 10px;
+			}
+			#kwrkb05 .cpif{
+				width: 100%;
+				height: 100%;
+				border: 1px solid #EEEEEE;
+			}
+			/* .cprz{
+				width: 100%;
+				height: 60%;
+				border: 1px solid #EEEEEE;
+			} */
+			#kwrkb05 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb05 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb05 .ery{
+				width: 100%;
+				height: 20%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb05 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+			#kwrkb05 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb05 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb05 .maintab{
+				height: 100%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb05 .showtab{
+				height: 100%;
+				width: 100%;
+			}
+			/* 看板6样式 */
+			#kwrkb06{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb06 div {
+				box-sizing:border-box;
+			}
+			#kwrkb06 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb06 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb06 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb06 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb06 .cbinfor{
+				width: 100%;
+				height: 45%;
+			}
+			#kwrkb06 .tab{
+				width: 100%;
+				height: 55%;
+				padding-top: 10px;
+			}
+			#kwrkb06 .cpif{
+				width: 100%;
+				height: 100%;
+				border: 1px solid #EEEEEE;
+			}
+			/* .cprz{
+				width: 100%;
+				height: 60%;
+				border: 1px solid #EEEEEE;
+			} */
+			#kwrkb06 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb06 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb06 .ery{
+				width: 100%;
+				height: 20%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb06 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+			#kwrkb06 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb06 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb06 .maintab{
+				height: 50%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb06 .mainsp{
+				height: 50%;
+				width: 100%;
+			}
+			#kwrkb06 .showtab{
+				height: 100%;
+				width: 100%;
+			}
\ No newline at end of file

gavel/src/main/resources/static/css/wxfk.css

+		#kwrkb07{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb07 div {
+				box-sizing:border-box;
+			}
+			#kwrkb07 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb07 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb07 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb07 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb07 .cbinfor{
+				width: 100%;
+				height: 60%;
+			}
+			#kwrkb07 .tab{
+				width: 100%;
+				height: 40%;
+				padding-top: 10px;
+			}
+			#kwrkb07 .cpif{
+				width: 100%;
+				height: 40%;
+				border: 1px solid #EEEEEE;
+			}
+			#kwrkb07 .cprz{
+				width: 100%;
+				height: 60%;
+				border: 1px solid #EEEEEE;
+			}
+			#kwrkb07 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb07 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb07 .ery{
+				width: 50%;
+				height: 50%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb07 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+			#kwrkb07 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb07 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb07 .maintab{
+				height: 100%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb07 .showtab{
+				height: 100%;
+				width: 100%;
+			}
+			.easyuitext{
+				height: 30px;
+				border: 0.5px solid #D3D3D3;
+			}
+			#kwrkb07 .wid70{
+				width: 70%;
+			}
+			#kwrkb07 .cardList-wrapper .card-item:nth-child(1){background:-webkit-gradient(linear, left top, right top, from(#5171fd), to(#c97afd));background:linear-gradient(90deg, #5171fd, #c97afd);-webkit-box-shadow:0 5px 10px #c97afd;box-shadow:0 5px 10px #c97afd;}
+			#kwrkb07 .cardList-wrapper .card-item:nth-child(2){background:-webkit-gradient(linear, left top, right top, from(#3dadf6), to(#737bfc));background:linear-gradient(90deg, #3dadf6, #737bfc);-webkit-box-shadow:0 5px 10px #737bfc;box-shadow:0 5px 10px #737bfc;}
+			#kwrkb07 .cardList-wrappers {background:-webkit-gradient(linear, left top, right top, from(#ea677c), to(#ef9b5f));background:linear-gradient(90deg, #ea677c, #ef9b5f);-webkit-box-shadow:0 5px 10px #ef9b5f;box-shadow:0 5px 10px #ef9b5f;}
+			#kwrkb07 .cardList-wrapper .card-item:nth-child(3){background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);-webkit-box-shadow:0 5px 10px #a6e25f;box-shadow:0 5px 10px #a6e25f;}
+		/* 界面5css */
+			#kwrkb08{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb08 div {
+				box-sizing:border-box;
+			}
+			#kwrkb08 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb08 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb08 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb08 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb08 .cbinfor{
+				width: 100%;
+				height: 50%;
+			}
+			#kwrkb08 .tab{
+				width: 100%;
+				height: 50%;
+				padding-top: 10px;
+			}
+			#kwrkb08 .cpif{
+				width: 100%;
+				height: 100%;
+				border: 1px solid #EEEEEE;
+			}
+			/* .cprz{
+				width: 100%;
+				height: 60%;
+				border: 1px solid #EEEEEE;
+			} */
+			#kwrkb08 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb08 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb08 .ery{
+				width: 100%;
+				height: 20%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb08 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+			#kwrkb08 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb08 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb08 .maintab{
+				height: 100%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb08 .showtab{
+				height: 100%;
+				width: 100%;
+			}
+			/* 看板6样式 */
+			#kwrkb09{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb09 div {
+				box-sizing:border-box;
+			}
+			#kwrkb09 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb09 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb09 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb09 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb09 .cbinfor{
+				width: 100%;
+				height: 45%;
+			}
+			#kwrkb09 .tab{
+				width: 100%;
+				height: 55%;
+				padding-top: 10px;
+			}
+			#kwrkb09 .cpif{
+				width: 100%;
+				height: 100%;
+				border: 1px solid #EEEEEE;
+			}
+			/* .cprz{
+				width: 100%;
+				height: 60%;
+				border: 1px solid #EEEEEE;
+			} */
+			#kwrkb09 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb09 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb09 .ery{
+				width: 100%;
+				height: 20%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb09 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+			#kwrkb09 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb09 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb09 .maintab{
+				height: 50%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb09 .mainsp{
+				height: 50%;
+				width: 100%;
+			}
+			#kwrkb09 .showtab{
+				height: 100%;
+				width: 100%;
+			}
\ No newline at end of file

gavel/src/main/resources/static/css/zpfk.css

+	* {
+				margin: 0;
+				padding: 0;
+			}
+
+			#kwrkb01 {
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items: stretch
+			}
+
+			#kwrkb01 div {
+				box-sizing: border-box;
+			}
+
+			#kwrkb01 .toptitle {
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;
+				text-align: center;
+				line-height: 50px;
+			}
+
+			#kwrkb01 .left {
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+
+			#kwrkb01 .right {
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+
+			#kwrkb01 .rightPdf {
+				height: 100%;
+				width: 100%;
+
+			}
+
+			#kwrkb01 .cbinfor {
+				width: 100%;
+				height: 40%;
+			}
+
+			#kwrkb01 .tab {
+				width: 100%;
+				height: 60%;
+				padding-top: 10px;
+			}
+
+			#kwrkb01 .cpif {
+				width: 100%;
+				height: 50%;
+				border: 1px solid #EEEEEE;
+			}
+
+			#kwrkb01 .cprz {
+				width: 100%;
+				height: 50%;
+				border: 1px solid #EEEEEE;
+			}
+
+			#kwrkb01 .cpiftop {
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+
+			#kwrkb01 .cpifbot {
+				height: calc(100% - 40px);
+			}
+
+			#kwrkb01 .ery {
+				width: 50%;
+				height: 50%;
+				display: flex;
+				align-items: center;
+			}
+
+			#kwrkb01 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+			}
+
+			#kwrkb01 .tipul>li {
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+
+			#kwrkb01 .tipuli2 {
+				float: right !important;
+			}
+
+			#kwrkb01 .maintab {
+				height: 100%;
+				width: 100%;
+				overflow: hidden;
+				border: 0.5px solid #EEEEEE;
+			}
+
+			#kwrkb01 .showtab {
+				height: 100%;
+				width: 100%;
+			}
+			.easyuitext{
+				height: 30px;
+				border: 0.5px solid #D3D3D3;
+			}
+			#kwrkb01 .wid70{
+				width: 70%;
+			}
+			#kwrkb01 .ok-item {background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);}
+			/* 界面2 */
+			#kwrkb02{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb02 div {
+				box-sizing:border-box;
+			}
+			#kwrkb02 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb02 .left{
+				height: calc(100% - 60px);
+				width: 40%;
+			}
+			#kwrkb02 .right{
+				height: calc(100% - 60px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb02 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb02 .cbinfor{
+				width: 100%;
+				height: 40%;
+			}
+			#kwrkb02 .tab{
+				width: 100%;
+				height: 60%;
+				padding-top: 10px;
+			}
+			#kwrkb02 .cpif{
+				width: 100%;
+				height: 50%;
+				border: 1px solid #EEEEEE;
+				display: flex;
+			}
+			#kwrkb02 .cprz{
+				width: 100%;
+				height: 50%;
+				border: 1px solid #EEEEEE;
+			}
+			#kwrkb02 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb02 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb02 .ery{
+				width: 100%;
+				height: 33.3%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb02 .ery span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 100px;
+				
+			}
+			#kwrkb02 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb02 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb02 .tipul button{
+				margin-left: 10px;
+				height: 30px;
+				width: 60px;
+				background-color: #FFFFFF;
+				border: 0.5px solid #EEEEEE;
+				text-decoration:none;
+			  transition: background-color .2s ease-out;
+			  background-clip: padding-box; /* Fix bleeding */
+			  border-radius: 3px!important;
+			  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
+			              0 2px 2px -1px rgba(0, 0, 0, .5),
+			              0 1px 0 rgba(255, 255, 255, .3) inset;
+			  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
+			
+			}
+			#kwrkb02 .maintab{
+				height: 100%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb02 .showtab{
+				height: 100%;
+				width: 100%;
+			}
+			#kwrkb02 .tipulmid{
+				width: 70px;
+				margin: 0 auto;
+				float: left;
+				line-height: 50px;
+				text-align: center;
+			}
+			/* 界面3 */
+			#kwrkb03{
+				height: 100%;
+				width: 100%;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+				align-items:stretch
+			}
+			#kwrkb03 div {
+				box-sizing:border-box;
+			}
+			#kwrkb03 .toptitle{
+				height: 50px;
+				width: 100%;
+				background-color: #00aaff;
+				color: #FFFFFF;text-align: center;line-height: 50px;
+			}
+			#kwrkb03 .left{
+				height: calc(100% - 130px);
+				width: 40%;
+			}
+			#kwrkb03 .right{
+				height: calc(100% - 130px);
+				width: calc(60% - 10px);
+				border: #EEEEEE 1px solid;
+			}
+			#kwrkb03 .rightPdf{
+				height: 100%;
+				width: 100%;
+				
+			}
+			#kwrkb03 .cbinfor{
+				width: 100%;
+				height: 40%;
+			}
+			#kwrkb03 .tab{
+				width: 100%;
+				height: 60%;
+				padding-top: 10px;
+			}
+			#kwrkb03 .cpif{
+				width: 100%;
+				height: 50%;
+				border: 1px solid #EEEEEE;
+				display: flex;
+			}
+			#kwrkb03 .cprz{
+				width: 100%;
+				height:100%;
+				border: 1px solid #EEEEEE;
+			}
+			#kwrkb03 .cpiftop{
+				width: 100%;
+				height: 40px;
+				border-bottom: 1px solid #EEEEEE;
+				line-height: 40px;
+				display: flex;
+				justify-content: center;
+			}
+			#kwrkb03 .cpifbot{
+				height: calc(100% - 40px);
+			}
+			#kwrkb03 .ery{
+				width: 100%;
+				height: 33.3%;
+				display: flex;
+				align-items: center;
+			}
+			#kwrkb03 .titdowinfor span {
+				padding-left: 20px;
+				display: inline-block;
+				width: 70px;
+				
+			}
+			#kwrkb03 .tipul>li{
+				width: 150px;
+				padding-left: 20px;
+				float: left;
+				line-height: 50px;
+			}
+			#kwrkb03 .tipuli2{
+				float: right!important;
+			}
+			#kwrkb03 .titdowinfor button{
+				margin-left: 10px;
+				height: 30px;
+				width: 60px;
+				background-color: #FFFFFF;
+				border: 0.5px solid #EEEEEE;
+				text-decoration:none;
+			  transition: background-color .2s ease-out;
+			  background-clip: padding-box; /* Fix bleeding */
+			  border-radius: 3px!important;
+			  box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
+			              0 2px 2px -1px rgba(0, 0, 0, .5),
+			              0 1px 0 rgba(255, 255, 255, .3) inset;
+			  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
+			
+			}
+			#kwrkb03 .maintab{
+				height: 100%;
+				width: 100%;
+				overflow: auto;
+				border: 0.5px solid #EEEEEE;
+			}
+			#kwrkb03 .showtab{
+				height: 100%;
+				width: 100%;
+			}
+			#kwrkb03 .tipulmid{
+				width: 90px!important;
+				margin: 0 auto;
+				float: left;
+				line-height: 50px;
+				text-align: center;
+			}
+			#kwrkb03 .titdowinfor{
+				width: 25%;
+				height: 100%;
+			}
\ No newline at end of file

gavel/src/main/resources/templates/views/kmes/gphy/edit.html

-<style>
-	#gphy_mlist .datagrid-btable .datagrid-cell{
-		text-overflow:ellipsis;
-		white-space:nowrap;
-	}
-	.pass-board{
-		padding: 30px 60px;
-		font-size: 24px;
-		vertical-align: middle;
-		position: absolute;
-		right: 22px;
-		top: 34px;
-		background: transparent;
-		-webkit-box-shadow: #6a619c 0px 0px 10px;
-		-moz-box-shadow: #6a619c 0px 0px 10px;
-		box-shadow: inset  0 0 10px #6a619c;
-		z-index: 99;
-		font-weight: 600;
-		border-radius: 10px;
-	}
-	.pass-board-success{
-		color: #2fbc2d;
-	}
-	.pass-board-error{
-		color: red;
-	}
-</style>
-<div class="gui-layout" style="height: 100%;width:100%;position: relative;overflow: hidden" >
-	<div data-options="region:'west',spilt:true" style="width: 60%">
-		<div class="e-dialog-container">
-			<div class="e-dialog-body">
-				<div  class="e-dialog-form" style="background: aliceblue" id="gphy_form1">
-					<div class="gui-row" >
-						<div class="gui-col-sm4">
-							<label class="gui-form-label">工序：</label>
-							<div class="gui-input-block">
-								<input type="text" name="gxid" data-toggle="gui-textbox" readonly>
-							</div>
-						</div>
-						<div class="gui-col-sm4">
-							<label class="gui-form-label">工作中心：</label>
-							<div class="gui-input-block">
-								<input type="text" name="gzzxid" data-toggle="gui-textbox" readonly>
-							</div>
-						</div>
-						<div class="gui-col-sm4">
-							<label class="gui-form-label">操作人员：</label>
-							<div class="gui-input-block">
-								<input type="text" name="fkrid" data-toggle="gui-textbox"readonly >
-							</div>
-						</div>
-					</div>
-				</div>
-				<div style="width: 100%;" id="gphyEdit">
-					<div class="search-box-main">
-						<div class="left">条码:</div>
-						<div class="right" style="width: 176px">
-							<a  id="clearBtnGphy" class="auxiliary-icon l-btn l-btn-small l-btn-plain" href="javascript:void(0)" style="background-color: #bcac28;color: white">
-							<span class="l-btn-left l-btn-icon-left" style=""><span class="l-btn-text">清空</span>
-							<span class="l-btn-icon fa fa-trash"></span></span>
-							</a>
-							<a  id="searchBtnGphy" class="auxiliary-icon l-btn l-btn-small l-btn-plain" href="javascript:void(0)" style="height: 40px;background-color: #3c8dbc; padding: 5px 8px;margin-left:10px;color: white">
-							<span class="l-btn-left l-btn-icon-left" style=""><span class="l-btn-text">搜索</span>
-							<span class="l-btn-icon fa fa-check"></span></span>
-							</a>
-
-						</div><div class="clear"></div>
-						<div class="center" style="margin-right: 200px">
-							<input class="gui-searchbox keyword" name="wosnid" id="gphy_search" style="width: 100%"/></div>
-					</div>
-					<div  class="e-dialog-form" id="gphy_form">
-						<div class="gui-row" >
-							<div class="gui-col-sm6">
-								<label class="gui-form-label" style="text-align: left;font-weight: 700;">产品信息</label>
-							</div>
-						</div>
-						<div class="gui-row">
-							<div class="gui-col-sm6">
-								<label class="gui-form-label">产品条码：</label>
-								<div class="gui-input-block">
-									<input type="text" name="cptm" data-toggle="gui-textbox" readonly>
-								</div>
-							</div>
-							<div class="gui-col-sm6">
-								<label class="gui-form-label">物料编码：</label>
-								<div class="gui-input-block">
-									<input type="text" name="wlxxCode" data-toggle="gui-textbox" readonly>
-								</div>
-							</div>
-						</div>
-						<div class="gui-row" >
-							<div class="gui-col-sm6">
-								<label class="gui-form-label">物料名称：</label>
-								<div class="gui-input-block">
-									<input type="text" name="wlxxName" data-toggle="gui-textbox" data-options=""  readonly>
-								</div>
-							</div>
-							<div class="gui-col-sm6">
-								<label class="gui-form-label">规格型号：</label>
-								<div class="gui-input-block">
-									<input type="text" name="wlxxGg" data-toggle="gui-textbox" data-options=""  readonly>
-								</div>
-							</div>
-						</div>
-						<div class="gui-row" >
-							<div class="gui-col-sm6">
-								<label class="gui-form-label">机种：</label>
-								<div class="gui-input-block">
-									<input type="text" name="jzname" data-toggle="gui-textbox"   readonly>
-								</div>
-							</div>
-							<div class="gui-col-sm6">
-								<label class="gui-form-label">生产工单：</label>
-								<div class="gui-input-block">
-									<input type="text" name="djid" data-toggle="gui-textbox" readonly >
-								</div>
-							</div>
-						</div>
-					</div>
-					<div style=" margin-top: 330px;bottom: 20px;padding: 0 20px;" class="mx-dataTable">
-						<div class="pass-board pass-board-success">PASS</div>
-						<div class="pass-board pass-board-error">ERROR</div>
-							<div class="e-dialog-terminal" style="width: 100%; display: inline-block;">
-								<div class="terminal" id="gphy_log">
-									<div class="log" style="height: 100%;overflow-y: auto"></div>
-								</div>
-							</div>
-						</div>
-				</div>
-			</div>
-			<div class="e-dialog-footer" id="gphy_btns" style="text-align: center">
-				<a href="javascript:void(0);" class="e-dialog-reset" style="padding: 0 10px;margin-right: 20px"></a>
-				<a href="javascript:void(0);" class="e-dialog-save" style="padding: 0 10px;margin-right: 20px"></a>
-			</div>
-		</div>
-		<div class="ajax-mantle" style="display: none"></div>
-	</div>
-	<div data-options="region:'center',split:true" style="height: 100%;position: relative">
-		<div  style="width: 100%;height: 50%;position: relative;overflow: hidden" id="gphy_mlist">
-			<div style="width: 100%;margin-top: 0;bottom: 0" class="mx-dataTable">
-				<div id="zpjyTree" style="width: 100%;height: 100%"></div>
-			</div>
-		</div>
-		<div  style="width: 100%;height: 50%;position: relative;overflow: hidden">
-				<div id="zpjydatagrid" style="width: 100%;height: 100%"></div>
-		</div>
-	</div>
-</div>
-
-<script>
-
-	$(function () {
-		var $dialog=$("#gphyEdit");var $btns=$("#gphy_btns");
-		 var $form=$("#gphy_form");var $searchBtn=$("#searchBtnGphy");
-		 var $clearBtn=$("#clearBtnGphy");
-		var $input=$("#gphy_search");
-		var $log=$("#gphy_log").find(".log");
-		var $tree=$("#zpjyTree");
-		var $datagrid=$("#zpjydatagrid");
-		var $form1=$("#gphy_form1");
-		var $success=$(".pass-board-success");
-		var $error=$(".pass-board-error");
-		var $shadow=$dialog.find(".ajax-mantle");
-		var bomList=[];
-		var parmas=$dialog.parents("form").dialog("options").queryParams;
-		var jyData={
-			gxid:parmas.gxid,
-			gxName:parmas.gxName,
-			gzzxid:parmas.gzzxid,
-			gzzxname:parmas.gzzxname,
-			fkrid:parmas.fkrid,
-			fkrName:parmas.fkrName,
-			fkbx:parmas.bxid
-		};
-		var isFlag=0;var wosnid='';var wlsnid='';var woInfo={};var woid="";
-		var ajaxFlag=true;
-
-		function paramInit(ops){
-
-		}
-
-		function pageInit() {
-			var columns=[
-				{title:'wlid',field:'wlid',width:200,hidden:true},
-				{title:"物料编码",field: "wlxxCode",width:300},
-				{title:"物料名称",field: "wlxxName",width:320},
-				{title:"单位用量",field: "dwyl",fieldType:"int",width:120},
-				{title:"扫描数量",field: "yzpsl",fieldType:"int",width:120,formatter:function(value, row, index){
-					if(parseFloat(value)==parseFloat(row.dwyl)){
-						return "<span style='color: green'>'+value+'</span>"
-					}else if(parseFloat(value)>parseFloat(row.dwyl)){
-						return "<span style='color: indianred'>'+value+'</span>"
-					}else{
-						return value
-					}
-				}
-				}
-			];
-			var columnsDatagrid=[
-				{title: "条码", field: "wlsnid", fieldType: "ftString",width:120},
-				{title: "类型", field: "hylx", fieldType: "ftString",width:80,formatter:function (value) {
-						var text={
-							"BOM":"关键件",
-							"LINK":"关联件",
-							"MAC":"MAC地址",
-							"MZ":"模组码"
-						};
-						return text[value]||''
-					}},
-				{title: "物料id", field: "wlid", fieldType: "ftString",width:192,hidden:true},
-				{title: "物料编码", field: "wlxxCode", fieldType: "ftString",width:192},
-				{title: "物料名称", field: "wlxxName", fieldType: "ftString",width:240},
-				{title: "规格型号", field: "wlxxGg", fieldType: "ftString",width:200},
-				{title: "数量", field: "zpsl", fieldType: "int"}
-			];
-			$tree.iTreegrid({
-				url:'',
-				title:"校验信息",
-				idField:'wlid',
-				treeField:'wlxxCode',
-				cascadeCheck:false,
-				columns: [new $.common.formatterCol(columns)],
-				onLoadSuccess:function (row, data) {}
-			});
-			$datagrid.datagrid({
-				title:"装配信息",
-				columns: [new $.common.formatterCol(columnsDatagrid)],
-				height:'100%',
-				pagination:false,
-				rownumbers:true,
-				toolbar:[{
-					iconCls:'fa fa-trash',
-					text:'删除',
-					btnCls:"toolbar",
-					handler: function(){
-						var selectrow=$datagrid.datagrid('getSelected');
-						var index=$datagrid.datagrid('getRowIndex', selectrow);
-						if(selectrow == null){
-							return false;
-						}
-						$.messager.confirm('确认', '删除选择的数据?', function (r) {
-							if (r) {
-								if(selectrow.hylx=="BOM"){
-									if($tree.treegrid("getData")[0]&&$tree.treegrid("getData")[0]["children"]){
-										var treeData=$tree.treegrid("getData")[0]["children"];
-										$.each(treeData,function (i,item) {
-											if(item.wlid==selectrow.wlid){
-												var sl=parseInt(item["yzpsl"])-1;
-												if(sl<0)sl=0
-												$tree.treegrid('update', {
-													id:selectrow["wlid"],
-													row:{
-														yzpsl:sl
-													}
-												})
-											}
-										});
-
-									}
-								}
-								$datagrid.datagrid("deleteRow",index);
-								focusInput()
-							}
-						});
-
-					}}]
-			})
-			$success.hide();
-			$error.hide();
-		}
-		/*数据初始化*/
-		function dataInit(obj){
-			gas.setData($form1.find("input[textboxname='gxid']"),jyData.gxid,jyData.gxName);
-			gas.setData($form1.find("input[textboxname='gzzxid']"),jyData.gzzxid,jyData.gzzxname);
-			gas.setData($form1.find("input[textboxname='fkrid']"),jyData.fkrid,jyData.fkrName);
-		}
-
-		function run(res){
-			$input.iSearchbox({
-				searcher:function (value) {
-					$success.hide();
-					$error.hide();
-					if($input.val()==""){
-						return  false
-					}
-					if(isFlag==0){
-						if($.inArray(getWosnid(),bomList)>=0){
-							appendErrorMsg(value,"该条码已扫描，请勿重复扫描");
-							infoAudio();
-							return false
-						}else{
-							bomList.push(getWosnid());
-						}
-						wosnid=getWosnid();
-						if(!ajaxFlag){
-							gas.showCenterTips("正在处理,请稍等");
-							return  false
-						}
-						$.ajax({
-							type:"POST",
-							url: "kmes/gphy/queryWoinfo", contentType: "application/json", dataType: "json",
-							data:JSON.stringify({wosnid:getWosnid(),gxid:jyData.gxid}), async:true,
-							timeout:1000*60,
-							beforeSend: function () {
-								ajaxFlag=false;
-								$shadow.show();
-								$.messager.progress({
-									title: '提示',
-									msg: '数据请求中，请稍候……',
-									text: ''
-								});
-							},
-							complete: function (XHR, TS) {
-								$shadow.hide();
-								ajaxFlag=true;
-								$.messager.progress('close');
-								$input.textbox("setValue","");
-								$input.next("span").find("input.textbox-text").focus();
-
-							},
-							success: function (result) {
-								if(result.success){
-									woInfo=result.data.records.woInfo;
-									woid=woInfo.id;
-									showWlxxinfo($form,result.data.records.woInfo);
-									$form.find("input[textboxname='cptm']").textbox("setValue",wosnid);
-									gphyResHandler(result.data.records);
-									$input.textbox("setValue",'');
-									isFlag=1;
-									focusInput()
-								}else{
-									appendErrorMsg(value,result.message||"扫描失败");
-									infoAudio();
-									bomList.splice($.inArray(wosnid,bomList),1);
-									clearData();
-								}
-							},
-							error:function (result) {
-								if(result.statusText=="timeout"){
-									gas.showCenterTips("请求超时，请重新请求");
-								}else{
-									gas.showCenterTips(result.message)
-								}
-
-							}
-						});
-					}else{
-						if($.inArray(getWosnid(),bomList)>=0){
-							appendErrorMsg(value,"该条码已扫描，请勿重复扫描");
-							infoAudio();
-							return false
-						}
-						wlsnid=getWosnid();
-						if(!ajaxFlag){
-							gas.showCenterTips("正在处理,请稍等");
-							return  false
-						}
-						$.ajax({
-							type:"POST",
-							url: "kmes/gphy/queryWlxx", contentType: "application/json", dataType: "json",
-							data:JSON.stringify({wlsnid:getWosnid(),gxid:jyData.gxid,woid:woid}), async:true,
-							timeout:1000*60,
-							beforeSend: function () {
-								ajaxFlag=false;
-								$shadow.show();
-								$.messager.progress({
-									title: '提示',
-									msg: '数据请求中，请稍候……',
-									text: ''
-								});
-							},
-							complete: function (XHR, TS) {
-								$shadow.hide();
-								ajaxFlag=true;
-								$.messager.progress('close');
-							},
-							success: function (result) {
-								if(result.success){
-									if(result.data.records){
-										var handlerData=result.data.records;
-										if(handlerData.hylx=="BOM"){
-
-											var selectedRow={};
-											if($tree.treegrid("getData")[0]&&$tree.treegrid("getData")[0]["children"]){
-												var treeData=$tree.treegrid("getData")[0]["children"];
-												var smsl=0;var ffgx='';var fkids=[];
-												var flag=true;
-												$.each(treeData,function (i,item) {
-													if(item.wlid==handlerData.wlxxId&&item.ffgx==jyData.gxid){
-														selectedRow=item;
-														smsl=parseInt(selectedRow["yzpsl"])+1;
-														ffgx=selectedRow.ffgx;
-														if(smsl>selectedRow["dwyl"]){
-															appendlog(selectedRow,wlsnid,'ce');
-														}else{
-															$tree.treegrid('update', {
-																id:selectedRow["wlid"],
-																row:$.extend({},selectedRow,{yzpsl:smsl})
-															});
-															appendlog(selectedRow,wlsnid);
-															$datagrid.datagrid("appendRow",{
-																"cxsl": 0,
-																"hylx": handlerData.hylx,
-																"wlid":handlerData.wlxxId||'',
-																"wlsnid":wlsnid,
-																"zpsl": handlerData.zpsl||1,
-																"wlxxCode":handlerData.wlxxCode||'',
-																"wlxxName":handlerData.wlxxName||'',
-																"wlxxGg":handlerData.wlxxGg||'',
-															});
-															if(smsl==selectedRow["dwyl"]){
-																$.each(treeData,function (a,b) {
-																	if(b.ffgx==ffgx&&b.wlid!=item.wlid){
-																		fkids.push(b)
-																	}
-																});
-																var isCont=true;
-																if(fkids.length>0){
-																	$.each(fkids,function (c,d) {
-																		if(parseFloat(d.yzpsl)!=parseFloat(d.dwyl)){
-																			isCont=false;
-																			return false
-																		}
-																	})
-																	if(isCont){
-																		$btns.find(".e-dialog-save").click()
-																	}
-																}else if(fkids.length==0){
-																	$btns.find(".e-dialog-save").click()
-																}
-															}
-														}
-														flag=false;
-														return false
-													}
-												});
-												if(flag){
-													$.each(treeData,function (i,item) {
-														if(item.wlid==handlerData.wlxxId&&item.ffgx==""){
-															selectedRow=item;
-															smsl=parseInt(selectedRow["yzpsl"])+1;
-															ffgx=selectedRow.ffgx;
-															if(smsl>selectedRow["dwyl"]){
-																appendlog(selectedRow,wlsnid,'ce');
-															}else{
-																$tree.treegrid('update', {
-																	id:selectedRow["wlid"],
-																	row:$.extend({},selectedRow,{yzpsl:smsl})
-																});
-																appendlog(selectedRow,wlsnid);
-																$datagrid.datagrid("appendRow",{
-																	"cxsl": 0,
-																	"hylx": handlerData.hylx,
-																	"wlid":handlerData.wlxxId||'',
-																	"wlsnid":wlsnid,
-																	"zpsl": handlerData.zpsl||1,
-																	"wlxxCode":handlerData.wlxxCode||'',
-																	"wlxxName":handlerData.wlxxName||'',
-																	"wlxxGg":handlerData.wlxxGg||'',
-																});
-																if(smsl==selectedRow["dwyl"]){
-																	$.each(treeData,function (a,b) {
-																		if(b.ffgx==ffgx&&b.wlid!=item.wlid){
-																			fkids.push(b)
-																		}
-																	});
-																	var isCont=true;
-																	if(fkids.length>0){
-																		$.each(fkids,function (c,d) {
-																			if(parseFloat(d.yzpsl)!=parseFloat(d.dwyl)){
-																				isCont=false;
-																				return false
-																			}
-																		})
-																		if(isCont){
-																			$btns.find(".e-dialog-save").click()
-																		}
-																	}else if(fkids.length==0){
-																		$btns.find(".e-dialog-save").click()
-																	}
-																}
-															}
-															return false
-														}
-													});
-												}
-											}
-										}else{
-											appendlog({},wlsnid);
-											$datagrid.datagrid("appendRow",{
-												"cxsl": 0,
-												"hylx": handlerData.hylx,
-												"wlid":handlerData.wlxxId||'',
-												"wlsnid":wlsnid,
-												"zpsl": handlerData.zpsl||1,
-												"wlxxCode":handlerData.wlxxCode||'',
-												"wlxxName":handlerData.wlxxName||'',
-												"wlxxGg":handlerData.wlxxGg||'',
-											})
-										}
-									}
-								}else{
-									appendErrorMsg(value,result.message||"扫描失败");
-									infoAudio();
-								}
-								$input.textbox("setValue",'');
-								focusInput()
-							},
-							error:function (result) {
-								if(result.statusText=="timeout"){
-									gas.showCenterTips("请求超时，请重新请求");
-								}else{
-									gas.showCenterTips(result.message)
-								}
-
-							}
-						});
-					}
-				}
-			});
-			$btns.find(".e-dialog-save").iMenubutton({
-				text:"提交",
-				iconCls:"",
-				btnCls:"gui-btn-save",
-				onClick:function (){
-				var data=getFormData(wosnid);
-					HTTP.post("kmes/gphy/doZpGpfk",data,function (result) {
-						if(result.success){
-							appendlog(woInfo,wosnid,'end');
-							clearData();
-							$success.show();
-							$error.hide();
-							setTimeout(function () {
-								$success.hide();
-							},3000);
-						}else{
-							appendErrorMsg(getWosnid(),result.message||"扫描失败");
-							$input.textbox("setValue",'');
-							$success.hide();
-							$error.show();
-							setTimeout(function () {
-								$error.hide();
-							},3000);
-						}
-						focusInput()
-					})
-
-				}
-			});
-			$btns.find(".e-dialog-reset").iMenubutton({
-				text:"重置",
-				iconCls:"",
-				btnCls:"gui-btn-continue",
-				onClick:function (){
-					$success.hide();
-					$error.hide();
-					bomList.splice($.inArray(wosnid,bomList),1);
-					clearData();
-				}
-			})
-			$searchBtn.off().on("click",function () {
-				$success.hide();
-				$error.hide();
-				searchEvent();
-			});
-			$clearBtn.off().on("click",function(){
-				$success.hide();
-				$error.hide();
-				$input.textbox("setValue",'');
-				focusInput();
-			});
-			focusInput();
-			function searchEvent() {
-				if($input.val()==""){
-					return  false
-				}
-				if(isFlag==0){
-					if($.inArray(getWosnid(),bomList)>=0){
-						appendErrorMsg(getWosnid(),"该条码已扫描，请勿重复扫描");
-						infoAudio();
-						$input.textbox("setValue",'');
-						focusInput();
-						return false
-					}else{
-						bomList.push(getWosnid());
-					}
-					wosnid=getWosnid();
-					if(!ajaxFlag){
-						gas.showCenterTips("正在处理,请稍等");
-						return  false
-					}
-					$.ajax({
-						type:"POST",
-						url: "kmes/gphy/queryWoinfo", contentType: "application/json", dataType: "json",
-						data:JSON.stringify({wosnid:getWosnid(),gxid:jyData.gxid}), async:true,
-						timeout:1000*60,
-						beforeSend: function () {
-							ajaxFlag=false;
-							$shadow.show();
-							$.messager.progress({
-								title: '提示',
-								msg: '数据请求中，请稍候……',
-								text: ''
-							});
-						},
-						complete: function (XHR, TS) {
-							$shadow.hide();
-							ajaxFlag=true;
-							$.messager.progress('close');
-							$input.textbox("setValue","");
-							$input.next("span").find("input.textbox-text").focus();
-
-						},
-						success: function (result) {
-							if(result.success){
-								woInfo=result.data.records.woInfo;
-								woid=woInfo.id;
-								showWlxxinfo($form,result.data.records.woInfo);
-								$form.find("input[textboxname='cptm']").textbox("setValue",wosnid);
-								gphyResHandler(result.data.records);
-								$input.textbox("setValue",'');
-								isFlag=1;
-								focusInput()
-							}else{
-								appendErrorMsg(wosnid,result.message||"扫描失败");
-								infoAudio();
-								bomList.splice($.inArray(wosnid,bomList),1);
-								clearData();
-							}
-						},
-						error:function (result) {
-							if(result.statusText=="timeout"){
-								gas.showCenterTips("请求超时，请重新请求");
-							}else{
-								gas.showCenterTips(result.message)
-							}
-
-						}
-					});
-
-				}else{
-					if($.inArray(getWosnid(),bomList)>=0){
-						appendErrorMsg(getWosnid(),"该条码已扫描，请勿重复扫描");
-						infoAudio();
-						$input.textbox("setValue",'');
-						focusInput();
-						return false
-					}
-					wlsnid=getWosnid();
-					if(!ajaxFlag){
-						gas.showCenterTips("正在处理,请稍等");
-						return  false
-					}
-					$.ajax({
-						type:"POST",
-						url: "kmes/gphy/queryWlxx", contentType: "application/json", dataType: "json",
-						data:JSON.stringify({wlsnid:getWosnid(),gxid:jyData.gxid,woid:woid}), async:true,
-						timeout:1000*60,
-						beforeSend: function () {
-							ajaxFlag=false;
-							$shadow.show();
-							$.messager.progress({
-								title: '提示',
-								msg: '数据请求中，请稍候……',
-								text: ''
-							});
-						},
-						complete: function (XHR, TS) {
-							$shadow.hide();
-							ajaxFlag=true;
-							$.messager.progress('close');
-							$input.textbox("setValue",'');
-							focusInput()
-						},
-						success: function (result) {
-							if(result.success){
-								if(result.data.records){
-									var handlerData=result.data.records;
-									if(handlerData.hylx=="BOM"){
-										var selectedRow={};
-										if($tree.treegrid("getData")[0]&&$tree.treegrid("getData")[0]["children"]){
-											var treeData=$tree.treegrid("getData")[0]["children"];
-											var smsl=0;var ffgx='';var fkids=[];
-											var flag=true;
-											$.each(treeData,function (i,item) {
-												if(item.wlid==handlerData.wlxxId&&item.ffgx==jyData.gxid){
-													selectedRow=item;
-													smsl=parseInt(selectedRow["yzpsl"])+1;
-													ffgx=selectedRow.ffgx;
-													if(smsl>selectedRow["dwyl"]){
-														appendlog(selectedRow,wlsnid,'ce');
-													}else{
-														$tree.treegrid('update', {
-															id:selectedRow["wlid"],
-															row:$.extend({},selectedRow,{yzpsl:smsl})
-														});
-														appendlog(selectedRow,wlsnid);
-														$datagrid.datagrid("appendRow",{
-															"cxsl": 0,
-															"hylx": handlerData.hylx,
-															"wlid":handlerData.wlxxId||'',
-															"wlsnid":wlsnid,
-															"zpsl": handlerData.zpsl||1,
-															"wlxxCode":handlerData.wlxxCode||'',
-															"wlxxName":handlerData.wlxxName||'',
-															"wlxxGg":handlerData.wlxxGg||'',
-														});
-														if(smsl==selectedRow["dwyl"]){
-															$.each(treeData,function (a,b) {
-																if(b.ffgx==ffgx&&b.wlid!=item.wlid){
-																	fkids.push(b)
-																}
-															});
-															var isCont=true;
-															if(fkids.length>0){
-																$.each(fkids,function (c,d) {
-																	if(parseFloat(d.yzpsl)!=parseFloat(d.dwyl)){
-																		isCont=false;
-																		return false
-																	}
-																})
-																if(isCont){
-																	$btns.find(".e-dialog-save").click()
-																}
-															}else if(fkids.length==0){
-																$btns.find(".e-dialog-save").click()
-															}
-														}
-													}
-													flag=false;
-													return false;
-												}
-											});
-											if(flag){
-												$.each(treeData,function (i,item) {
-													if(item.wlid==handlerData.wlxxId&&item.ffgx==""){
-														selectedRow=item;
-														smsl=parseInt(selectedRow["yzpsl"])+1;
-														ffgx=selectedRow.ffgx;
-														if(smsl>selectedRow["dwyl"]){
-															appendlog(selectedRow,wlsnid,'ce');
-														}else{
-															$tree.treegrid('update', {
-																id:selectedRow["wlid"],
-																row:$.extend({},selectedRow,{yzpsl:smsl})
-															});
-															appendlog(selectedRow,wlsnid);
-															$datagrid.datagrid("appendRow",{
-																"cxsl": 0,
-																"hylx": handlerData.hylx,
-																"wlid":handlerData.wlxxId||'',
-																"wlsnid":wlsnid,
-																"zpsl": handlerData.zpsl||1,
-																"wlxxCode":handlerData.wlxxCode||'',
-																"wlxxName":handlerData.wlxxName||'',
-																"wlxxGg":handlerData.wlxxGg||'',
-															});
-															if(smsl==selectedRow["dwyl"]){
-																$.each(treeData,function (a,b) {
-																	if(b.ffgx==ffgx&&b.wlid!=item.wlid){
-																		fkids.push(b)
-																	}
-																});
-																var isCont=true;
-																if(fkids.length>0){
-																	$.each(fkids,function (c,d) {
-																		if(parseFloat(d.yzpsl)!=parseFloat(d.dwyl)){
-																			isCont=false;
-																			return false
-																		}
-																	})
-																	if(isCont){
-																		$btns.find(".e-dialog-save").click()
-																	}
-																}else if(fkids.length==0){
-																	$btns.find(".e-dialog-save").click()
-																}
-															}
-														}
-														return false;
-													}
-												});
-											}
-										}
-									}else{
-										appendlog({},wlsnid);
-										$datagrid.datagrid("appendRow",{
-											"cxsl": 0,
-											"hylx": handlerData.hylx,
-											"wlid":handlerData.wlxxId||'',
-											"wlsnid":wlsnid,
-											"zpsl": handlerData.zpsl||1,
-											"wlxxCode":handlerData.wlxxCode||'',
-											"wlxxName":handlerData.wlxxName||'',
-											"wlxxGg":handlerData.wlxxGg||'',
-										})
-									}
-
-								}
-							}else{
-								appendErrorMsg(wlsnid,result.message||"扫描失败");
-								infoAudio();
-							}
-							$input.textbox("setValue",'');
-							focusInput()
-						},
-						error:function (result) {
-							if(result.statusText=="timeout"){
-								gas.showCenterTips("请求超时，请重新请求");
-							}else{
-								gas.showCenterTips(result.message)
-							}
-
-						}
-					});
-				}
-			}
-		}
-		function clearData() {
-			$form.find("input[textboxname]").textbox("setValue",'');
-			$input.textbox("setValue",'');
-			wosnid='';
-			woid='';
-			isFlag=0;
-			var rows=[];
-			var data = {total:rows.length,"rows": rows};
-			$tree.iTreegrid('loadData', data);
-			$datagrid.datagrid('loadData', []);
-			focusInput();
-		}
-		function focusInput() {
-			$input.next("span").find("input.textbox-text").focus();
-		}
-		/*获取所有参数*/
-		function  getFormData(value) {
-			var formData={hgbz:'Y'};
-			var gphyVO={
-				"fkbx": jyData.fkbx,
-				"fkgx":jyData.gxid,
-				"wosnid":value,
-			};
-			switch (formData.hgbz) {
-				case "Y":$.extend(gphyVO,{"hgbz": "Y", "hgsl": 1,"bhgsl":0});break;
-				case "N":$.extend(gphyVO,{"bhgsl": 1,"hgbz":"N","hgsl":0});break;
-			}
-			var data={
-				"gpbhgmxList":[],
-				"gpfkVO":gphyVO,
-				"gphyVOList":$datagrid.datagrid("getRows")
-			};
-			return data
-		}
-		/*获取条码信息*/
-		function  getWosnid(value) {
-			var formData=DataBind.collectData($dialog);
-			 return formData.wosnid;
-		}
-
-		/*结果控制*/
-		function gphyResHandler(res) {
-			var woInfo=res.woInfo;
-			var wobomList=res.wobomList;
-			$.each(wobomList,function (i,item) {
-				item["_parentId"]=woInfo.wlid;
-			});
-			var rows=wobomList;
-			woInfo["yzpsl"]=1;
-			rows.push(woInfo);
-			var data = {total:rows.length,"rows": rows};
-			$tree.iTreegrid('loadData', data);
-			var wlxx={
-				time:new Date().Format("yyyy-MM-dd hh:mm:ss"),
-				wosnid: wosnid||'',
-				wlbm: woInfo.wlxxCode||"",
-				wlmc:woInfo.wlxxName||'',
-				gg:woInfo.wlxxGg||'',
-				message:{
-					start:"<span>开始装配扫描.....</span>",
-					end:"<span>扫描结束</span>"
-				}
-			};
-			var info='<span class="res-item">'+wlxx.time+'</span>'+
-					'<span class="res-item">'+wlxx.wosnid+'</span>'+
-					'<span class="res-item">'+wlxx.wlbm+'</span>'+
-					'<span class="res-item">'+wlxx.wlmc+'</span>'+
-					'<span class="res-item">('+wlxx.gg+')</span>';
-			var p1=$("<p class=''>"+info+wlxx.message.start+".</p>");
-			$log.prepend(p1);
-		}
-
-		function appendErrorMsg(value,message){
-			var time=new Date().Format("yyyy-MM-dd hh:mm:ss");
-			var m='<p><span class="res-item">'+time+'</span><span class="res-item">'+value+message+'</span></p>';
-			$log.prepend(m);
-		}
-		function appendlog(woInfo,wosnid,end){
-			var wlxx={
-				time:new Date().Format("yyyy-MM-dd hh:mm:ss"),
-				wosnid: wosnid||'',
-				wlbm: woInfo.wlxxCode||"",
-				wlmc:woInfo.wlxxName||'',
-				gg:woInfo.wlxxGg||'',
-				message:{
-					start:"<span>扫描完成</span>",
-					end:"<span>扫描结束</span>",
-					ce:"<span>超额</span>"
-				}
-			};
-			var info='<span class="res-item">'+wlxx.time+'</span>'+
-					'<span class="res-item">'+wlxx.wosnid+'</span>'+
-					'<span class="res-item">'+wlxx.wlbm+'</span>'+
-					'<span class="res-item">'+wlxx.wlmc+'</span>'+
-					'<span class="res-item">'+wlxx.gg+'</span>';
-			var p1=$("<p class='res-success'>"+info+wlxx.message.start+".</p>");
-			if(end){
-				if(end=="end"){
-					p1=$("<p class=''>"+info+wlxx.message.end+".</p>");
-				}else if(end=="ce"){
-					p1=$("<p class=''>"+info+wlxx.message.ce+".</p>");
-				}
-			}
-			$log.prepend(p1);
-		}
-		gas.load(paramInit,pageInit,dataInit,run);
-	})
-</script>

gavel/src/main/resources/templates/views/kmes/gphy/gx.html

-<div class="e-dialog-container"  data-options="width:480,height:280"  id="gphyGx">
-	<div class="gui-fluid editTable">
-		<input type="hidden" name="gxName">
-		<input type="hidden" name="gzzxid">
-		<input type="hidden" name="gzzxname">
-		<div class="gui-row">
-			<div class="gui-col-sm12">
-				<label class="gui-form-label">工序：</label>
-				<div class="gui-input-block">
-					<input type="text" name="gxid" data-toggle="gui-combobox">
-				</div>
-			</div>
-		</div>
-		<div class="gui-row">
-			<div class="gui-col-sm12">
-				<label class="gui-form-label">班型：</label>
-				<div class="gui-input-block">
-					<input type="text" name="bxid" style="width: 100%;" data-options="required:true">
-				</div>
-			</div>
-		</div>
-	</div>
-</div>
-
-<script>
-    $(function () {
-        var $dialog=$("#gphyGx");
-        var $inputGxid=$dialog.find("input[name='gxid']");
-        var $inputBx=$dialog.find("input[name='bxid']");
-		function paramInit(ops){
-
-		}
-
-		function pageInit() {
-			$inputGxid.iCombobox({valueField: "id", textField: "name", allowNull:false,required:true,allowEdit:false, url: 'gygl/bzgx/queryZpBzgx',onSelect:function (a) {
-						$dialog.find("input[name='gxName']").val(a.name)
-						$dialog.find("input[name='gzzxid']").val(a.gzzxid||'')
-						$dialog.find("input[name='gzzxname']").val(a.gzzxname||'')
-				},
-				loadFilter: function (a) {
-					var datas=a["data"]["records"]
-					$.each(datas,function (i,item) {
-						item["name"]=item["gzzxname"]+"-"+item["name"]
-					});
-					return datas
-				}
-			});
-			$inputBx.iCombobox({valueField: "id", textField: "name", allowNull:false, allowEdit:false, url: 'kmes/bx/query',onSelect:function (a) {
-				}});
-
-		}
-		/*数据初始化*/
-		function dataInit(obj){
-
-
-		}
-
-		function run(res){
-
-
-		}
-
-
-		gas.load(paramInit,pageInit,dataInit,run);
-    })
-
-</script>
\ No newline at end of file

gavel/src/main/resources/templates/views/kmes/gphy/index.html

 <script src="js/pdfshow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/dbenlarge.js" type="text/javascript" charset="utf-8"></script>
-		<style type="text/css">
-			* {
-				margin: 0;
-				padding: 0;
-			}
-
-			#kwrkb01 {
-				height: 100%;
-				width: 100%;
-				display: flex;
-				flex-wrap: wrap;
-				justify-content: space-between;
-				align-items: stretch
-			}
-
-			#kwrkb01 div {
-				box-sizing: border-box;
-			}
-
-			#kwrkb01 .toptitle {
-				height: 50px;
-				width: 100%;
-				background-color: #00aaff;
-				color: #FFFFFF;
-				text-align: center;
-				line-height: 50px;
-			}
-
-			#kwrkb01 .left {
-				height: calc(100% - 60px);
-				width: 40%;
-			}
-
-			#kwrkb01 .right {
-				height: calc(100% - 60px);
-				width: calc(60% - 10px);
-				border: #EEEEEE 1px solid;
-			}
-
-			#kwrkb01 .rightPdf {
-				height: 100%;
-				width: 100%;
-
-			}
-
-			#kwrkb01 .cbinfor {
-				width: 100%;
-				height: 40%;
-			}
-
-			#kwrkb01 .tab {
-				width: 100%;
-				height: 60%;
-				padding-top: 10px;
-			}
-
-			#kwrkb01 .cpif {
-				width: 100%;
-				height: 50%;
-				border: 1px solid #EEEEEE;
-			}
-
-			#kwrkb01 .cprz {
-				width: 100%;
-				height: 50%;
-				border: 1px solid #EEEEEE;
-			}
-
-			#kwrkb01 .cpiftop {
-				width: 100%;
-				height: 40px;
-				border-bottom: 1px solid #EEEEEE;
-				line-height: 40px;
-				display: flex;
-				justify-content: center;
-			}
-
-			#kwrkb01 .cpifbot {
-				height: calc(100% - 40px);
-			}
-
-			#kwrkb01 .ery {
-				width: 50%;
-				height: 50%;
-				display: flex;
-				align-items: center;
-			}
-
-			#kwrkb01 .ery span {
-				padding-left: 20px;
-				display: inline-block;
-				width: 70px;
-			}
-
-			#kwrkb01 .tipul>li {
-				width: 150px;
-				padding-left: 20px;
-				float: left;
-				line-height: 50px;
-			}
-
-			#kwrkb01 .tipuli2 {
-				float: right !important;
-			}
-
-			#kwrkb01 .maintab {
-				height: 100%;
-				width: 100%;
-				overflow: hidden;
-				border: 0.5px solid #EEEEEE;
-			}
-
-			#kwrkb01 .showtab {
-				height: 100%;
-				width: 100%;
-			}
-			#kwrkb01 .easyuitext{
-				height: 30px;
-				border: 0.5px solid #D3D3D3;
-			}
-			#kwrkb01 .wid70{
-				width: 70%;
+		<link rel="stylesheet" type="text/css" href="css/zpfk.css"/>
+		<div>
+			<div class="btn-group" >
+			    <button id="btnqh" type="button" class="btn btn-default" style="color: white;position: absolute;right: 5px;z-index: 9999999999;height: 50px;width: 200px;border: 0 solid #00AAFF;background-color: #00AAFF;">切换风格</button>
+			</div>
+		</div>
+		<script type="text/javascript">
+			$("#btnqh").click(function(){
+				if($("#kwrkb01").css("display")=="flex"){
+					$("#kwrkb01").css("display","none")
+					$("#kwrkb02").css("display","flex")
+					$("#kwrkb03").css("display","none")
+				}else if($("#kwrkb02").css("display")=="flex"){
+					$("#kwrkb01").css("display","none")
+					$("#kwrkb02").css("display","none")
+					$("#kwrkb03").css("display","flex")
+				}else{
+					$("#kwrkb01").css("display","flex")
+					$("#kwrkb02").css("display","none")
+					$("#kwrkb03").css("display","none")
+				}
+				
+			})
+		/* 通用代码 */
+		/* 通用表格参数 */
+			zpfk_columns=[
+				[{
+						field: 'wlxxCode',
+						title: '品号',
+						width: '20%',
+					},
+					{
+						field: 'wlxxName',
+						title: '品名',
+						width: '23%',
+					},
+					{
+						field: 'wlxxGg',
+						title: '规格型号',
+						width: '20%',
+					},
+					{
+						field: 'xqsl',
+						title: '数量',
+						width: '20%',
+					},
+					{
+						field: 'zpsl',
+						title: '装配数量',
+						width: '20%',
+					},
+				]
+			]
+		/* 判定代码类型 登录页面*/
+		function zpfk_hqlx(e){
+			let that=e
+			return new Promise(function(y,n){
+				gas.post('kmes/gpfk/querySmlx ',{"wosnid":that.xlh}, function(res){
+					/* if(res.data&&res.data.records){
+						let getinfor=res.data.records
+					y(getinfor)
+					} */
+					if(res){
+					y("ok")	
+					}
+					else{
+					n('nok')	
+					}
+				});
+			})
+		}
+		/* 获取工序工单等信息 */
+		function zpfk_queryKwellWoinfo(e){
+			let that=e
+			return new Promise(function(y,n){
+				gas.post('kmes/gpfk/queryKwellWoinfo',{"wosnid":that.xlh}, function(res){
+					if(res.data&&res.data.records){
+					/* 赋值操作 */
+					that.gd =  res.data.records.djid;
+					that.cpsn = res.data.records.wosnCode;
+					that.ph = res.data.records.wlxxCode;
+					let woid  = res.data.records.djid;
+					y(woid)
+					/** wobom查询  **/
+					
+					/* 日志操作 */
+					/* pdf地址 */
+					}
+				});
+			})
+		}
+		/* wobom查询  .then(e=>执行) */
+		function zpfk_queryWoBomByWoid(e,woid){
+			let that=e
+			that.xlh=""
+			gas.post('kmes/gpfk/queryWoBomByWoid',{"woid":woid}, function(res){
+				if(res.data&&res.data.records){
+					that.tabdata = res.data.records;
+					that.initpage()
+				}
+			});
+		}
+		/* pdfshow gxid登录页传进来 */
+		function zpfk_pdfshow(e){
+			let that=e
+			let newPdfurl=that.pdfurl+"?woid="+woid+"&&"+"gxid="+window.gxid||"nogxid"
+			if (newpdfurl!=that.pdfurl){
+				that.pdfurl=nowpdfurl
+				if(that.sivpdf){
+					clearInterval(that.sivpdf)
+				}
+				pdfshow(that.pdfurl+"?woid="+woid+"&&"+"gxid="+that.gxid, "gphy", 20000).then(e => {
+					this.sivpdf = e
+				})
 			}
-			#kwrkb01 .ok-item {background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);}
-		</style>
-		<div id="kwrkb01">
+		}
+		</script>
+		<div id="kwrkb01" >
 			<!-- 顶部信息条 -->
 			<div class="toptitle">
 				<ul class="tipul" style="height: 100%;">
@@ -192,6 +184,142 @@
 				<canvas id="gphy" class="rightPdf"></canvas>
 			</div>
 		</div>
+		<!-- div2 -->
+		<div id="kwrkb02" >
+			<!-- 顶部信息条 -->
+			<div class="toptitle" style="position: relative;">
+				<ul style="position: absolute;right: 50%;transform: translateX(50%);">
+					<li class="tipulmid">ADMIN</li>
+					<li class="tipulmid">系统管理员</li>
+					<li class="tipulmid">甲班</li>
+					<li class="tipulmid" style="width: 100px;">当前工序:焊接</li>
+				</ul>
+				<ul class="tipul" style="height: 100%;width: 100%;">
+					<li style="width: 400px;">
+						<input class="easyuitext" style="width: 250px;" @keydown="scanxlh()" placeholder="请扫码条码" name="xlh" v-model="xlh" />
+						<button type="button" ><b style="color: #666666;font-style:oblique;">SUBMIT</b></button>
+					</li>
+					<li class="tipuli2">{{systime}}</li>
+					<li class="tipuli2" style="margin-right: 10px;">计数:30</li>
+					
+					
+				</ul>
+			</div>
+			<!-- 左侧信息条 -->
+			<div class="left">
+				<!-- 左上信息表 -->
+				<div class="cbinfor">
+					<div class="cpif">
+						<!-- top -->
+						<div class="cpileft" style="width: 70%;height: 100%;">
+							<div class="ery">
+								<span>工单</span><input class="easyuitext" v-model="gd" style="width: 70%" name="gd" />
+							</div>
+							<div class="ery">
+								<span>产品SN</span><input class="easyuitext" v-model="cpsn" style="width: 70%"  name="cpsn" />
+							</div>
+							<div class="ery">
+								<span>品号</span><input class="easyuitext" v-model="ph" style="width: 70%" name="ph" />
+							</div>
+						</div>
+						<div class="cpiright" style="width: 30%;height: 100%;padding: 10px;">
+							<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
+								<b>ok</b>
+							</div>
+						</div>
+						<!-- bot -->
+						
+					</div>
+					<!-- 日志 -->
+					<div class="cprz" >
+						<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
+							日志
+							</div>
+						<div style="height: calc(100% - 20px);display: flex;">
+							<div style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;">
+							<span>>>Tips</span>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 左下表格 -->
+				<div class="tab">
+					<div class="maintab">
+						<table class="showtab">
+							
+						</table>
+					</div>
+				</div>
+			</div>
+			<!-- 右侧信息pdf -->
+			<div class="right">
+				<canvas id="pdf" class="rightPdf"></canvas>
+			</div>
+		</div>
+		<!-- 界面3 -->
+		<div id="kwrkb03" >
+			<!-- 顶部信息条 -->
+			<div class="toptitle" style="position: relative;">
+				<ul class="tipul" style="height: 100%;width: 100%;">
+					<li class="tipulmid">ADMIN</li>
+					<li class="tipulmid">系统管理员</li>
+					<li class="tipulmid">甲班</li>
+					<li class="tipuli2">{{systime}}</li>
+					<li class="tipuli2" style="margin-right: 10px;">计数:30</li>
+					<li class="tipuli2" style="margin-right: 10px;">当前工序:焊接</li>
+				</ul>
+			</div>
+			<!-- 标题下信息 -->
+			<div class="titdow" style="width: 100%;height: 35px;display: flex;">
+				<div class="titdowinfor" style="padding-left: 10px;">
+					<input class="easyuitext" style="width:70%" placeholder="扫描条码" name="xlh"  @keydown="scanxlh()" v-model="xlh"  />
+					<button type="button" ><b style="color: #666666;font-style:oblique;">SUBMIT</b></button>
+				</div>
+				<div class="titdowinfor">
+					<span>工单</span><input class="easyuitext" style="width:70%" name="gd" v-model="gd" />
+				</div>
+				<div class="titdowinfor">
+					<span>产品SN</span><input class="easyuitext" style="width:70%"  name="cpsn" v-model="cpsn" />
+				</div>
+				<div class="titdowinfor">
+					<span>品号</span><input class="easyuitext" style="width:70%"  name="ph" v-model="ph" />
+				</div>
+			</div>
+			<!-- 左侧信息条 -->
+			<div class="left">
+				<!-- 左上信息表 -->
+				<div class="cbinfor">
+					<!-- 日志 -->
+					<div class="cprz" style="position: relative;">
+						<div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 0px;top: 20px;">
+							<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
+								<b>ok</b>
+							</div>
+						</div>
+						<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
+							日志
+							</div>
+						<div style="height: calc(100% - 20px);display: flex;">
+							<div style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;">
+							<span>>>Tips</span>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 左下表格 -->
+				<div class="tab">
+					<div class="maintab">
+						<table class="showtab">
+							
+						</table>
+					</div>
+				</div>
+			</div>
+			<!-- 右侧信息pdf -->
+			<div class="right">
+				<canvas id="pdf" class="rightPdf"></canvas>
+			</div>
+		</div>
 		<script type="text/javascript">
 			let Vkwrkb01 = new Vue({
 				el: "#kwrkb01",
@@ -212,7 +340,6 @@
 						pdfurl:"kmes/gpfk/queryPdfByWoidAndZpgx",
 						addtop:0,
 						xlh:"",
-						gxid:"",
 						gx:"",
 						gd:"",
 						cpsn:"",
@@ -222,41 +349,23 @@
 						],
 						sivtimer: null, //时间计数器
 						sivpdf: null,
-						sivdestory: null
+						sivdestory: null,
 					}
 				},
 				methods: {
 					// 扫码接口
 					apiscanxlh(){
-						debugger;
 						let that=this
-							gas.post('kmes/gpfk/queryKwellWoinfo',{"wosnid":this.xlh}, function(res){
-								if(res.data&&res.data.records){
-								/* 赋值操作 */
-								that.gd =  res.data.records.djid;
-								that.cpsn = res.data.records.wosnCode;
-								that.ph = res.data.records.wlxxCode;
-								let woid  = res.data.records.woid;
-								/** wobom查询  **/
-								gas.post('kmes/gpfk/queryWoBomByWoid',{"woid":woid}, function(res){
-									if(res.data&&res.data.records){
-										that.tabdata = res.data.records;
-									}
-								});
-								/* 日志操作 */
-								/* pdf地址 */
-								if(nowpdfurl!=that.pdfurl)
-								{	that.pdfurl=nowpdfurl
-								/* 清除计时器 */
-									if(that.sivpdf){
-										clearInterval(that.sivpdf)
-									}
-									pdfshow(that.pdfurl+"?woid="+woid+"&&"+"gxid="+that.gxid, "gphy", 20000).then(e => {
-										this.sivpdf = e
-									})
-								}
-								}
-							});
+						zpfk_hqlx(that).then(function(e){
+							console.log(e)
+							/* 获取类型 */
+							zpfk_queryKwellWoinfo(that).then(function(s){
+								
+								zpfk_queryWoBomByWoid(that,s)
+							})
+						}).catch(function(){
+							that.xlh=""
+						})
 					},
 					isFocus(){
 						let $xlh=$("#kwrkb01").find('input[name="xlh"]')
@@ -271,7 +380,7 @@
 							$("#kwrkb01").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
 							this.addtop = this.addtop + 600
 							$("#kwrkb01").find(".rz").scrollTop(this.addtop)
-							this.xlh=""
+							/* this.xlh="" */
 						}
 					},
 					// 初始化页面
@@ -288,34 +397,7 @@
 									return 'background-color:#6293BB;color:#fff;';
 								}
 							},
-							columns: [
-								[{
-										field: 'wlxxCode',
-										title: '品号',
-										width: '20%',
-									},
-									{
-										field: 'wlxxName',
-										title: '品名',
-										width: '23%',
-									},
-									{
-										field: 'wlxxGg',
-										title: '规格型号',
-										width: '20%',
-									},
-									{
-										field: 'xqsl',
-										title: '数量',
-										width: '20%',
-									},
-									{
-										field: 'zpsl',
-										title: '装配数量',
-										width: '20%',
-									},
-								]
-							],
+							columns:zpfk_columns,
 							data: this.tabdata
 						}
 						$tab.datagrid(this.taboptions);
@@ -343,4 +425,209 @@
 					}
 				}
 			})
+			/* 示例2 */
+			let Vkwrkb02= new Vue({
+				el:"#kwrkb02",
+				mounted() {
+					dbenlarge('kwrkb02',0,this.initpage)
+					pdfshow("pdf/dcAcess.pdf","pdf",5000).then(e=>{
+						this.sivpdf=e
+						$("#kwrkb02").hide()
+					})
+					// this.sivpdf=
+					this.initpage()
+					this.gettime()
+					this.appdestory()
+				},
+				destroyed() {
+					clearInterval(this.sivdestory)
+					clearInterval(this.sivpdf)
+					clearInterval(this.sivtimer)
+				},
+				data:function(){
+					return{
+						pdfurl:"kmes/gpfk/queryPdfByWoidAndZpgx",
+						addtop:0,
+						xlh:"",
+						gx:"",
+						gd:"",
+						cpsn:"",
+						ph:"",
+						systime: "",
+						tabdata: [
+						],
+						sivtimer: null, //时间计数器
+						sivpdf: null,
+						sivdestory: null,
+					}
+				},
+				methods:{
+					// 扫码接口
+					apiscanxlh(){
+						let that=this
+						zpfk_hqlx(that).then(function(e){
+							console.log(e)
+							/* 获取类型 */
+							zpfk_queryKwellWoinfo(that).then(function(s){
+								
+								zpfk_queryWoBomByWoid(that,s)
+							})
+						}).catch(function(){
+							that.xlh=""
+						})
+					},
+					// 扫码事件
+					scanxlh(e){
+						var evt = window.event || e;
+						if (evt.keyCode == 13) {
+							this.apiscanxlh()
+							console.log(this.xlh)
+							$("#kwrkb02").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
+							this.addtop = this.addtop + 600
+							$("#kwrkb02").find(".rz").scrollTop(this.addtop)
+							/* this.xlh="" */
+						}
+					},
+					// 初始化页面
+					initpage() {
+						let that=this
+						let $tab = $("#kwrkb02").find('.showtab')
+						this.$tab=$tab
+						this.taboptions = {
+							height: '100%',
+							width:"100%",
+							fitColumns: false,
+							rowStyler:function(index,row){
+								if(index<2){
+									return 'background-color:#6293BB;color:#fff;';
+								}
+							},
+							columns:zpfk_columns,
+							data: this.tabdata
+						}
+						$tab.datagrid(this.taboptions);
+					},
+					/* 展示时间 */
+					gettime(){
+						let that=this
+						let nowtime
+						nowtime=new Date().getTime()
+						that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+						this.sivtimer=setInterval(function(){
+							nowtime=new Date().getTime()
+							that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+						},20000)
+					},
+					appdestory(){
+						let that=this
+						this.sivdestory=setInterval(function(){
+							if(!$("#kwrkb02").height()){
+								Vkwrkb02.$destroy()
+							}
+						},3000)
+					}
+				}
+			})
+			let Vkwrkb03= new Vue({
+				el:"#kwrkb03",
+				mounted() {
+					dbenlarge('kwrkb03',0,this.initpage)
+					pdfshow("pdf/dcAcess.pdf","pdf",5000).then(e=>{
+						this.sivpdf=e
+						$("#kwrkb03").hide()
+					})
+					// this.sivpdf=
+					this.initpage()
+					this.gettime()
+					this.appdestory()
+				},
+				destroyed() {
+					clearInterval(this.sivdestory)
+					clearInterval(this.sivpdf)
+					clearInterval(this.sivtimer)
+				},
+				data:function(){
+					return{
+						pdfurl:"kmes/gpfk/queryPdfByWoidAndZpgx",
+						addtop:0,
+						xlh:"",
+						gx:"",
+						gd:"",
+						cpsn:"",
+						ph:"",
+						systime: "",
+						tabdata: [
+						],
+						sivtimer: null, //时间计数器
+						sivpdf: null,
+						sivdestory: null,
+					}
+				},
+				methods:{
+					// 扫码接口
+					apiscanxlh(){
+						let that=this
+						zpfk_hqlx(that).then(function(e){
+							console.log(e)
+							/* 获取类型 */
+							zpfk_queryKwellWoinfo(that).then(function(s){
+								
+								zpfk_queryWoBomByWoid(that,s)
+							})
+						}).catch(function(){
+							that.xlh=""
+						})
+					},
+					// 扫码事件
+					scanxlh(e){
+						var evt = window.event || e;
+						if (evt.keyCode == 13) {
+							this.apiscanxlh()
+							console.log(this.xlh)
+							$("#kwrkb03").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
+							this.addtop = this.addtop + 600
+							$("#kwrkb03").find(".rz").scrollTop(this.addtop)
+							/* this.xlh="" */
+						}
+					},
+					// 初始化页面
+					initpage(){
+						let that=this
+						let $tab = $("#kwrkb02").find('.showtab')
+						this.$tab=$tab
+						this.taboptions = {
+							height: '100%',
+							width:"100%",
+							fitColumns: false,
+							rowStyler:function(index,row){
+								if(index<2){
+									return 'background-color:#6293BB;color:#fff;';
+								}
+							},
+							columns:zpfk_columns,
+							data: this.tabdata
+						}
+						$tab.datagrid(this.taboptions);
+					},
+					/* 展示时间 */
+					gettime(){
+						let that=this
+						let nowtime
+						nowtime=new Date().getTime()
+						that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+						this.sivtimer=setInterval(function(){
+							nowtime=new Date().getTime()
+							that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+						},20000)
+					},
+					appdestory(){
+						let that=this
+						this.sivdestory=setInterval(function(){
+							if(!$("#kwrkb03").height()){
+								Vkwrkb03.$destroy()
+							}
+						},3000)
+					}
+				}
+			})
 		</script>

gavel/src/main/resources/templates/views/kmes/gpjy/index.html

 		<script src="js/pdfshow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/dbenlarge.js" type="text/javascript" charset="utf-8"></script>
-		<style type="text/css">
-			*{
-				margin: 0;
-				padding: 0;
-			}
-			#gpjykb{
-				height: 100%;
-				width: 100%;
-				display: flex;
-				flex-wrap: wrap;
-				justify-content: space-between;
-				align-items:stretch
-			}
-			#gpjykb div {
-				box-sizing:border-box;
-			}
-			.toptitle{
-				height: 50px;
-				width: 100%;
-				background-color: #00aaff;
-				color: #FFFFFF;text-align: center;line-height: 50px;
-			}
-			.left{
-				height: calc(100% - 60px);
-				width: 40%;
-			}
-			.right{
-				height: calc(100% - 60px);
-				width: calc(60% - 10px);
-				border: #EEEEEE 1px solid;
-			}
-			.rightPdf{
-				height: 100%;
-				width: 100%;
+		<link rel="stylesheet" type="text/css" href="css/jyfk.css"/>
+		<div>
+			<div class="btn-group" >
+			    <button id="btnqh1" type="button" class="btn btn-default" style="color: white;position: absolute;right: 5px;z-index: 9999999999;height: 50px;width: 200px;border: 0 solid #00AAFF;background-color: #00AAFF;">切换风格</button>
+			</div>
+		</div>
+		<script type="text/javascript">
+			$("#btnqh1").click(function(){
+				if($("#kwrkb04").css("display")=="flex"){
+					$("#kwrkb04").css("display","none")
+					$("#kwrkb05").css("display","flex")
+					$("#kwrkb06").css("display","none")
+				}else if($("#kwrkb05").css("display")=="flex"){
+					$("#kwrkb04").css("display","none")
+					$("#kwrkb05").css("display","none")
+					$("#kwrkb06").css("display","flex")
+				}else{
+					$("#kwrkb04").css("display","flex")
+					$("#kwrkb05").css("display","none")
+					$("#kwrkb06").css("display","none")
+				}
 				
-			}
-			.cbinfor{
-				width: 100%;
-				height: 60%;
-			}
-			.tab{
-				width: 100%;
-				height: 40%;
-				padding-top: 10px;
-			}
-			.cpif{
-				width: 100%;
-				height: 40%;
-				border: 1px solid #EEEEEE;
-			}
-			.cprz{
-				width: 100%;
-				height: 60%;
-				border: 1px solid #EEEEEE;
-			}
-			.cpiftop{
-				width: 100%;
-				height: 40px;
-				border-bottom: 1px solid #EEEEEE;
-				line-height: 40px;
-				display: flex;
-				justify-content: center;
-			}
-			.cpifbot{
-				height: calc(100% - 40px);
-			}
-			.ery{
-				width: 50%;
-				height: 50%;
-				display: flex;
-				align-items: center;
-			}
-			.ery span {
-				padding-left: 20px;
-				display: inline-block;
-				width: 70px;
-			}
-			.tipul>li{
-				width: 150px;
-				padding-left: 20px;
-				float: left;
-				line-height: 50px;
-			}
-			.tipuli2{
-				float: right!important;
-			}
-			.maintab{
-				height: 100%;
-				width: 100%;
-				overflow: auto;
-				border: 0.5px solid #EEEEEE;
-			}
-			.showtab{
-				height: 100%;
-				width: 100%;
-			}
-			.easyuitext{
-				height: 30px;
-				border: 0.5px solid #D3D3D3;
-			}
-			.wid70{
-				width: 70%;
-			}
-			.cardList-wrapper .card-item:nth-child(1){background:-webkit-gradient(linear, left top, right top, from(#5171fd), to(#c97afd));background:linear-gradient(90deg, #5171fd, #c97afd);-webkit-box-shadow:0 5px 10px #c97afd;box-shadow:0 5px 10px #c97afd;}
-			.cardList-wrapper .card-item:nth-child(2){background:-webkit-gradient(linear, left top, right top, from(#3dadf6), to(#737bfc));background:linear-gradient(90deg, #3dadf6, #737bfc);-webkit-box-shadow:0 5px 10px #737bfc;box-shadow:0 5px 10px #737bfc;}
-			.cardList-wrappers {background:-webkit-gradient(linear, left top, right top, from(#ea677c), to(#ef9b5f));background:linear-gradient(90deg, #ea677c, #ef9b5f);-webkit-box-shadow:0 5px 10px #ef9b5f;box-shadow:0 5px 10px #ef9b5f;}
-			.cardList-wrapper .card-item:nth-child(3){background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);-webkit-box-shadow:0 5px 10px #a6e25f;box-shadow:0 5px 10px #a6e25f;}
-		</style>
-		<div id="gpjykb">
+			})
+		</script>
+		<div id="kwrkb04">
 			<!-- 顶部信息条 -->
 			<div class="toptitle" >
 				<ul class="tipul" style="height: 100%;">
@@ -182,13 +98,173 @@
 				<canvas id="gpjypdf" class="rightPdf"></canvas>
 			</div>
 		</div>
+		<!-- 界面5 -->
+		<div id="kwrkb05">
+			<!-- 顶部信息条 -->
+			<div class="toptitle" >
+				<ul class="tipul" style="height: 100%;">
+					<li>ADMIN</li>
+					<li>系统管理员</li>
+					<li>甲班</li>
+					<li class="tipuli2">{{systime}}</li>
+					<li class="tipuli2" style="margin-right: 200px;">计数:30</li>
+					<li class="tipuli2">当前工序:焊接</li>
+					
+				</ul>
+			</div>
+			<!-- 左侧信息条 -->
+			<div class="left">
+				<!-- 左上信息表 -->
+				<div class="cbinfor">
+					<div class="cpif">
+						<!-- top -->
+						<div class="cpiftop" style="display: flex;align-items: center;">
+								<span>序列号</span>：<input class="easyuitext"  style="width: 80%" name="xlh" />
+						</div>
+						<!-- bot -->
+						<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
+							<div style="display: flex;width: 55%;height: 100%;flex-wrap: wrap;">
+								<div class="ery">
+									<span>工序</span><input class="easyuitext" style="width: 70%" name="gx" />
+								</div>
+								<div class="ery">
+									<span>工单</span><input class="easyuitext" style="width: 70%"  name="gd" />
+								</div>
+								<div class="ery">
+									<span>产品SN</span><input class="easyuitext" style="width: 70%" name="cpsn" />
+								</div>
+								<div class="ery">
+									<span>品号</span><input class="easyuitext" style="width: 70%" name="ph" />
+								</div>
+								<div class="ery">
+									<span>品名</span><input class="easyuitext" style="width: 70%" name="pm" />
+								</div>
+							</div>
+							<div style="display: flex;width: 45%;height: 100%;flex-wrap: wrap;align-items: center;">
+								<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">合格数量:0</span>
+								</div>
+								<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">NG数量:0</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 左下表格 -->
+				<div class="tab">
+					<div class="maintab" style="position: relative;">
+						<div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;">
+							<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
+								<b>ok</b>
+							</div>
+						</div>
+						<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
+							日志
+							</div>
+						<div style="height: calc(100% - 20px);display: flex;">
+							<div style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;">
+							<span>>>Tips</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 右侧信息pdf -->
+			<div class="right">
+				<canvas id="pdf" class="rightPdf"></canvas>
+			</div>
+		</div>
+		<!-- 看板6html -->
+		<div id="kwrkb06">
+			<!-- 顶部信息条 -->
+			<div class="toptitle" >
+				<ul class="tipul" style="height: 100%;">
+					<li>ADMIN</li>
+					<li>系统管理员</li>
+					<li>甲班</li>
+					<li class="tipuli2">{{systime}}</li>
+					<li class="tipuli2" style="margin-right: 200px;">计数:30</li>
+					<li class="tipuli2">当前工序:焊接</li>
+					
+				</ul>
+			</div>
+			<!-- 左侧信息条 -->
+			<div class="left">
+				<!-- 左上信息表 -->
+				<div class="cbinfor">
+					<div class="cpif">
+						<!-- top -->
+						<div class="cpiftop" style="display: flex;align-items: center;">
+								<span>序列号</span>：<input class="easyuitext" style="width: 80%;" name="xlh" />
+						</div>
+						<!-- bot -->
+						<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
+							<div style="display: flex;width: 55%;height: 100%;flex-wrap: wrap;">
+								<div class="ery">
+									<span>工序</span><input class="easyuitext" style="width: 70%;" name="gx" />
+								</div>
+								<div class="ery">
+									<span>工单</span><input  class="easyuitext" style="width: 70%;" name="gd" />
+								</div>
+								<div class="ery">
+									<span>产品SN</span><input  class="easyuitext" style="width: 70%;" name="cpsn" />
+								</div>
+								<div class="ery">
+									<span>品号</span><input  class="easyuitext" style="width: 70%;" name="ph" />
+								</div>
+								<div class="ery">
+									<span>品名</span><input  class="easyuitext" style="width: 70%;" name="pm" />
+								</div>
+							</div>
+							<div style="display: flex;width: 45%;height: 100%;flex-wrap: wrap;align-items: center;">
+								<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">合格数量:0</span>
+								</div>
+								<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">NG数量:0</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 左下表格 -->
+				<div class="tab">
+					<div class="maintab" style="position: relative;">
+						<div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;">
+							<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
+								<b>ok</b>
+							</div>
+						</div>
+						<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
+							日志
+							</div>
+						<div style="height: calc(100% - 20px);display: flex;">
+							<div style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;">
+							<span>>>Tips</span>
+							</div>
+						</div>
+					</div>
+					<div class="mainsp">
+						<video src="movie.ogg" controls="controls" style="height: 100%;width: 100%;">
+						您的浏览器不支持 video 标签。
+						</video>
+					</div>
+				</div>
+			</div>
+			<!-- 右侧信息pdf -->
+			<div class="right">
+				<canvas id="pdf" class="rightPdf"></canvas>
+			</div>
+		</div>
 		<script type="text/javascript">
-		let Vgpjykb= new Vue({
-			el:"#gpjykb",
+		let Vkwrkb04= new Vue({
+			el:"#kwrkb04",
 			mounted() {
-				dbenlarge('gpjykb',1,this.isFocus())
+				dbenlarge('kwrkb04',1,this.isFocus())
 				pdfshow("pdf/dcAcess.pdf","gpjypdf",5000).then(e=>{
 					this.sivpdf=e
+					
 				})
 				// this.sivpdf=
 				this.initpage()
@@ -219,7 +295,7 @@
 			},
 			methods:{
 				isFocus(){
-					let $xlh=$("#gpjykb").find('input[name="xlh"]')
+					let $xlh=$("#kwrkb04").find('input[name="xlh"]')
 					$xlh.focus()
 				},
 				// 扫码事件
@@ -227,9 +303,9 @@
 					var evt = window.event || e;
 					if (evt.keyCode == 13) {
 						console.log(this.xlh)
-						$("#gpjykb").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
+						$("#kwrkb04").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
 						this.addtop = this.addtop + 600
-						$("#gpjykb").find(".rz").scrollTop(this.addtop)
+						$("#kwrkb04").find(".rz").scrollTop(this.addtop)
 						this.xlh=""
 					}
 				},
@@ -251,13 +327,147 @@
 				appdestory(){
 					let that=this
 					this.sivdestory=setInterval(function(){
-						if(!$("#gpjykb").height()){
-							Vgpjykb.$destroy()
+						if(!$("#kwrkb04").height()){
+							Vkwrkb04.$destroy()
+						}
+					},3000)
+				}
+			}
+		})
+		/* 界面5vue实例 */	
+		let Vkwrkb05= new Vue({
+			el:"#kwrkb05",
+			mounted() {
+				dbenlarge('kwrkb05')
+				pdfshow("pdf/dcAcess.pdf","pdf",5000).then(e=>{
+					this.sivpdf=e
+					$("#kwrkb05").hide()
+				})
+				// this.sivpdf=
+				this.initpage()
+				this.gettime()
+				this.appdestory()
+			},
+			destroyed() {
+				clearInterval(this.sivdestory)
+				clearInterval(this.sivpdf)
+				clearInterval(this.sivtimer)
+			},
+			data:function(){
+				return{
+					systime:"",
+					tabdata:[
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+						],
+					sivtimer:null,//时间计数器
+					sivpdf:null,
+					sivdestory:null
+				}
+			},
+			methods:{
+				// 初始化页面
+				initpage(){
+				},
+				/* 展示时间 */
+				gettime(){
+					let that=this
+					let nowtime
+					nowtime=new Date().getTime()
+					that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					this.sivtimer=setInterval(function(){
+						nowtime=new Date().getTime()
+						that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					},20000)
+				},
+				appdestory(){
+					let that=this
+					this.sivdestory=setInterval(function(){
+						if(!$("#kwrkb05").height()){
+							Vkwrkb05.$destroy()
+						}
+					},3000)
+				}
+			}
+		})
+		/* 看板6实例 */
+		let Vkwrkb06= new Vue({
+			el:"#kwrkb06",
+			mounted() {
+				dbenlarge('kwrkb06')
+				pdfshow("pdf/dcAcess.pdf","pdf",5000).then(e=>{
+					this.sivpdf=e
+					$("#kwrkb06").hide()
+				})
+				// this.sivpdf=
+				this.initpage()
+				this.gettime()
+				this.appdestory()
+			},
+			destroyed() {
+				clearInterval(this.sivdestory)
+				clearInterval(this.sivpdf)
+				clearInterval(this.sivtimer)
+			},
+			data:function(){
+				return{
+					systime:"",
+					tabdata:[
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+						],
+					sivtimer:null,//时间计数器
+					sivpdf:null,
+					sivdestory:null
+				}
+			},
+			methods:{
+				// 初始化页面
+				initpage(){
+
+				},
+				/* 展示时间 */
+				gettime(){
+					let that=this
+					let nowtime
+					nowtime=new Date().getTime()
+					that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					this.sivtimer=setInterval(function(){
+						nowtime=new Date().getTime()
+						that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					},20000)
+				},
+				appdestory(){
+					let that=this
+					this.sivdestory=setInterval(function(){
+						if(!$("#kwrkb06").height()){
+							Vkwrkb06.$destroy()
 						}
 					},3000)
 				}
 			}
 		})
-			
 		</script>
 

gavel/src/main/resources/templates/views/kmes/gpwx/index.html

 		<script src="js/pdfshow.js" type="text/javascript" charset="utf-8"></script>
 		<script src="js/dbenlarge.js" type="text/javascript" charset="utf-8"></script>
-		<style type="text/css">
-			*{
-				margin: 0;
-				padding: 0;
-			}
-			#gpwxkb{
-				height: 100%;
-				width: 100%;
-				display: flex;
-				flex-wrap: wrap;
-				justify-content: space-between;
-				align-items:stretch
-			}
-			#gpwxkb div {
-				box-sizing:border-box;
-			}
-			.toptitle{
-				height: 50px;
-				width: 100%;
-				background-color: #00aaff;
-				color: #FFFFFF;text-align: center;line-height: 50px;
-			}
-			.left{
-				height: calc(100% - 60px);
-				width: 40%;
-			}
-			.right{
-				height: calc(100% - 60px);
-				width: calc(60% - 10px);
-				border: #EEEEEE 1px solid;
-			}
-			.rightPdf{
-				height: 100%;
-				width: 100%;
+		<link rel="stylesheet" type="text/css" href="css/wxfk.css"/>
+		<div>
+			<div class="btn-group" >
+			    <button id="btnqh2" type="button" class="btn btn-default" style="color: white;position: absolute;right: 5px;z-index: 9999999999;height: 50px;width: 200px;border: 0 solid #00AAFF;background-color: #00AAFF;">切换风格</button>
+			</div>
+		</div>
+		<script type="text/javascript">
+			$("#btnqh2").click(function(){
+				if($("#kwrkb07").css("display")=="flex"){
+					$("#kwrkb07").css("display","none")
+					$("#kwrkb08").css("display","flex")
+					$("#kwrkb09").css("display","none")
+				}else if($("#kwrkb08").css("display")=="flex"){
+					$("#kwrkb07").css("display","none")
+					$("#kwrkb08").css("display","none")
+					$("#kwrkb09").css("display","flex")
+				}else{
+					$("#kwrkb07").css("display","flex")
+					$("#kwrkb08").css("display","none")
+					$("#kwrkb09").css("display","none")
+				}
 				
-			}
-			.cbinfor{
-				width: 100%;
-				height: 60%;
-			}
-			.tab{
-				width: 100%;
-				height: 40%;
-				padding-top: 10px;
-			}
-			.cpif{
-				width: 100%;
-				height: 40%;
-				border: 1px solid #EEEEEE;
-			}
-			.cprz{
-				width: 100%;
-				height: 60%;
-				border: 1px solid #EEEEEE;
-			}
-			.cpiftop{
-				width: 100%;
-				height: 40px;
-				border-bottom: 1px solid #EEEEEE;
-				line-height: 40px;
-				display: flex;
-				justify-content: center;
-			}
-			.cpifbot{
-				height: calc(100% - 40px);
-			}
-			.ery{
-				width: 50%;
-				height: 50%;
-				display: flex;
-				align-items: center;
-			}
-			.ery span {
-				padding-left: 20px;
-				display: inline-block;
-				width: 70px;
-			}
-			.tipul>li{
-				width: 150px;
-				padding-left: 20px;
-				float: left;
-				line-height: 50px;
-			}
-			.tipuli2{
-				float: right!important;
-			}
-			.maintab{
-				height: 100%;
-				width: 100%;
-				overflow: auto;
-				border: 0.5px solid #EEEEEE;
-			}
-			.showtab{
-				height: 100%;
-				width: 100%;
-			}
-			.easyuitext{
-				height: 30px;
-				border: 0.5px solid #D3D3D3;
-			}
-			.wid70{
-				width: 70%;
-			}
-			.cardList-wrapper .card-item:nth-child(1){background:-webkit-gradient(linear, left top, right top, from(#5171fd), to(#c97afd));background:linear-gradient(90deg, #5171fd, #c97afd);-webkit-box-shadow:0 5px 10px #c97afd;box-shadow:0 5px 10px #c97afd;}
-			.cardList-wrapper .card-item:nth-child(2){background:-webkit-gradient(linear, left top, right top, from(#3dadf6), to(#737bfc));background:linear-gradient(90deg, #3dadf6, #737bfc);-webkit-box-shadow:0 5px 10px #737bfc;box-shadow:0 5px 10px #737bfc;}
-			.cardList-wrappers {background:-webkit-gradient(linear, left top, right top, from(#ea677c), to(#ef9b5f));background:linear-gradient(90deg, #ea677c, #ef9b5f);-webkit-box-shadow:0 5px 10px #ef9b5f;box-shadow:0 5px 10px #ef9b5f;}
-			.cardList-wrapper .card-item:nth-child(3){background:-webkit-gradient(linear, left top, right top, from(#42d79b), to(#a6e25f));background:linear-gradient(90deg, #42d79b, #a6e25f);-webkit-box-shadow:0 5px 10px #a6e25f;box-shadow:0 5px 10px #a6e25f;}
-		</style>
-		<div id="gpwxkb">
+			})
+		</script>
+		<div id="kwrkb07">
 			<!-- 顶部信息条 -->
 			<div class="toptitle" >
 				<ul class="tipul" style="height: 100%;">
@@ -128,7 +44,7 @@
 					<div class="cpif">
 						<!-- top -->
 						<div class="cpiftop" style="display: flex;align-items: center;">
-								<span>序列号</span>：<input class="easyuitext " style="width: 84%;" v-model="xlh"  @keydown="scanxlh()" name="xlh" placeholder="请扫码条码" />
+								<span>序列号</span>：<input class="easyuitext " style="width: 84%;" v-model="xlh"  @keydown="scanxlh()" name="xlh"  placeholder="请扫码条码" />
 						</div>
 						<!-- bot -->
 						<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
@@ -179,16 +95,176 @@
 			</div>
 			<!-- 右侧信息pdf -->
 			<div class="right">
-				<canvas id="gpwxpdf" class="rightPdf"></canvas>
+				<canvas id="gpjypdf" class="rightPdf"></canvas>
+			</div>
+		</div>
+		<!-- 界面5 -->
+		<div id="kwrkb08">
+			<!-- 顶部信息条 -->
+			<div class="toptitle" >
+				<ul class="tipul" style="height: 100%;">
+					<li>ADMIN</li>
+					<li>系统管理员</li>
+					<li>甲班</li>
+					<li class="tipuli2">{{systime}}</li>
+					<li class="tipuli2" style="margin-right: 200px;">计数:30</li>
+					<li class="tipuli2">当前工序:焊接</li>
+					
+				</ul>
+			</div>
+			<!-- 左侧信息条 -->
+			<div class="left">
+				<!-- 左上信息表 -->
+				<div class="cbinfor">
+					<div class="cpif">
+						<!-- top -->
+						<div class="cpiftop" style="display: flex;align-items: center;">
+								<span>序列号</span>：<input class="easyuitext"  style="width: 80%" name="xlh" />
+						</div>
+						<!-- bot -->
+						<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
+							<div style="display: flex;width: 55%;height: 100%;flex-wrap: wrap;">
+								<div class="ery">
+									<span>工序</span><input class="easyuitext" style="width: 70%" name="gx" />
+								</div>
+								<div class="ery">
+									<span>工单</span><input class="easyuitext" style="width: 70%"  name="gd" />
+								</div>
+								<div class="ery">
+									<span>产品SN</span><input class="easyuitext" style="width: 70%" name="cpsn" />
+								</div>
+								<div class="ery">
+									<span>品号</span><input class="easyuitext" style="width: 70%" name="ph" />
+								</div>
+								<div class="ery">
+									<span>品名</span><input class="easyuitext" style="width: 70%" name="pm" />
+								</div>
+							</div>
+							<div style="display: flex;width: 45%;height: 100%;flex-wrap: wrap;align-items: center;">
+								<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">合格数量:0</span>
+								</div>
+								<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">NG数量:0</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 左下表格 -->
+				<div class="tab">
+					<div class="maintab" style="position: relative;">
+						<div class="cpiright" style="width:160px;height: 160px;padding: 10px;position: absolute;right: 10px;top: 20px;">
+							<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
+								<b>ok</b>
+							</div>
+						</div>
+						<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
+							日志
+							</div>
+						<div style="height: calc(100% - 20px);display: flex;">
+							<div style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;">
+							<span>>>Tips</span>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+			<!-- 右侧信息pdf -->
+			<div class="right">
+				<canvas id="pdf" class="rightPdf"></canvas>
+			</div>
+		</div>
+		<!-- 看板6html -->
+		<div id="kwrkb09">
+			<!-- 顶部信息条 -->
+			<div class="toptitle" >
+				<ul class="tipul" style="height: 100%;">
+					<li>ADMIN</li>
+					<li>系统管理员</li>
+					<li>甲班</li>
+					<li class="tipuli2">{{systime}}</li>
+					<li class="tipuli2" style="margin-right: 200px;">计数:30</li>
+					<li class="tipuli2">当前工序:焊接</li>
+					
+				</ul>
+			</div>
+			<!-- 左侧信息条 -->
+			<div class="left">
+				<!-- 左上信息表 -->
+				<div class="cbinfor">
+					<div class="cpif">
+						<!-- top -->
+						<div class="cpiftop" style="display: flex;align-items: center;">
+								<span>序列号</span>：<input class="easyuitext" style="width: 80%;" name="xlh" />
+						</div>
+						<!-- bot -->
+						<div class="cpifbot" style="display: flex;flex-wrap: wrap;">
+							<div style="display: flex;width: 55%;height: 100%;flex-wrap: wrap;">
+								<div class="ery">
+									<span>工序</span><input class="easyuitext" style="width: 70%;" name="gx" />
+								</div>
+								<div class="ery">
+									<span>工单</span><input  class="easyuitext" style="width: 70%;" name="gd" />
+								</div>
+								<div class="ery">
+									<span>产品SN</span><input  class="easyuitext" style="width: 70%;" name="cpsn" />
+								</div>
+								<div class="ery">
+									<span>品号</span><input  class="easyuitext" style="width: 70%;" name="ph" />
+								</div>
+								<div class="ery">
+									<span>品名</span><input  class="easyuitext" style="width: 70%;" name="pm" />
+								</div>
+							</div>
+							<div style="display: flex;width: 45%;height: 100%;flex-wrap: wrap;align-items: center;">
+								<div style="height: 45%;width: 90%;background-color: #00AAFF;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">合格数量:0</span>
+								</div>
+								<div style="height: 45%;width: 90%;background-color: #FEC041;display: flex;align-items: center;justify-content: center;color: #FFFFFF;">
+									<span style="font-size: 20px;font-weight: 800;">NG数量:0</span>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+				<!-- 左下表格 -->
+				<div class="tab">
+					<div class="maintab" style="position: relative;">
+						<div class="cpiright" style="width:130px;height: 130px;padding: 10px;position: absolute;right: 10px;top: 20px;">
+							<div style="width: 100%;height: 100%;background-color: #1890FF;color: white;display: flex;align-items: center;justify-content: center;font-size: 30px;">
+								<b>ok</b>
+							</div>
+						</div>
+						<div style="height: 20px;line-height: 20px;background-color: grey;color: white;text-align: center;">
+							日志
+							</div>
+						<div style="height: calc(100% - 20px);display: flex;">
+							<div style="width: 100%;height: 100%;background-color: #393456;color: #FFFFFF;">
+							<span>>>Tips</span>
+							</div>
+						</div>
+					</div>
+					<div class="mainsp">
+						<video src="movie.ogg" controls="controls" style="height: 100%;width: 100%;">
+						您的浏览器不支持 video 标签。
+						</video>
+					</div>
+				</div>
+			</div>
+			<!-- 右侧信息pdf -->
+			<div class="right">
+				<canvas id="pdf" class="rightPdf"></canvas>
 			</div>
 		</div>
 		<script type="text/javascript">
-		let Vgpwxkb= new Vue({
-			el:"#gpwxkb",
+		let Vkwrkb07= new Vue({
+			el:"#kwrkb07",
 			mounted() {
-				dbenlarge('gpwxkb',1,this.isFocus)
-				pdfshow("pdf/dcAcess.pdf","gpwxpdf",5000).then(e=>{
+				dbenlarge('kwrkb07',1,this.isFocus())
+				pdfshow("pdf/dcAcess.pdf","gpjypdf",5000).then(e=>{
 					this.sivpdf=e
+					
 				})
 				// this.sivpdf=
 				this.initpage()
@@ -219,7 +295,7 @@
 			},
 			methods:{
 				isFocus(){
-					let $xlh=$("#gpwxkb").find('input[name="xlh"]')
+					let $xlh=$("#kwrkb07").find('input[name="xlh"]')
 					$xlh.focus()
 				},
 				// 扫码事件
@@ -227,9 +303,9 @@
 					var evt = window.event || e;
 					if (evt.keyCode == 13) {
 						console.log(this.xlh)
-						$("#gpwxkb").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
+						$("#kwrkb07").find(".rz").append("<br>>" + "<span>" +"正在查询:"+this.xlh+"</sapn>")
 						this.addtop = this.addtop + 600
-						$("#gpwxkb").find(".rz").scrollTop(this.addtop)
+						$("#kwrkb07").find(".rz").scrollTop(this.addtop)
 						this.xlh=""
 					}
 				},
@@ -251,13 +327,147 @@
 				appdestory(){
 					let that=this
 					this.sivdestory=setInterval(function(){
-						if(!$("#gpwxkb").height()){
-							Vgpwxkb.$destroy()
+						if(!$("#kwrkb07").height()){
+							Vkwrkb07.$destroy()
+						}
+					},3000)
+				}
+			}
+		})
+		/* 界面5vue实例 */	
+		let Vkwrkb08= new Vue({
+			el:"#kwrkb08",
+			mounted() {
+				dbenlarge('kwrkb08')
+				pdfshow("pdf/dcAcess.pdf","pdf",5000).then(e=>{
+					this.sivpdf=e
+					$("#kwrkb08").hide()
+				})
+				// this.sivpdf=
+				this.initpage()
+				this.gettime()
+				this.appdestory()
+			},
+			destroyed() {
+				clearInterval(this.sivdestory)
+				clearInterval(this.sivpdf)
+				clearInterval(this.sivtimer)
+			},
+			data:function(){
+				return{
+					systime:"",
+					tabdata:[
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+						],
+					sivtimer:null,//时间计数器
+					sivpdf:null,
+					sivdestory:null
+				}
+			},
+			methods:{
+				// 初始化页面
+				initpage(){
+				},
+				/* 展示时间 */
+				gettime(){
+					let that=this
+					let nowtime
+					nowtime=new Date().getTime()
+					that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					this.sivtimer=setInterval(function(){
+						nowtime=new Date().getTime()
+						that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					},20000)
+				},
+				appdestory(){
+					let that=this
+					this.sivdestory=setInterval(function(){
+						if(!$("#kwrkb08").height()){
+							Vkwrkb08.$destroy()
+						}
+					},3000)
+				}
+			}
+		})
+		/* 看板6实例 */
+		let Vkwrkb09= new Vue({
+			el:"#kwrkb09",
+			mounted() {
+				dbenlarge('kwrkb09')
+				pdfshow("pdf/dcAcess.pdf","pdf",5000).then(e=>{
+					this.sivpdf=e
+					$("#kwrkb09").hide()
+				})
+				// this.sivpdf=
+				this.initpage()
+				this.gettime()
+				this.appdestory()
+			},
+			destroyed() {
+				clearInterval(this.sivdestory)
+				clearInterval(this.sivpdf)
+				clearInterval(this.sivtimer)
+			},
+			data:function(){
+				return{
+					systime:"",
+					tabdata:[
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+							{ph:10,pm:"GT-RBZ6",ggxh:"RBG-AK",sl:13,zpsl:12},
+						],
+					sivtimer:null,//时间计数器
+					sivpdf:null,
+					sivdestory:null
+				}
+			},
+			methods:{
+				// 初始化页面
+				initpage(){
+
+				},
+				/* 展示时间 */
+				gettime(){
+					let that=this
+					let nowtime
+					nowtime=new Date().getTime()
+					that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					this.sivtimer=setInterval(function(){
+						nowtime=new Date().getTime()
+						that.systime=new Date(nowtime).Format("yyyy-MM-dd hh:mm")
+					},20000)
+				},
+				appdestory(){
+					let that=this
+					this.sivdestory=setInterval(function(){
+						if(!$("#kwrkb09").height()){
+							Vkwrkb09.$destroy()
 						}
 					},3000)
 				}
 			}
 		})
-			
 		</script>