| | |
|---|
| | | 2025-06-13-v001 |
|---|
| | | 2025-07-07-v001 |
|---|
| | | type=1 |
|---|
| | | IGD5300 |
|---|
| | |
|---|
| | | #!/bin/sh |
|---|
| | | # 端å£é
ç½®-ä¿å |
|---|
| | | # å¼é¨ |
|---|
| | | # |
|---|
| | | echo -en "Content-type: text/html; charset=utf-8\n\n" |
|---|
| | | #***************************************************** |
|---|
| | |
|---|
| | | echo "{\"code\": \"error\"}" |
|---|
| | | fi |
|---|
| | | |
|---|
| | | #/usr/local/script/set_net |
|---|
| | | #echo "QUERY_STRING: '$REQUEST_METHOD' " > ./log |
|---|
| | | #echo $content >> log |
|---|
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html lang="zh-CN">
|
|---|
| | | <html lang="zh-cn">
|
|---|
| | | <head>
|
|---|
| | | <meta charset="UTF-8">
|
|---|
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|---|
| | | <meta name="renderer" content="webkit">
|
|---|
| | | <title>Flip Card Clock</title>
|
|---|
| | |
|
|---|
| | | <link rel="stylesheet" href="style.css">
|
|---|
| | | <style>
|
|---|
| | |
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | |
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <script src="script.js"></script>
|
|---|
| | | <script inline="javascript">
|
|---|
| | | if(screen.width == 1280){
|
|---|
| | | var clock = document.getElementsByClassName("clock");
|
|---|
| | | for(var i=0;i<clock.length;i++){
|
|---|
| | | clock[i].style.marginTop = "28px";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | var divider = document.getElementsByClassName("divider");
|
|---|
| | | for(var i=0;i<divider.length;i++){
|
|---|
| | | divider[i].style.fontSize = "24px";
|
|---|
| | | divider[i].style.lineHeight = "35px";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | var flip = document.getElementsByClassName("flip");
|
|---|
| | | for(var i=0;i<flip.length;i++){
|
|---|
| | | flip[i].style.width = "24px";
|
|---|
| | | flip[i].style.height = "35px";
|
|---|
| | | flip[i].style.position = "relative";
|
|---|
| | | flip[i].style.fontSize = "24px";
|
|---|
| | | flip[i].style.lineHeight = "35px";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | | </body>
|
|---|
| | | </html> |
|---|
| | |
|---|
| | | -webkit-transform: rotateX(0);
|
|---|
| | | transform: rotateX(0);
|
|---|
| | | }
|
|---|
| | | } |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (min-width:1275px) {
|
|---|
| | | .clock{
|
|---|
| | | margin-top: 28px;
|
|---|
| | | }
|
|---|
| | | .clock .divider {
|
|---|
| | | font-size: 24px;
|
|---|
| | | line-height: 35px;
|
|---|
| | | }
|
|---|
| | | .clock .flip{
|
|---|
| | | width: 24px;
|
|---|
| | | height: 35px;
|
|---|
| | | font-size: 24px;
|
|---|
| | | position: relative;
|
|---|
| | | line-height: 35px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | width: 100%;
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | background: #2f3740;
|
|---|
| | |
|---|
| | | font-size: 14px;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .battery img{
|
|---|
| | | width: 100%;
|
|---|
| | | height: 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 360px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .battery .battery-text {
|
|---|
| | | font-size: 10px;
|
|---|
| | | }
|
|---|
| | | .battery .battery-info {
|
|---|
| | | line-height: 14px;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 24%;
|
|---|
| | | left: 20%;
|
|---|
| | | }
|
|---|
| | | .scroll {
|
|---|
| | | height: 360px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .jmkt-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 360px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .scroll {
|
|---|
| | | height: 360px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .jmkt-pic-hfwd {
|
|---|
| | | font-size: 10px;
|
|---|
| | | }
|
|---|
| | | .jmkt-pic-sfwd {
|
|---|
| | | font-size: 10px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left,.pdgxq-m1-right {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | |
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .table-tbody {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left,.pdgxq-m1-right {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | } |
|---|
| | |
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | |
|---|
| | | border-radius: 8px;
|
|---|
| | | -webkit-box-sizing: border-box;
|
|---|
| | | }
|
|---|
| | | .lsyq-item div {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 216px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .popBox {
|
|---|
| | | display: none;
|
|---|
| | |
|---|
| | | .table-tbody {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 360px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .battery .battery-text {
|
|---|
| | | font-size: 10px;
|
|---|
| | | }
|
|---|
| | | .battery .battery-info {
|
|---|
| | | line-height: 14px;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 24%;
|
|---|
| | | left: 20%;
|
|---|
| | | }
|
|---|
| | | .scroll {
|
|---|
| | | height: 360px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .lsyq-item {
|
|---|
| | | height: 176px;
|
|---|
| | | }
|
|---|
| | | .lsyq-item div {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 176px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | background: #2f3740;
|
|---|
| | |
|---|
| | |
|
|---|
| | | .popClose-btn{
|
|---|
| | | background: #607182;
|
|---|
| | | } |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | width: 100%;
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | |
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .table-tbody {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | } |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .jmkt-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 360px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .battery .battery-text {
|
|---|
| | | font-size: 10px;
|
|---|
| | | }
|
|---|
| | | .battery .battery-info {
|
|---|
| | | line-height: 14px;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 24%;
|
|---|
| | | left: 20%;
|
|---|
| | | }
|
|---|
| | | .scroll {
|
|---|
| | | height: 360px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | |
|
|---|
| | | .sp-showItem {
|
|---|
| | | text-align: center;
|
|---|
| | | line-height: 316px;
|
|---|
| | | height: 316px;
|
|---|
| | | /*line-height: 316px;*/
|
|---|
| | | /*height: 316px;*/
|
|---|
| | | line-height: 210px;
|
|---|
| | | height: 210px;
|
|---|
| | | background: #262c33;
|
|---|
| | | margin: 2px;
|
|---|
| | | -webkit-border-radius: 8px;
|
|---|
| | |
|---|
| | | -webkit-border-radius: 2px;
|
|---|
| | | border-radius: 2px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 1024px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1040px;
|
|---|
| | | }
|
|---|
| | | .jmkt-main {
|
|---|
| | | overflow: hidden;
|
|---|
| | | padding: 0 5px;
|
|---|
| | | margin-top: 20px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .layui-col-space20>* {
|
|---|
| | | padding: 5px;
|
|---|
| | | }
|
|---|
| | | .sp-cz-wrap {
|
|---|
| | | width: 250px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | margin: 20px auto;
|
|---|
| | | }
|
|---|
| | | .sp-cz-box {
|
|---|
| | | overflow: hidden;
|
|---|
| | | width: 270px;
|
|---|
| | | height: 270px;
|
|---|
| | | }
|
|---|
| | | .sp-cz-l1,.sp-cz-l2,.sp-cz-l3,.sp-cz-l4,.sp-cz-l5,
|
|---|
| | | .sp-cz-l6,.sp-cz-l7,.sp-cz-l8,.sp-cz-l9{
|
|---|
| | | width: 80px;
|
|---|
| | | height: 80px;
|
|---|
| | | border-top-left-radius: 8px;
|
|---|
| | | }
|
|---|
| | | .sp-cz-box ul li a img {
|
|---|
| | | width: 28px;
|
|---|
| | | height: 28px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .sp-bianbei {
|
|---|
| | | height: 50px;
|
|---|
| | | background: #262c33;
|
|---|
| | | width: 250px;
|
|---|
| | | -webkit-border-radius: 30px;
|
|---|
| | | border-radius: 30px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | margin: 20px 2px 0 2px;
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .jmkt-main {
|
|---|
| | | overflow: hidden;
|
|---|
| | | padding: 0 5px;
|
|---|
| | | margin-top: 20px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .layui-col-space20>* {
|
|---|
| | | padding: 5px;
|
|---|
| | | }
|
|---|
| | | .sp-cz-wrap {
|
|---|
| | | width: 250px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | margin: 20px auto;
|
|---|
| | | }
|
|---|
| | | .sp-cz-box {
|
|---|
| | | overflow: hidden;
|
|---|
| | | width: 270px;
|
|---|
| | | height: 270px;
|
|---|
| | | }
|
|---|
| | | .sp-cz-l1,.sp-cz-l2,.sp-cz-l3,.sp-cz-l4,.sp-cz-l5,
|
|---|
| | | .sp-cz-l6,.sp-cz-l7,.sp-cz-l8,.sp-cz-l9{
|
|---|
| | | width: 80px;
|
|---|
| | | height: 80px;
|
|---|
| | | border-top-left-radius: 8px;
|
|---|
| | | }
|
|---|
| | | .sp-cz-box ul li a img {
|
|---|
| | | width: 28px;
|
|---|
| | | height: 28px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .sp-bianbei {
|
|---|
| | | height: 50px;
|
|---|
| | | background: #262c33;
|
|---|
| | | width: 250px;
|
|---|
| | | -webkit-border-radius: 30px;
|
|---|
| | | border-radius: 30px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | margin: 20px 2px 0 2px;
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | | .sp-boxWrap, .sp-box {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .sp-showBox {
|
|---|
| | | display: none;
|
|---|
| | | margin: 15px 20px 20px 20px;
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .sp-showItem2 {
|
|---|
| | | text-align: center;
|
|---|
| | | line-height: 540px;
|
|---|
| | | height: 540px;
|
|---|
| | | background: #262c33;
|
|---|
| | | -webkit-border-radius: 8px;
|
|---|
| | | border-radius: 8px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | @charset "utf-8";
|
|---|
| | |
|
|---|
| | | /*-----------------
|
|---|
| | | Author:xxxx
|
|---|
| | | update:2020
|
|---|
| | | -------------------*/
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @font-face {
|
|---|
| | | font-family: DINCond-Bold;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | body {
|
|---|
| | | font-family: "微软é
é»", Arial, sans-serif;
|
|---|
| | | font-size: 14px;
|
|---|
| | | background: #282e35;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | i, em {
|
|---|
| | | font-style: normal;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | a {
|
|---|
| | | text-decoration: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .fl {
|
|---|
| | | float: left;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .fr {
|
|---|
| | | float: right;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .i-container {
|
|---|
| | | width: 100%;
|
|---|
| | | min-width: 1290px;
|
|---|
| | | margin-left: auto;
|
|---|
| | | margin-right: auto;
|
|---|
| | | overflow: hidden;
|
|---|
| | | background: url(../../images/b-bg.jpg) center no-repeat;
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .jmkt-main {
|
|---|
| | | overflow: hidden;
|
|---|
| | | padding: 0 20px;
|
|---|
| | | margin-top: 20px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .mj-item {
|
|---|
| | | position: relative;
|
|---|
| | | height: 1000px;
|
|---|
| | | margin: 15px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | -webkit-border-radius: 8px;
|
|---|
| | | border-radius: 8px;
|
|---|
| | | -webkit-box-sizing: border-box;
|
|---|
| | | box-sizing: border-box;
|
|---|
| | | padding: 10px 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .mj-item1 {
|
|---|
| | | background-color: rgba(33, 185, 255,0.1);
|
|---|
| | | /*background: url(../../images/wsd-bg1.png) center no-repeat;*/
|
|---|
| | | /*background-size: 100% 100%;*/
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mj-item2 {
|
|---|
| | | background-color: rgba(33, 185, 255,0.1);
|
|---|
| | | /*background: url(../../images/wsd-bg2.png) center no-repeat;*/
|
|---|
| | | /*background-size: 100% 100%;*/
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mj-item-img {
|
|---|
| | | max-width: 320px;
|
|---|
| | | max-height: 320px;
|
|---|
| | | width: 80%;
|
|---|
| | | position: absolute;
|
|---|
| | | z-index: 2;
|
|---|
| | | left: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .mj-itemCon {
|
|---|
| | | position: absolute;
|
|---|
| | | left: 0;
|
|---|
| | | top: 0;
|
|---|
| | | right: 0;
|
|---|
| | | bottom: 0;
|
|---|
| | | z-index: 5;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mj-itemCon h4 {
|
|---|
| | | line-height: 30px;
|
|---|
| | | font-size: 80px;
|
|---|
| | | color: #fff;
|
|---|
| | | font-weight: bold;
|
|---|
| | | padding: 0 25px;
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mj-itemCon h4 span {
|
|---|
| | | color: #3edcff;
|
|---|
| | | font-size: 24px;
|
|---|
| | | font-weight: normal;
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mj-itemCon p {
|
|---|
| | | line-height: 1;
|
|---|
| | | font-size: 210px;
|
|---|
| | | margin-top: 10px;
|
|---|
| | | color: #3edcff;
|
|---|
| | | padding-right: 25px;
|
|---|
| | |
|
|---|
| | | font-weight: bold;
|
|---|
| | | font-family: DINCond-Bold;
|
|---|
| | | position: absolute;
|
|---|
| | | top: 10%;
|
|---|
| | | width: 100%;
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .mj-itemCon p i {
|
|---|
| | | font-size: 120px;
|
|---|
| | | font-family: arial;
|
|---|
| | | font-weight: normal;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .wsd-icon .dz {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 40%;
|
|---|
| | | left: 15%;
|
|---|
| | | width: 640px;
|
|---|
| | | height: 640px;
|
|---|
| | | z-index: 2;
|
|---|
| | | }
|
|---|
| | | .wsd-icon .icn {
|
|---|
| | | position: absolute;
|
|---|
| | | top: 38%;
|
|---|
| | | left: 32%;
|
|---|
| | | width: 360px;
|
|---|
| | | height: 360px;
|
|---|
| | | z-index: 3;
|
|---|
| | | -webkit-animation: bounce-down 8s linear infinite;
|
|---|
| | | -moz-animation: bounce-down 8s linear infinite;
|
|---|
| | | -o-animation: bounce-down 8s linear infinite;
|
|---|
| | | animation: bounce-down 8s linear infinite;
|
|---|
| | | }
|
|---|
| | | @keyframes bounce-down {
|
|---|
| | | 25% {
|
|---|
| | | transform: translateY(-50px)
|
|---|
| | | }
|
|---|
| | | 100%,
|
|---|
| | | 50% {
|
|---|
| | | transform: translateY(0)
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | 75% {
|
|---|
| | | transform: translateY(50px)
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 440px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | | .mj-item {
|
|---|
| | | margin: 5px;
|
|---|
| | | height: 340px;
|
|---|
| | | padding: 0px 0px;
|
|---|
| | | }
|
|---|
| | | .mj-itemCon p {
|
|---|
| | | font-size: 60px;
|
|---|
| | | }
|
|---|
| | | .mj-itemCon p i {
|
|---|
| | | font-size: 60px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .wsd-icon{
|
|---|
| | | margin-top: 0px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box {
|
|---|
| | | background: #2f3740;
|
|---|
| | |
|---|
| | | .wsd-icon img {
|
|---|
| | | width: 140px;
|
|---|
| | | height: 140px;
|
|---|
| | | } |
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 440px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | | .mj-item {
|
|---|
| | | margin: 5px;
|
|---|
| | | height: 340px;
|
|---|
| | | padding: 0px 0px;
|
|---|
| | | }
|
|---|
| | | .mj-itemCon p {
|
|---|
| | | font-size: 60px;
|
|---|
| | | }
|
|---|
| | | .mj-itemCon p i {
|
|---|
| | | font-size: 60px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .wsd-icon{
|
|---|
| | | margin-top: 0px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | .pdgxq-m1-box{
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-left{
|
|---|
| | | height: 730px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right{
|
|---|
| | | height: 540px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-box{
|
|---|
| | |
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-group {
|
|---|
| | | overflow: hidden;
|
|---|
| | | height: 48px;
|
|---|
| | | width: 325px;
|
|---|
| | | margin: 22px 20px 0 20px;
|
|---|
| | | background-image: url(../../images/jmkt-chuli.png);
|
|---|
| | | background-size: 100% 100%;
|
|---|
| | | }
|
|---|
| | | .jmkt-chuli {
|
|---|
| | | padding: 0 7px 0 15px;
|
|---|
| | | }
|
|---|
| | | .jmkt-yichuli {
|
|---|
| | | padding: 0 5px 0 37px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-group-item {
|
|---|
| | | width: 120px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box {
|
|---|
| | | margin: 25px 4px 20px 4px;
|
|---|
| | | height: 440px;
|
|---|
| | | overflow: hidden;
|
|---|
| | | position: relative;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .pdgxq-m1-left {
|
|---|
| | | height: 650px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1-right {
|
|---|
| | | height: 460px;
|
|---|
| | | }
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 420px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .scroll {
|
|---|
| | | height: 360px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .lsyq-item {
|
|---|
| | | height: 160px;
|
|---|
| | | }
|
|---|
| | | .lsyq-group {
|
|---|
| | | height: 110px;
|
|---|
| | | margin-top: 0px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 510px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .scroll {
|
|---|
| | | height: 320px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .ff {
|
|---|
| | | height: 320px;
|
|---|
| | | }
|
|---|
| | | .pop-item .layui-input-block {
|
|---|
| | | margin-left: 75px;
|
|---|
| | | width: 180px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | max-width: 90%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .login-tit p{
|
|---|
| | | color:#ffffff;
|
|---|
| | | font-size: 60px;
|
|---|
| | | padding-top: 30px;
|
|---|
| | | letter-spacing: 20px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .login2-ewm{
|
|---|
| | | text-align: right;
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .login-tit p{
|
|---|
| | | color:#ffffff;
|
|---|
| | | font-size: 50px;
|
|---|
| | | padding-top: 30px;
|
|---|
| | | letter-spacing: 20px;
|
|---|
| | | }
|
|---|
| | | .login-box {
|
|---|
| | | width: 330px;
|
|---|
| | | height: 440px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | .layui-tab-content .layui-tab-item{
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | .layui-tab-content .layui-tab-item {
|
|---|
| | | height: 580px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | padding: 0 10px;
|
|---|
| | | margin-top: 5px;
|
|---|
| | | }
|
|---|
| | | .popCon-div{
|
|---|
| | | height: 455px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .popCon .popTable{
|
|---|
| | | padding: 0 40px;
|
|---|
| | |
|---|
| | | .popCon .table-tbody {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .table-tbody{
|
|---|
| | | height: 540px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .table-tbody::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .table-tbody {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .table-tbody {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .layui-col-md4 {
|
|---|
| | | margin-top: 3px;
|
|---|
| | | width: 50%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .layui-form-label {
|
|---|
| | | padding: 9px 0px 9px 0px;
|
|---|
| | | color: #ffffff;
|
|---|
| | | font-size: 16px;
|
|---|
| | | }
|
|---|
| | | .layui-input-block {
|
|---|
| | | margin-left: 80px;
|
|---|
| | | min-height: 36px;
|
|---|
| | | }
|
|---|
| | | .layui-inline{
|
|---|
| | | margin: 3px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1080px) and (max-height: 1920px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 845px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | .layui-col-md4{
|
|---|
| | | float: left;
|
|---|
| | | width: 50%;
|
|---|
| | | }
|
|---|
| | | .layui-form-label {
|
|---|
| | | padding: 9px 0px 9px 0px;
|
|---|
| | | color: #ffffff;
|
|---|
| | | font-size: 16px;
|
|---|
| | | }
|
|---|
| | | .layui-input-block {
|
|---|
| | | margin-left: 80px;
|
|---|
| | | min-height: 36px;
|
|---|
| | | }
|
|---|
| | | .layui-inline{
|
|---|
| | | margin: 3px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | #recordList{
|
|---|
| | | height: 1430px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | #recordList tr{
|
|---|
| | | height: 142px;
|
|---|
| | | }
|
|---|
| | | #recordList tr td{
|
|---|
| | | height: 140px;
|
|---|
| | | overflow-wrap: break-word; /* å
¼å®¹æ§è¾å¥½ï¼æ¨èä½¿ç¨ */
|
|---|
| | | word-wrap: break-word; /* æ§çæµè§å¨æ¯æ */
|
|---|
| | | white-space: normal; /* å
许ææ¬æ¢è¡ */
|
|---|
| | | overflow-y: auto;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | .popCon-div{
|
|---|
| | | height: 855px;
|
|---|
| | | }
|
|---|
| | | /*å³ä¾§çæ§å±æ§å表ä¸æ*/
|
|---|
| | | /*table 纵åæ»å¨æ¾ç¤ºå¹¶éèæ»å¨æ¡*/
|
|---|
| | | .popCon .table-tbody {
|
|---|
| | | height: 800px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .div-body {
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /*åè¦çæ§*/
|
|---|
| | | #databoardWarnView{width: 100%; height:120px; margin-top: 15px;}
|
|---|
| | | #databoardWarnTrend{width: 100%; height:140px; margin-top: 10px;}
|
|---|
| | |
|---|
| | | border: 1px solid rgba(187, 187, 187, 0.3);
|
|---|
| | | color: #ffffff;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 95px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 500px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | border-width: 0;
|
|---|
| | | color: #ffffff;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box{
|
|---|
| | | margin: 1px 5px 5px 5px;
|
|---|
| | | height: 680px;
|
|---|
| | | }
|
|---|
| | | .lsyq-item4{
|
|---|
| | | height: 360px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 95px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody {
|
|---|
| | | height: 500px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1, .pdgxq-m1-box {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 580px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box {
|
|---|
| | | margin: 1px 5px 5px 5px;
|
|---|
| | | height: 560px;
|
|---|
| | | }
|
|---|
| | | .lsyq-item4{
|
|---|
| | | height: 440px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|---|
| | | height: 34px;
|
|---|
| | | padding: 0;
|
|---|
| | | }
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | .pdgxq-m1, .pdgxq-m1-box {
|
|---|
| | | width: 100%;
|
|---|
| | | height: 640px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | height: 700px;
|
|---|
| | | padding: 0px;
|
|---|
| | | }
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | #record-info .popCon{
|
|---|
| | | height: 500px;
|
|---|
| | | padding: 0px;
|
|---|
| | | }
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .img-main{
|
|---|
| | | height: 450px;
|
|---|
| | | text-align: center;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|---|
| | | background: #607182;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody{
|
|---|
| | | height: 540px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .table-tbody::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .table-tbody {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .table-tbody {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 1045px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | .layui-col-md4 {
|
|---|
| | | margin-top: 3px;
|
|---|
| | | width: 50%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .layui-form-label {
|
|---|
| | | padding: 9px 0px 9px 0px;
|
|---|
| | | color: #ffffff;
|
|---|
| | | font-size: 16px;
|
|---|
| | | }
|
|---|
| | | .layui-input-block {
|
|---|
| | | margin-left: 80px;
|
|---|
| | | min-height: 36px;
|
|---|
| | | }
|
|---|
| | | .layui-inline{
|
|---|
| | | margin: 3px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody{
|
|---|
| | | height: 380px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @media only screen and (max-width:1080px) and (min-width: 1750px){
|
|---|
| | | .i-container {
|
|---|
| | | min-width: 845px;
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | .layui-col-md4{
|
|---|
| | | float: left;
|
|---|
| | | width: 50%;
|
|---|
| | | }
|
|---|
| | | .layui-form-label {
|
|---|
| | | padding: 9px 0px 9px 0px;
|
|---|
| | | color: #ffffff;
|
|---|
| | | font-size: 16px;
|
|---|
| | | }
|
|---|
| | | .layui-input-block {
|
|---|
| | | margin-left: 80px;
|
|---|
| | | min-height: 36px;
|
|---|
| | | }
|
|---|
| | | .layui-inline{
|
|---|
| | | margin: 3px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .table-tbody{
|
|---|
| | | height: 1430px;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | | .table-tbody tr{
|
|---|
| | | height: 142px;
|
|---|
| | | }
|
|---|
| | | .table-tbody tr td{
|
|---|
| | | height: 140px;
|
|---|
| | | overflow-wrap: break-word; /* å
¼å®¹æ§è¾å¥½ï¼æ¨èä½¿ç¨ */
|
|---|
| | | word-wrap: break-word; /* æ§çæµè§å¨æ¯æ */
|
|---|
| | | white-space: normal; /* å
许ææ¬æ¢è¡ */
|
|---|
| | | overflow-y: auto;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .pop-item{
|
|---|
| | | width: 100%;
|
|---|
| | | float: left;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg6 layui-col-md6">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="lsyg-jkxx-box">
|
|---|
| | |
|
|---|
| | | <div class="layui-row scroll" id="deviceList">
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>é²é·</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon5.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <h4>é²é·</h4>
|
|---|
| | | <div class="lsyq-group layui-row">
|
|---|
| | | <div class="lsyq-icon layui-col-lg6 layui-col-md6">
|
|---|
| | | <img src="./images/lsyg-icon5.png"/>
|
|---|
| | | </div>
|
|---|
| | | <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">
|
|---|
| | | <a href="#">é讯</a>
|
|---|
| | | <a href="#">æ£å¸¸</a>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--lsyg-jkxx-box end-->
|
|---|
| | |
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">æ¶é²è®¾å¤çæ§</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none;">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone">
|
|---|
| | | <div class="pdgxq-phone" style="display: none;">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | | <p id="opPhone"></p>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="lsyg-jkxx-box">
|
|---|
| | |
|
|---|
| | | <div class="layui-row scroll" id="deviceList">
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>红å¤</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon3.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>红å¤</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon3.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>红å¤</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon3.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>红å¤</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon3h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>红å¤</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon3h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>红å¤</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon3h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <h4>红å¤</h4>
|
|---|
| | | <div class="lsyq-group layui-row">
|
|---|
| | | <div class="lsyq-icon layui-col-lg6 layui-col-md6">
|
|---|
| | | <img src="./images/lsyg-icon3.png"/>
|
|---|
| | | </div>
|
|---|
| | | <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">
|
|---|
| | | <a href="#">é讯</a>
|
|---|
| | | <a href="#">æ£å¸¸</a>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--lsyg-jkxx-box end-->
|
|---|
| | |
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">红å¤è®¾å¤çæ§</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none;">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone">
|
|---|
| | | <div class="pdgxq-phone" style="display: none;">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | | <p id="opPhone"></p>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | <div id="open" class="jmkt-tit-more" style="display: none;" onclick="sendAction('9',this.id);">
|
|---|
| | |
|---|
| | |
|
|---|
| | | function renderValue(type,item) {
|
|---|
| | | var result = item.value;
|
|---|
| | | // if(type == "2002" || type == "2020" || type == "2022"){
|
|---|
| | | // if(item.passcode >= 8 && item.passcode <= 998){
|
|---|
| | | // result = (item.value=="0"?"æ£å¸¸":"åè¦");
|
|---|
| | | // if(item.passcode == 16){
|
|---|
| | | // if(item.value=="0"){
|
|---|
| | | // result = "éé£";
|
|---|
| | | // }
|
|---|
| | | // if(item.value=="1"){
|
|---|
| | | // result = "å¶ç";
|
|---|
| | | // }
|
|---|
| | | // if(item.value=="2"){
|
|---|
| | | // result = "å¶å·";
|
|---|
| | | // }
|
|---|
| | | // // result = (item.value=="0"?"å
³é":"å¼å¯");
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | |
|
|---|
| | | var str = "";
|
|---|
| | | if(item.note && item.note.length > 0){
|
|---|
| | |
|---|
| | | function sendAction(passcode,valId) {
|
|---|
| | | var passcode = passcode;
|
|---|
| | | var value = $("#"+valId).val();
|
|---|
| | |
|
|---|
| | | if(valId == "stop"){
|
|---|
| | | /*
|
|---|
| | | if(valId == "stop")
|
|---|
| | | {
|
|---|
| | | passcode = "10";
|
|---|
| | | value = "1";
|
|---|
| | | }else if(valId == "open"){
|
|---|
| | | }else if(valId == "open")
|
|---|
| | | {
|
|---|
| | | passcode = "9";
|
|---|
| | | value = "1";
|
|---|
| | | }else{
|
|---|
| | | if(passcode == "9"){
|
|---|
| | | if(value == "-1"){
|
|---|
| | | }
|
|---|
| | | else
|
|---|
| | | {
|
|---|
| | | if(passcode == "9")
|
|---|
| | | {
|
|---|
| | | if(value == "-1")
|
|---|
| | | {
|
|---|
| | | layer.msg("å¼-å
³æºå½ä»¤ï¼è¯·éæ©è¦åéçå½ä»¤ï¼");
|
|---|
| | | return ;
|
|---|
| | | }else if(value == "0"){
|
|---|
| | | }
|
|---|
| | | else if(value == "0")
|
|---|
| | | {
|
|---|
| | | passcode = "12";
|
|---|
| | | }else if(value == "1"){
|
|---|
| | | }
|
|---|
| | | else if(value == "1")
|
|---|
| | | {
|
|---|
| | | passcode = "13";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | */
|
|---|
| | | var address = deviceInfo.address;
|
|---|
| | | var param = {"id": id,"address": address,"passcode": passcode,"value":value};
|
|---|
| | | // console.log(param);
|
|---|
| | |
|---|
| | | <div class="pop-item pop-item-all">
|
|---|
| | | <div class="layui-form-item" style="text-align: center;">
|
|---|
| | | <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
|
|---|
| | | onclick="sendAction('9','runStatus1');" style="width: 20%;font-size: 18px;">ç¡®å®</button>
|
|---|
| | | onclick="sendAction('101','runStatus1');" style="width: 20%;font-size: 18px;">ç¡®å®</button>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div><!--pop-group end-->
|
|---|
| | |
|---|
| | | <div class="pop-item pop-item-all">
|
|---|
| | | <div class="layui-form-item" style="text-align: center;">
|
|---|
| | | <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
|
|---|
| | | onclick="sendAction('11','setTem1');" style="width: 20%;font-size: 18px;">ç¡®å®</button>
|
|---|
| | | onclick="sendAction('102','setTem1');" style="width: 20%;font-size: 18px;">ç¡®å®</button>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div><!--pop-group end-->
|
|---|
| | |
|---|
| | | <div class="pop-item pop-item-all">
|
|---|
| | | <div class="layui-form-item" style="text-align: center;">
|
|---|
| | | <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
|
|---|
| | | onclick="sendAction('13','setHum1');" style="width: 20%;font-size: 18px;">ç¡®å®</button>
|
|---|
| | | onclick="sendAction('106','setHum1');" style="width: 20%;font-size: 18px;">ç¡®å®</button>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div><!--pop-group end-->
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="lsyg-jkxx-box">
|
|---|
| | |
|
|---|
| | | <div class="layui-row scroll" id="deviceList">
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <h4>æ¼æ°´</h4>
|
|---|
| | | <div class="lsyq-group layui-row">
|
|---|
| | | <div class="lsyq-icon layui-col-lg6 layui-col-md6">
|
|---|
| | | <img src="./images/lsyg-icon2.png"/>
|
|---|
| | | </div>
|
|---|
| | | <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">
|
|---|
| | | <a href="#">é讯</a>
|
|---|
| | | <a href="#">æ£å¸¸</a>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--lsyg-jkxx-box end-->
|
|---|
| | |
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">æ¼æ°´è®¾å¤çæ§</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone" style="display: none">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <div class="layui-col-lg7 layui-col-md7">
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å¼é¨è®°å½</h3>
|
|---|
| | | <div id="open" class="jmkt-tit-more" onclick="sendAction();">
|
|---|
| | | <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"
|
|---|
| | | style="background-color: #46b8da;color: #ffffff;">å¼é¨</button>
|
|---|
| | | </div>
|
|---|
| | | <!-- <div id="open" class="jmkt-tit-more" onclick="sendAction();">-->
|
|---|
| | | <!-- <button type="button" class="layui-btn layui-btn-normal pop-complete-btn"-->
|
|---|
| | | <!-- style="background-color: #46b8da;color: #ffffff;">å¼é¨</button>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-group clearfix" style="">
|
|---|
| | | <div class="pdgxq-group clearfix">
|
|---|
| | | <div class="pdgxq-group-item jmkt-chuli">
|
|---|
| | | <span id="warnState">å
³é¨</span>åè¦ç¶æ
|
|---|
| | | <span id="warnState">æ </span>è¦åç¶æ
|
|---|
| | | </div>
|
|---|
| | | <div class="pdgxq-group-item jmkt-yichuli">
|
|---|
| | | <span id="conState">æ£å¸¸</span>é讯ç¶æ
|
|---|
| | |
|---|
| | | </div><!--pdgxq-m1 end-->
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | </div> <!--i-container end-->
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | $("#deviceName").html(device.name);
|
|---|
| | | $("#deviceVld").html(device.vld==0?'æ¿æ´»':'åç¨');
|
|---|
| | | queryRecord(deviceId);
|
|---|
| | | setInterval(function () {
|
|---|
| | | // queryRecord(deviceId);
|
|---|
| | | queryData(deviceId);
|
|---|
| | | },5000);
|
|---|
| | | //setInterval(function () {
|
|---|
| | | // queryRecord(deviceId);
|
|---|
| | | // // queryData(deviceId);
|
|---|
| | | //},5000);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | function queryData(deviceId) {
|
|---|
| | | function queryData(deviceId,device) {
|
|---|
| | | console.log("======é¨ç¦é¡µé¢-æ¥è¯¢å®æ¶======");
|
|---|
| | | var data = {id: deviceId};
|
|---|
| | | $.post("./cgi-bin/detail/query-data", JSON.stringify(data), function (data, status) {
|
|---|
| | | if ("success" == status) {
|
|---|
| | | console.log('---------è·åå°ç设å¤å®æ¶æ°æ®-----' + data);
|
|---|
| | | renderInfo(data);
|
|---|
| | | renderInfo(data,device);
|
|---|
| | | } else {
|
|---|
| | | console.log("æ°æ®æ¥è¯¢åºéï¼è¯·éæ°æä½ï¼");
|
|---|
| | | window.parent.notify("æ°æ®æ¥è¯¢åºéï¼è¯·éæ°æä½ï¼");
|
|---|
| | |
|---|
| | | };
|
|---|
| | |
|
|---|
| | | //å¼å§æ¸²æå®æ¶æ°æ®
|
|---|
| | | function renderInfo(deviceData) {
|
|---|
| | | function renderInfo(deviceData, device) {
|
|---|
| | | console.log("--------渲æå®æ¶æ°æ®-------é¨ç¦id="+device.id);
|
|---|
| | | console.log(deviceData);
|
|---|
| | | //设å¤åºæ¬ä¿¡æ¯
|
|---|
| | | $("#deviceName").html(device.name);
|
|---|
| | | $("#deviceVld").html(device.vld==0?'æ¿æ´»':'åç¨');
|
|---|
| | |
|
|---|
| | | //çæ§å±æ§å®æ¶æ°æ®æ¸²æ
|
|---|
| | | var list = deviceData.value;
|
|---|
| | | if(list !=null && list.length>0){
|
|---|
| | | $.each(list,function(index,item) {
|
|---|
| | | //é讯ç¶æ
|
|---|
| | | if (item.passcode == 1) {
|
|---|
| | | $("#conState").html(item.value == 0 ? "æ£å¸¸" : "é讯å¼å¸¸");
|
|---|
| | | $("#warnState").html(item.value == 0 ? "æ£å¸¸" : "é讯å¼å¸¸");
|
|---|
| | | $("#conState").html(item.value == 0 ? "æ£å¸¸" : "å¼å¸¸");
|
|---|
| | | }
|
|---|
| | | // //é¨ç¦ç¶æ
|
|---|
| | | // if (item.passcode == 4) {
|
|---|
| | | // $("#warnState").html(item.value == 0 ? "å
³é¨" : "å¼é¨");
|
|---|
| | | // }
|
|---|
| | | //è¦åç¶æ
|
|---|
| | | if (item.passcode == 2) {
|
|---|
| | | $("#warnState").html(item.value == 0 ? "æ " : "æ¥è¦");
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|---|
| | | function queryRecord(id) {
|
|---|
| | | console.log("--------æ¥çé¨ç¦åå²è®°å½-------é¨ç¦id="+id);
|
|---|
| | | var param = {"id": id};
|
|---|
| | | // $.post("./cgi-bin/record-his/query", JSON.stringify(param), function (data, status) {
|
|---|
| | | // if ("success" == status) {
|
|---|
| | | // //渲æåå²æ°æ®å表
|
|---|
| | | // renderRecordInfo(data);
|
|---|
| | | // }else {
|
|---|
| | | // window.parent.notify("é¨ç¦æ°æ®æ¥è¯¢åºéï¼è¯·éæ°æä½ï¼");
|
|---|
| | | // }
|
|---|
| | | // }, "json");
|
|---|
| | |
|
|---|
| | | $.post("./cgi-bin/record-his/query-by-id", JSON.stringify(param), function (data, status) {
|
|---|
| | | if ("success" == status) {
|
|---|
| | | //渲æåå²æ°æ®å表
|
|---|
| | |
|---|
| | | }
|
|---|
| | | //å¼å§æ¸²æ
|
|---|
| | | function renderRecordInfo(dataList) {
|
|---|
| | | var li = dataList;
|
|---|
| | | console.log(li);
|
|---|
| | | console.log(li.length);
|
|---|
| | | console.log(dataList);
|
|---|
| | |
|
|---|
| | | //é¨ç¦åå²æ°æ®æ¸²æ
|
|---|
| | | var html="";
|
|---|
| | | if(li != null && li.length > 0){
|
|---|
| | | if(dataList !=null && dataList.length>0){
|
|---|
| | | var list;
|
|---|
| | | $.each(li,function(index,item){
|
|---|
| | | if(item.value){
|
|---|
| | | list = eval(item.value);
|
|---|
| | | if(list !=null && list.length>0) {
|
|---|
| | | var tag1 = ''; //å¡å·/å§å
|
|---|
| | | var tag2 = ''; //é¨å·
|
|---|
| | | var tag3 = ''; //å¼é¨ç±»å
|
|---|
| | | var tag4 = ''; //å¼é¨æ¶é´
|
|---|
| | | for (var i = 0; i < list.length; i++) {
|
|---|
| | | var cur = list[i];
|
|---|
| | | if (cur.passcode == 3) {
|
|---|
| | | tag2 = cur.value + 'å·é¨-';
|
|---|
| | | }
|
|---|
| | | if (cur.passcode == 5) {
|
|---|
| | | tag1 = cur.value;
|
|---|
| | | }
|
|---|
| | | if (cur.passcode == 6) {
|
|---|
| | | tag3 = cur.value;
|
|---|
| | | }
|
|---|
| | | if (cur.passcode == 7) {
|
|---|
| | | // tag4 = cur.value.substring(0, 4) + "-" +
|
|---|
| | | // cur.value.substring(4, 6) + "-" +
|
|---|
| | | // cur.value.substring(6, 8) + " " +
|
|---|
| | | // cur.value.substring(8, 10) + ":" +
|
|---|
| | | // cur.value.substring(10, 12) + ":" +
|
|---|
| | | // cur.value.substring(12, 14);
|
|---|
| | | tag4 = cur.value;
|
|---|
| | | }
|
|---|
| | | $.each(dataList,function(index,item){
|
|---|
| | | list = eval(item.value);
|
|---|
| | | if(list !=null && list.length>0){
|
|---|
| | | var tag1 = ''; //å¡å·/å§å
|
|---|
| | | var tag2 = ''; //é¨å·
|
|---|
| | | var tag3 = ''; //å¼é¨ç±»å
|
|---|
| | | var tag4 = ''; //å¼é¨æ¶é´
|
|---|
| | | $.each(list,function(index,item){
|
|---|
| | | if(item.passcode == 3){
|
|---|
| | | tag2 = item.value + 'å·é¨-';
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | html += "<tr><td>" + tag1 + "</td><td>" + tag2 + tag3 + "</td><td>" + tag4 + "</td></tr>";
|
|---|
| | | }
|
|---|
| | | if(item.passcode == 5){
|
|---|
| | | tag1 = item.value;
|
|---|
| | | }
|
|---|
| | | if(item.passcode == 6){
|
|---|
| | | tag3 = item.value;
|
|---|
| | | }
|
|---|
| | | if(item.passcode == 7){
|
|---|
| | | tag4 = item.value.substring(0,4) + "-" +
|
|---|
| | | item.value.substring(4,6) + "-" +
|
|---|
| | | item.value.substring(6,8) + " " +
|
|---|
| | | item.value.substring(8,10) + ":" +
|
|---|
| | | item.value.substring(10,12)+ ":" +
|
|---|
| | | item.value.substring(12,14);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | html += "<tr><td>"+ tag1 +"</td><td>" + tag2 + tag3 + "</td><td>" + tag4 + "</td></tr>";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | });
|
|---|
| | | }else {
|
|---|
| | | // html += "<tr><td colspan='3'>ææ æ°æ®</td></tr>";
|
|---|
| | | html += "<tr><td colspan='3'>ææ æ°æ®</td></tr>";
|
|---|
| | | }
|
|---|
| | | $("#listData").html(html);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | function sendAction() {
|
|---|
| | | if (confirm('æ¯å¦è¿è¡å¼é¨æä½ï¼')){
|
|---|
| | | var param = {"id": deviceId,"passcode":8,"value":1};
|
|---|
| | | console.log("======å¼é¨æä½å½ä»¤åé======");
|
|---|
| | | // console.log(JSON.stringify(param));
|
|---|
| | | // $.post("./cgi-bin/action/open-door", JSON.stringify(param), function (data, status) {
|
|---|
| | | //
|
|---|
| | | // }, "json");
|
|---|
| | | $.ajaxSettings.async = false;
|
|---|
| | | $.post("./cgi-bin/file/action-control", JSON.stringify(param), function (data, status) {
|
|---|
| | |
|
|---|
| | | }, "json");
|
|---|
| | | window.parent.notify("å½ä»¤åéæåï¼");
|
|---|
| | | }
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | </script>
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="layui-row">
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <div id="i-echart1" style="width: 100%; height: 216px;"></div>
|
|---|
| | | <div id="i-echart1" style=""></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <div id="i-echart2" style="width: 100%; height: 216px;"></div>
|
|---|
| | | <div id="i-echart2" style=""></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <div id="i-echart3" style="width: 100%; height: 216px;"></div>
|
|---|
| | | <div id="i-echart3" style=";"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <div id="i-echart4" style="width: 100%; height: 216px;"></div>
|
|---|
| | | <div id="i-echart4" style=""></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <div id="i-echart5" style="width: 100%; height: 216px;"></div>
|
|---|
| | | <div id="i-echart5" style=""></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div class="lsyq-item">
|
|---|
| | | <div id="i-echart6" style="width: 100%; height: 216px;"></div>
|
|---|
| | | <div id="i-echart6" style=""></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <div class="layui-col-lg7 layui-col-md7">
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | <div id="open" class="jmkt-tit-more kt" style="display: none;" onclick="sendAction(this.id);">
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | }
|
|---|
| | | html += "<tr><td>"+cur.name+"</td><td>"+str+"</td><td>"+time+"</td></tr>";
|
|---|
| | | }else{
|
|---|
| | | html += "<tr><td>"+cur.name+"</td><td>"+renderValue(device.type,cur)+"</td><td>"+time+"</td></tr>";
|
|---|
| | | html += "<tr><td>"+cur.name+"</td><td>"+renderValue(device.id,device.type,cur.passcode,cur.value)+"</td><td>"+time+"</td></tr>";
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | //渲æå表
|
|---|
| | |
|---|
| | | }
|
|---|
| | | html += "<tr><td>"+cur.name+"</td><td>"+str+"</td><td>"+time+"</td></tr>";
|
|---|
| | | }else{
|
|---|
| | | html += "<tr><td>"+cur.name+"</td><td>"+renderValue(device.type,cur)+"</td><td>"+time+"</td></tr>";
|
|---|
| | | html += "<tr><td>"+cur.name+"</td><td>"+renderValue(device.id,device.type,cur.passcode,cur.value)+"</td><td>"+time+"</td></tr>";
|
|---|
| | |
|
|---|
| | | //渲æå表
|
|---|
| | | // html += "<tr><td>"+cur.name+"</td><td>"+(cur.value?cur.value:"")+"</td><td>"+time+"</td></tr>";
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function renderValue(type,cur) {
|
|---|
| | | var res = cur.value;
|
|---|
| | | function renderValue(id,type,code,value) {
|
|---|
| | | var res = value;
|
|---|
| | |
|
|---|
| | | // if(type == "1001"){
|
|---|
| | | // if(code == 3 || code == 5){
|
|---|
| | | // res = value+"V";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 4 || code == 6){
|
|---|
| | | // res = value+"A";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 7){
|
|---|
| | | // res = value+"Hz";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 8){
|
|---|
| | | // res = value+"%";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 9){
|
|---|
| | | // res = value+"â";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 10){
|
|---|
| | | // if(value == 0){
|
|---|
| | | // res = "å¸çµä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // if(value == 1){
|
|---|
| | | // res = "çµæ± ä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // else if(code == 11){
|
|---|
| | | // if(value == 0){
|
|---|
| | | // res = "æ£å¸¸"
|
|---|
| | | // }
|
|---|
| | | // if(value == 1){
|
|---|
| | | // res = "æè·¯"
|
|---|
| | | // }
|
|---|
| | | // if(value == 2){
|
|---|
| | | // res = "çµæ± ä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // else if(code == 12){
|
|---|
| | | // res = value+"V";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 13){
|
|---|
| | | // res = value+"%";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 14){
|
|---|
| | | // res = value+"min";
|
|---|
| | | // }
|
|---|
| | | // else if(code >= 15 && code < 999){
|
|---|
| | | // res = value == "0"?"æ£å¸¸":"åè¦";
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | //
|
|---|
| | | // if(type == "1002"){
|
|---|
| | | // if(code >= 3 && code <= 5){
|
|---|
| | | // res = value+"V";
|
|---|
| | | // }
|
|---|
| | | // else if(code >= 6 && code <= 8){
|
|---|
| | | // res = value+"A";
|
|---|
| | | // }
|
|---|
| | | // else if(code >= 9 && code <= 11){
|
|---|
| | | // res = value+"V";
|
|---|
| | | // }
|
|---|
| | | // else if(code >= 12 && code <= 14){
|
|---|
| | | // res = value+"A";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 15){
|
|---|
| | | // res = value+"Hz";
|
|---|
| | | // }
|
|---|
| | | // else if(code >= 16 && code <= 18){
|
|---|
| | | // res = value+"%";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 19){
|
|---|
| | | // res = value+"â";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 20){
|
|---|
| | | // if(value == 0){
|
|---|
| | | // res = "å¸çµä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // if(value == 1){
|
|---|
| | | // res = "çµæ± ä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // if(value == 2){
|
|---|
| | | // res = "ä¸ä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // if(value == 3){
|
|---|
| | | // res = "èåä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // if(value == 4){
|
|---|
| | | // res = "æè·¯ä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // else if(code == 21){
|
|---|
| | | // if(value == 0){
|
|---|
| | | // res = "æ£å¸¸"
|
|---|
| | | // }
|
|---|
| | | // if(value == 1){
|
|---|
| | | // res = "æè·¯"
|
|---|
| | | // }
|
|---|
| | | // if(value == 2){
|
|---|
| | | // res = "çµæ± ä¾çµ"
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // else if(code == 22){
|
|---|
| | | // res = value+"V";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 23){
|
|---|
| | | // res = value+"%";
|
|---|
| | | // }
|
|---|
| | | // else if(code == 24){
|
|---|
| | | // res = value+"min";
|
|---|
| | | // }
|
|---|
| | | // else{
|
|---|
| | | // if(code >= 25 && code <= 998){
|
|---|
| | | // res = value == 0 ? "æ£å¸¸" : "åè¦";
|
|---|
| | | // if(value != 0 && value != 1){
|
|---|
| | | // res = value;
|
|---|
| | | // }
|
|---|
| | | //
|
|---|
| | | // // if(code >= 25 && code <= 27){
|
|---|
| | | // // res = value + "V";
|
|---|
| | | // // }
|
|---|
| | | // // if(code >= 28 && code <= 30){
|
|---|
| | | // // res = value + "KW";
|
|---|
| | | // // }
|
|---|
| | | // // if(code >= 31 && code <= 35){
|
|---|
| | | // // res = value + "Hz";
|
|---|
| | | // // }
|
|---|
| | | //
|
|---|
| | | // }
|
|---|
| | | //
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | var str = "";
|
|---|
| | | if(cur.note && cur.note.length > 0){
|
|---|
| | |
|---|
| | | <script src="./plugins/layui/layui.js"></script>
|
|---|
| | | <script src="./js/constant.js"></script>
|
|---|
| | | <script src="./plugins/EZUIKit/ezuikit.js"></script>
|
|---|
| | | <script src="./js/page/detail-video-pop-dkkj.js"></script>
|
|---|
| | | <script src="./js/page/detail-video-pop.js"></script>
|
|---|
| | |
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | |
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>çæ§ä¿¡æ¯</h3>
|
|---|
| | |
|
|---|
| | | <div class="sp-tab-hd">
|
|---|
| | | <select id="select_type" class="videoType">
|
|---|
| | | <option value="IN">VLCå
ç½ææ¾</option>
|
|---|
| | | <option value="OUT">VLCå¤ç½ææ¾</option>
|
|---|
| | | <option value="WEB">Webç´æ访é®</option>
|
|---|
| | | </select>
|
|---|
| | | <span><img src="./images/sp-tabImg2.png"/></span>
|
|---|
| | | <span class="active"><img src="./images/sp-tabImg1.png"/></span>
|
|---|
| | | </div>
|
|---|
| | | <!-- <div class="sp-tab-hd">-->
|
|---|
| | | <!-- <select id="select_type" class="videoType">-->
|
|---|
| | | <!-- <option value="IN">VLCå
ç½ææ¾</option>-->
|
|---|
| | | <!-- <option value="OUT">VLCå¤ç½ææ¾</option>-->
|
|---|
| | | <!-- <option value="WEB">Webç´æ访é®</option>-->
|
|---|
| | | <!-- </select>-->
|
|---|
| | | <!-- <span><img src="./images/sp-tabImg2.png"/></span>-->
|
|---|
| | | <!-- <span class="active"><img src="./images/sp-tabImg1.png"/></span>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | </div>
|
|---|
| | | <div class="sp-tab-bd">
|
|---|
| | | <div class="sp-showBox layui-row">
|
|---|
| | | <div class="layui-col-lg6 layui-col-md6">
|
|---|
| | | <div class="sp-showBox layui-row ">
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video1" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | <!-- <iframe id="myPlayer1" width="100%" height="100%"style="border-radius: 5px;"-->
|
|---|
| | | <!-- src="http://127.0.0.1:8083/stream/player/æåæº1" ></iframe>-->
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg6 layui-col-md6">
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video2" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | <!-- <iframe id="myPlayer2" width="100%" height="100%"style="border-radius: 5px;"-->
|
|---|
| | | <!-- src="http://127.0.0.1:8083/stream/player/æåæº2" ></iframe>-->
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg6 layui-col-md6">
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video3" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | <!-- <iframe id="myPlayer3" width="100%" height="100%"style="border-radius: 5px;"-->
|
|---|
| | | <!-- src="http://127.0.0.1:8083/stream/player/æåæº3" ></iframe>-->
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg6 layui-col-md6">
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video4" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | <!-- <iframe id="myPlayer4" width="100%" height="100%"style="border-radius: 5px;"-->
|
|---|
| | | <!-- src="http://127.0.0.1:8083/stream/player/æåæº4" ></iframe>-->
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video5" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video6" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video7" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video8" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg4 layui-col-md4">
|
|---|
| | | <div id="video9" class="sp-showItem ">
|
|---|
| | | <img src="./images/sp-img.png" class="sp-hideImg"/>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="sp-showBox layui-row show">
|
|---|
| | |
|---|
| | | <script src="./plugins/layui/layui.js"></script>
|
|---|
| | | <script src="./js/constant.js"></script>
|
|---|
| | | <script src="./plugins/EZUIKit/ezuikit.js"></script>
|
|---|
| | | <script src="./js/page/detail-video.js"></script>
|
|---|
| | | <script src="./js/page/detail-video-dkkj.js"></script>
|
|---|
| | |
|
|---|
| | | </body>
|
|---|
| | |
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="lsyg-jkxx-box">
|
|---|
| | |
|
|---|
| | | <div class="layui-row scroll" id="deviceList">
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>温æ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>温æ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>温æ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>温æ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>温æ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>温æ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--lsyg-jkxx-box end-->
|
|---|
| | |
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">温æ设å¤çæ§</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none;">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone">
|
|---|
| | | <div class="pdgxq-phone" style="display: none;">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | | <p id="opPhone"></p>
|
|---|
| | | </div>
|
|---|
| ¶Ô±ÈÐÂÎļþ |
| | |
|---|
| | | <!DOCTYPE html>
|
|---|
| | | <html lang="zh-CN">
|
|---|
| | | <head>
|
|---|
| | | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|---|
| | | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|---|
| | | <meta name="renderer" content="webkit">
|
|---|
| | | <title>æºè½æºæ¿ç®¡çå¹³å°-温湿度</title>
|
|---|
| | | <link rel="stylesheet" type="text/css" href="./plugins/layui/css/layui.css"/>
|
|---|
| | | <link rel="stylesheet" type="text/css" href="css/page/detail-wsd-single2.css"/>
|
|---|
| | | <style>
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-md6">
|
|---|
| | | <div class="mj-item mj-item1">
|
|---|
| | |
|
|---|
| | | <div class="mj-itemCon">
|
|---|
| | | <h4><span class="time">2020-10-30 15:30:26</span></h4>
|
|---|
| | | <div class="wsd-icon">
|
|---|
| | | <img class="icn" src="./images/icon-wendu.png"/>
|
|---|
| | | <img class="dz" src="images/wsd-single/dz2.png" alt="">
|
|---|
| | | </div>
|
|---|
| | | <p><span id="tem">22.1</span><i>â</i></p>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--pdgxq-m1-left end-->
|
|---|
| | |
|
|---|
| | | <div class="layui-col-md6">
|
|---|
| | | <div class="mj-item mj-item2">
|
|---|
| | | <div class="mj-itemCon">
|
|---|
| | | <h4><span class="time">2020-10-30 15:30:26</span></h4>
|
|---|
| | | <div class="wsd-icon">
|
|---|
| | | <img class="icn" src="./images/icon-shidu.png"/>
|
|---|
| | | <img class="dz" src="images/wsd-single/dz1.png" alt="">
|
|---|
| | | </div>
|
|---|
| | | <p><span id="hum">36.4</span><i>%</i></p>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--pdgxq-m1-left end-->
|
|---|
| | |
|
|---|
| | | </div><!--pdgxq-m1 end-->
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--jmkt-main end-->
|
|---|
| | |
|
|---|
| | | </div> <!--i-container end-->
|
|---|
| | |
|
|---|
| | | <script src="./js/jquery.min.js"></script>
|
|---|
| | |
|
|---|
| | | <script type="text/javascript">
|
|---|
| | |
|
|---|
| | | $(function () {
|
|---|
| | | //è·åURLä¸çåæ°id
|
|---|
| | | var deviceId = "1";
|
|---|
| | |
|
|---|
| | | console.log("-----deviceId=" + deviceId);
|
|---|
| | |
|
|---|
| | | if (!deviceId) {
|
|---|
| | | console.log("没æè·åå°è®¾å¤IDï¼æ æ³æ¥ççæ§ä¿¡æ¯");
|
|---|
| | | return false;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | //æ ¹æ®è®¾å¤IDä»æ¥å£ä¸è·åå®æ¶çæ§
|
|---|
| | | queryData(deviceId);
|
|---|
| | | //å®æ¶å¨ï¼æ¯5ç§æ¥è¯¢ä¸æ¬¡ï¼æ¥è¯¢è®¾å¤ä¿¡æ¯å¹¶æ¸²æ
|
|---|
| | | setInterval(function () {
|
|---|
| | | queryData(deviceId);
|
|---|
| | | },2000);
|
|---|
| | |
|
|---|
| | | }).call(this);
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | function queryData(deviceId) {
|
|---|
| | | var data = {id: deviceId};
|
|---|
| | | $.post("./cgi-bin/detail/query-data", JSON.stringify(data), function (data, status) {
|
|---|
| | | if ("success" == status) {
|
|---|
| | | // console.log('---------è·åå°ç设å¤å®æ¶æ°æ®-----' + data);
|
|---|
| | | renderInfo(data);
|
|---|
| | | } else {
|
|---|
| | | console.log("æ°æ®æ¥è¯¢åºéï¼è¯·éæ°æä½ï¼");
|
|---|
| | | }
|
|---|
| | | }, "json");
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | //å¼å§æ¸²æ
|
|---|
| | | function renderInfo(deviceData) {
|
|---|
| | |
|
|---|
| | | //å®æ¶æ°æ®
|
|---|
| | | var list = deviceData.value;
|
|---|
| | | //æ¶é´æ ¼å¼å yyyy-MM-dd hh:mm
|
|---|
| | | var time = deviceData.time;
|
|---|
| | | time = time.slice(0,4)+"-"+time.slice(4,6)+"-"+time.slice(6,8)+" "+time.slice(8,10)+":"+time.slice(10,12);
|
|---|
| | | var cur;
|
|---|
| | | for (var i = 1; i <= list.length; i++) {
|
|---|
| | | cur = list[i - 1];
|
|---|
| | |
|
|---|
| | | //温度ç¶æ
|
|---|
| | | if(cur.passcode == 3){
|
|---|
| | | $("#tem").html(cur.value);
|
|---|
| | | }
|
|---|
| | | //湿度ç¶æ
|
|---|
| | | if(cur.passcode == 4){
|
|---|
| | | $("#hum").html(cur.value);
|
|---|
| | | }
|
|---|
| | | //æ´æ°æ¶é´
|
|---|
| | | $(".time").html(time);
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <script src="./js/page/detail.js"></script>
|
|---|
| | | </body>
|
|---|
| | | </html>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <!-- åºæ¬ä¿¡æ¯ -->
|
|---|
| | | <div style="padding-top: 20px">
|
|---|
| | | <div style="padding-top: 20px;">
|
|---|
| | | <div class="pdgxq-m2-right pdgxq-m2-box">
|
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">温湿度1</span></p>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>æ¼æ°´</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon2h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¼æ°´</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--lsyg-jkxx-box end-->
|
|---|
| | |
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">æ¶é²è®¾å¤çæ§</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none;">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone">
|
|---|
| | | <div class="pdgxq-phone" style="display: none;">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | | <p id="opPhone"></p>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <p></p>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">æªç¥è®¾å¤#1</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone">
|
|---|
| | | <div class="pdgxq-phone" style="display: none">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | | <p id="opPhone"></p>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <div class="layui-col-lg7 layui-col-md7">
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | <div id="open" class="jmkt-tit-more" onclick="sendAction(this.id);">
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="height: 730px">
|
|---|
| | | <div class="pdgxq-m1-left pdgxq-m1-box" style="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | | <h3><i></i>å®æ¶çæ§</h3>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <div class="lsyg-jkxx-box">
|
|---|
| | |
|
|---|
| | | <div class="layui-row scroll" id="deviceList">
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>çæ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>çæ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>çæ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#">æ£å¸¸</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>çæ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>çæ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="layui-col-lg4 layui-col-md4">-->
|
|---|
| | | <!-- <div class="lsyq-item">-->
|
|---|
| | | <!-- <h4>çæ</h4>-->
|
|---|
| | | <!-- <div class="lsyq-group layui-row">-->
|
|---|
| | | <!-- <div class="lsyq-icon layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <img src="./images/lsyg-icon1h.png"/>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- <div class="lsyq-btnBox layui-col-lg6 layui-col-md6">-->
|
|---|
| | | <!-- <a href="#">é讯</a>-->
|
|---|
| | | <!-- <a href="#" class="active">æ¥è¦</a>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | | <!-- </div>-->
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div><!--lsyg-jkxx-box end-->
|
|---|
| | |
|---|
| | | <h3>设å¤åºæ¬ä¿¡æ¯</h3>
|
|---|
| | | <p>设å¤å称ï¼<span id="deviceName">çæ设å¤çæ§</span></p>
|
|---|
| | | <p>设å¤ç¶æï¼<span id="deviceVld">æ¿æ´»</span></p>
|
|---|
| | | <p>è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | | <p style="display: none;">è¿ç»´ååï¼<span id="opVendor"></span></p>
|
|---|
| | |
|
|---|
| | | <div class="pdgxq-phone">
|
|---|
| | | <div class="pdgxq-phone" style="display: none;">
|
|---|
| | | <h4>è¿ç»´çµè¯</h4>
|
|---|
| | | <p id="opPhone"></p>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | |
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-table jmkt-table-wrap">
|
|---|
| | | <i class="i"></i>
|
|---|
| | | <div style="height: 670px">
|
|---|
| | | <div style="">
|
|---|
| | | <div class="table-thead">
|
|---|
| | | <table class="layui-table pdgxq-table1" lay-skin="nob">
|
|---|
| | | <colgroup>
|
|---|
| | |
|---|
| | | <option value="6">COM6</option>
|
|---|
| | | <option value="7">COM7</option>
|
|---|
| | | <option value="8">COM8</option>
|
|---|
| | | <option value="9">COM9</option>
|
|---|
| | | <option value="10">COM10</option>
|
|---|
| | | <option value="11">COM11</option>
|
|---|
| | | <option value="12">COM12</option>
|
|---|
| | | <option value="13">COM13</option>
|
|---|
| | | <option value="14">COM14</option>
|
|---|
| | | <option value="15">COM15</option>
|
|---|
| | | <option value="16">COM16</option>
|
|---|
| | | </select>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <option value="6">COM6</option>
|
|---|
| | | <option value="7">COM7</option>
|
|---|
| | | <option value="8">COM8</option>
|
|---|
| | | <option value="9">COM9</option>
|
|---|
| | | <option value="10">COM10</option>
|
|---|
| | | <option value="11">COM11</option>
|
|---|
| | | <option value="12">COM12</option>
|
|---|
| | | <option value="13">COM13</option>
|
|---|
| | | <option value="14">COM14</option>
|
|---|
| | | <option value="15">COM15</option>
|
|---|
| | | <option value="16">COM16</option> |
|---|
| | | </select>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | background: #e45163;
|
|---|
| | | }
|
|---|
| | | /** 设置å表å¯ä»¥ä¸æ **/
|
|---|
| | | body {
|
|---|
| | | .div-body {
|
|---|
| | | height: 100%;
|
|---|
| | | overflow-y: scroll;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /** éèå表ä¸ææ»å¨æ¡ **/
|
|---|
| | | body::-webkit-scrollbar {
|
|---|
| | | .div-body::-webkit-scrollbar {
|
|---|
| | | display: none;
|
|---|
| | | }
|
|---|
| | | /*IE 10+ ----éèæ»å¨æ¡*/
|
|---|
| | | body {
|
|---|
| | | .div-body {
|
|---|
| | | -ms-overflow-style: none;
|
|---|
| | | }
|
|---|
| | | /*Firefox ----éèæ»å¨æ¡*/
|
|---|
| | | body {
|
|---|
| | | .div-body {
|
|---|
| | | scrollbar-width: none;
|
|---|
| | | }
|
|---|
| | | #data1{
|
|---|
| | |
|---|
| | | height: 210px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | | #warnUnDoNum,#deviceManageNum,#day{
|
|---|
| | | font-size: 40px;
|
|---|
| | | }
|
|---|
| | | #data1{
|
|---|
| | | height: 300px;
|
|---|
| | | }
|
|---|
| | | #data2{
|
|---|
| | | height: 260px;
|
|---|
| | | }
|
|---|
| | | #data3{
|
|---|
| | | height: 210px;
|
|---|
| | | }
|
|---|
| | | .pdgxq-table-parent {
|
|---|
| | | height: 285px;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | | <body class="layui-layout-body" style="overflow:auto;">
|
|---|
| | | <div style="padding: 15px;">
|
|---|
| | | <div class="div-body" style="padding: 15px;">
|
|---|
| | | <div class="layui-row workbench-row layui-col-space15">
|
|---|
| | | <div class="layui-col-md3">
|
|---|
| | | <div>
|
|---|
| | |
|---|
| | | <a class="J_menuItem" data-id="0" href="record-his.html">åå²æ°æ®</a>
|
|---|
| | | </li>
|
|---|
| | | <li>
|
|---|
| | | <a class="J_menuItem" data-id="0" style="display: none;" href="three-img.html" id="menu3DVld" >å
¨æ¯å¯¼èª</a>
|
|---|
| | | <a class="J_menuItem" data-id="0" href="three-img.html" style="display: none;" id="menu3DVld" >å
¨æ¯å¯¼èª</a>
|
|---|
| | | </li>
|
|---|
| | | </ul>
|
|---|
| | |
|
|---|
| | |
|---|
| | | |
|---|
| | | //åå§ååè®®åºå表 |
|---|
| | | initLibname(); |
|---|
| | | initDevLibname(); |
|---|
| | | |
|---|
| | | |
|---|
| | | $(document).ready(function () { |
|---|
| | | //æ·»å åè®®åºä¸æçå¬ |
|---|
| | |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | |
|---|
| | | function initDevLibname() { |
|---|
| | | |
|---|
| | | $.get("./cgi-bin/do/find_debug_libname", function (data, status) { |
|---|
| | | if (data != null) { |
|---|
| | | renderDevLibname(data); |
|---|
| | | } else { |
|---|
| | | window.parent.notify("ç³»ç»åæåè®®åºå表失败ï¼"); |
|---|
| | | } |
|---|
| | | }, "json"); |
|---|
| | | } |
|---|
| | | |
|---|
| | | function renderDevLibname(list) { |
|---|
| | | $.each(list, function (index, item) { |
|---|
| | |
|---|
| | |
|
|---|
| | | //åå§ååè®®åºå表
|
|---|
| | | initLibname();
|
|---|
| | | initDevLibname();
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | $(document).ready(function () {
|
|---|
| | |
|---|
| | | });
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | function initDevLibname() {
|
|---|
| | | $.get("./cgi-bin/do/find_debug_libname", function (data, status) {
|
|---|
| | | if (data != null) {
|
|---|
| | | renderDevLibname(data);
|
|---|
| | | } else {
|
|---|
| | | window.parent.notify("ç³»ç»åæåè®®åºå表失败ï¼");
|
|---|
| | | }
|
|---|
| | | }, "json");
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | function renderDevLibname(list) {
|
|---|
| | | $.each(list, function (index, item) {
|
|---|
| | |
|---|
| | | //ç³»ç»å称
|
|---|
| | | $("#sys-name").text(window.SYS_SET.name);
|
|---|
| | | // $("#menu3DVld").hide();
|
|---|
| | | if(window.SYS_SET.menu3DVld == 1){
|
|---|
| | | if(window.SYS_SET.menu3DVld == "1"){
|
|---|
| | | $("#menu3DVld").show();
|
|---|
| | | }
|
|---|
| | | if(window.SYS_SET.linkage == "1"){
|
|---|
| | |
|---|
| | | parentEle.append("<li><a class='J_menuItem' id='hw' href='detail-hw.html?id=999&type=" + data.type + "'>红å¤çæ§</a></li>");
|
|---|
| | | }
|
|---|
| | | tag_hw = false;
|
|---|
| | | } else if ("3008" == data.type) {//温æ
|
|---|
| | | }
|
|---|
| | | else if ("3008" == data.type) {//温æ
|
|---|
| | | if (tag_wg) {
|
|---|
| | | parentEle.append("<li><a class='J_menuItem' id='wg' href='detail-wg.html?id=999&type=" + data.type + "'>温æ</a></li>");
|
|---|
| | | }
|
|---|
| | | tag_wg = false;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | else if ("3012" == data.type) {//æ¶é²å¼å
³é
|
|---|
| | | if (tag_xf) {
|
|---|
| | | parentEle.append("<li><a class='J_menuItem' id='xf' href='detail-xf.html?id=999&type=" + data.type + "'>æ¶é²</a></li>");
|
|---|
| | |
|---|
| | |
|
|---|
| | | //渲æåå²æ°æ®å表
|
|---|
| | | function renderRecordInfo(data) {
|
|---|
| | |
|
|---|
| | | var num = getWHNum();
|
|---|
| | | var div_body_x = false;
|
|---|
| | | var thead = "";
|
|---|
| | | thead += "<tr><th style='width: 100px'>ID</th>";
|
|---|
| | |
|---|
| | | var theadData = [];
|
|---|
| | |
|
|---|
| | | if (data != null && data.length > 0) {
|
|---|
| | | // $.each(data, function (index, item) {
|
|---|
| | | // html += "<tr><td>" + item.id + "</td>";
|
|---|
| | | // html += "<td>" + item.name + "</td>";
|
|---|
| | | // html += "<td>" + timeStr(item.time) + "</td>";
|
|---|
| | | // var tempData = eval(item.value);
|
|---|
| | | // var temp = '';
|
|---|
| | | // for (var i = 0; i < tempData.length; i++) {
|
|---|
| | | // if (i != 0) {
|
|---|
| | | // temp += "ï¼";
|
|---|
| | | // }
|
|---|
| | | // temp += tempData[i].name + "=" + tempData[i].value;
|
|---|
| | | // }
|
|---|
| | | // html += "</tr>";
|
|---|
| | | // });
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | //è·å表头
|
|---|
| | | $.each(data, function (index, item) {
|
|---|
| | | var tempData = eval(item.value);
|
|---|
| | |
|---|
| | | });
|
|---|
| | | // console.log(theadData);
|
|---|
| | | for(var i=0;i<theadData.length;i++){
|
|---|
| | | if(i >= 5){
|
|---|
| | | if(i >= num){
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | thead += "<th style='width: 150px'>"+ theadData[i].name +"</th>";
|
|---|
| | | }
|
|---|
| | | thead += "<th style='width: 150px'>详æ
</th>";
|
|---|
| | | thead += "<th style=''>详æ
</th>";
|
|---|
| | | thead += "</tr>";
|
|---|
| | |
|
|---|
| | | $.each(data, function (index, item) {
|
|---|
| | |
|---|
| | | tbody += "<td>" + timeStr(item.time) + "</td>";
|
|---|
| | | var tempData = eval(item.value);
|
|---|
| | | for (var i = 0; i < theadData.length; i++) {
|
|---|
| | | if(i >= 5){
|
|---|
| | | if(i >= num){
|
|---|
| | | break;
|
|---|
| | | }
|
|---|
| | | if(i < tempData.length){
|
|---|
| | |
|---|
| | | dataMap[key] = tempData;
|
|---|
| | | });
|
|---|
| | | } else {
|
|---|
| | | thead += "<th style='width: 150px'>æ°æ®</th></tr>";
|
|---|
| | | thead += "<th style=''>æ°æ®</th></tr>";
|
|---|
| | | tbody += '<tr><td colspan="4">ææªæ¥å°æ°æ®</td></tr>';
|
|---|
| | | }
|
|---|
| | | $("#div-body").attr("style","height: 615px;");
|
|---|
| | | // $("#div-body").attr("style","height: 615px;");
|
|---|
| | | $("#thead").html(thead);
|
|---|
| | | $("#recordList").html(tbody);
|
|---|
| | | }
|
|---|
| | |
|---|
| | |
|
|---|
| | | //导åºExcelç¹å»äºä»¶
|
|---|
| | | function generateClick(){
|
|---|
| | | // var tableId = "record-his-list";
|
|---|
| | | var request = {};
|
|---|
| | | request.id = $("#deviceId").val();
|
|---|
| | | if(!request.id)
|
|---|
| | |
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getTable(data) {
|
|---|
| | |
|
|---|
| | | var thead = "";
|
|---|
| | | thead += "<tr><th style='width: 100px'>ID</th>";
|
|---|
| | | thead += "<th style='width: 180px'>设å¤å称</th>";
|
|---|
| | |
|---|
| | | });
|
|---|
| | |
|
|---|
| | | $("#tbody").html(html);
|
|---|
| | |
|
|---|
| | | var paramWH = getWH("detail");
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | area: ['40%', '65%'],
|
|---|
| | | // area: ['40%', '65%'],
|
|---|
| | | area: [paramWH.w, paramWH.h],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | |
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | function getWH(tag) {
|
|---|
| | | var res = {
|
|---|
| | | w:"50%",
|
|---|
| | | h:"64%"
|
|---|
| | | };
|
|---|
| | | if(screen.width==1920 && screen.height==1080){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | if(tag == "batchHandle"){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | }
|
|---|
| | | }else if(screen.width==1280 && screen.height==1024){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | if(tag == "detail"){
|
|---|
| | | res = {w:"80%",h:"95%"};
|
|---|
| | | }
|
|---|
| | | if(tag == "batchHandle"){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | }
|
|---|
| | | }else if(screen.width==1280 && screen.height==800){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | if(tag == "detail"){
|
|---|
| | | res = {w:"80%",h:"95%"};
|
|---|
| | | }
|
|---|
| | | if(tag == "batchHandle"){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return res;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getWHNum() {
|
|---|
| | | var res = 5;
|
|---|
| | | if(screen.width==1920){
|
|---|
| | | res = 5;
|
|---|
| | | }else if(screen.width==1280){
|
|---|
| | | res = 1;
|
|---|
| | | }
|
|---|
| | | return res;
|
|---|
| | | }
|
|---|
| | |
|---|
| | | // if(info.menu3DVld){
|
|---|
| | | // sysInfo.menu3DVld = info.menu3DVld;
|
|---|
| | | // }
|
|---|
| | | |
|---|
| | | if(info.mainShow){
|
|---|
| | | sysInfo.mainShow = info.mainShow;
|
|---|
| | | }else if(!sysInfo.mainShow){
|
|---|
| | |
|---|
| | |
|
|---|
| | | var testList = [
|
|---|
| | | {
|
|---|
| | | "id":"21",
|
|---|
| | | "id":"2211",
|
|---|
| | | "name":"温湿度#1",
|
|---|
| | | "category":"2001",
|
|---|
| | | "type":"0",
|
|---|
| | | "leftV":"0.4840",
|
|---|
| | | "topV":"0.2015",
|
|---|
| | | "value":[{
|
|---|
| | | "passcode":"3",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"18"
|
|---|
| | | },{
|
|---|
| | | "passcode":"4",
|
|---|
| | | "name":"湿度",
|
|---|
| | | "value":"60"
|
|---|
| | | }]
|
|---|
| | | },{
|
|---|
| | | "id":"2",
|
|---|
| | | "name":"温湿度#1",
|
|---|
| | | "category":"2001",
|
|---|
| | | "type":"0",
|
|---|
| | | "leftV":"0.4840",
|
|---|
| | | "topV":"0.2015",
|
|---|
| | | "value":[{
|
|---|
| | | "passcode":"3",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"18"
|
|---|
| | | },{
|
|---|
| | | "passcode":"4",
|
|---|
| | | "name":"湿度",
|
|---|
| | | "value":"60"
|
|---|
| | | }]
|
|---|
| | | },{
|
|---|
| | | "id":"3",
|
|---|
| | | "name":"ç²¾å¯ç©ºè°#1",
|
|---|
| | | "category":"3004",
|
|---|
| | | "type":"0",
|
|---|
| | | "leftV":"0.4040",
|
|---|
| | | "topV":"0.2515",
|
|---|
| | | "value":[{
|
|---|
| | | "passcode":"2",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"1"
|
|---|
| | | },{
|
|---|
| | | "passcode":"3",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"18"
|
|---|
| | | },{
|
|---|
| | | "passcode":"4",
|
|---|
| | | "name":"湿度",
|
|---|
| | | "value":"60"
|
|---|
| | | }]
|
|---|
| | | },{
|
|---|
| | | "id":"2221",
|
|---|
| | | "name":"温湿度#1",
|
|---|
| | | "category":"2002",
|
|---|
| | | "type":"0",
|
|---|
| | | "leftV":"0.4840",
|
|---|
| | | "topV":"0.2015",
|
|---|
| | | "value":[{
|
|---|
| | | "passcode":"3",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"18"
|
|---|
| | | },{
|
|---|
| | | "passcode":"4",
|
|---|
| | | "name":"湿度",
|
|---|
| | | "value":"60"
|
|---|
| | | }]
|
|---|
| | | },{
|
|---|
| | | "id":"3331",
|
|---|
| | | "name":"ç²¾å¯ç©ºè°#1",
|
|---|
| | | "category":"2002",
|
|---|
| | | "type":"0",
|
|---|
| | | "leftV":"0.6840",
|
|---|
| | | "topV":"0.5015",
|
|---|
| | | "value":[{
|
|---|
| | | "passcode":"1",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"18"
|
|---|
| | | "value":"1"
|
|---|
| | | },{
|
|---|
| | | "passcode":"2",
|
|---|
| | | "name":"温度",
|
|---|
| | | "value":"1"
|
|---|
| | | },{
|
|---|
| | | "passcode":"3",
|
|---|
| | | "name":"湿度",
|
|---|
| | | "value":"60"
|
|---|
| | | }]
|
|---|
| | |
|---|
| | | if(imgData){
|
|---|
| | | $("#img-three").attr('src', imgData);
|
|---|
| | | }
|
|---|
| | | // $("#img-three").css("height", imgHei);
|
|---|
| | | $("#img-three").css("height", imgHei);
|
|---|
| | | // $("#img-three").css("width", "100%");
|
|---|
| | | $("#img-three").show();
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | | //è·å设å¤å表ï¼æ¸²ææ¾ç¤ºè®¾å¤ä¿¡æ¯
|
|---|
| | |
|---|
| | | var tagValue;
|
|---|
| | | var category;
|
|---|
| | | var recordMap;
|
|---|
| | | var warnState;
|
|---|
| | | var warnState = 0;
|
|---|
| | | var i;
|
|---|
| | | console.log("=========ææ设å¤ä¿¡æ¯=========");
|
|---|
| | | console.log(listDevice);
|
|---|
| | | var name;
|
|---|
| | | var warnStr = " warn-div ";
|
|---|
| | | // console.log("=========ææ设å¤ä¿¡æ¯=========");
|
|---|
| | | // console.log(listDevice);
|
|---|
| | | $.each(listDevice, function (index, device) {
|
|---|
| | |
|
|---|
| | | i = index;
|
|---|
| | | left = (parentWidth * device.leftV).toFixed(4);
|
|---|
| | | top = (parentHeight * device.topV).toFixed(4);
|
|---|
| | | category = device.category;//设å¤ç±»å
|
|---|
| | | id = device.id;//设å¤ID
|
|---|
| | | if(id && category){
|
|---|
| | | if(category != CATEGORY.D2090.code && category != CATEGORY.D2091.code){
|
|---|
| | | recordMap = device.value;//设å¤çæ§å±æ§éå
|
|---|
| | | warnState = device.type;
|
|---|
| | | tagValue = addCurData(category, recordMap, warnState,device);
|
|---|
| | | temp = "";
|
|---|
| | | if(device.id == thId1 || device.id == thId2){
|
|---|
| | | if(device.id == thId1){
|
|---|
| | | thData1 = device;
|
|---|
| | | name = device.name;
|
|---|
| | |
|
|---|
| | | if(category != CATEGORY.D3009.code){
|
|---|
| | | if(id && category){
|
|---|
| | | if(category != CATEGORY.D2090.code && category != CATEGORY.D2091.code){
|
|---|
| | | recordMap = device.value;//设å¤çæ§å±æ§éå
|
|---|
| | | warnState = device.type;
|
|---|
| | | tagValue = addCurData(category, recordMap, warnState,device);
|
|---|
| | | warnState = tagValue.warnState;
|
|---|
| | | if(warnState == 0){
|
|---|
| | | warnStr = "";
|
|---|
| | | }else{
|
|---|
| | | thData2 = device;
|
|---|
| | | }
|
|---|
| | | temp += "<div id='" + device.id
|
|---|
| | | + "' class='tip arrow_box' style='left:" + left+ "px;top:" + top + "px;display: none;' "
|
|---|
| | | + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
|
|---|
| | | temp += "<div class = 'div-c'>";
|
|---|
| | | temp += "</div>";
|
|---|
| | | temp += "<div class = 'div-d' style='font-size: 14px;'><p style='margin-bottom: 5px;'><span>é²ç¹æ¸©åº¦1</span><span style='margin-left: 10%;'>é²ç¹æ¸©åº¦2</span></p>" +
|
|---|
| | | "<p><span style='margin-left: 1%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>22.2â</span>" +
|
|---|
| | | "<span style='margin-left: 15%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>22.2â</span></div>";
|
|---|
| | | temp += "</div>";
|
|---|
| | |
|
|---|
| | | }else{
|
|---|
| | | if ("FULL" == tagValue.code) {
|
|---|
| | | temp += "<div id='" + device.id
|
|---|
| | | + "' class='tip arrow_box' style='left:" + left+ "px;top:" + top + "px;' "
|
|---|
| | | + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
|
|---|
| | | } else {
|
|---|
| | | temp += "<div id='" + device.id
|
|---|
| | | + "' class='tip arrow_min' style='left:" + left + "px;top:" + top + "px;' "
|
|---|
| | | + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
|
|---|
| | | warnStr = " warn-div ";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | temp += "<div class = 'div-c'>";
|
|---|
| | | temp += addCurImg(category);
|
|---|
| | | temp += "</div>";
|
|---|
| | | temp += tagValue.htm;
|
|---|
| | | temp += "</div>";
|
|---|
| | | }
|
|---|
| | | // if(category == CATEGORY.D3001.code){
|
|---|
| | | // console.log("=========é¨ç¦è®¾å¤=========设å¤ä¿¡æ¯ï¼");
|
|---|
| | | // console.log(device);
|
|---|
| | | // }
|
|---|
| | | temp = "";
|
|---|
| | | if(device.id == thId1 || device.id == thId2){
|
|---|
| | | if(device.id == thId1){
|
|---|
| | | thData1 = device;
|
|---|
| | | }else{
|
|---|
| | | thData2 = device;
|
|---|
| | | }
|
|---|
| | | temp += "<div id='" + device.id
|
|---|
| | | + "' class='tip arrow_box "+warnStr+"' style='left:" + left+ "px;top:" + top + "px;display: none;' "
|
|---|
| | | + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
|
|---|
| | | temp += "<div class = 'div-c'>";
|
|---|
| | | temp += "</div>";
|
|---|
| | | temp += "<div class = 'div-d' style='font-size: 14px;'><p style='margin-bottom: 5px;'><span>é²ç¹æ¸©åº¦1</span><span style='margin-left: 10%;'>é²ç¹æ¸©åº¦2</span></p>" +
|
|---|
| | | "<p><span style='margin-left: 1%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>22.2â</span>" +
|
|---|
| | | "<span style='margin-left: 15%;background-color: rgba(21, 221, 86, 1);padding: 0% 5%;'>22.2â</span></div>";
|
|---|
| | | temp += "</div>";
|
|---|
| | |
|
|---|
| | | if(device.id != "1001" && device.id != "1002"){
|
|---|
| | | }else{
|
|---|
| | | if ("FULL" == tagValue.code) {
|
|---|
| | | temp += "<div id='" + device.id
|
|---|
| | | + "' class='tip arrow_box "+warnStr+"' style='left:" + left+ "px;top:" + top + "px;' "
|
|---|
| | | + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
|
|---|
| | | temp += "<div class = 'div-c'>";
|
|---|
| | | temp += addCurImg(category,warnState);
|
|---|
| | | temp += "</div>";
|
|---|
| | | temp += tagValue.htm;
|
|---|
| | |
|
|---|
| | | // temp += "<div class = 'div-d' style='margin-top: -5px;'>";
|
|---|
| | | // temp += "<span style='padding: 2px;background-color: #524c4c;color: white;'>";
|
|---|
| | | // temp += name;
|
|---|
| | | // temp += "</span>";
|
|---|
| | | // temp += "</div>";
|
|---|
| | |
|
|---|
| | | temp += "</div>";
|
|---|
| | | } else {
|
|---|
| | | temp += "<div id='" + device.id
|
|---|
| | | + "' class='tip arrow_min "+warnStr+"' style='left:" + left + "px;top:" + top + "px;' "
|
|---|
| | | + "name='" + device.name + "' category='" + category + "' index='" + index + "'>";
|
|---|
| | | temp += "<div class = 'div-c'>";
|
|---|
| | | temp += addCurImg(category,warnState);
|
|---|
| | | temp += "</div>";
|
|---|
| | | temp += tagValue.htm;
|
|---|
| | |
|
|---|
| | | // temp += "<div class = 'div-d' style='margin-top: -10px;'>";
|
|---|
| | | // temp += "<span style='padding: 2px;background-color: #524c4c;color: white;'>";
|
|---|
| | | // temp += name;
|
|---|
| | | // temp += "</span>";
|
|---|
| | | // temp += "</div>";
|
|---|
| | |
|
|---|
| | | temp += "</div>";
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | // temp += "<div class = 'div-c'>";
|
|---|
| | | // temp += addCurImg(category);
|
|---|
| | | // temp += "</div>";
|
|---|
| | | // temp += tagValue.htm;
|
|---|
| | | // temp += "</div>";
|
|---|
| | | }
|
|---|
| | | // if(category == CATEGORY.D3001.code){
|
|---|
| | | // console.log("=========é¨ç¦è®¾å¤=========设å¤ä¿¡æ¯ï¼");
|
|---|
| | | // console.log(device);
|
|---|
| | | // }
|
|---|
| | |
|
|---|
| | | // if(device.id != "1001" && device.id != "1002"){
|
|---|
| | | // //å é¤åæå
ç´ ï¼å¨è¿è¡è¿½å
|
|---|
| | | // $("#"+device.id).remove();
|
|---|
| | | // parent.append(temp);
|
|---|
| | | //
|
|---|
| | | // }
|
|---|
| | | //å é¤åæå
ç´ ï¼å¨è¿è¡è¿½å
|
|---|
| | | $("#"+device.id).remove();
|
|---|
| | | parent.append(temp);
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | // //å é¤åæå
ç´ ï¼å¨è¿è¡è¿½å
|
|---|
| | | // $("#"+device.id).remove();
|
|---|
| | | // parent.append(temp);
|
|---|
| | | }else{
|
|---|
| | | console.log("=========没æè·åå°è¯¥è®¾å¤ç设å¤idï¼ç±»åï¼=========设å¤ä¿¡æ¯ï¼");
|
|---|
| | | console.log(device);
|
|---|
| | | }
|
|---|
| | | }else{
|
|---|
| | | console.log("=========没æè·åå°è¯¥è®¾å¤ç设å¤idï¼ç±»åï¼=========设å¤ä¿¡æ¯ï¼");
|
|---|
| | | console.log(device);
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | });
|
|---|
| | |
|---|
| | | name = "温æ";
|
|---|
| | | }
|
|---|
| | | if (category == CATEGORY.D3004.code) {
|
|---|
| | | // url = "./detail-video.html?id=999&type=" + category;
|
|---|
| | | // name = "è§é¢";
|
|---|
| | | var html = '';
|
|---|
| | | html += '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" ';
|
|---|
| | | html += 'src="./detail-video-pop.html?id='+deviceId+'&type='+category+'" ';
|
|---|
| | | html += ' frameborder="0" data-id="detail-ty-2.html" seamless></iframe>';
|
|---|
| | | $("#video .popCon").html(html);
|
|---|
| | | $("#device-name").text(name);
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | area: ['100%', '100%'],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | | content: $('#video')
|
|---|
| | | });
|
|---|
| | | return;
|
|---|
| | | url = "./detail-video.html?id=999&type=" + category;
|
|---|
| | | name = "è§é¢";
|
|---|
| | | // var html = '';
|
|---|
| | | // html += '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" ';
|
|---|
| | | // html += 'src="./detail-video-pop.html?id='+deviceId+'&type='+category+'" ';
|
|---|
| | | // html += ' frameborder="0" data-id="detail-ty-2.html" seamless></iframe>';
|
|---|
| | | // $("#video .popCon").html(html);
|
|---|
| | | // $("#device-name").text(name);
|
|---|
| | | // layer.open({
|
|---|
| | | // skin: 'mypop',
|
|---|
| | | // type: 1,
|
|---|
| | | // title: false,
|
|---|
| | | // area: ['100%', '100%'],
|
|---|
| | | // closeBtn: 0,
|
|---|
| | | // shade: 0,
|
|---|
| | | // scrollbar: false,
|
|---|
| | | // content: $('#video')
|
|---|
| | | // });
|
|---|
| | | // return;
|
|---|
| | | }
|
|---|
| | | // console.log("===================跳转==================");
|
|---|
| | | // console.log("url="+url);
|
|---|
| | |
|---|
| | | recordMap[record[i].passcode] = record[i];
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | var result = {code: "FULL", htm: ""};
|
|---|
| | | var result = {code: "FULL", htm: "",warnState:0};
|
|---|
| | | var temp = "";
|
|---|
| | | //温湿度-åªæ¾ç¤ºæ¸©åº¦å湿度
|
|---|
| | | // //温湿度-åªæ¾ç¤ºæ¸©åº¦å湿度
|
|---|
| | | if (category == CATEGORY.D2001.code) {
|
|---|
| | | if(recordMap){
|
|---|
| | | if(recordMap[1] && recordMap[1].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | |
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }
|
|---|
| | | temp += "</div>";
|
|---|
| | | result.htm = temp;
|
|---|
| | |
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[6]) {
|
|---|
| | | temp += "<p><span>设å®æ¸©åº¦ï¼" + recordMap[7].value + "â</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[6]) {
|
|---|
| | | temp += "<p><span>设å®æ¹¿åº¦ï¼" + recordMap[7].value + "%</span></p>";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | temp += "</div>";
|
|---|
| | | result.htm = temp;
|
|---|
| | | return result;
|
|---|
| | | }
|
|---|
| | | //æ®é空è°
|
|---|
| | | if (category == CATEGORY.D2003.code) {
|
|---|
| | | if(recordMap){
|
|---|
| | | if(recordMap[1] && recordMap[1].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | }else{
|
|---|
| | | if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[3]) {
|
|---|
| | | temp += "<p><span>设å®æ¸©åº¦ï¼" + recordMap[3].value + "â</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[4]) {
|
|---|
| | | temp += "<p><span>设å®æ¹¿åº¦ï¼" + recordMap[4].value + "%</span></p>";
|
|---|
| | | temp += "<p><span>室å
温度ï¼" + recordMap[4].value + "â</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[5]) {
|
|---|
| | | temp += "<p><span>室å
湿度ï¼" + recordMap[5].value + "%</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[6]) {
|
|---|
| | | temp += "<p><span>设å®æ¸©åº¦" + recordMap[6].value + "â</span></p>";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }
|
|---|
| | | temp += "</div>";
|
|---|
| | | result.htm = temp;
|
|---|
| | | return result;
|
|---|
| | | }
|
|---|
| | | //çµæ±
|
|---|
| | | if (category == CATEGORY.D1005.code) {
|
|---|
| | | if(recordMap){
|
|---|
| | | if(recordMap[1] && recordMap[1].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | }else{
|
|---|
| | | if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[125]) {
|
|---|
| | | temp += "<p><span>æ» çµ åï¼" + recordMap[125].value + "</span></p>";
|
|---|
| | | }
|
|---|
| | | if (recordMap[124]) {
|
|---|
| | | temp += "<p><span>æ» çµ æµï¼" + recordMap[124].value + "</span></p>";
|
|---|
| | | }
|
|---|
| | | // if (recordMap[3]) {
|
|---|
| | | // temp += "<p><span>çµæ± 个æ°ï¼" + recordMap[3].value + "</span></p>";
|
|---|
| | | // }
|
|---|
| | | // if (recordMap[126]) {
|
|---|
| | | // temp += "<p><span>åå¤æ¶é´ï¼" + recordMap[126].value + "</span></p>";
|
|---|
| | | // }
|
|---|
| | | }
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | temp += "</div>";
|
|---|
| | | // temp += "</marquee>";
|
|---|
| | | result.htm = temp;
|
|---|
| | | return result;
|
|---|
| | | }
|
|---|
| | | // //æ®é空è°
|
|---|
| | | // if (category == CATEGORY.D2003.code) {
|
|---|
| | | // if(recordMap){
|
|---|
| | | // if(recordMap[1] && recordMap[1].value == 1){
|
|---|
| | | // temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | // }else{
|
|---|
| | | // if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | // temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | // }else{
|
|---|
| | | // temp += "<div class = 'div-d'>";
|
|---|
| | | // // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // // temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | // }
|
|---|
| | | // if (recordMap[3]) {
|
|---|
| | | // temp += "<p><span>设å®æ¸©åº¦ï¼" + recordMap[3].value + "â</span></p>";
|
|---|
| | | // }
|
|---|
| | | // if (recordMap[4]) {
|
|---|
| | | // temp += "<p><span>设å®æ¹¿åº¦ï¼" + recordMap[4].value + "%</span></p>";
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // }else{
|
|---|
| | | // temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | // }
|
|---|
| | | // temp += "</div>";
|
|---|
| | | // result.htm = temp;
|
|---|
| | | // return result;
|
|---|
| | | // }
|
|---|
| | | // //çµæ±
|
|---|
| | | // if (category == CATEGORY.D1005.code) {
|
|---|
| | | // if(recordMap){
|
|---|
| | | // if(recordMap[1] && recordMap[1].value == 1){
|
|---|
| | | // temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | // }else{
|
|---|
| | | // if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | // temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | // }else{
|
|---|
| | | // temp += "<div class = 'div-d'>";
|
|---|
| | | // // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // // temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | // }
|
|---|
| | | // if (recordMap[125]) {
|
|---|
| | | // temp += "<p><span>æ» çµ åï¼" + recordMap[125].value + "</span></p>";
|
|---|
| | | // }
|
|---|
| | | // if (recordMap[124]) {
|
|---|
| | | // temp += "<p><span>æ» çµ æµï¼" + recordMap[124].value + "</span></p>";
|
|---|
| | | // }
|
|---|
| | | // // if (recordMap[3]) {
|
|---|
| | | // // temp += "<p><span>çµæ± 个æ°ï¼" + recordMap[3].value + "</span></p>";
|
|---|
| | | // // }
|
|---|
| | | // // if (recordMap[126]) {
|
|---|
| | | // // temp += "<p><span>åå¤æ¶é´ï¼" + recordMap[126].value + "</span></p>";
|
|---|
| | | // // }
|
|---|
| | | // }
|
|---|
| | | // }else{
|
|---|
| | | // temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | // }
|
|---|
| | | // temp += "</div>";
|
|---|
| | | // // temp += "</marquee>";
|
|---|
| | | // result.htm = temp;
|
|---|
| | | // return result;
|
|---|
| | | // }
|
|---|
| | | if(category == CATEGORY.D3001.code){
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "</div>";
|
|---|
| | | result.htm = temp;
|
|---|
| | | result.code = "EMPTY";
|
|---|
| | |
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | temp += "<div class = 'div-d '>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }
|
|---|
| | | temp += "</div>";
|
|---|
| | | result.htm = temp;
|
|---|
| | |
|---|
| | | if(recordMap){
|
|---|
| | | if(recordMap[1] && recordMap[1].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | if(recordMap[2] && recordMap[2].value == 1){
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ¥è¦</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>æ£å¸¸</span></p>";
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | }else{
|
|---|
| | | temp += "<div class = 'div-d font-warn'>";
|
|---|
| | | temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | // temp += "<p><span>"+device.name+"</span></p>";
|
|---|
| | | // temp += "<p><span>é讯å¼å¸¸</span></p>";
|
|---|
| | | result.warnState = 1;
|
|---|
| | | }
|
|---|
| | | temp += "</div>";
|
|---|
| | | result.htm = temp;
|
|---|
| | |
|---|
| | | * @param category
|
|---|
| | | * @returns {String}
|
|---|
| | | */
|
|---|
| | | function addCurImg(category) {
|
|---|
| | | function addCurImg(category,warnState) {
|
|---|
| | | //温湿度
|
|---|
| | | if (category == CATEGORY.D2001.code) {
|
|---|
| | | return "<img src='images/icon-ht@64.png'/>";
|
|---|
| | |
|---|
| | | }
|
|---|
| | | //UPS-ä¸ç¸
|
|---|
| | | if (category == CATEGORY.D1002.code) {
|
|---|
| | | if(warnState == 1){
|
|---|
| | | return "<img src='images/icon-ups@64.png'/>";
|
|---|
| | | }
|
|---|
| | | return "<img src='images/icon-ups@64.png'/>";
|
|---|
| | | }
|
|---|
| | | //UPS-åå
|
|---|
| | | if (category == CATEGORY.D1001.code) {
|
|---|
| | | if(warnState == 1){
|
|---|
| | | return "<img src='images/icon-ups@64.png'/>";
|
|---|
| | | }
|
|---|
| | | return "<img src='images/icon-ups@64.png'/>";
|
|---|
| | | }
|
|---|
| | | //é¨ç¦
|
|---|
| | |
|---|
| | | //ç²¾å¯ç©ºè°
|
|---|
| | | if (category == CATEGORY.D2002.code) {
|
|---|
| | | return "<img src='images/img-kt.png'/>";
|
|---|
| | | // return "<img src='images/icon-ups@64.png'/>";
|
|---|
| | | }
|
|---|
| | | //æ®é空è°
|
|---|
| | | if (category == CATEGORY.D2003.code) {
|
|---|
| | | return "<img src='images/img-kt2.png'/>";
|
|---|
| | | // return "<img src='images/icon-ups@64.png'/>";
|
|---|
| | | }
|
|---|
| | | //é£æº
|
|---|
| | | if (category == CATEGORY.D2004.code) {
|
|---|
| | |
|---|
| | | , trigger: 'click'
|
|---|
| | | , theme: 'custom'
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | renderPageInfo(2,50);
|
|---|
| | | //渲ææé®ä½ç½®
|
|---|
| | | renderParamBtn();
|
|---|
| | |
|
|---|
| | |
|---|
| | |
|
|---|
| | | $.each(data, function (index, item) {
|
|---|
| | | // if(item.flag == 0){
|
|---|
| | | html += '<tr><td><input class="ckeck" name="ckeck" type="checkbox" id="'+item.sn+'"/></td>';
|
|---|
| | | html += '<tr>';
|
|---|
| | | // html += '<td>' + (index + 1) + '</td>';
|
|---|
| | | html += '<td>' + item.sn + '</td>';
|
|---|
| | | html += '<td>' + item.name + '</td>';
|
|---|
| | |
|---|
| | | "processTime": timeStr1(data.processTime),
|
|---|
| | | "id": data.id
|
|---|
| | | };
|
|---|
| | | console.log(comData);
|
|---|
| | | // console.log(comData);
|
|---|
| | |
|
|---|
| | | $.post("./cgi-bin/warn-list/update", JSON.stringify(comData), function (data, status) {
|
|---|
| | | if ("success" == status) {
|
|---|
| | |
|---|
| | | "processTime": new Date().Format("yyyy-MM-dd hh:mm:ss")
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | if(screen.width==1920 && screen.height==1080){
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | area: ['50%', '62%'],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | | content: $('#editWarnDom')
|
|---|
| | | });
|
|---|
| | | }else if(screen.width==1280 && screen.height==1024){
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | area: ['80%', '64%'],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | | content: $('#editWarnDom')
|
|---|
| | | });
|
|---|
| | | }else{
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | area: ['50%', '62%'],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | | content: $('#editWarnDom')
|
|---|
| | | });
|
|---|
| | | }
|
|---|
| | | var paramWH = getWH("detail");
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | // area: ['50%', '62%'],
|
|---|
| | | area: [paramWH.w, paramWH.h],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | | content: $('#editWarnDom')
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | };
|
|---|
| | |
|
|---|
| | |
|---|
| | | "processTime": new Date().Format("yyyy-MM-dd hh:mm:ss")
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | var paramWH = getWH("detail");
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | title: false,
|
|---|
| | | area: ['50%', '62%'],
|
|---|
| | | // area: ['50%', '62%'],
|
|---|
| | | area: [paramWH.w, paramWH.h],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | |
|---|
| | |
|
|---|
| | | //æ¹å¤ç
|
|---|
| | | function batchHandle() {
|
|---|
| | | console.log("=============æ¹å¤ç============");
|
|---|
| | | checkbox_warn = [];
|
|---|
| | | var b;
|
|---|
| | | var id= "";
|
|---|
| | | $('[name=ckeck]:checked').each(function() {
|
|---|
| | | id= "";
|
|---|
| | | b = false;
|
|---|
| | | b = $(this).prop('checked');
|
|---|
| | | if(b){
|
|---|
| | | id = $(this).attr('id');
|
|---|
| | | checkbox_warn.push(warnMap[id]);
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | if(checkbox_warn.length <= 0){
|
|---|
| | | layer.msg("éæ©ä¸è½ä¸ºç©ºï¼");
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | console.log(checkbox_warn);
|
|---|
| | | for(var i=0;i<checkbox_warn.length;i++){
|
|---|
| | | if(checkbox_warn[i].flag !=0 ){
|
|---|
| | | console.log(checkbox_warn[i]);
|
|---|
| | | console.log("éä¸çæ°æ®ä¸åå¨å·²ç»å¤çè¿çæ°æ®ï¼");
|
|---|
| | | layer.msg("éä¸çæ°æ®ä¸åå¨å·²ç»å¤çè¿çæ°æ®ï¼");
|
|---|
| | | return;
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | $("#batch_processTime").attr("readOnly","readOnly");
|
|---|
| | | $("#batch_processTime").val(new Date().Format("yyyy-MM-dd hh:mm:ss"));
|
|---|
| | | var paramWH = getWH("batchHandle");
|
|---|
| | | layer.open({
|
|---|
| | | skin: 'mypop',
|
|---|
| | | type: 1,
|
|---|
| | | // title: 'è¦æ¥ä¿¡æ¯',
|
|---|
| | | title: false,
|
|---|
| | | area: ['50%', '35%'],
|
|---|
| | | // area: ['50%', '35%'],
|
|---|
| | | area: [paramWH.w, paramWH.h],
|
|---|
| | | closeBtn: 0,
|
|---|
| | | shade: 0,
|
|---|
| | | scrollbar: false,
|
|---|
| | |
|---|
| | |
|
|---|
| | | //æ¹éä¿®æ¹è¦æ¥ç¶æ
|
|---|
| | | function warnUpdateBatch() {
|
|---|
| | | // //åæ¥è¿è¡
|
|---|
| | | // $.ajaxSettings.async = false;
|
|---|
| | | // var param = {};
|
|---|
| | | // var note = $("#batch_note").val();
|
|---|
| | | // var processTime = $("#batch_processTime").val();
|
|---|
| | | // if(note){
|
|---|
| | | // if(checkbox_warn && checkbox_warn.length > 0){
|
|---|
| | | // for(var i=0;i<checkbox_warn.length;i++){
|
|---|
| | | // param = {};
|
|---|
| | | // param = {
|
|---|
| | | // "sn": checkbox_warn[i].sn,
|
|---|
| | | // "flag": 1,
|
|---|
| | | // "note": note,
|
|---|
| | | // "processTime": timeStr1(processTime),
|
|---|
| | | // "id": checkbox_warn[i].id
|
|---|
| | | // };
|
|---|
| | | // $.post("./cgi-bin/warn-list/update-batch", JSON.stringify(param), function (data, status) {
|
|---|
| | | // if ("success" == status) {
|
|---|
| | | // //å
³éå¼¹çª
|
|---|
| | | // // closepopBtn();
|
|---|
| | | // //éæ°å·æ°æ¤é¡µé¢æ°æ®
|
|---|
| | | // // queryWarn();
|
|---|
| | | // } else {
|
|---|
| | | // window.parent.notify("å¤ç失败ï¼è¯·éæ°æä½ï¼");
|
|---|
| | | // }
|
|---|
| | | // }, "json");
|
|---|
| | | // }
|
|---|
| | | // //å
³éå¼¹çª
|
|---|
| | | // closepopBtn();
|
|---|
| | | // //éæ°å·æ°æ¤é¡µé¢æ°æ®
|
|---|
| | | // queryWarn();
|
|---|
| | | // }else{
|
|---|
| | | // layer.msg("没æéä¸æ°æ®ï¼è¯·å
éä¸æ°æ®ï¼");
|
|---|
| | | // console.log("没æéä¸æ°æ®ï¼è¯·å
éä¸æ°æ®ï¼");
|
|---|
| | | // }
|
|---|
| | | // }else{
|
|---|
| | | // layer.msg("å¤ç说æä¸è½ä¸ºç©ºï¼");
|
|---|
| | | // console.log("å¤ç说æä¸è½ä¸ºç©ºï¼");
|
|---|
| | | // }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | //åæ¥è¿è¡
|
|---|
| | | $.ajaxSettings.async = false;
|
|---|
| | |
|---|
| | | if(note){
|
|---|
| | |
|
|---|
| | | param = {
|
|---|
| | | "sn": sns,
|
|---|
| | | // "sn": sns,
|
|---|
| | | "note": note,
|
|---|
| | | "processTime": timeStr1(processTime)
|
|---|
| | | };
|
|---|
| | |
|---|
| | | }
|
|---|
| | | }, "json");
|
|---|
| | |
|
|---|
| | | // if(checkbox_warn && checkbox_warn.length > 0){
|
|---|
| | | // for(var i=0;i<checkbox_warn.length;i++){
|
|---|
| | | // sns += checkbox_warn[i].sn;
|
|---|
| | | // ids += checkbox_warn[i].id;
|
|---|
| | | // if(i < checkbox_warn.length -1){
|
|---|
| | | // sns += ",";
|
|---|
| | | // ids += ",";
|
|---|
| | | // }
|
|---|
| | | // }
|
|---|
| | | // param = {
|
|---|
| | | // "sn": sns,
|
|---|
| | | // "note": note,
|
|---|
| | | // "processTime": timeStr1(processTime)
|
|---|
| | | // };
|
|---|
| | | // $.post("./cgi-bin/warn-list/update-batch", JSON.stringify(param), function (data, status) {
|
|---|
| | | // if ("success" == status) {
|
|---|
| | | // //å
³éå¼¹çª
|
|---|
| | | // closepopBtn();
|
|---|
| | | // //éæ°å·æ°æ¤é¡µé¢æ°æ®
|
|---|
| | | // queryWarn();
|
|---|
| | | // } else {
|
|---|
| | | // window.parent.notify("å¤ç失败ï¼è¯·éæ°æä½ï¼");
|
|---|
| | | // }
|
|---|
| | | // }, "json");
|
|---|
| | | // // //å
³éå¼¹çª
|
|---|
| | | // // closepopBtn();
|
|---|
| | | // // //éæ°å·æ°æ¤é¡µé¢æ°æ®
|
|---|
| | | // // queryWarn();
|
|---|
| | | // }else{
|
|---|
| | | // layer.msg("没æéä¸æ°æ®ï¼è¯·å
éä¸æ°æ®ï¼");
|
|---|
| | | // console.log("没æéä¸æ°æ®ï¼è¯·å
éä¸æ°æ®ï¼");
|
|---|
| | | // }
|
|---|
| | | }else{
|
|---|
| | | layer.msg("å¤ç说æä¸è½ä¸ºç©ºï¼");
|
|---|
| | | console.log("å¤ç说æä¸è½ä¸ºç©ºï¼");
|
|---|
| | |
|---|
| | | }else if(screen.width==1280 && screen.height==1024){
|
|---|
| | | // $("#param-btn").addClass("layui-col-md4");
|
|---|
| | | $("#param-btn").removeClass("layui-col-md4");
|
|---|
| | | }else if(screen.width==1280 && screen.height==800){
|
|---|
| | | // $("#param-btn").addClass("layui-col-md4");
|
|---|
| | | $("#param-btn").removeClass("layui-col-md4");
|
|---|
| | | }else{
|
|---|
| | | // $("#param-btn").addClass("layui-col-md6");
|
|---|
| | | $("#param-btn").removeClass("layui-col-md6");
|
|---|
| | |
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function getWH(tag) {
|
|---|
| | | var res = {
|
|---|
| | | w:"50%",
|
|---|
| | | h:"64%"
|
|---|
| | | };
|
|---|
| | | if(screen.width==1920 && screen.height==1080){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | if(tag == "batchHandle"){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | }
|
|---|
| | | }else if(screen.width==1280 && screen.height==1024){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | if(tag == "detail"){
|
|---|
| | | res = {w:"80%",h:"95%"};
|
|---|
| | | }
|
|---|
| | | if(tag == "batchHandle"){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | }
|
|---|
| | | }else if(screen.width==1280 && screen.height==800){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | if(tag == "detail"){
|
|---|
| | | res = {w:"80%",h:"95%"};
|
|---|
| | | }
|
|---|
| | | if(tag == "batchHandle"){
|
|---|
| | | res = {w:"80%",h:"64%"};
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | return res;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | |
|
|---|
| | | <h1 class="login-tit">
|
|---|
| | | <img src="images/login-titimg.png" style="display: none;" />
|
|---|
| | | <p style="color:#ffffff;font-size: 60px;padding-top: 30px;letter-spacing: 20px;">
|
|---|
| | | <p style="">
|
|---|
| | | æºè½æ°æ®éé主æº
|
|---|
| | | </p>
|
|---|
| | | </h1>
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-col-space20">
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | | <div class="layui-col-space20">
|
|---|
| | |
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-table jmkt-table-wrap">
|
|---|
| | | <i class="i"></i>
|
|---|
| | | <div id="div-body" style="height: 615px;">
|
|---|
| | | <div class="div-body" style="">
|
|---|
| | | <table class="layui-table pdgxq-table1" id="record-his-list" lay-skin="nob"
|
|---|
| | | style="width: 1620px;">
|
|---|
| | | style="width: 100%;">
|
|---|
| | | <thead id="thead">
|
|---|
| | | <tr>
|
|---|
| | | <th style="width: 100px;">设å¤ID</th>
|
|---|
| | |
|---|
| | | <th style="width: 120px;">æ°æ®</th>
|
|---|
| | | </tr>
|
|---|
| | | </thead>
|
|---|
| | | <tbody id="recordList">
|
|---|
| | |
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>设å¤ID</td>-->
|
|---|
| | | <!-- <td>1å·ç²¾å¯ç©ºè°</td>-->
|
|---|
| | | <!-- <td>2021-10-25 10:25:25</td>-->
|
|---|
| | | <!-- <td>æ°æ®1</td>-->
|
|---|
| | | <!-- <td>æ°æ®2</td>-->
|
|---|
| | | <!-- <td>æ°æ®3</td>-->
|
|---|
| | | <!-- <td>æ°æ®4</td>-->
|
|---|
| | | <!-- <td>æ°æ®5</td>-->
|
|---|
| | | <!-- <td>æ°æ®6</td>-->
|
|---|
| | | <!-- <td>æ°æ®7</td>-->
|
|---|
| | | <!-- <td>æ°æ®8</td>-->
|
|---|
| | | <!-- <td>æ°æ®9</td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | |
|
|---|
| | | <tbody class="table-tbody" id="recordList">
|
|---|
| | | </tbody>
|
|---|
| | | </table>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | <div class="popCon">
|
|---|
| | | <div style="height: 455px;">
|
|---|
| | | <div class="popCon-div" style="">
|
|---|
| | | <div id="popTable" class="popTable">
|
|---|
| | | <div class="table-thead">
|
|---|
| | | <table class="layui-table pdgxq-table1 poptable" lay-skin="nob">
|
|---|
| | |
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body id="body">
|
|---|
| | | <body id="body" class="div-body">
|
|---|
| | | <!-- å¤´é¨ -->
|
|---|
| | | <!-- å¤´é¨ -->
|
|---|
| | | <!-- banner -->
|
|---|
| | | <!-- banner -->
|
|---|
| | | <!-- å
容 -->
|
|---|
| | | <div class="main" style="position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index:2;">
|
|---|
| | | <div class="main " style="position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index:2;">
|
|---|
| | | <div class="g-box">
|
|---|
| | | <div class="m-topl">
|
|---|
| | | <!-- <a href="" class="back"><i></i>è¿åé¦é¡µ</a>-->
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | |
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-table jmkt-table-wrap">
|
|---|
| | | <i class="i"></i>
|
|---|
| | | <div style="height: 640px">
|
|---|
| | | <div style="">
|
|---|
| | | <div class="table-thead">
|
|---|
| | | <table class="layui-table pdgxq-table1" lay-skin="nob">
|
|---|
| | | <colgroup>
|
|---|
| | |
|---|
| | | .jmkt-main{
|
|---|
| | | margin-top: 10px;
|
|---|
| | | }
|
|---|
| | | .lsyg-jkxx-box{
|
|---|
| | | margin: 1px 5px 5px 5px;
|
|---|
| | | height: 680px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | | <!-- <h2>临æ¶é¡µé¢</h2>-->
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-lg6 layui-col-md6">
|
|---|
| | | <div class="lsyq-item" style="height: 360px;">
|
|---|
| | | <div class="lsyq-item lsyq-item4" style="">
|
|---|
| | | <div id="i-form4" style="width: 100%;">
|
|---|
| | | <form class="layui-form" id="4g" lay-filter="4g" action="">
|
|---|
| | | <div class="pdgxq-H">
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | |
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-table jmkt-table-wrap">
|
|---|
| | | <i class="i"></i>
|
|---|
| | | <div style="height: 640px">
|
|---|
| | | <div style="">
|
|---|
| | | <div class="table-thead">
|
|---|
| | | <table class="layui-table pdgxq-table1" lay-skin="nob">
|
|---|
| | | <colgroup>
|
|---|
| | |
|---|
| | | <option value="6">COM6</option>
|
|---|
| | | <option value="7">COM7</option>
|
|---|
| | | <option value="8">COM8</option>
|
|---|
| | | <option value="9">COM9</option>
|
|---|
| | | <option value="10">COM10</option>
|
|---|
| | | <option value="11">COM11</option>
|
|---|
| | | <option value="12">COM12</option>
|
|---|
| | | <option value="13">COM13</option>
|
|---|
| | | <option value="14">COM14</option>
|
|---|
| | | <option value="15">COM15</option>
|
|---|
| | | <option value="16">COM16</option>
|
|---|
| | | </select>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <option value="6">COM6</option>
|
|---|
| | | <option value="7">COM7</option>
|
|---|
| | | <option value="8">COM8</option>
|
|---|
| | | <option value="9">COM9</option>
|
|---|
| | | <option value="10">COM10</option>
|
|---|
| | | <option value="11">COM11</option>
|
|---|
| | | <option value="12">COM12</option>
|
|---|
| | | <option value="13">COM13</option>
|
|---|
| | | <option value="14">COM14</option>
|
|---|
| | | <option value="15">COM15</option>
|
|---|
| | | <option value="16">COM16</option> |
|---|
| | | </select>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | | <option value="6">COM6</option>
|
|---|
| | | <option value="7">COM7</option>
|
|---|
| | | <option value="8">COM8</option>
|
|---|
| | | <option value="9">COM9</option>
|
|---|
| | | <option value="10">COM10</option>
|
|---|
| | | <option value="11">COM11</option>
|
|---|
| | | <option value="12">COM12</option>
|
|---|
| | | <option value="13">COM13</option>
|
|---|
| | | <option value="14">COM14</option>
|
|---|
| | | <option value="15">COM15</option>
|
|---|
| | | <option value="16">COM16</option> |
|---|
| | | </select>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | |
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <!-- <h2>临æ¶é¡µé¢</h2>-->
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | |
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | |
|
|---|
| | |
|---|
| | | .arrow_box {
|
|---|
| | | position: absolute;
|
|---|
| | | background: #88b7d5;
|
|---|
| | | border: 1px solid #c2e1f5;
|
|---|
| | | /*background: #fff;*/
|
|---|
| | | /*opacity: 0.8;*/
|
|---|
| | | border: 0px solid #c2e1f5;
|
|---|
| | | padding: 2px;
|
|---|
| | | width: 150px;
|
|---|
| | | height: 45px;
|
|---|
| | | border-radius: 6px;
|
|---|
| | | /*width: 140px;*/
|
|---|
| | | height: 30px;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | }
|
|---|
| | | .arrow_box_1 {
|
|---|
| | | position: absolute;
|
|---|
| | | background: rgba(12, 70, 118, 1);
|
|---|
| | | border: 1px solid rgba(22, 146, 220, 1);
|
|---|
| | | background: rgba(255,255,255, 0);
|
|---|
| | | border: 1px solid rgba(255,255,255, 0);
|
|---|
| | | padding: 2px;
|
|---|
| | | width: 150px;
|
|---|
| | | height: 45px;
|
|---|
| | | border-radius: 6px;
|
|---|
| | | /*width: 160px;*/
|
|---|
| | | height: 40px;
|
|---|
| | | border-radius: 3px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .arrow_min{
|
|---|
| | | width: 80px;
|
|---|
| | | height: 45px;
|
|---|
| | | height: 40px;
|
|---|
| | | border-radius: 6px;
|
|---|
| | | position: absolute;
|
|---|
| | | /* background: #88b7d5; */
|
|---|
| | | /* background: #88b7d5; */
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .arrow_box:after, .arrow_box:before {
|
|---|
| | |
|---|
| | |
|
|---|
| | | .arrow_box:after {
|
|---|
| | | border-color: rgba(136, 183, 213, 0);
|
|---|
| | | border-top-color: #88b7d5;
|
|---|
| | | border-top-color: #fff;
|
|---|
| | | opacity: 0;
|
|---|
| | | border-width: 18px;
|
|---|
| | | margin-left: -18px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .arrow_box:before {
|
|---|
| | | border-color: rgba(194, 225, 245, 0);
|
|---|
| | | border-top-color: #c2e1f5;
|
|---|
| | | border-top-color: #fff;
|
|---|
| | | opacity: 0;
|
|---|
| | | border-width: 19px;
|
|---|
| | | margin-left: -19px;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | |
|
|---|
| | | .tip{
|
|---|
| | | cursor: pointer;
|
|---|
| | | }
|
|---|
| | | |
|---|
| | |
|
|---|
| | | .tip img {
|
|---|
| | | height: 44px;
|
|---|
| | | width: 44px;
|
|---|
| | | height: 22px;
|
|---|
| | | width: 22px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div-c {
|
|---|
| | | /*float: left;*/
|
|---|
| | | height: 43px;
|
|---|
| | | /*display: none;*/
|
|---|
| | | float: left;
|
|---|
| | | height: 38px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div-d2 {
|
|---|
| | | text-align: left;
|
|---|
| | | height: 43px;
|
|---|
| | | height: 38px;
|
|---|
| | | /*color: #FFF;*/
|
|---|
| | | color: #FFF;
|
|---|
| | | font-size: 14px;
|
|---|
| | | color: #000;
|
|---|
| | | font-size: 12px;
|
|---|
| | | line-height: 20px;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .div-d {
|
|---|
| | | text-align: left;
|
|---|
| | | height: 43px;
|
|---|
| | | color: rgb(255,128,64);
|
|---|
| | | font-size: 12px;
|
|---|
| | | line-height: 18px;
|
|---|
| | | float: left;
|
|---|
| | | text-align: center;
|
|---|
| | | height: 40px;
|
|---|
| | | color: #000;
|
|---|
| | | /*color: #FFF;*/
|
|---|
| | | font-size: 8px;
|
|---|
| | | line-height: 10px;
|
|---|
| | | font-weight: bold;
|
|---|
| | | }
|
|---|
| | | .arrow_min .div-d {
|
|---|
| | | color: #000cff;
|
|---|
| | | }
|
|---|
| | | .font-warn{
|
|---|
| | | color: #FF5722 !important;
|
|---|
| | | color: #ff0000 !important;
|
|---|
| | | }
|
|---|
| | | .div-temp {
|
|---|
| | | text-align: left;
|
|---|
| | |
|---|
| | | color: #FFF;
|
|---|
| | | }
|
|---|
| | | .div-d p{
|
|---|
| | | /*width: 200px;*/
|
|---|
| | | width: 80px;
|
|---|
| | | /*width: 200px;*/
|
|---|
| | | /* width: 80px;*/
|
|---|
| | | /*white-space:nowrap;*/
|
|---|
| | | }
|
|---|
| | | @media only screen and (max-width:1280px) and (max-height: 800px){
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body class="pdgxq-body">
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-fluid">
|
|---|
| | | <div class="pdgxq-m1 layui-row layui-col-space20">
|
|---|
| | |
|---|
| | | </head>
|
|---|
| | |
|
|---|
| | | <body>
|
|---|
| | | <div class="i-container">
|
|---|
| | | <div class="i-container div-body">
|
|---|
| | | <div class="jmkt-main">
|
|---|
| | | <div class="layui-col-space20">
|
|---|
| | | <div class="layui-col-lg5 layui-col-md5">
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div class="layui-col-md4 layui-col-md6" style="display: none;" id="param-btn">
|
|---|
| | | <div class="layui-col-md4" style="" id="param-btn">
|
|---|
| | | <div class="layui-inline">
|
|---|
| | | <div class="layui-input-block btns" style="margin-left: 15px">
|
|---|
| | | <button class="layui-btn layui-btn-normal"
|
|---|
| | |
|---|
| | | <div class="pdgxq-m1-right pdgxq-m1-box">
|
|---|
| | | <div class="pdgxq-table jmkt-table-wrap">
|
|---|
| | | <i class="i"></i>
|
|---|
| | | <div style="height: 555px">
|
|---|
| | | <div class="table-thead">
|
|---|
| | | <table class="layui-table pdgxq-table1" id="warn-list" lay-skin="nob">
|
|---|
| | | <colgroup>
|
|---|
| | | <col width="2%">
|
|---|
| | | <col width="5%">
|
|---|
| | | <col width="15%">
|
|---|
| | | <col width="10%">
|
|---|
| | |
|---|
| | | </colgroup>
|
|---|
| | | <thead>
|
|---|
| | | <tr>
|
|---|
| | | <th onclick="allCheckbox();"><input id="all" type="checkbox"/></th>
|
|---|
| | | <th>åºå·</th>
|
|---|
| | | <th></th>
|
|---|
| | | <th>设å¤å称</th>
|
|---|
| | | <th>设å¤ID</th>
|
|---|
| | | <th>è¦åæ¶é´</th>
|
|---|
| | |
|---|
| | | <th>æä½</th>
|
|---|
| | | </tr>
|
|---|
| | | </thead>
|
|---|
| | | </table>
|
|---|
| | | </div>
|
|---|
| | | <div class="table-tbody">
|
|---|
| | | <table class="layui-table pdgxq-table1" lay-skin="nob">
|
|---|
| | | <colgroup>
|
|---|
| | | <col width="5%">
|
|---|
| | | <col width="15%">
|
|---|
| | | <col width="10%">
|
|---|
| | | <col width="15%">
|
|---|
| | | <col width="10%">
|
|---|
| | | <col>
|
|---|
| | | <col width="16%">
|
|---|
| | | </colgroup>
|
|---|
| | | <tbody id="warnList">
|
|---|
| | | <tr>
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>1</td>-->
|
|---|
| | | <td>1</td>
|
|---|
| | | <td>设å¤1</td>
|
|---|
| | | <td>10010001</td>
|
|---|
| | | <td>2021-02-18 16:46:46</td>
|
|---|
| | | <td>æªå¤ç</td>
|
|---|
| | | <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>
|
|---|
| | | <td>
|
|---|
| | | <button style="height: 29px;line-height: 29px;"
|
|---|
| | | class="layui-btn layui-btn-normal" lay-event="edit">å¤ç
|
|---|
| | | </button>
|
|---|
| | | <button style="height: 29px;line-height: 29px;"
|
|---|
| | | class="layui-btn layui-btn-normal" onclick="warnTodo()" lay-event="detail">æ¥ç
|
|---|
| | | </button>
|
|---|
| | | </td>
|
|---|
| | | </tr>
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>2</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | |
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" onclick="warnTodo()" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>3</td>-->
|
|---|
| | | <!-- <td>1</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | |
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>4</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>5</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>6</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>7</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>8</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>9</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | | <!-- <tr>-->
|
|---|
| | | <!-- <td>10</td>-->
|
|---|
| | | <!-- <td>设å¤1</td>-->
|
|---|
| | | <!-- <td>10010001</td>-->
|
|---|
| | | <!-- <td>2021-02-18 16:46:46</td>-->
|
|---|
| | | <!-- <td>æªå¤ç</td>-->
|
|---|
| | | <!-- <td>UPSæ¥è¦ï¼çµé仪æ¥è¦ï¼ç©ºè°æ¥è¦ï¼1å·æ¸©æ¹¿åº¦æ¥è¦</td>-->
|
|---|
| | | <!-- <td>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="edit">å¤ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- <button style="height: 29px;line-height: 29px;"-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- class="layui-btn layui-btn-normal" onclick="warnTodo()" lay-event="detail">æ¥ç-->
|
|---|
| | | <!-- </button>-->
|
|---|
| | | <!-- </td>-->
|
|---|
| | | <!-- </tr>-->
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | </tbody>
|
|---|
| | | </table>
|
|---|
| | | </div>
|
|---|
| | |
|
|---|
| | | </div>
|
|---|
| | | <div class="pdgxq-pagebox">
|
|---|
| | | <div id="pdgxq-page"></div>
|
|---|
| | | </div>
|
|---|
