diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 0701db6..f6fc103 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -1,20 +1,20 @@
@charset "UTF-8";
-.scroll, .el-dropdown-menu, .index .index-content .right.right-page .page-content, .formula .page-content, .realTime, .history .page-content .el-table--scrollable-x .el-table__body-wrapper {
+.scroll, .el-dropdown-menu, .index .index-content .right.right-page .page-content, .formula .page-content, .realTime, .history .page-content .el-table--scrollable-x .el-table__body-wrapper, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper, .vrcode-model .el-dialog {
overflow-y: auto;
}
-.scroll::-webkit-scrollbar, .el-dropdown-menu::-webkit-scrollbar, .index .index-content .right.right-page .page-content::-webkit-scrollbar, .formula .page-content::-webkit-scrollbar, .realTime::-webkit-scrollbar, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar {
+.scroll::-webkit-scrollbar, .el-dropdown-menu::-webkit-scrollbar, .index .index-content .right.right-page .page-content::-webkit-scrollbar, .formula .page-content::-webkit-scrollbar, .realTime::-webkit-scrollbar, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar, .vrcode-model .el-dialog::-webkit-scrollbar {
/*滚动条整体*/
width: 10px;
cursor: pointer;
}
-.scroll::-webkit-scrollbar-track, .el-dropdown-menu::-webkit-scrollbar-track, .index .index-content .right.right-page .page-content::-webkit-scrollbar-track, .formula .page-content::-webkit-scrollbar-track, .realTime::-webkit-scrollbar-track, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track {
+.scroll::-webkit-scrollbar-track, .el-dropdown-menu::-webkit-scrollbar-track, .index .index-content .right.right-page .page-content::-webkit-scrollbar-track, .formula .page-content::-webkit-scrollbar-track, .realTime::-webkit-scrollbar-track, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track, .vrcode-model .el-dialog::-webkit-scrollbar-track {
/*滚动条轨道*/
background: #013769;
}
-.scroll::-webkit-scrollbar-thumb, .el-dropdown-menu::-webkit-scrollbar-thumb, .index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb, .formula .page-content::-webkit-scrollbar-thumb, .realTime::-webkit-scrollbar-thumb, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb {
+.scroll::-webkit-scrollbar-thumb, .el-dropdown-menu::-webkit-scrollbar-thumb, .index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb, .formula .page-content::-webkit-scrollbar-thumb, .realTime::-webkit-scrollbar-thumb, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb, .vrcode-model .el-dialog::-webkit-scrollbar-thumb {
/*滚动条里面的滑块*/
width: 4px;
cursor: pointer;
@@ -22,17 +22,18 @@
border: 3px solid #013769;
}
-.scroll::-webkit-scrollbar-thumb:hover, .el-dropdown-menu::-webkit-scrollbar-thumb:hover, .index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb:hover, .formula .page-content::-webkit-scrollbar-thumb:hover, .realTime::-webkit-scrollbar-thumb:hover, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
+.scroll::-webkit-scrollbar-thumb:hover, .el-dropdown-menu::-webkit-scrollbar-thumb:hover, .index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb:hover, .formula .page-content::-webkit-scrollbar-thumb:hover, .realTime::-webkit-scrollbar-thumb:hover, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb:hover, .vrcode-model .el-dialog::-webkit-scrollbar-thumb:hover {
/*滚动条鼠标事件,鼠标放上去出现的事件*/
}
-.scroll::-webkit-scrollbar-corner, .el-dropdown-menu::-webkit-scrollbar-corner, .index .index-content .right.right-page .page-content::-webkit-scrollbar-corner, .formula .page-content::-webkit-scrollbar-corner, .realTime::-webkit-scrollbar-corner, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-corner {
+.scroll::-webkit-scrollbar-corner, .el-dropdown-menu::-webkit-scrollbar-corner, .index .index-content .right.right-page .page-content::-webkit-scrollbar-corner, .formula .page-content::-webkit-scrollbar-corner, .realTime::-webkit-scrollbar-corner, .history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-corner, .vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-corner, .vrcode-model .el-dialog::-webkit-scrollbar-corner {
/*滚动条边角*/
}
+.el-popconfirm__main,
.el-date-table td span,
.el-date-range-picker__header div {
- color: #606266;
+ color: #606266 !important;
}
.el-date-table td.end-date div span,
@@ -40,6 +41,10 @@
color: #fff !important;
}
+.el-button--text span {
+ color: #409EFF !important;
+}
+
.el-dropdown-menu {
max-height: 300px;
}
@@ -2237,6 +2242,523 @@
color: #FFFFFF;
}
+.flex-end {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+}
+
+.vrcode-textarea {
+ width: 100%;
+ margin-bottom: 15px;
+}
+
+.vrcode-textarea .title {
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ margin-bottom: 7px;
+}
+
+.vrcode-textarea textarea {
+ width: 680px;
+ height: 160px;
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ padding: 15px;
+ color: #fff;
+}
+
+.vrcode-textarea textarea::placeholder {
+ color: #92B1D0;
+}
+
+.vrcode-table .vrcode-btn {
+ margin-bottom: 20px;
+}
+
+.vrcode-table .vrcode-table-view.table-view {
+ background: transparent;
+ margin-top: 10px;
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
+ border: none;
+ background-color: transparent;
+}
+
+.vrcode-table .vrcode-table-view.table-view .cell {
+ text-align: center;
+}
+
+.vrcode-table .vrcode-table-view.table-view :empty::before {
+ content: '--';
+ color: #fff;
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table .warning-row {
+ background: rgba(0, 180, 255, 0.2);
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table .success-row {
+ background: rgba(0, 47, 94, 0.35);
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell, .vrcode-table .vrcode-table-view.table-view .el-table__row {
+ height: 60px;
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table::before,
+.vrcode-table .vrcode-table-view.table-view .el-table--border::after {
+ height: 0;
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table,
+.vrcode-table .vrcode-table-view.table-view .el-table tr,
+.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell {
+ border: none;
+ background: transparent;
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf {
+ border: none;
+ background: rgba(0, 180, 255, 0.2);
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell {
+ font-size: 14px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+ color: #FFFFFF;
+}
+
+.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.vrcode-table .vrcode-table-view.table-view .table-flex {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter {
+ display: none;
+}
+
+.vrcode-table .vrcode-table-view.table-view .isOpen {
+ width: 80px;
+ height: 30px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 15px;
+ font-size: 14px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+}
+
+.vrcode-table .vrcode-table-view.table-view .isOpen.open-green {
+ background: rgba(0, 255, 186, 0.1);
+ color: #00FFBA;
+ border: 1px solid rgba(0, 255, 186, 0.4);
+}
+
+.vrcode-table .vrcode-table-view.table-view .isOpen.open-red {
+ background: rgba(245, 108, 108, 0.6);
+ border: 1px solid #F56C6C;
+ color: #FFFFFF;
+}
+
+.vrcode-btn {
+ width: 100px;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ cursor: pointer;
+ margin: 7.5px 10px 7.5px 0 !important;
+ border-radius: 3px;
+}
+
+.vrcode-btn > img {
+ margin-right: 5px;
+}
+
+.vrcode-btn.blue-btn {
+ background: #00A6FF;
+}
+
+.vrcode-btn.blue-btn:hover {
+ background: #0089F2;
+}
+
+.vrcode-btn.red-btn {
+ background: #F56C6C;
+}
+
+.vrcode-btn.red-btn:hover {
+ background: #FF5E5E;
+}
+
+.vrcode-btn.save-btn {
+ background: #00BB88;
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+}
+
+.vrcode-btn.save-btn:hover {
+ background: #009E73;
+}
+
+.vrcode-btn.cancle-btn {
+ width: 100px;
+ background: rgba(0, 186, 255, 0.15);
+ border: 2px solid rgba(0, 186, 255, 0.4);
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+}
+
+.vrcode-btn.cancle-btn:hover {
+ background: rgba(0, 186, 255, 0.15);
+ border: 2px solid rgba(0, 186, 255, 0.6);
+}
+
+.vrcode-model .vrcode-model-title {
+ width: 100%;
+ height: 43px;
+ background: url(../img/vrcode-title.png) no-repeat;
+ background-size: 222px 43px;
+ background-position: left center;
+ padding-left: 46px;
+ line-height: 43px;
+ font-size: 20px;
+ font-family: Microsoft YaHei;
+ position: relative;
+ font-weight: bold;
+}
+
+.vrcode-model .vrcode-model-title::after {
+ content: ' ';
+ width: 32px;
+ height: 33px;
+ background: url(../img/vrcode-title-icon.png) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ left: 7px;
+ top: 4px;
+}
+
+.vrcode-model .vrcode-input {
+ width: 300px;
+ margin-right: 30px;
+ margin-bottom: 15px;
+}
+
+.vrcode-model .vrcode-input .input-title {
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+ margin-bottom: 7px;
+}
+
+.vrcode-model .vrcode-input input {
+ width: 300px;
+ height: 44px;
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ font-size: 16px;
+ padding-left: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+}
+
+.vrcode-model .vrcode-input input::placeholder {
+ color: #92B1D0;
+}
+
+.vrcode-model .vrcode-input-sel {
+ margin-right: 30px;
+ margin-bottom: 15px;
+}
+
+.vrcode-model .vrcode-input-sel > .title {
+ margin-bottom: 7px;
+}
+
+.vrcode-model .vrcode-input-sel .el-dropdown-link {
+ width: 300px;
+ height: 44px;
+ cursor: pointer;
+ position: relative;
+}
+
+.vrcode-model .vrcode-input-sel .el-dropdown-link input {
+ width: 100%;
+ height: 100%;
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ font-size: 16px;
+ padding-left: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+}
+
+.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder {
+ color: #92B1D0;
+}
+
+.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow {
+ width: 33px;
+ height: 24px;
+ border-left: 1px solid #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow > img {
+ width: 6px;
+ height: 4px;
+}
+
+.vrcode-model .vrcode-input-seltime {
+ margin-right: 30px;
+ margin-bottom: 15px;
+}
+
+.vrcode-model .vrcode-input-seltime > .title {
+ margin-bottom: 7px;
+}
+
+.vrcode-model .vrcode-input-seltime .seltime {
+ width: 300px;
+ height: 44px;
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ position: relative;
+}
+
+.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix {
+ display: none;
+}
+
+.vrcode-model .vrcode-input-seltime .seltime input {
+ width: 300px;
+ height: 40px;
+ font-size: 16px;
+ padding-left: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+ background: transparent;
+ border: none;
+}
+
+.vrcode-model .vrcode-input-seltime .seltime input::placeholder {
+ color: #92B1D0;
+}
+
+.vrcode-model .vrcode-input-seltime .seltime .seltime-icon {
+ width: 38px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-left: 1px solid #fff;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.vrcode-model .vrcode-input-seltime .seltime .seltime-icon > img {
+ width: 16px;
+ height: auto;
+}
+
+.vrcode-model .vrcode-radio {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: 15px;
+}
+
+.vrcode-model .vrcode-radio .no-sel {
+ width: 35px;
+ height: 35px;
+ box-shadow: 0 0 15px rgba(53, 187, 247, 0.5) inset;
+ border: 1px solid rgba(0, 204, 255, 0.7);
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+.vrcode-model .vrcode-radio .sel {
+ width: 35px;
+ height: 35px;
+ background: url(../image/radio.png) no-repeat center;
+ background-size: 100% 100%;
+ cursor: pointer;
+}
+
+.vrcode-model .vrcode-radio > div {
+ margin-right: 30px;
+ display: flex;
+ align-items: center;
+}
+
+.vrcode-model .vrcode-radio > div span {
+ margin-left: 8px;
+}
+
+.vrcode-model .vrcode-selimage {
+ width: 100%;
+}
+
+.vrcode-model .vrcode-selimage > .title {
+ margin-bottom: 7px;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view #sel-img {
+ display: none;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div {
+ width: 130px;
+ height: 130px;
+ margin-right: 30px;
+ background: rgba(86, 209, 255, 0.25);
+ border: 1px dashed #56D1FF;
+ cursor: pointer;
+ margin-bottom: 15px;
+ flex-shrink: 0;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img {
+ position: relative;
+ padding: 10px;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img {
+ display: flex;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .el-image {
+ width: 100%;
+ height: 100%;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img {
+ width: 110px;
+ height: 110px;
+ background: rgba(0, 0, 0, 0.3);
+ display: none;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img {
+ width: 44px;
+ height: 44px;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel > img {
+ width: 30px;
+ height: 30px;
+}
+
+.vrcode-model .vrcode-title {
+ width: 100%;
+ margin-bottom: 15px;
+ font-size: 20px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+ color: #FFFFFF;
+ position: relative;
+ padding-left: 13px;
+}
+
+.vrcode-model .vrcode-title::after {
+ content: ' ';
+ width: 3px;
+ height: 21px;
+ background: #0294E2;
+ border-radius: 2px;
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+}
+
+.vrcode-model .el-dialog__body {
+ width: 100%;
+ min-height: calc(30vh - 70px);
+}
+
+.vrcode-model .el-dialog__body .vrcode-content {
+ width: 100%;
+ height: calc(100% - 43px);
+ padding: 0 30px;
+}
+
+.vrcode-model .el-dialog__body .vrcode-content .vrcode-view {
+ width: 100%;
+ padding: 20px 0 15px 0;
+ border-bottom: 1px solid rgba(0, 180, 255, 0.35);
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+}
+
+.vrcode-model .el-dialog__body .vrcode-content .vrcode-view > div {
+ flex-shrink: 0;
+}
+
+.vrcode-model .el-dialog {
+ background: rgba(0, 76, 147, 0.9);
+ border: 2px solid rgba(0, 186, 255, 0.6);
+ max-height: 90vh;
+ min-height: 30vh;
+}
+
+.dialog-footer {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+}
+
.plantingPlan {
width: 100%;
height: 100%;
@@ -2257,4 +2779,28 @@
background: url(../img/plan-bg.png) no-repeat center;
background-size: 100% 100%;
margin: 7.5px 15px;
+ padding: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.plantingPlan .plan-view .plan-view-left {
+ width: 180px;
+ height: 100%;
+}
+
+.plantingPlan .plan-view .plan-view-right {
+ width: calc(100% - 200px);
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ flex-direction: column;
+}
+
+.plantingPlan .plan-view .plan-view-right .name {
+ font-size: 24px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+ color: #FFFFFF;
}
diff --git a/src/assets/css/main.min.css b/src/assets/css/main.min.css
index 5843889..c816192 100644
--- a/src/assets/css/main.min.css
+++ b/src/assets/css/main.min.css
@@ -1 +1 @@
-.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-date-table td span,.el-date-range-picker__header div{color:#606266}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 20px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px}
+.scroll,.el-dropdown-menu,.index .index-content .right.right-page .page-content,.formula .page-content,.realTime,.history .page-content .el-table--scrollable-x .el-table__body-wrapper,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper,.vrcode-model .el-dialog{overflow-y:auto}.scroll::-webkit-scrollbar,.el-dropdown-menu::-webkit-scrollbar,.index .index-content .right.right-page .page-content::-webkit-scrollbar,.formula .page-content::-webkit-scrollbar,.realTime::-webkit-scrollbar,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar,.vrcode-model .el-dialog::-webkit-scrollbar{width:10px;cursor:pointer}.scroll::-webkit-scrollbar-track,.el-dropdown-menu::-webkit-scrollbar-track,.index .index-content .right.right-page .page-content::-webkit-scrollbar-track,.formula .page-content::-webkit-scrollbar-track,.realTime::-webkit-scrollbar-track,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-track,.vrcode-model .el-dialog::-webkit-scrollbar-track{background:#013769}.scroll::-webkit-scrollbar-thumb,.el-dropdown-menu::-webkit-scrollbar-thumb,.index .index-content .right.right-page .page-content::-webkit-scrollbar-thumb,.formula .page-content::-webkit-scrollbar-thumb,.realTime::-webkit-scrollbar-thumb,.history .page-content .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-table .vrcode-table-view.table-view .el-table__body-wrapper::-webkit-scrollbar-thumb,.vrcode-model .el-dialog::-webkit-scrollbar-thumb{width:4px;cursor:pointer;background:#0294E2;border:3px solid #013769}.el-popconfirm__main,.el-date-table td span,.el-date-range-picker__header div{color:#606266 !important}.el-date-table td.end-date div span,.el-date-table td.start-date div span{color:#fff !important}.el-button--text span{color:#409EFF !important}.el-dropdown-menu{max-height:300px}.border-none{border:none !important}.collapse .el-collapse{border:none}.collapse .el-collapse-item__header,.collapse .el-collapse-item__wrap{background:transparent;border-bottom:1px solid rgba(168,182,200,0.2)}.collapse .el-collapse-item__header{font-size:16px;padding-left:25px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;display:flex;align-items:center}.collapse .el-collapse-item__header>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.collapse .el-collapse-item__content{padding:0}.collapse .no-list{width:100%;height:76px;line-height:76px;padding-left:25px;border-bottom:1px solid rgba(168,182,200,0.2);cursor:pointer;color:#A8B6C8}.collapse .no-list:hover{color:#fff}.collapse .table-ul{display:flex;flex-direction:column;align-items:center;padding:10px 0}.collapse .table-ul .table-li{display:flex;align-items:center;padding-left:31px;position:relative;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8;width:200px;height:40px;cursor:pointer}.collapse .table-ul .table-li:hover{color:#fff}.collapse .table-ul .table-li:hover::before{background:#fff}.collapse .table-ul .table-li.active{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.collapse .table-ul .table-li.active::before{background:#fff}.collapse .table-ul .table-li .status{width:50px;height:22px;background:rgba(168,182,200,0.15);border:1px solid rgba(168,182,200,0.5);border-radius:11px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;display:flex;align-items:center;justify-content:center;color:#A8B6C8;margin-left:10px}.collapse .table-ul .table-li .status.online{background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);color:#00FFBA}.collapse .table-ul .table-li::before{content:' ';width:4px;height:4px;background:#A8B6C8;position:absolute;top:50%;transform:translateY(-50%);left:10px}.collapse.set-params .el-collapse-item.active .el-collapse-item__header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3)}.collapse.set-params .el-collapse-item.active .el-collapse-item__header .name{color:#fff !important}.collapse.set-params .el-collapse-item__header .name{color:#A8B6C8}.collapse.set-params .table-ul .table-li{width:100%;padding-left:40px}.collapse.set-params .table-ul .table-li::before{left:20px}.table-title{display:flex;align-items:center;font-size:28px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.table-title>img{width:60px;height:60px;margin-right:15px}.table-title .tips{margin-left:15px;display:flex;align-items:center;justify-content:center;width:120px;height:34px;background:rgba(0,255,186,0.15);border:1px solid rgba(0,255,186,0.5);border-radius:17px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.index{width:100%;height:100%;min-height:900px;overflow:auto;background:url(../image/index-background.png) no-repeat;background-size:1920px 1080px;background-position:center top}.index .no-list{color:#fff;display:flex;align-items:center}.index .no-list>.img{width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-right:10px}.index .header{height:78px;display:flex;align-items:center;justify-content:space-between}.index .header .header-left{position:relative;width:373px;height:78px}.index .header .header-left>img{width:373px;height:99px;cursor:pointer}.index .header .header-center{width:calc(100% - 335px - 373px);max-width:1000px;height:78px;display:flex;align-items:center;justify-content:space-around}.index .header .header-center>div{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:111px;height:78px}.index .header .header-center>div.active{background:linear-gradient(0deg, rgba(0,132,255,0.3) 0%, rgba(0,132,255,0) 100%);position:relative}.index .header .header-center>div.active::before{content:' ';position:absolute;left:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active::after{content:' ';position:absolute;right:0;top:0;width:1px;height:78px;background:linear-gradient(0deg, #fff 0%, rgba(255,255,255,0) 100%);opacity:0.3}.index .header .header-center>div.active .name{color:#fff}.index .header .header-center>div .img{width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.index .header .header-center>div .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right{width:335px;display:flex;align-items:center;padding-right:20px;justify-content:flex-end}.index .header .header-right>img{width:40px;height:40px}.index .header .header-right .user-data{height:40px;display:flex;flex-direction:column;justify-content:center;padding:0 20px 0 10px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.2)}.index .header .header-right .user-data .name{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.index .header .header-right .user-data .time{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.index .header .header-right .login-out{width:40px;height:40px;background:url(../image/login-out.png) no-repeat center;background-size:100% 100%;cursor:pointer}.index .header .header-right .login-out:hover{background:url(../image/login-out-hover.png) no-repeat center;background-size:100% 100%}.index .index-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc(100% - 78px);position:relative;z-index:2}.index .index-content .left{width:240px;height:100%;background:rgba(0,29,68,0.25);border-right:2px solid rgba(0,180,255,0.25);overflow:auto}.index .index-content .right{width:calc(100% - 240px);height:100%;overflow:auto}.index .index-content .right.right-page{padding:20px}.index .index-content .right.right-page .page-content{position:relative;width:100%;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 30px 20px}.input-view{display:flex;align-items:center;flex-wrap:wrap;margin-top:15px}.input-view>div{flex-shrink:0;margin-right:20px;display:flex;align-items:center;margin:7.5px 0}.input-view>div>span{padding:0 8px}.input-sel>.title{margin-bottom:11px}.input-sel .el-dropdown-link{width:300px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);cursor:pointer;position:relative}.input-sel .el-dropdown-link input{width:100%;height:100%;background:transparent;border:none;padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00FFBA}.input-sel .el-dropdown-link input::placeholder{color:#859BB6}.input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.input-main span{padding:0 10px}.input-main div{margin-bottom:10px}.input-main input{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.input-main input::placeholder{color:#859BB6}.input-main-80{width:100%;flex-wrap:wrap;display:flex;align-items:center}.input-main-80.table-input{justify-content:center}.input-main-80.table-input>span{color:#FF9191}.input-main-80 span{padding:0 10px}.input-main-80 input{width:80px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin:5px 5px;text-align:center}.input-main-80 input::placeholder{color:#859BB6}.el-dropdown-menu{width:300px;border:none;background-color:#014781}.el-dropdown-menu .popper__arrow::after{border-bottom-color:rgba(0,186,255,0.25) !important}.el-dropdown-menu .el-dropdown-menu__item{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#00C0F7;background:transparent}.el-dropdown-menu .el-dropdown-menu__item.is-disabled{opacity:0.5;cursor:not-allowed}.el-dropdown-menu .el-dropdown-menu__item--divided{border-top:none}.el-dropdown-menu .el-dropdown-menu__item--divided::before{background:#00C0F7}.el-dropdown-menu .el-dropdown-menu__item:focus,.el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover{background-color:rgba(0,186,255,0.25);color:#FFFFFF}.page-title{width:100%;height:43px;padding-left:41px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;line-height:43px;background:url(../image/title-202.png) no-repeat center;background-size:202px 43px;background-position:left center;min-width:202px}.page-title::before{content:' ';width:32px;height:33px;left:2px;top:50%;position:absolute;transform:translateY(-50%);background:url(../image/page-title.png) no-repeat center;background-size:100% 100%}.page-title.title-302{background:url(../image/title-302.png) no-repeat center;background-size:302px 43px;background-position:left center;min-width:302px}.formula{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:space-between}.formula .page-content{width:calc(100% - 300px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:20px 30px 0}.formula .page-content .table-view{background:transparent;margin-top:30px}.formula .page-content .table-view .cell{text-align:center}.formula .page-content .table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.formula .page-content .table-view .el-table::before,.formula .page-content .table-view .el-table--border::after{height:0}.formula .page-content .table-view .el-table,.formula .page-content .table-view .el-table tr,.formula .page-content .table-view .el-table td.el-table__cell{border:none;background:transparent}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.formula .page-content .table-view .el-table th.el-table__cell.is-leaf .cell{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.formula .page-content .table-view .status{width:100px;height:34px;background:#0294E2;border-radius:3px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer}.formula .page-content .table-view .status.status1{background:#00BB88}.formula .page-content .table-view .status.noSel{opacity:0.5}.formula .page-content .table-view .type0{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FF9191}.formula .page-content .table-view .type1{display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;white-space:nowrap}.formula .page-content .table-view .type1>div{justify-content:center}.formula .page-content .table-view .type2{width:140px;height:34px;background:#0294E2;border-radius:3px;margin:0 auto;display:flex;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;cursor:pointer;justify-content:center}.formula .page-content .table-view .type2 img{width:14px;height:14px;margin-right:10px}.formula .page-content .table-view .type2.noSel{opacity:0.5}.flex-view{display:flex;align-items:center;flex-wrap:wrap}.flex-view>div{flex-shrink:0;margin:7.5px 0}.flex-view{padding:12.5px 0;border-bottom:1px solid rgba(0,180,255,0.5)}.input-btn{display:flex;align-items:center}.input-btn>span{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;padding-left:8px}.btn{margin:0 8px !important;padding:0 20px;border-radius:3px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;cursor:pointer;white-space:nowrap;min-width:120px}.btn>img{margin-right:10px;width:14px;height:14px}.btn.green{background:#00BB88;opacity:0.5}.btn.blue{background:#0294E2}.btn.off{background:#003070;border:1px solid rgba(2,148,226,0.5);color:#00C0F7}.irrigateSet .open-btn{width:300px;height:54px;background:#003070;border:1px solid rgba(2,148,226,0.5);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:#00C8FF;margin:7.5px 10px;cursor:pointer}.irrigateSet .open-btn>img{margin-right:10px}.irrigateSet .open-btn.active{color:#FFFFFF;background:#0294E2;border-color:#0294E2}.PIDSet .flex-view{border-bottom:none}.PIDSet .PIDSet-view{width:400px;height:470px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px 10px}.PIDSet .PID-input-content{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between}.PIDSet .PID-input{display:flex;align-items:center}.PIDSet .PID-input>div{width:114px;margin-right:10px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;text-align:right}.PIDSet .PID-input input{width:240px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input input::placeholder{color:#859BB6}.PIDSet .PID-input-content-full{width:100%;height:calc(100% - 43px);padding:30px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.PIDSet .PID-input-full>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:9px}.PIDSet .PID-input-full input{width:350px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:15px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff}.PIDSet .PID-input-full input::placeholder{color:#859BB6}.systemSet .system-tips{background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);width:100%;padding:20px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.upload .upload-view{width:520px;height:520px;margin:7.5px 10px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35)}.upload .upload-view .upload-title{background:url(../image/title-172.png) no-repeat center;background-size:172px 43px;background-position:left center;min-width:172px}.upload .upload-content{width:100%;height:calc(100% - 43px);display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:20px;grid-column-gap:20px;padding:19px 30px}.upload .upload-content.upload-content1{height:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:19px 30px}.upload .upload-content.upload-content1>div{width:218px;height:45px;margin-bottom:20px}.upload .upload-content>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px}.upload .upload-content>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.upload .upload-content>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet{height:100%}.sensorSet .sensor-view{display:flex;align-items:center;justify-content:space-between;width:100%;height:520px;margin-top:30px}.sensorSet .sensor-view .left{width:200px;padding:0 10px;height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .left>div{cursor:pointer;width:100%;height:73px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,180,255,0.25)}.sensorSet .sensor-view .left>div>div{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#A8B6C8}.sensorSet .sensor-view .left>div.active>div{width:100%;display:flex;align-items:center;justify-content:center;height:40px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:#fff}.sensorSet .sensor-view .right{width:calc(100% - 220px);height:100%;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2)}.sensorSet .sensor-view .right .right-top{width:100%;padding:30px 0px 30px 75px;border-bottom:1px solid rgba(0,180,255,0.35)}.sensorSet .sensor-view .right .right-top .input-sel{margin:15px 0 30px}.sensorSet .sensor-view .right .right-top .input-sel>.title{margin-bottom:11px}.sensorSet .sensor-view .right .right-top .right-sel{display:flex;align-items:center}.sensorSet .sensor-view .right .right-top .right-sel>div{display:flex;align-items:center;cursor:pointer;white-space:nowrap;margin-right:30px;padding:0 0 15px 0}.sensorSet .sensor-view .right .right-top .right-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-view .right .right-top .right-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.sensorSet .sensor-view .right .right-bottom{padding:40px 0 0 75px}.sensorSet .sensor-view .right .right-bottom>div{display:flex;align-items:center;margin-bottom:30px}.sensorSet .sensor-view .right .right-bottom>div>div{margin-right:30px}.sensorSet.sensorSet-con .sensor-view{height:calc(100% - 120px)}.sensorSet.sensorSet-con .right-sel{width:100%;flex-wrap:wrap}.sensorSet.sensorSet-con .right-sel .sensor-type-div{margin-bottom:0;background:unset;border:none;height:auto}.sensorSet.sensorSet-con .right-sel .sensor-type-div .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;padding:20px 0}.sensorSet .sensor-type .sensor-title .sensor-sel>div{padding-left:0}.sensorSet .sensor-type .sensor-type-div{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);margin-bottom:20px;display:flex;align-items:center}.sensorSet .sensor-type .sensor-type-div .name{width:120px;border-right:1px solid rgba(2,148,227,0.5);height:40px;line-height:40px;text-align:center;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;flex-wrap:wrap}.sensorSet .sensor-type .sensor-type-div .sensor-sel{display:flex;align-items:center;width:calc(100% - 120px)}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div{display:flex;align-items:center;cursor:pointer;flex-shrink:0;white-space:nowrap;max-height:50px;padding:0 20px}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div>.no-sel{margin-right:10px;width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%}.sensorSet .sensor-type .sensor-type-div .sensor-sel>div .sel{margin-right:10px;width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%}.el-dialog__wrapper .el-dialog{background:rgba(0,59,114,0.8);border:2px solid rgba(0,186,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__header{display:none}.el-dialog__wrapper .el-dialog .el-dialog__body{padding:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model-return{padding:20px;display:flex;align-items:center;justify-content:flex-end}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;justify-content:space-between}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model2-top{justify-content:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model3-top .btn img{width:26px;height:22px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top{align-items:flex-start}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn{padding:0 10px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top.model4-top .btn img{width:22px;height:24px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .btn img{width:10px;height:14px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div{display:flex;align-items:center;margin-bottom:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-top .model-right>div .input-main-80{width:auto}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom{padding:20px 15px;border-bottom:1px solid rgba(0,180,255,0.35)}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom.model3-bottom .title{padding:0 4px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div{display:flex;align-items:center;padding:10px 0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content>div .number{width:30px;margin-right:10px;height:30px;background:#0294E2;border-radius:50%;display:flex;align-items:center;justify-content:center}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span{font-size:20px}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content .input-main-80 span.text{font-size:16px;padding:0 4px;flex-shrink:0}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content{display:flex;align-items:center;flex-wrap:wrap}.el-dialog__wrapper .el-dialog .el-dialog__body .model1-bottom .model1-content.model3-content>div{display:block;width:calc(100% / 3);flex-shrink:0}.login .login-header{position:relative;width:100%;height:76px;background:rgba(0,180,255,0.1);border-bottom:2px solid rgba(0,180,255,0.3)}.login .login-header>img{width:373px;height:99px}.login .login-view{width:520px;height:570px;background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66);border-radius:10px;position:fixed;right:5%;top:50%;transform:translateY(-50%);padding-top:59px;display:flex;flex-direction:column;align-items:center}.login .login-view .login-title{width:344px;height:45px;background:url(../image/login-title.png) no-repeat center;background-size:344px 15px;background-position:center bottom;display:flex;align-items:center;justify-content:center;padding-bottom:11px}.login .login-view .login-title>img{width:30px;height:34px;margin-right:9px}.login .login-view .login-title span{font-size:30px;font-family:Alibaba PuHuiTi;font-weight:bold;color:#FFFFFF;background:linear-gradient(0deg, #fff 0%, #BFE7FF 19.99512%, #fff 60.00977%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login .login-view .login-input{width:450px;height:63px;background:rgba(122,219,255,0.05);border:2px solid rgba(134,214,255,0.15);border-radius:7px;position:relative}.login .login-view .login-input.active{background:rgba(122,219,255,0.1);border:2px solid rgba(122,219,255,0.66)}.login .login-view .login-input>img{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.login .login-view .login-input>input{width:450px;height:63px;padding-left:72px;background:transparent;border:none;font-size:20px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF}.login .login-view .login-input>input::placeholder{color:#FFFFFF}.login .login-view .login-input.username{margin-top:53px}.login .login-view .login-input.password{margin:38px 0 20px}.login .login-view .save{width:450px}.login .login-view .save>div{width:150px;display:flex;font-size:18px;font-family:Alibaba PuHuiTi;color:#FFFFFF;align-items:center;cursor:pointer}.login .login-view .save>div>div{width:20px;height:20px;border:2px solid rgba(122,219,255,0.66);margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:3px}.login .login-view .login-btn{width:400px;height:63px;background:#0294E2;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;font-family:Alibaba PuHuiTi;font-weight:400;color:#FFFFFF;margin-top:85px;cursor:pointer}.realTime{width:100%;height:100%;padding:20px;flex-direction:column;justify-content:unset}.realTime .new-data{margin-bottom:20px}.realTime .page-content{position:relative;width:100%;height:100%;flex-shrink:0;background:rgba(0,92,178,0.15);border:2px solid rgba(0,186,255,0.2);padding:30px 20px 20px}.realTime .page-content.control-page{height:auto}.realTime .page-content .control-view{display:flex;align-items:center;position:absolute;right:30px;top:10px}.realTime .page-content .control-view .title{margin-right:10px}.realTime .page-content .control-view .control-list{display:flex;align-items:center;overflow:hidden;max-width:806px}.realTime .page-content .control-view .control-list>div{display:flex;overflow:unset !important}.realTime .page-content .control-view .control-list>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .control-view .control-list .list-view{display:flex;align-items:center;margin-right:10px}.realTime .page-content .control-view .control-list .list-view .icon{width:30px;height:30px}.realTime .page-content .timeNow{text-align:center;padding-left:75px;display:flex;align-items:center;font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF}.realTime .page-content .timeNow>span{font-size:24px;font-family:Arial;font-weight:bold;color:#8BEAFF;margin-left:10px}.realTime .page-content .realTime-list{width:100%;overflow:hidden}.realTime .page-content .realTime-list .seamless-warp{display:flex;align-items:center}.realTime .page-content .realTime-list .seamless-warp>div{display:flex;overflow:unset !important}.realTime .page-content .realTime-list .seamless-warp>div>div{display:flex;align-items:center;flex-shrink:0;margin-right:100px}.realTime .page-content .realTime-list .seamless-warp .list-view{flex-shrink:0;display:flex;align-items:center;margin-right:20px}.realTime .page-content .realTime-list .seamless-warp .list-view img{width:60px;height:60px}.realTime .page-content .realTime-list .seamless-warp .list-view .text{text-align:center;margin:5px 0;font-size:14px}.realTime .page-content .realTime-list .seamless-warp .list-view .number{width:80px;height:30px;background:url(../image/real-time-text.png) no-repeat center;background-size:100% 100%;font-size:16px;font-family:Arial;font-weight:bold;color:#FFFFFF;display:flex;align-items:center;justify-content:center}.realTime .page-content .flex-list{display:flex;align-items:center;justify-content:space-around}.realTime .page-content .realTime-bottom{height:300px;margin-top:30px}.realTime .page-content .realTime-bottom>div{flex-shrink:0}.realTime .page-content .realTime-bottom .left-view{width:35%;height:100%;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);display:flex;align-items:center;justify-content:center;padding:10px}.realTime .page-content .realTime-bottom .left-view>div{width:100%;height:100%}.realTime .page-content .realTime-bottom .left-view>div .video-js{width:100%;height:100%}.realTime .page-content .realTime-bottom .right{width:calc(100% - 35%);min-width:230px;height:100%}.realTime .page-content .status-view{width:300px;height:300px;background:rgba(0,132,255,0.15);border:2px solid rgba(0,186,255,0.35);margin:7.5px}.realTime .page-content .status-view .status-view-top{padding:0 10px 0 20px;display:flex;align-items:center;justify-content:space-between;height:50px;border-bottom:1px solid rgba(0,180,255,0.35)}.realTime .page-content .status-view .status-view-top .status-view-top-left{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.realTime .page-content .status-view .status-view-top .status-view-top-right{cursor:pointer;padding:0 10px}.realTime .page-content .status-view .status-view-content{width:100%;height:calc(100% - 51px)}.realTime .page-content .status-view .status-view-content .status-true{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-true .status-fan{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div{min-width:unset;flex-shrink:0;font-size:14px;height:30px;margin:10px 8px 0 !important}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div.off span{color:#00C0F7}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>span{margin-left:5px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img{width:16px;height:16px;margin-right:0px}.realTime .page-content .status-view .status-view-content .status-true .status-fan>div>img.fan-img{animation:rotate 5s linear infinite}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 50px}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div{display:flex;align-items:center;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-sel>div>img{width:20px;height:20px;margin-right:10px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts{width:100%;height:153px;position:relative;background:url(../img/status-true-charts.png) no-repeat;background-size:227px 114px;background-position:center 20px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>img{position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:28px;height:27px}.realTime .page-content .status-view .status-view-content .status-true .status-true-charts>div{width:100%;height:100%}.realTime .page-content .status-view .status-view-content .status-true .status-true-text{width:227px;height:35px;padding:0 16px;background:url(../img/status-true-text.png) no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:space-between}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-left{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.realTime .page-content .status-view .status-view-content .status-true .status-true-text .status-true-text-right{font-size:14px;font-family:Arial;font-weight:400;color:#FFFFFF}.realTime .page-content .status-view .status-view-content .status-noTrue{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.realTime .page-content .status-view .status-view-content .status-noTrue>img{width:40px;height:35px;margin-bottom:20px}.realTime .page-content .status-view .status-view-content .status-noTrue>div{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#8BEAFF}.history .page-content{width:100%}.history .page-content .el-table--scrollable-x .el-table__body-wrapper .el-table__row{height:60px}.history .page-content .search-flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;margin-top:20px}.history .page-content .search-flex .search-left{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-left>div{display:flex;align-items:center}.history .page-content .search-flex .search-left>div>div{margin-left:10px;width:80px;height:34px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.history .page-content .search-flex .search-left>div>div.active{border:2px solid #0294E2;background:#0294E2}.history .page-content .search-flex .search-right{display:flex;align-items:center;flex-shrink:0;padding:15px 0}.history .page-content .search-flex .search-right span{margin-right:10px}.history .page-content .search-flex .search-right .el-input__inner{height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.history .page-content .search-flex .search-right .el-date-editor .el-range-separator{color:#fff}.history .page-content .search-flex .search-right .el-date-editor .el-range-input{background-color:transparent;color:#fff}.dataAnalysis .page-content .search-flex{display:flex;align-items:center;justify-content:center}.dataAnalysis .page-content .analysis-charts{width:100%;height:560px}.dataAnalysis .page-content .analysis-charts>div{width:100%;height:100%}.systemManage .page-content .manage-sel{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid rgba(0,180,255,0.35)}.systemManage .page-content .manage-sel>div{margin-right:20px;padding:0 20px;height:40px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;justify-content:center;border-radius:3px;cursor:pointer}.systemManage .page-content .manage-sel>div>img{width:14px;height:auto;margin-right:5px}.systemManage .page-content .manage-sel>div.active{border:2px solid #0294E2;background:#0294E2}.systemManage .page-content .manage-content{width:100%;height:calc(100% - 160px)}.systemManage .page-content .manage-content .manage-input{margin-bottom:25px}.systemManage .page-content .manage-content .manage-input>div{margin-bottom:10px}.systemManage .page-content .manage-content .manage-input>input{width:500px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding:0 15px}.systemManage .page-content .manage-content .manage-input>input::placeholder{color:#859bb6}.systemManage .page-content .manage-content .manage-btn{width:300px;height:60px;background:#0294E2;border-radius:10px;margin-top:25px;display:flex;align-items:center;justify-content:center;font-size:20px}.systemManage .page-content .manage-content.manage-content-input{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form{margin-top:15px;display:flex;align-items:center;flex-direction:column}.systemManage .page-content .manage-content.manage-content-form .manage-input>input{width:660px}.systemManage .page-content .manage-content.manage-content-form .manage-html>div{margin-bottom:10px}.systemManage .page-content .manage-content.manage-content-form .manage-html>.html{width:660px;height:120px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4)}.input-100-view{width:100%;height:66px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);display:flex;align-items:center;padding:0 20px;margin-bottom:30px}.input-100-view .title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.input-100-view span{padding:0 10px}.input-100-view .line{width:1px;height:40px;background:#0294E2;opacity:0.5;margin:0 20px}.input-100-view .input-140{width:140px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-140::placeholder{color:#859bb6}.input-100-view .input-180{width:180px;height:44px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);padding-left:11px}.input-100-view .input-180::placeholder{color:#859bb6}.input-100-view .input-100{width:100px;height:44px;background:rgba(0,48,112,0.75);border:1px solid rgba(0,186,255,0.8);padding-left:11px}.input-100-view .input-100::placeholder{color:#859bb6}.bold-title{font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.padding-none{padding:0}.margin-none{margin:0}.skylight .input-sel{margin-right:20px}.skylight .flex-view{border:none}.skylight .input-main{margin-right:20px}.skylight .input-main>input{width:260px}.fan .bold-title{margin-top:20px;margin-bottom:10px}.synthesis-con .synthesis-content{width:100%;display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .left-table{width:140px;border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);padding-bottom:17px}.synthesis-con .synthesis-content .left-table .table-header{font-size:18px;font-family:Microsoft YaHei;font-weight:bold}.synthesis-con .synthesis-content .right-table{width:calc(100% - 140px - 10px);border-top:1px solid rgba(0,180,255,0.75);border-bottom:1px solid rgba(0,180,255,0.75);overflow-x:scroll}.synthesis-con .synthesis-content .right-table>div{display:inline-block;width:auto}.synthesis-con .synthesis-content .right-table .table-header{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-header>div{width:70px;height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.synthesis-con .synthesis-content .right-table .table-tr>div{display:flex;align-items:center;justify-content:space-between}.synthesis-con .synthesis-content .right-table .table-tr>div>div{width:70px;height:100%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.synthesis-con .synthesis-content .table-tr{width:100%}.synthesis-con .synthesis-content .table-tr>div{height:60px;text-align:center;line-height:60px}.synthesis-con .synthesis-content .table-tr>div:nth-child(odd){background:rgba(0,47,94,0.35)}.synthesis-con .synthesis-content .table-tr>div:nth-child(even){background:rgba(0,180,255,0.2)}.synthesis-con .synthesis-content .table-tr .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.synthesis-con .synthesis-content .table-tr .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.synthesis-con .synthesis-content .table-header{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(0,180,255,0.2);font-size:16px;font-family:Arial;font-weight:400;color:#FFFFFF}.flex-end{display:flex;justify-content:flex-end;align-items:center}.vrcode-textarea{width:100%;margin-bottom:15px}.vrcode-textarea .title{font-size:16px;font-family:Microsoft YaHei;margin-bottom:7px}.vrcode-textarea textarea{width:680px;height:160px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);padding:15px;color:#fff}.vrcode-textarea textarea::placeholder{color:#92B1D0}.vrcode-table .vrcode-btn{margin-bottom:20px}.vrcode-table .vrcode-table-view.table-view{background:transparent;margin-top:10px}.vrcode-table .vrcode-table-view.table-view .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{border:none;background-color:transparent}.vrcode-table .vrcode-table-view.table-view .cell{text-align:center}.vrcode-table .vrcode-table-view.table-view :empty::before{content:'--';color:#fff}.vrcode-table .vrcode-table-view.table-view .el-table .warning-row{background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table .success-row{background:rgba(0,47,94,0.35)}.vrcode-table .vrcode-table-view.table-view .el-table .el-table__cell,.vrcode-table .vrcode-table-view.table-view .el-table__row{height:60px}.vrcode-table .vrcode-table-view.table-view .el-table::before,.vrcode-table .vrcode-table-view.table-view .el-table--border::after{height:0}.vrcode-table .vrcode-table-view.table-view .el-table,.vrcode-table .vrcode-table-view.table-view .el-table tr,.vrcode-table .vrcode-table-view.table-view .el-table td.el-table__cell{border:none;background:transparent}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf{border:none;background:rgba(0,180,255,0.2)}.vrcode-table .vrcode-table-view.table-view .el-table th.el-table__cell.is-leaf .cell{font-size:14px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}.vrcode-table .vrcode-table-view.table-view .vrcode-table-btn{display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .table-flex{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vrcode-table .vrcode-table-view.table-view .el-table__cell.gutter{display:none}.vrcode-table .vrcode-table-view.table-view .isOpen{width:80px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:14px;font-family:Microsoft YaHei;font-weight:400}.vrcode-table .vrcode-table-view.table-view .isOpen.open-green{background:rgba(0,255,186,0.1);color:#00FFBA;border:1px solid rgba(0,255,186,0.4)}.vrcode-table .vrcode-table-view.table-view .isOpen.open-red{background:rgba(245,108,108,0.6);border:1px solid #F56C6C;color:#FFFFFF}.vrcode-btn{width:100px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:Microsoft YaHei;font-weight:400;cursor:pointer;margin:7.5px 10px 7.5px 0 !important;border-radius:3px}.vrcode-btn>img{margin-right:5px}.vrcode-btn.blue-btn{background:#00A6FF}.vrcode-btn.blue-btn:hover{background:#0089F2}.vrcode-btn.red-btn{background:#F56C6C}.vrcode-btn.red-btn:hover{background:#FF5E5E}.vrcode-btn.save-btn{background:#00BB88;font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.save-btn:hover{background:#009E73}.vrcode-btn.cancle-btn{width:100px;background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.4);font-size:16px;font-family:Microsoft YaHei;font-weight:bold}.vrcode-btn.cancle-btn:hover{background:rgba(0,186,255,0.15);border:2px solid rgba(0,186,255,0.6)}.vrcode-model .vrcode-model-title{width:100%;height:43px;background:url(../img/vrcode-title.png) no-repeat;background-size:222px 43px;background-position:left center;padding-left:46px;line-height:43px;font-size:20px;font-family:Microsoft YaHei;position:relative;font-weight:bold}.vrcode-model .vrcode-model-title::after{content:' ';width:32px;height:33px;background:url(../img/vrcode-title-icon.png) no-repeat;background-size:100% 100%;position:absolute;left:7px;top:4px}.vrcode-model .vrcode-input{width:300px;margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input .input-title{font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;margin-bottom:7px}.vrcode-model .vrcode-input input{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-sel>.title{margin-bottom:7px}.vrcode-model .vrcode-input-sel .el-dropdown-link{width:300px;height:44px;cursor:pointer;position:relative}.vrcode-model .vrcode-input-sel .el-dropdown-link input{width:100%;height:100%;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF}.vrcode-model .vrcode-input-sel .el-dropdown-link input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow{width:33px;height:24px;border-left:1px solid #fff;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-sel .el-dropdown-link .arrow>img{width:6px;height:4px}.vrcode-model .vrcode-input-seltime{margin-right:30px;margin-bottom:15px}.vrcode-model .vrcode-input-seltime>.title{margin-bottom:7px}.vrcode-model .vrcode-input-seltime .seltime{width:300px;height:44px;background:rgba(90,210,255,0.25);border:2px solid rgba(86,209,255,0.5);font-size:16px;font-family:Microsoft YaHei;position:relative}.vrcode-model .vrcode-input-seltime .seltime .el-input__prefix{display:none}.vrcode-model .vrcode-input-seltime .seltime input{width:300px;height:40px;font-size:16px;padding-left:15px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF;background:transparent;border:none}.vrcode-model .vrcode-input-seltime .seltime input::placeholder{color:#92B1D0}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon{width:38px;height:24px;display:flex;align-items:center;justify-content:center;border-left:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%)}.vrcode-model .vrcode-input-seltime .seltime .seltime-icon>img{width:16px;height:auto}.vrcode-model .vrcode-radio{width:100%;display:flex;align-items:center;margin-bottom:15px}.vrcode-model .vrcode-radio .no-sel{width:35px;height:35px;box-shadow:0 0 15px rgba(53,187,247,0.5) inset;border:1px solid rgba(0,204,255,0.7);border-radius:50%;cursor:pointer}.vrcode-model .vrcode-radio .sel{width:35px;height:35px;background:url(../image/radio.png) no-repeat center;background-size:100% 100%;cursor:pointer}.vrcode-model .vrcode-radio>div{margin-right:30px;display:flex;align-items:center}.vrcode-model .vrcode-radio>div span{margin-left:8px}.vrcode-model .vrcode-selimage{width:100%}.vrcode-model .vrcode-selimage>.title{margin-bottom:7px}.vrcode-model .vrcode-selimage .sel-image-view{display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .vrcode-selimage .sel-image-view #sel-img{display:none}.vrcode-model .vrcode-selimage .sel-image-view .sel-div{width:130px;height:130px;margin-right:30px;background:rgba(86,209,255,0.25);border:1px dashed #56D1FF;cursor:pointer;margin-bottom:15px;flex-shrink:0}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img{position:relative;padding:10px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img:hover .del-img{display:flex}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .el-image{width:100%;height:100%}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img{width:110px;height:110px;background:rgba(0,0,0,0.3);display:none;align-items:center;justify-content:center;position:absolute;top:10px;left:10px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-img .del-img img{width:44px;height:44px}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel{display:flex;align-items:center;justify-content:center}.vrcode-model .vrcode-selimage .sel-image-view .sel-div.sel-image-sel>img{width:30px;height:30px}.vrcode-model .vrcode-title{width:100%;margin-bottom:15px;font-size:20px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF;position:relative;padding-left:13px}.vrcode-model .vrcode-title::after{content:' ';width:3px;height:21px;background:#0294E2;border-radius:2px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.vrcode-model .el-dialog__body{width:100%;min-height:calc(30vh - 70px)}.vrcode-model .el-dialog__body .vrcode-content{width:100%;height:calc(100% - 43px);padding:0 30px}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view{width:100%;padding:20px 0 15px 0;border-bottom:1px solid rgba(0,180,255,0.35);display:flex;align-items:center;flex-wrap:wrap}.vrcode-model .el-dialog__body .vrcode-content .vrcode-view>div{flex-shrink:0}.vrcode-model .el-dialog{background:rgba(0,76,147,0.9);border:2px solid rgba(0,186,255,0.6);max-height:90vh;min-height:30vh}.dialog-footer{display:flex;align-items:center;justify-content:flex-end}.plantingPlan{width:100%;height:100%}.plantingPlan .btn{opacity:1}.plantingPlan .btn .img{height:20px;width:20px}.plantingPlan .plan-view{width:440px;height:200px;background:url(../img/plan-bg.png) no-repeat center;background-size:100% 100%;margin:7.5px 15px;padding:20px;display:flex;align-items:center;justify-content:space-between}.plantingPlan .plan-view .plan-view-left{width:180px;height:100%}.plantingPlan .plan-view .plan-view-right{width:calc(100% - 200px);height:100%;display:flex;justify-content:space-around;flex-direction:column}.plantingPlan .plan-view .plan-view-right .name{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:#FFFFFF}
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 5af5929..912458c 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -32,17 +32,21 @@
}
}
-
+.el-popconfirm__main,
.el-date-table td span,
.el-date-range-picker__header div {
- color: #606266;
+ color: #606266!important;
}
.el-date-table td.end-date div span,
.el-date-table td.start-date div span {
color: #fff !important;
}
-
+.el-button--text{
+ span{
+ color:#409EFF!important;
+ }
+}
.el-dropdown-menu {
max-height: 300px;
@extend .scroll;
@@ -1590,9 +1594,11 @@
background: rgba(0, 92, 178, 0.15);
border: 2px solid rgba(0, 186, 255, 0.20);
padding: 30px 20px 20px;
- &.control-page{
- height:auto;
+
+ &.control-page {
+ height: auto;
}
+
.control-view {
display: flex;
align-items: center;
@@ -1803,44 +1809,54 @@
align-items: center;
justify-content: center;
flex-direction: column;
- .status-fan{
+
+ .status-fan {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
- >div{
+
+ >div {
min-width: unset;
flex-shrink: 0;
font-size: 14px;
height: 30px;
margin: 10px 8px 0 !important;
- &.off{
- span{
- color: #00C0F7;
- }
+
+ &.off {
+ span {
+ color: #00C0F7;
+ }
}
- >span{
+
+ >span {
margin-left: 5px;
}
- >img{
+
+ >img {
width: 16px;
- height:16px;
+ height: 16px;
margin-right: 0px;
- &.fan-img{
- animation: rotate 5s linear infinite; /* 持续时间为 5 秒,线性缓动,无限循环 */
+
+ &.fan-img {
+ animation: rotate 5s linear infinite;
+ /* 持续时间为 5 秒,线性缓动,无限循环 */
/* 定义旋转动画 */
}
+
@keyframes rotate {
from {
- transform: rotate(0deg);
+ transform: rotate(0deg);
}
+
to {
- transform: rotate(360deg);
+ transform: rotate(360deg);
}
- }
+ }
}
}
}
+
.status-true-sel {
display: flex;
align-items: center;
@@ -1855,8 +1871,9 @@
font-family: Microsoft YaHei;
font-weight: 400;
color: #FFFFFF;
+
>img {
-
+
width: 20px;
height: 20px;
margin-right: 10px;
@@ -2374,6 +2391,516 @@
}
}
}
+.flex-end{
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+
+}
+.vrcode-textarea{
+ width: 100%;
+ margin-bottom: 15px;
+ .title{
+ font-size: 16px;
+font-family: Microsoft YaHei;
+margin-bottom:7px;
+ }
+ textarea{
+ width: 680px;
+height: 160px;
+background: rgba(90,210,255,0.25);
+border: 2px solid rgba(86,209,255,0.5);
+padding: 15px;
+color: #fff;
+&::placeholder{
+
+color: #92B1D0;
+}
+ }
+}
+.vrcode-table{
+ .vrcode-btn{
+ margin-bottom: 20px;
+ }
+ .vrcode-table-view{
+ &.table-view {
+ background: transparent;
+ margin-top:10px;
+ .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
+ border: none;
+ background-color: transparent;
+ }
+ .cell {
+ text-align: center;
+
+ }
+ :empty::before{
+ content:'--';
+ color:#fff;
+ }
+ .el-table .warning-row {
+ background: rgba(0, 180, 255, 0.2);
+ }
+
+ .el-table .success-row {
+ background: rgba(0, 47, 94, 0.35);
+
+ }
+ .el-table .el-table__cell,.el-table__row{
+ height: 60px;
+ }
+ .el-table::before,
+ .el-table--border::after {
+ height: 0;
+ }
+
+ .el-table,
+ .el-table tr,
+ .el-table td.el-table__cell {
+ border: none;
+ background: transparent;
+ }
+
+ .el-table th.el-table__cell.is-leaf {
+ border: none;
+ background: rgba(0, 180, 255, 0.2);
+
+ .cell {
+ font-size: 14px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+ color: #FFFFFF;
+
+ }
+ }
+
+ .vrcode-table-btn{
+ display: flex;
+ align-items: center;
+ justify-content: center
+ }
+ .table-flex{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ .el-table__body-wrapper{
+ @extend .scroll;
+ }
+ .el-table__cell.gutter{
+ display: none;
+ }
+ .isOpen{
+ width: 80px;
+height: 30px;
+display: flex;
+align-items: center;
+justify-content: center;
+border-radius: 15px;
+font-size: 14px;
+font-family: Microsoft YaHei;
+font-weight: 400;
+&.open-green{
+ background: rgba(0,255,186,0.1);
+ color: #00FFBA;
+border: 1px solid rgba(0,255,186,0.4);
+}
+&.open-red{
+ background: rgba(245,108,108,0.6);
+border: 1px solid #F56C6C;
+color: #FFFFFF;
+}
+ }
+ }
+ }
+}
+
+.vrcode-btn {
+ width: 100px;
+ height: 40px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ cursor: pointer;
+ margin: 7.5px 10px 7.5px 0!important;
+
+ >img {
+ margin-right: 5px;
+ }
+
+ border-radius: 3px;
+
+ &.blue-btn {
+ background: #00A6FF;
+
+ &:hover {
+
+ background: #0089F2;
+ }
+ }
+
+ &.red-btn {
+ background: #F56C6C;
+
+ &:hover {
+ background: #FF5E5E;
+ }
+ }
+
+ &.save-btn {
+ background: #00BB88;
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+
+ &:hover {
+ background: #009E73;
+ }
+ }
+
+ &.cancle-btn {
+ width: 100px;
+ background: rgba(0, 186, 255, 0.15);
+ border: 2px solid rgba(0, 186, 255, 0.4);
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+
+ &:hover {
+ background: rgba(0, 186, 255, 0.15);
+ border: 2px solid rgba(0, 186, 255, 0.6);
+ }
+ }
+}
+
+.vrcode-model {
+ .vrcode-model-title {
+ width: 100%;
+ height: 43px;
+ background: url(../img/vrcode-title.png) no-repeat;
+ background-size: 222px 43px;
+ background-position: left center;
+ padding-left: 46px;
+ line-height: 43px;
+ font-size: 20px;
+ font-family: Microsoft YaHei;
+ position: relative;
+ font-weight: bold;
+
+ &::after {
+ content: ' ';
+ width: 32px;
+ height: 33px;
+ background: url(../img/vrcode-title-icon.png) no-repeat;
+ background-size: 100% 100%;
+ position: absolute;
+ left: 7px;
+ top: 4px;
+
+ }
+ }
+
+ .vrcode-input {
+ width: 300px;
+ margin-right: 30px;
+ margin-bottom: 15px;
+
+ .input-title {
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+ margin-bottom: 7px;
+ }
+
+ input {
+ width: 300px;
+ height: 44px;
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ font-size: 16px;
+ padding-left: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+
+ &::placeholder {
+ color: #92B1D0;
+ }
+ }
+ }
+
+ .vrcode-input-sel {
+ margin-right: 30px;
+ margin-bottom: 15px;
+
+ >.title {
+ margin-bottom: 7px;
+ }
+
+ .el-dropdown-link {
+ width: 300px;
+ height: 44px;
+ cursor: pointer;
+ position: relative;
+
+ input {
+ width: 100%;
+ height: 100%;
+
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ font-size: 16px;
+ padding-left: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+
+ &::placeholder {
+ color: #92B1D0;
+ }
+ }
+
+ .arrow {
+ width: 33px;
+ height: 24px;
+ border-left: 1px solid #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+
+ >img {
+ width: 6px;
+ height: 4px;
+ }
+ }
+ }
+ }
+
+ .vrcode-input-seltime {
+ margin-right: 30px;
+ margin-bottom: 15px;
+
+ >.title {
+ margin-bottom: 7px;
+ }
+
+ .seltime {
+ width: 300px;
+ height: 44px;
+ background: rgba(90, 210, 255, 0.25);
+ border: 2px solid rgba(86, 209, 255, 0.5);
+ font-size: 16px;
+ font-family: Microsoft YaHei;
+ position: relative;
+
+ .el-input__prefix {
+ display: none;
+ }
+
+ input {
+ width: 300px;
+ height: 40px;
+ font-size: 16px;
+ padding-left: 15px;
+ font-family: Microsoft YaHei;
+ font-weight: 400;
+ color: #FFFFFF;
+ background: transparent;
+ border: none;
+
+ &::placeholder {
+ color: #92B1D0;
+ }
+ }
+
+ .seltime-icon {
+ width: 38px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-left: 1px solid #fff;
+ position: absolute;
+ right: 0;
+ top: 50%;
+ transform: translateY(-50%);
+
+ >img {
+ width: 16px;
+ height: auto;
+ }
+ }
+ }
+ }
+ .vrcode-radio{
+ width: 100%;
+ display: flex;
+ align-items: center;
+ margin-bottom: 15px;
+ .no-sel {
+ width: 35px;
+ height: 35px;
+ box-shadow: 0 0 15px rgba(53, 187, 247, 0.50) inset;
+ border: 1px solid rgba(0, 204, 255, 0.70);
+ border-radius: 50%;
+ cursor: pointer;
+ }
+
+ .sel {
+ width: 35px;
+ height: 35px;
+ background: url(../image/radio.png) no-repeat center;
+ background-size: 100% 100%;
+ cursor: pointer;
+ }
+ >div{
+ margin-right: 30px;
+ display: flex;
+ align-items: center;
+ span{
+ margin-left: 8px;
+ }
+ }
+ }
+ .vrcode-selimage {
+ width: 100%;
+
+ >.title {
+ margin-bottom: 7px;
+ }
+
+ .sel-image-view {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ #sel-img{
+ display: none;
+ }
+ .sel-div {
+ width: 130px;
+ height: 130px;
+ margin-right: 30px;
+ background: rgba(86, 209, 255, 0.25);
+ border: 1px dashed #56D1FF;
+ cursor: pointer;
+ margin-bottom: 15px;
+ flex-shrink: 0;
+ &.sel-img{
+ position: relative;
+ padding: 10px;
+ &:hover{
+ .del-img{
+ display: flex;
+ }
+ }
+ .el-image{
+ width: 100%;
+ height: 100%;
+ }
+ .del-img{
+
+ width: 110px;
+ height: 110px;
+ background: rgba(0,0,0,0.3);
+ display: none;
+ align-items: center;
+ justify-content: center;
+ position: absolute;
+ top: 10px;
+ left: 10px;
+ img{
+ width: 44px;
+ height: 44px;
+ }
+ }
+ }
+ &.sel-image-sel {
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ >img {
+ width: 30px;
+ height: 30px;
+ }
+ }
+ }
+ }
+ }
+
+ .vrcode-title {
+ width: 100%;
+ margin-bottom: 15px;
+ font-size: 20px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+ color: #FFFFFF;
+ position: relative;
+ padding-left: 13px;
+
+ &::after {
+ content: ' ';
+ width: 3px;
+ height: 21px;
+ background: #0294E2;
+ border-radius: 2px;
+ position: absolute;
+ left: 0;
+ top: 50%;
+ transform: translateY(-50%);
+ }
+ }
+
+ .el-dialog__body {
+ width: 100%;
+ min-height: calc(30vh - 70px);
+
+ .vrcode-content {
+ width: 100%;
+ height: calc(100% - 43px);
+ padding: 0 30px;
+
+ .vrcode-view {
+ width: 100%;
+ padding: 20px 0 15px 0;
+ border-bottom: 1px solid rgba(0, 180, 255, .35);
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+
+ >div {
+ flex-shrink: 0;
+ }
+ }
+ }
+ }
+
+ .el-dialog {
+ background: rgba(0, 76, 147, 0.9);
+ border: 2px solid rgba(0, 186, 255, 0.6);
+ max-height: 90vh;
+ min-height: 30vh;
+ @extend .scroll;
+ }
+
+}
+
+.dialog-footer {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+}
.plantingPlan {
width: 100%;
@@ -2394,5 +2921,29 @@
background: url(../img/plan-bg.png) no-repeat center;
background-size: 100% 100%;
margin: 7.5px 15px;
+ padding: 20px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .plan-view-left {
+ width: 180px;
+ height: 100%;
+ }
+
+ .plan-view-right {
+ width: calc(100% - 200px);
+ height: 100%;
+ display: flex;
+ justify-content: space-around;
+ flex-direction: column;
+
+ .name {
+ font-size: 24px;
+ font-family: Microsoft YaHei;
+ font-weight: bold;
+ color: #FFFFFF;
+ }
+ }
}
}
\ No newline at end of file
diff --git a/src/assets/img/add-image.png b/src/assets/img/add-image.png
new file mode 100644
index 0000000..45a5aa0
Binary files /dev/null and b/src/assets/img/add-image.png differ
diff --git a/src/assets/img/agricultural.png b/src/assets/img/agricultural.png
new file mode 100644
index 0000000..27347d8
Binary files /dev/null and b/src/assets/img/agricultural.png differ
diff --git a/src/assets/img/del-image.png b/src/assets/img/del-image.png
new file mode 100644
index 0000000..40f9ca6
Binary files /dev/null and b/src/assets/img/del-image.png differ
diff --git a/src/assets/img/删 除.png b/src/assets/img/del.png
similarity index 100%
rename from src/assets/img/删 除.png
rename to src/assets/img/del.png
diff --git a/src/assets/img/image.png b/src/assets/img/image.png
new file mode 100644
index 0000000..f12e6e2
Binary files /dev/null and b/src/assets/img/image.png differ
diff --git a/src/assets/img/查看.png b/src/assets/img/look.png
similarity index 100%
rename from src/assets/img/查看.png
rename to src/assets/img/look.png
diff --git a/src/assets/img/vrcode-icon0.png b/src/assets/img/vrcode-icon0.png
new file mode 100644
index 0000000..71192c3
Binary files /dev/null and b/src/assets/img/vrcode-icon0.png differ
diff --git a/src/assets/img/vrcode-icon1.png b/src/assets/img/vrcode-icon1.png
new file mode 100644
index 0000000..bd71f36
Binary files /dev/null and b/src/assets/img/vrcode-icon1.png differ
diff --git a/src/assets/img/vrcode-time.png b/src/assets/img/vrcode-time.png
new file mode 100644
index 0000000..9ffd996
Binary files /dev/null and b/src/assets/img/vrcode-time.png differ
diff --git a/src/assets/img/vrcode-title-icon.png b/src/assets/img/vrcode-title-icon.png
new file mode 100644
index 0000000..86e62e4
Binary files /dev/null and b/src/assets/img/vrcode-title-icon.png differ
diff --git a/src/assets/img/vrcode-title.png b/src/assets/img/vrcode-title.png
new file mode 100644
index 0000000..708e0c2
Binary files /dev/null and b/src/assets/img/vrcode-title.png differ
diff --git a/src/router/index.js b/src/router/index.js
index 1bb6858..76604a3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -116,6 +116,11 @@ const routes = [
path: '/plantingPlan',
name: 'plantingPlan',
component: () => import('../views/vrcode/plantingPlan.vue')
+ },
+ {
+ path: '/agricultural',
+ name: 'agricultural',
+ component: () => import('../views/vrcode/agricultural.vue')
}]
},
]
diff --git a/src/store/index.js b/src/store/index.js
index d0cfb26..7265d9f 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -16,7 +16,7 @@ export default new Vuex.Store({
activeNames:[],//组件内active
//label是名称
//value是code码
- //countType计算类型 0是原数据 1是原数据-400 2是原数据/10 3是(原数据-400) / 10
+ //countType计算类型 0是原数据 1是原数据-400 2是原数据/10 3是(原数据-400) / 10 4是(原数据-1000)/10
typeList: [
{ label: '无意义的传感器', value: 0, countType: 0,unit:'' },
{ label: '空气温度', value: 1, countType: 3,unit:'℃' },
@@ -67,7 +67,7 @@ export default new Vuex.Store({
{ label: '氨气', value: 46, countType: 0,unit:'ppm' },
{ label: '硫化氢', value: 47, countType: 0,unit:'ppm' },
{ label: '氧气', value: 48, countType: 2,unit:'%vol' },
- { label: '甲烷', value: 49, countType: 2,unit:'%vol' },
+ { label: '土壤张力', value: 49, countType: 2,unit:'KPa' },
{ label: '铜(CU)', value: 50, countType: 0,unit:'mg/kg' },
{ label: '镉(CD)', value: 51, countType: 2,unit:'mg/kg' },
{ label: '铅(PB)', value: 52, countType: 0,unit:'mg/kg' },
diff --git a/src/views/index.vue b/src/views/index.vue
index 9e9c97b..9fb8756 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -78,7 +78,7 @@ export default {
activeNames: [3],
leftList: [
{ name: '首页', img: require('../assets/image/index-icon.png'), list: [], router: 'realTime', isRouter: true, },
- { name: '温室', routerList: ['realTime', 'skylight', 'control','fan','upload-con','sensorSet-con'], img: require('../assets/image/left-img0.png'), list: [] },
+ { name: '温室', routerList: ['realTime', 'skylight', 'control','fan','upload-con','sensorSet-con','synthesis-con'], img: require('../assets/image/left-img0.png'), list: [] },
// { name: '二号温室', img: require('../assets/image/left-img1.png'), list: [] },
{ name: '施肥机', routerList: ['formula', 'irrigateSet', 'PIDSet', 'systemSet', 'upload', 'sensorSet', 'realTime', 'history', 'dataAnalysis'], img: require('../assets/image/left-img2.png'), list: [] },],
routerNow: 'realTime',
@@ -143,6 +143,14 @@ export default {
this.loading = false
});
},
+ //排序
+ compare(property) {
+ return function (a, b) {
+ let value1 = a[property];
+ let value2 = b[property];
+ return value1 - value2;
+ };
+},
//获取设备
getEqbyid() {
var userInfo = JSON.parse(localStorage.getItem('userInfo'))
@@ -172,6 +180,14 @@ export default {
})
}
})
+ this.leftList.forEach((el1, index1) => {
+ if (el1.name == '温室') {
+ this.leftList[index1].list.sort(this.compare('equipmentStatu'))
+ }
+ if (el1.name == '施肥机') {
+ this.leftList[index1].list.sort(this.compare('equipmentStatu'))
+ }
+ })
this.gerRouter()
this.getByid()
@@ -258,11 +274,13 @@ export default {
this.$store.state.equipmentIndex = item.index
this.$router.push({ path: `/dataAnalysis?index=${item.index ? item.index : 1}` })
} else if (item.router == 'formula') {
+
this.$store.state.equipmentIndex = item.index
+ this.routerIndex=item.index
if (item.deviceName == 10) {
- this.$router.push({ path: `/control` })
- } else if (item.deviceName == 1) {
- this.$router.push({ path: `/irrigateSet` })
+ this.$router.push({ path: `/skylight?change=${item.index}` })
+ } else if (item.deviceName == 1&&this.routerNow!='irrigateSet') {
+ this.$router.push({ path: `/irrigateSet?change=${item.index}` })
}
}
} else if (item.router == 'formula' && this.$route.query.index == item.index) {
diff --git a/src/views/page/realTime.vue b/src/views/page/realTime.vue
index e5663f2..1393538 100644
--- a/src/views/page/realTime.vue
+++ b/src/views/page/realTime.vue
@@ -363,6 +363,7 @@ export default {
//1是原数据-400
//2是原数据/10
//3是(原数据-400) / 10
+ //4是(原数据-1000) / 10
countType1(data) {
var num = data - 400
return num.toFixed(2)
@@ -376,6 +377,10 @@ export default {
var num = (data - 400) / 10
return num.toFixed(2)
},
+ countType4(data) {
+ var num = (data - 1000) / 10
+ return num.toFixed(2)
+ },
//右上角数据过滤
getControlData(item) {
var x = item.environmentData
@@ -687,4 +692,5 @@ export default {
border: 1px solid #dcdfe6;
color: #606266;
font-size: 14px;
-}
\ No newline at end of file
+}
+
\ No newline at end of file
diff --git a/src/views/page/sensorSet-con.vue b/src/views/page/sensorSet-con.vue
index 07b5dcd..6eaaaaa9 100644
--- a/src/views/page/sensorSet-con.vue
+++ b/src/views/page/sensorSet-con.vue
@@ -167,6 +167,11 @@ export default {
var num = (data - 400) / 10
return num
},
+ countType4(data) {
+
+var num = (data - 1000) / 10
+return num
+},
//反向计算提交
sendCountType1(data) {
var num = data + 400
@@ -181,7 +186,11 @@ export default {
var num = (data * 10) + 400
return num
},
+ sendCountType4(data) {
+var num = (data* 10)+1000
+return num
+},
//类型选择
handleCommand(command) {
this.typeList.forEach((el, index) => {
@@ -212,6 +221,9 @@ export default {
} else if (el.countType == 3) {
this.inputData[20904 + (i * 5 + 2)] = this.countType3(this.inputData[20904 + (i * 5 + 2)])
this.inputData[20904 + (i * 5 + 4)] = this.countType3(this.inputData[20904 + (i * 5 + 4)])
+ } else if (el.countType == 4) {
+ this.inputData[20904 + (i * 5 + 2)] = this.countType4(this.inputData[20904 + (i * 5 + 2)])
+ this.inputData[20904 + (i * 5 + 4)] = this.countType4(this.inputData[20904 + (i * 5 + 4)])
}
}
@@ -391,6 +403,8 @@ export default {
number1 = this.sendCountType2(number)
} else if (el.countType == 3) {
number1 = this.sendCountType3(number)
+ } else if (el.countType == 4) {
+ number1 = this.sendCountType4(number)
}
}
})
diff --git a/src/views/page/sensorSet.vue b/src/views/page/sensorSet.vue
index ca42be2..a665544 100644
--- a/src/views/page/sensorSet.vue
+++ b/src/views/page/sensorSet.vue
@@ -137,6 +137,11 @@ export default {
var num = (data - 400) / 10
return num
},
+ countType4(data) {
+
+var num = (data - 1000) / 10
+return num
+},
//反向计算提交
sendCountType1(data) {
var num = data + 400
@@ -151,6 +156,11 @@ export default {
var num = (data* 10)+400
return num
},
+ sendCountType4(data) {
+
+var num = (data* 10)+1000
+return num
+},
//类型选择
handleCommand(command){
this.typeList.forEach((el,index)=>{
@@ -181,6 +191,9 @@ export default {
}else if(el.countType==3){
this.inputData[this.numberList[i] + 2]=this.countType3(this.inputData[this.numberList[i] + 2])
this.inputData[this.numberList[i] + 4]=this.countType3(this.inputData[this.numberList[i] + 4])
+ }else if(el.countType==4){
+ this.inputData[this.numberList[i] + 2]=this.countType4(this.inputData[this.numberList[i] + 2])
+ this.inputData[this.numberList[i] + 4]=this.countType4(this.inputData[this.numberList[i] + 4])
}
}
@@ -268,6 +281,8 @@ getSendData(number){
number1=this.sendCountType2(number)
}else if(el.countType==3){
number1=this.sendCountType3(number)
+ }else if(el.countType==4){
+ number1=this.sendCountType4(number)
}
}
})
diff --git a/src/views/page/skylight.vue b/src/views/page/skylight.vue
index 89a8520..ce6d9d3 100644
--- a/src/views/page/skylight.vue
+++ b/src/views/page/skylight.vue
@@ -134,6 +134,9 @@ export default {
that.getNowData();
}, 0);
},
+ '$route.query.change'(newVal, oldVal){
+ this.dataInit();
+ },
},
mounted() {
diff --git a/src/views/page/status.vue b/src/views/page/status.vue
index e60893e..c232c5c 100644
--- a/src/views/page/status.vue
+++ b/src/views/page/status.vue
@@ -321,6 +321,11 @@ export default {
var num = (data - 400) / 10
return num.toFixed(2)
},
+ countType4(data) {
+
+var num = (data - 1000) / 10
+return num.toFixed(2)
+},
getTypeData(dataCode, typeCode) {
var typeList = this.$store.state.typeList
diff --git a/src/views/vrcode.vue b/src/views/vrcode.vue
index 4b5746e..dbaaad8 100644
--- a/src/views/vrcode.vue
+++ b/src/views/vrcode.vue
@@ -55,8 +55,8 @@ export default {
activeNames: [3],
leftList: [
- { name: '种植计划', img: require('../assets/image/vrcode-icon0.png'), list: [], router: '', isRouter: true, },
- { name: '生产环节', routerList: [], img: require('../assets/image/vrcode-icon1.png'), list: [{ name: '农事管理' }, { name: '施肥记录' }, { name: '打药记录' }, { name: '采摘记录' }, { name: '清洁记录' }, { name: '病虫害管理' },] },
+ { name: '种植计划', img: require('../assets/image/vrcode-icon0.png'), list: [], router: 'plantingPlan', isRouter: true, },
+ { name: '生产环节', routerList: ['agricultural'], img: require('../assets/image/vrcode-icon1.png'), list: [{ name: '农事管理',router:'agricultural' }, { name: '施肥记录' }, { name: '打药记录' }, { name: '采摘记录' }, { name: '清洁记录' }, { name: '病虫害管理' },] },
{ name: '产品追溯', routerList: [], img: require('../assets/image/vrcode-icon2.png'), list: [{ name: '溯源批次' }, { name: '配置溯源版面' }, { name: '各种报告库' }] },
{ name: '基础信息设置', routerList: [], img: require('../assets/image/vrcode-icon3.png'), list: [{ name: '作物品种' }, { name: '种植栽培模式' }, { name: '农事作业工序' }, { name: '人员管理' }, { name: '农场信息管理' }, { name: '供应商管理' }, { name: '生产资料管理' }, { name: '农机工具管理' }, { name: '作物外观图片库' },] },],
routerNow: 'plantingPlan',
@@ -137,19 +137,13 @@ export default {
toHome() {
this.$router.push({ name: 'home' })
},
- toRouter(item) {
- if (item.router) {
- if (item.http) {
- window.location.href = item.http;
- }
- } else {
- this.$message('当前页面正在努力开发中');
- }
- },
+
toRouter1(item) {
if (item.router) {
if (item.http) {
window.location.href = item.http;
+ }else{
+ this.$router.push({ name: item.router })
}
} else {
this.$message('当前页面正在努力开发中');
diff --git a/src/views/vrcode/agricultural.vue b/src/views/vrcode/agricultural.vue
new file mode 100644
index 0000000..e6ff993
--- /dev/null
+++ b/src/views/vrcode/agricultural.vue
@@ -0,0 +1,248 @@
+
+