|
|
@@ -1,627 +1,716 @@
|
|
|
- @import './variables.scss';
|
|
|
- @import './mixin.scss';
|
|
|
- // @import './transition.scss';
|
|
|
- @import './element-variables.scss';
|
|
|
- // @import './sidebar.scss';
|
|
|
- body {
|
|
|
- height: 100%;
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
- text-rendering: optimizeLegibility;
|
|
|
- font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
|
- }
|
|
|
-
|
|
|
- label {
|
|
|
- font-weight: 700;
|
|
|
- }
|
|
|
-
|
|
|
- html {
|
|
|
- height: 100%;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- #app {
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- *,
|
|
|
- *:before,
|
|
|
- *:after {
|
|
|
- box-sizing: inherit;
|
|
|
- }
|
|
|
-
|
|
|
- a:focus,
|
|
|
- a:active {
|
|
|
- outline: none;
|
|
|
- }
|
|
|
-
|
|
|
- a,
|
|
|
- a:focus,
|
|
|
- a:hover {
|
|
|
- cursor: pointer;
|
|
|
- color: inherit;
|
|
|
- text-decoration: none;
|
|
|
- }
|
|
|
-
|
|
|
- div:focus {
|
|
|
- outline: none;
|
|
|
- }
|
|
|
-
|
|
|
- .clearfix {
|
|
|
- &:after {
|
|
|
- visibility: hidden;
|
|
|
- display: block;
|
|
|
- font-size: 0;
|
|
|
- content: " ";
|
|
|
- clear: both;
|
|
|
- height: 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- ul li {
|
|
|
- padding: 0;
|
|
|
- margin: 0;
|
|
|
- list-style: none
|
|
|
- }
|
|
|
-
|
|
|
- .inOneLine {
|
|
|
- display: inline-block;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
-
|
|
|
- // main-container global css
|
|
|
- .mb-5 {
|
|
|
- margin-bottom: 5px
|
|
|
- }
|
|
|
-
|
|
|
- .mb-10 {
|
|
|
- margin-bottom: 10px
|
|
|
- }
|
|
|
-
|
|
|
- .mb-20 {
|
|
|
- margin-bottom: 20px
|
|
|
- }
|
|
|
-
|
|
|
- .mr-30 {
|
|
|
- margin-right: 30px
|
|
|
- }
|
|
|
-
|
|
|
- .ml-30 {
|
|
|
- margin-left: 30px
|
|
|
- }
|
|
|
-
|
|
|
- .mt-20 {
|
|
|
- margin-top: 20px
|
|
|
- }
|
|
|
-
|
|
|
- .mt-40 {
|
|
|
- margin-top: 40px
|
|
|
- }
|
|
|
-
|
|
|
- .mt-60 {
|
|
|
- margin-top: 60px
|
|
|
- }
|
|
|
-
|
|
|
- .font-16 {
|
|
|
- font-size: 16px
|
|
|
- }
|
|
|
-
|
|
|
- .padding-20 {
|
|
|
- padding: 20px
|
|
|
- }
|
|
|
-
|
|
|
- .text-center {
|
|
|
- text-align: center
|
|
|
- }
|
|
|
-
|
|
|
- .delete-text {
|
|
|
- color: #F80000!important
|
|
|
- }
|
|
|
-
|
|
|
- .remarksTxt {
|
|
|
- opacity: .45;
|
|
|
- line-height: 1.5;
|
|
|
- }
|
|
|
-
|
|
|
- .app-container {
|
|
|
- padding: 20px;
|
|
|
- // width: 100%;
|
|
|
- width: calc(100% - 40px);
|
|
|
- // height: 100%;
|
|
|
- margin: 20px;
|
|
|
- margin-top: 70px;
|
|
|
- background: #fff;
|
|
|
- min-height: calc(100vh - 140px)
|
|
|
- }
|
|
|
-
|
|
|
- .filter-container {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- display: flex;
|
|
|
- -webkit-box-pack: justify;
|
|
|
- -webkit-justify-content: space-between;
|
|
|
- -ms-flex-pack: justify;
|
|
|
- justify-content: space-between;
|
|
|
- vertical-align: middle;
|
|
|
- .el-button+.el-button {
|
|
|
- margin-left: 30px!important;
|
|
|
- }
|
|
|
- .filter-item {
|
|
|
- margin-right: 30px;
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .el-input__inner {
|
|
|
- height: 36px;
|
|
|
- line-height: 36px
|
|
|
- }
|
|
|
-
|
|
|
- .el-button {
|
|
|
- padding: 10px 12px;
|
|
|
- }
|
|
|
-
|
|
|
- .el-table--small {
|
|
|
- font-size: 14px!important
|
|
|
- }
|
|
|
-
|
|
|
- .el-table td,
|
|
|
- .el-table th {
|
|
|
- padding: 10px 0
|
|
|
- }
|
|
|
-
|
|
|
- // 弹框样式start
|
|
|
- .el-dialog__header {
|
|
|
- background: #f8f8f8;
|
|
|
- padding: 16px 20px 16px;
|
|
|
- }
|
|
|
-
|
|
|
- .el-form-item:not(.user-layout .el-form-item) {
|
|
|
- width: 90%;
|
|
|
- max-width: 400px;
|
|
|
- margin: 0 auto 20px;
|
|
|
- }
|
|
|
-
|
|
|
- // 弹框样式end
|
|
|
- // 台区列表
|
|
|
- .siteTitle {
|
|
|
- font-size: 16px;
|
|
|
- padding: 10px 20px 30px 20px;
|
|
|
- text-align: center;
|
|
|
- position: relative;
|
|
|
- .goBack {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .status.el-avatar {
|
|
|
- width: 14px;
|
|
|
- height: 14px;
|
|
|
- background: #04F21C
|
|
|
- }
|
|
|
-
|
|
|
- // 基本信息
|
|
|
- .basicInfo {
|
|
|
- width: 100%;
|
|
|
- height: calc(100vh - 193px);
|
|
|
- // border: 1px solid pink;
|
|
|
- display: block;
|
|
|
- overflow-y: auto;
|
|
|
- }
|
|
|
-
|
|
|
- .siteManage-main {
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .groupInfo,
|
|
|
- .basic-info-page,
|
|
|
- .powerScore {
|
|
|
- .el-form-item {
|
|
|
- margin-left: 0px!important
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .goArchive {
|
|
|
- color: #056FFF;
|
|
|
- text-decoration: underline;
|
|
|
- }
|
|
|
-
|
|
|
- .blockTitle {
|
|
|
- font-weight: bold
|
|
|
- }
|
|
|
-
|
|
|
- // input长度
|
|
|
- .el-form-item__content {
|
|
|
- width: 250px;
|
|
|
- }
|
|
|
-
|
|
|
- .el-date-editor.el-input,
|
|
|
- .el-date-editor.el-input__inner {
|
|
|
- width: 250px;
|
|
|
- }
|
|
|
-
|
|
|
- .el-select {
|
|
|
- width: 100%
|
|
|
- }
|
|
|
-
|
|
|
- // 单选框样式
|
|
|
- .el-radio {
|
|
|
- margin-right: 24px
|
|
|
- }
|
|
|
-
|
|
|
- //提交:
|
|
|
- .sublitArea {
|
|
|
- text-align: right;
|
|
|
- margin-top: 40px
|
|
|
- }
|
|
|
-
|
|
|
- // 图片上传样式 start
|
|
|
- .el-upload.el-upload--picture-card {
|
|
|
- width: 90px;
|
|
|
- height: 90px;
|
|
|
- line-height: 100px;
|
|
|
- }
|
|
|
-
|
|
|
- .el-upload-list--picture-card .el-upload-list__item {
|
|
|
- width: 92px!important;
|
|
|
- height: 92px!important;
|
|
|
- line-height: 92px!important;
|
|
|
- text-align: center
|
|
|
- }
|
|
|
-
|
|
|
- .el-upload-list--picture-card .el-upload-list__item-thumbnail {
|
|
|
- width: 90px!important;
|
|
|
- height: 90px!important;
|
|
|
- line-height: 90px!important;
|
|
|
- }
|
|
|
-
|
|
|
- .avatar {
|
|
|
- width: 90px;
|
|
|
- height: 90px;
|
|
|
- }
|
|
|
-
|
|
|
- // 电力监测
|
|
|
- .watchDog,
|
|
|
- .variableList {
|
|
|
- .el-form-item__content {
|
|
|
- width: 270px
|
|
|
- }
|
|
|
- .el-form-item__label {
|
|
|
- width: 150px!important
|
|
|
- }
|
|
|
- .el-form-item__content {
|
|
|
- // margin-left: 150px!important
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .paginationBlock {
|
|
|
- margin-top: 20px;
|
|
|
- text-align: right
|
|
|
- }
|
|
|
-
|
|
|
- .filter-container {
|
|
|
- .el-button+.el-button {
|
|
|
- margin-left: 20px !important;
|
|
|
- }
|
|
|
- .el-input {
|
|
|
- margin: 0 20px 0 0;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 树形控件icon
|
|
|
- .el-tree-node__content {
|
|
|
- position: relative
|
|
|
- }
|
|
|
-
|
|
|
- .siteTree .el-icon-delete {
|
|
|
- color: #409EFF;
|
|
|
- position: absolute;
|
|
|
- right: 6px;
|
|
|
- top: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- //告警详情弹框组件
|
|
|
- .alarmStatusDialog {
|
|
|
- .el-form-item:not(.user-layout .el-form-item) {
|
|
|
- margin-bottom: 0
|
|
|
- }
|
|
|
- .deviceTit {
|
|
|
- font-size: 16px;
|
|
|
- color: #409EFF;
|
|
|
- padding: 20px 0
|
|
|
- }
|
|
|
- .basicTit {
|
|
|
- color: #4074e7;
|
|
|
- line-height: 49px;
|
|
|
- height: 49px;
|
|
|
- }
|
|
|
- .basicTit:before {
|
|
|
- content: "";
|
|
|
- width: 3px;
|
|
|
- margin-right: 9px;
|
|
|
- height: 16px;
|
|
|
- position: relative;
|
|
|
- top: 3px;
|
|
|
- display: inline-block;
|
|
|
- background: #4074e7;
|
|
|
- }
|
|
|
- .topInfo {
|
|
|
- position: relative;
|
|
|
- .lubo {
|
|
|
- position: absolute;
|
|
|
- right: 0px;
|
|
|
- bottom: 20px;
|
|
|
- }
|
|
|
- .handleStatus {
|
|
|
- position: absolute;
|
|
|
- right: 0px;
|
|
|
- top: 0px;
|
|
|
- color: #F80000
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .underline {
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .underline:after {
|
|
|
- position: absolute;
|
|
|
- bottom: 0;
|
|
|
- left: -20px;
|
|
|
- right: -20px;
|
|
|
- height: 1px;
|
|
|
- content: '';
|
|
|
- -webkit-transform: scaleY(.5);
|
|
|
- transform: scaleY(.5);
|
|
|
- background-color: #000; //这个是唯佳的线颜色
|
|
|
- opacity: .2
|
|
|
- }
|
|
|
-
|
|
|
- .underline:last-child:after {
|
|
|
- //可以这样用
|
|
|
- height: 0;
|
|
|
- }
|
|
|
-
|
|
|
- // 谐波分析
|
|
|
- .harmonicReport {
|
|
|
- .filter-container .filter-item {
|
|
|
- // margin-right: 10px
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .timeTab.el-button {
|
|
|
- margin-bottom: 20px;
|
|
|
- border-radius: 0
|
|
|
- }
|
|
|
-
|
|
|
- // 三项不平衡
|
|
|
- .blanceChartTit {
|
|
|
- padding: 10px 14px;
|
|
|
- margin-bottom: 10px;
|
|
|
- border-bottom: 1px solid #f0f0f0;
|
|
|
- background: #FAFAFA;
|
|
|
- font-weight: bold
|
|
|
- }
|
|
|
-
|
|
|
- //评估报告
|
|
|
- .assePage .blanceChartTit {
|
|
|
- margin-bottom: 0;
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- vertical-align: middle;
|
|
|
- span {
|
|
|
- display: inline-block
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .assePage {
|
|
|
- .subTits {
|
|
|
- margin: 25px auto;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold
|
|
|
- }
|
|
|
- .assNum {
|
|
|
- font-size: 18px;
|
|
|
- color: #2EAEFF;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .greenRate {
|
|
|
- color: #04A522
|
|
|
- }
|
|
|
- .assTxt {
|
|
|
- font-size: 14px
|
|
|
- }
|
|
|
- .assSmallbox {
|
|
|
- padding: 10px 0;
|
|
|
- text-align: center;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // tab重置样式
|
|
|
- .asseTabs {
|
|
|
- margin-bottom: 20px;
|
|
|
- border-bottom: 1px solid #E5E5E5;
|
|
|
- width: calc(100% + 40px);
|
|
|
- margin-left: -20px;
|
|
|
- }
|
|
|
-
|
|
|
- .asseTabs span {
|
|
|
- line-height: 50px;
|
|
|
- height: 50px;
|
|
|
- font-size: 16px;
|
|
|
- display: inline-block;
|
|
|
- padding: 0 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .asseTabs span.active {
|
|
|
- border-bottom: 2px solid #2EAEFF
|
|
|
- }
|
|
|
-
|
|
|
- .banlanceBtn {
|
|
|
- max-width: 80%;
|
|
|
- margin: 0 auto 20px;
|
|
|
- height: 40px;
|
|
|
- line-height: 40px;
|
|
|
- width: 236px;
|
|
|
- font-size: 16px!important;
|
|
|
- // background: #6dc6ff;
|
|
|
- // color: #fff
|
|
|
- }
|
|
|
-
|
|
|
- .assCard {
|
|
|
- min-height: 336px!important;
|
|
|
- .noDataImg {
|
|
|
- width: 40%;
|
|
|
- margin-top: 40px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .assCard ul {
|
|
|
- text-align: left;
|
|
|
- margin: 0;
|
|
|
- padding: 15px 20px 0;
|
|
|
- li:not(:last-child) {
|
|
|
- border-bottom: 1px solid #F0F0F0;
|
|
|
- }
|
|
|
- li {
|
|
|
- line-height: 40px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- vertical-align: middle;
|
|
|
- font-size: 14px;
|
|
|
- div {
|
|
|
- display: inline-block;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- }
|
|
|
- span {
|
|
|
- color: #04A522;
|
|
|
- background: #F4F4F4;
|
|
|
- display: inline-block;
|
|
|
- border-radius: 20px;
|
|
|
- line-height: 20px;
|
|
|
- height: 20px;
|
|
|
- text-align: center;
|
|
|
- width: 58px;
|
|
|
- margin-top: 10px;
|
|
|
- }
|
|
|
- span.overLimit {
|
|
|
- color: #F80000
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .totalScore {
|
|
|
- font-weight: bold;
|
|
|
- text-align: center;
|
|
|
- margin: 30px;
|
|
|
- .el-button {
|
|
|
- font-size: 16px;
|
|
|
- margin-left: 10px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 实时评分
|
|
|
- .descIcon img {
|
|
|
- position: relative;
|
|
|
- top: 2px;
|
|
|
- }
|
|
|
-
|
|
|
- .smallSquare {
|
|
|
- display: inline-block;
|
|
|
- width: 7px;
|
|
|
- position: relative;
|
|
|
- top: -1px;
|
|
|
- height: 7px;
|
|
|
- background: #F80000;
|
|
|
- }
|
|
|
-
|
|
|
- .smallSquare.green {
|
|
|
- background: #24BE00
|
|
|
- }
|
|
|
-
|
|
|
- .loopUnbanlanceContainer {
|
|
|
- overflow: hidden;
|
|
|
- .el-row {
|
|
|
- margin-bottom: 0!important;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .loopUnbanlanceCard {
|
|
|
- ul {
|
|
|
- padding: 0;
|
|
|
- margin-bottom: 0;
|
|
|
- font-size: 14px;
|
|
|
- }
|
|
|
- li {
|
|
|
- display: flex;
|
|
|
- >div {
|
|
|
- margin: 7px 20px;
|
|
|
- }
|
|
|
- >div:first-child {
|
|
|
- // min-width: 64px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .voltagePanel {
|
|
|
- .el-table--small th,
|
|
|
- .el-table--small td {
|
|
|
- padding: 17px 0
|
|
|
- }
|
|
|
- .uList p {
|
|
|
- margin-right: 10px;
|
|
|
- padding: 11px 0
|
|
|
- }
|
|
|
- .shangXian {
|
|
|
- padding: 20px 0 0;
|
|
|
- display: flex;
|
|
|
- width: 300px;
|
|
|
- margin-left: 40px;
|
|
|
- text-align: center;
|
|
|
- div {
|
|
|
- width: 50%;
|
|
|
- text-align: center;
|
|
|
- position: relative
|
|
|
- }
|
|
|
- div:first-child:after {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- z-index: 4;
|
|
|
- /* left: -20px; */
|
|
|
- right: 20px;
|
|
|
- height: 211px;
|
|
|
- width: 1px;
|
|
|
- border: 1px dashed #000;
|
|
|
- content: "";
|
|
|
- /* transform: scaleY(0.5); */
|
|
|
- background-color: rgba(0, 0, 0, 0);
|
|
|
- opacity: .2;
|
|
|
- }
|
|
|
- div:last-child:before {
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- z-index: 4;
|
|
|
- left: 20px;
|
|
|
- height: 211px;
|
|
|
- width: 1px;
|
|
|
- border: 1px dashed #000;
|
|
|
- content: "";
|
|
|
- /* transform: scaleY(.2); */
|
|
|
- background-color: rgba(0, 0, 0, 0);
|
|
|
- opacity: .2;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .frequencyPanel {
|
|
|
- text-align: center
|
|
|
- }
|
|
|
+ @import './variables.scss';
|
|
|
+ @import './mixin.scss';
|
|
|
+ // @import './transition.scss';
|
|
|
+ @import './element-variables.scss';
|
|
|
+ // @import './sidebar.scss';
|
|
|
+ body {
|
|
|
+ height: 100%;
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+ text-rendering: optimizeLegibility;
|
|
|
+ font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
|
|
+ }
|
|
|
+
|
|
|
+ label {
|
|
|
+ font-weight: 700;
|
|
|
+ }
|
|
|
+
|
|
|
+ html {
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+
|
|
|
+ #app {
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ *,
|
|
|
+ *:before,
|
|
|
+ *:after {
|
|
|
+ box-sizing: inherit;
|
|
|
+ }
|
|
|
+
|
|
|
+ a:focus,
|
|
|
+ a:active {
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ a,
|
|
|
+ a:focus,
|
|
|
+ a:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ color: inherit;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ div:focus {
|
|
|
+ outline: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .clearfix {
|
|
|
+ &:after {
|
|
|
+ visibility: hidden;
|
|
|
+ display: block;
|
|
|
+ font-size: 0;
|
|
|
+ content: " ";
|
|
|
+ clear: both;
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ ul li {
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ list-style: none
|
|
|
+ }
|
|
|
+
|
|
|
+ .inOneLine {
|
|
|
+ display: inline-block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+
|
|
|
+ // main-container global css
|
|
|
+ .mb-5 {
|
|
|
+ margin-bottom: 5px
|
|
|
+ }
|
|
|
+
|
|
|
+ .mb-10 {
|
|
|
+ margin-bottom: 10px
|
|
|
+ }
|
|
|
+
|
|
|
+ .mb-20 {
|
|
|
+ margin-bottom: 20px
|
|
|
+ }
|
|
|
+
|
|
|
+ .mr-30 {
|
|
|
+ margin-right: 30px
|
|
|
+ }
|
|
|
+
|
|
|
+ .ml-30 {
|
|
|
+ margin-left: 30px
|
|
|
+ }
|
|
|
+
|
|
|
+ .mt-20 {
|
|
|
+ margin-top: 20px
|
|
|
+ }
|
|
|
+
|
|
|
+ .mt-40 {
|
|
|
+ margin-top: 40px
|
|
|
+ }
|
|
|
+
|
|
|
+ .mt-60 {
|
|
|
+ margin-top: 60px
|
|
|
+ }
|
|
|
+
|
|
|
+ .font-16 {
|
|
|
+ font-size: 16px
|
|
|
+ }
|
|
|
+
|
|
|
+ .padding-20 {
|
|
|
+ padding: 20px
|
|
|
+ }
|
|
|
+
|
|
|
+ .text-center {
|
|
|
+ text-align: center
|
|
|
+ }
|
|
|
+
|
|
|
+ .delete-text {
|
|
|
+ color: #F80000!important
|
|
|
+ }
|
|
|
+
|
|
|
+ .remarksTxt {
|
|
|
+ opacity: .45;
|
|
|
+ line-height: 1.5;
|
|
|
+ }
|
|
|
+
|
|
|
+ .app-container {
|
|
|
+ padding: 20px;
|
|
|
+ // width: 100%;
|
|
|
+ width: calc(100% - 40px);
|
|
|
+ // height: 100%;
|
|
|
+ margin: 20px;
|
|
|
+ margin-top: 70px;
|
|
|
+ background: #fff;
|
|
|
+ min-height: calc(100vh - 140px)
|
|
|
+ }
|
|
|
+
|
|
|
+ .filter-container {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ -webkit-box-pack: justify;
|
|
|
+ -webkit-justify-content: space-between;
|
|
|
+ -ms-flex-pack: justify;
|
|
|
+ justify-content: space-between;
|
|
|
+ vertical-align: middle;
|
|
|
+ .el-button+.el-button {
|
|
|
+ margin-left: 30px!important;
|
|
|
+ }
|
|
|
+ .filter-item {
|
|
|
+ margin-right: 30px;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-input__inner {
|
|
|
+ height: 36px;
|
|
|
+ line-height: 36px
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ padding: 10px 12px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table--small {
|
|
|
+ font-size: 14px!important
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table td,
|
|
|
+ .el-table th {
|
|
|
+ padding: 10px 0
|
|
|
+ }
|
|
|
+
|
|
|
+ // 弹框样式start
|
|
|
+ .el-dialog__header {
|
|
|
+ background: #f8f8f8;
|
|
|
+ padding: 16px 20px 16px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-form-item:not(.user-layout .el-form-item) {
|
|
|
+ width: 90%;
|
|
|
+ max-width: 400px;
|
|
|
+ margin: 0 auto 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 弹框样式end
|
|
|
+ // 台区列表
|
|
|
+ .siteTitle {
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 10px 20px 30px 20px;
|
|
|
+ text-align: center;
|
|
|
+ position: relative;
|
|
|
+ .goBack {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .status.el-avatar {
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: #04F21C
|
|
|
+ }
|
|
|
+
|
|
|
+ // 基本信息
|
|
|
+ .basicInfo {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100vh - 193px);
|
|
|
+ // border: 1px solid pink;
|
|
|
+ display: block;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+
|
|
|
+ .siteManage-main {
|
|
|
+ padding: 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .groupInfo,
|
|
|
+ .basic-info-page,
|
|
|
+ .powerScore {
|
|
|
+ .el-form-item {
|
|
|
+ margin-left: 0px!important
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .goArchive {
|
|
|
+ color: #056FFF;
|
|
|
+ text-decoration: underline;
|
|
|
+ }
|
|
|
+
|
|
|
+ .blockTitle {
|
|
|
+ font-weight: bold
|
|
|
+ }
|
|
|
+
|
|
|
+ // input长度
|
|
|
+ .el-form-item__content {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-editor.el-input,
|
|
|
+ .el-date-editor.el-input__inner {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-select {
|
|
|
+ width: 100%
|
|
|
+ }
|
|
|
+
|
|
|
+ // 单选框样式
|
|
|
+ .el-radio {
|
|
|
+ margin-right: 24px
|
|
|
+ }
|
|
|
+
|
|
|
+ //提交:
|
|
|
+ .sublitArea {
|
|
|
+ text-align: right;
|
|
|
+ margin-top: 40px
|
|
|
+ }
|
|
|
+
|
|
|
+ // 图片上传样式 start
|
|
|
+ .el-upload.el-upload--picture-card {
|
|
|
+ width: 90px;
|
|
|
+ height: 90px;
|
|
|
+ line-height: 100px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-upload-list--picture-card .el-upload-list__item {
|
|
|
+ width: 92px!important;
|
|
|
+ height: 92px!important;
|
|
|
+ line-height: 92px!important;
|
|
|
+ text-align: center
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-upload-list--picture-card .el-upload-list__item-thumbnail {
|
|
|
+ width: 90px!important;
|
|
|
+ height: 90px!important;
|
|
|
+ line-height: 90px!important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .avatar {
|
|
|
+ width: 90px;
|
|
|
+ height: 90px;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 电力监测
|
|
|
+ .watchDog,
|
|
|
+ .variableList {
|
|
|
+ .el-form-item__content {
|
|
|
+ width: 270px
|
|
|
+ }
|
|
|
+ .el-form-item__label {
|
|
|
+ width: 150px!important
|
|
|
+ }
|
|
|
+ .el-form-item__content {
|
|
|
+ // margin-left: 150px!important
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .paginationBlock {
|
|
|
+ margin-top: 20px;
|
|
|
+ text-align: right
|
|
|
+ }
|
|
|
+
|
|
|
+ .filter-container {
|
|
|
+ .el-button+.el-button {
|
|
|
+ margin-left: 20px !important;
|
|
|
+ }
|
|
|
+ .el-input {
|
|
|
+ margin: 0 20px 0 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 树形控件icon
|
|
|
+ .el-tree-node__content {
|
|
|
+ position: relative
|
|
|
+ }
|
|
|
+
|
|
|
+ .siteTree .el-icon-delete {
|
|
|
+ color: #409EFF;
|
|
|
+ position: absolute;
|
|
|
+ right: 6px;
|
|
|
+ top: 5px;
|
|
|
+ }
|
|
|
+
|
|
|
+ //告警详情弹框组件
|
|
|
+ .alarmStatusDialog {
|
|
|
+ .el-form-item:not(.user-layout .el-form-item) {
|
|
|
+ margin-bottom: 0
|
|
|
+ }
|
|
|
+ .deviceTit {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #409EFF;
|
|
|
+ padding: 20px 0
|
|
|
+ }
|
|
|
+ .basicTit {
|
|
|
+ color: #4074e7;
|
|
|
+ line-height: 49px;
|
|
|
+ height: 49px;
|
|
|
+ }
|
|
|
+ .basicTit:before {
|
|
|
+ content: "";
|
|
|
+ width: 3px;
|
|
|
+ margin-right: 9px;
|
|
|
+ height: 16px;
|
|
|
+ position: relative;
|
|
|
+ top: 3px;
|
|
|
+ display: inline-block;
|
|
|
+ background: #4074e7;
|
|
|
+ }
|
|
|
+ .topInfo {
|
|
|
+ position: relative;
|
|
|
+ .lubo {
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 20px;
|
|
|
+ }
|
|
|
+ .handleStatus {
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ color: #F80000
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .underline {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+
|
|
|
+ .underline:after {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0;
|
|
|
+ left: -20px;
|
|
|
+ right: -20px;
|
|
|
+ height: 1px;
|
|
|
+ content: '';
|
|
|
+ -webkit-transform: scaleY(.5);
|
|
|
+ transform: scaleY(.5);
|
|
|
+ background-color: #000; //这个是唯佳的线颜色
|
|
|
+ opacity: .2
|
|
|
+ }
|
|
|
+
|
|
|
+ .underline:last-child:after {
|
|
|
+ //可以这样用
|
|
|
+ height: 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 谐波分析
|
|
|
+ .harmonicReport {
|
|
|
+ .filter-container .filter-item {
|
|
|
+ // margin-right: 10px
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .timeTab.el-button {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-radius: 0
|
|
|
+ }
|
|
|
+
|
|
|
+ // 三项不平衡
|
|
|
+ .blanceChartTit {
|
|
|
+ padding: 10px 14px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border-bottom: 1px solid #f0f0f0;
|
|
|
+ background: #FAFAFA;
|
|
|
+ font-weight: bold
|
|
|
+ }
|
|
|
+
|
|
|
+ //评估报告
|
|
|
+ .assePage .blanceChartTit {
|
|
|
+ margin-bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ vertical-align: middle;
|
|
|
+ span {
|
|
|
+ display: inline-block
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .assePage {
|
|
|
+ .subTits {
|
|
|
+ margin: 25px auto;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold
|
|
|
+ }
|
|
|
+ .assNum {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #2EAEFF;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .greenRate {
|
|
|
+ color: #04A522
|
|
|
+ }
|
|
|
+ .assTxt {
|
|
|
+ font-size: 14px
|
|
|
+ }
|
|
|
+ .assSmallbox {
|
|
|
+ padding: 10px 0;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // tab重置样式
|
|
|
+ .asseTabs {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ border-bottom: 1px solid #E5E5E5;
|
|
|
+ width: calc(100% + 40px);
|
|
|
+ margin-left: -20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .asseTabs span {
|
|
|
+ line-height: 50px;
|
|
|
+ height: 50px;
|
|
|
+ font-size: 16px;
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 20px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .asseTabs span.active {
|
|
|
+ border-bottom: 2px solid #2EAEFF
|
|
|
+ }
|
|
|
+
|
|
|
+ .banlanceBtn {
|
|
|
+ max-width: 80%;
|
|
|
+ margin: 0 auto 20px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ width: 236px;
|
|
|
+ font-size: 16px!important;
|
|
|
+ // background: #6dc6ff;
|
|
|
+ // color: #fff
|
|
|
+ }
|
|
|
+
|
|
|
+ .assCard {
|
|
|
+ min-height: 336px!important;
|
|
|
+ .noDataImg {
|
|
|
+ width: 40%;
|
|
|
+ margin-top: 40px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .assCard ul {
|
|
|
+ text-align: left;
|
|
|
+ margin: 0;
|
|
|
+ padding: 15px 20px 0;
|
|
|
+ li:not(:last-child) {
|
|
|
+ border-bottom: 1px solid #F0F0F0;
|
|
|
+ }
|
|
|
+ li {
|
|
|
+ line-height: 40px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-size: 14px;
|
|
|
+ div {
|
|
|
+ display: inline-block;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ }
|
|
|
+ span {
|
|
|
+ color: #04A522;
|
|
|
+ background: #F4F4F4;
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ height: 20px;
|
|
|
+ text-align: center;
|
|
|
+ width: 58px;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ span.overLimit {
|
|
|
+ color: #F80000
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .totalScore {
|
|
|
+ font-weight: bold;
|
|
|
+ text-align: center;
|
|
|
+ margin: 30px;
|
|
|
+ .el-button {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 实时评分
|
|
|
+ .descIcon img {
|
|
|
+ position: relative;
|
|
|
+ top: 2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .smallSquare {
|
|
|
+ display: inline-block;
|
|
|
+ width: 7px;
|
|
|
+ position: relative;
|
|
|
+ top: -1px;
|
|
|
+ height: 7px;
|
|
|
+ background: #F80000;
|
|
|
+ }
|
|
|
+
|
|
|
+ .smallSquare.green {
|
|
|
+ background: #24BE00
|
|
|
+ }
|
|
|
+
|
|
|
+ .loopUnbanlancePanel,
|
|
|
+ .loopHarmonicPanel {
|
|
|
+ height: 591px;
|
|
|
+ overflow: hidden;
|
|
|
+ .el-row {
|
|
|
+ margin-bottom: 0!important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .loopUnbanlanceCard {
|
|
|
+ // height: calc(100% - 100px);
|
|
|
+ ul {
|
|
|
+ padding: 0;
|
|
|
+ margin-bottom: 0;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+ li {
|
|
|
+ display: flex;
|
|
|
+ >div {
|
|
|
+ margin: 7px 20px;
|
|
|
+ }
|
|
|
+ >div:first-child {
|
|
|
+ // min-width: 64px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .voltagePanel {
|
|
|
+ .el-table--small th,
|
|
|
+ .el-table--small td {
|
|
|
+ padding: 15px 0
|
|
|
+ }
|
|
|
+ .uList p {
|
|
|
+ margin-right: 10px;
|
|
|
+ padding: 8px 0
|
|
|
+ }
|
|
|
+ .shangXian {
|
|
|
+ padding: 20px 0 0;
|
|
|
+ display: flex;
|
|
|
+ width: 300px;
|
|
|
+ margin-left: 40px;
|
|
|
+ text-align: center;
|
|
|
+ div {
|
|
|
+ width: 50%;
|
|
|
+ text-align: center;
|
|
|
+ position: relative
|
|
|
+ }
|
|
|
+ div:first-child:after {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ z-index: 4;
|
|
|
+ /* left: -20px; */
|
|
|
+ right: 20px;
|
|
|
+ height: 211px;
|
|
|
+ width: 1px;
|
|
|
+ border: 1px dashed #000;
|
|
|
+ content: "";
|
|
|
+ /* transform: scaleY(0.5); */
|
|
|
+ background-color: rgba(0, 0, 0, 0);
|
|
|
+ opacity: .2;
|
|
|
+ }
|
|
|
+ div:last-child:before {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ z-index: 4;
|
|
|
+ left: 20px;
|
|
|
+ height: 211px;
|
|
|
+ width: 1px;
|
|
|
+ border: 1px dashed #000;
|
|
|
+ content: "";
|
|
|
+ /* transform: scaleY(.2); */
|
|
|
+ background-color: rgba(0, 0, 0, 0);
|
|
|
+ opacity: .2;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .frequencyPanel {
|
|
|
+ text-align: center;
|
|
|
+ .frequencyTit {
|
|
|
+ color: #F80000;
|
|
|
+ font-weight: bold
|
|
|
+ }
|
|
|
+ .frequencyTit2 {
|
|
|
+ font-weight: bold;
|
|
|
+ margin: 10px auto;
|
|
|
+ span {
|
|
|
+ color: #fff;
|
|
|
+ background: #21c393;
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 20px;
|
|
|
+ line-height: 24px;
|
|
|
+ height: 24px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 14px;
|
|
|
+ width: 58px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .frequencyBox .grid-content {
|
|
|
+ min-height: 50px!important;
|
|
|
+ border-radius: 0;
|
|
|
+ background: #f0f0f0;
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+ .rightSplitRed {
|
|
|
+ position: relative;
|
|
|
+ i {
|
|
|
+ position: absolute;
|
|
|
+ position: absolute;
|
|
|
+ right: -14.5px;
|
|
|
+ bottom: -11px;
|
|
|
+ color: #f1673d
|
|
|
+ }
|
|
|
+ i:after {
|
|
|
+ display: none
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .greenShadow {
|
|
|
+ position: absolute;
|
|
|
+ width: 118px;
|
|
|
+ height: 100%;
|
|
|
+ bottom: 0;
|
|
|
+ background: rgba(37, 215, 162, .3);
|
|
|
+ left: 41px;
|
|
|
+ background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, hsla(0, 0%, 100%, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, hsla(0, 0%, 100%, .2)), color-stop(.75, hsla(0, 0%, 100%, .2)), color-stop(.75, transparent), to(transparent));
|
|
|
+ }
|
|
|
+ .rightSplitRed .grid-content:after {
|
|
|
+ position: absolute;
|
|
|
+ bottom: -3px;
|
|
|
+ z-index: 4;
|
|
|
+ right: -8px;
|
|
|
+ height: 125%;
|
|
|
+ width: 2px;
|
|
|
+ border: 1px solid #f1673d;
|
|
|
+ content: "";
|
|
|
+ background-color: rgba(0, 0, 0, 0);
|
|
|
+ }
|
|
|
+ .frequencyBox .grid-content {
|
|
|
+ border-right: 1px dashed #aaa
|
|
|
+ }
|
|
|
+ .frequencyBox .el-col:last-child .grid-content {
|
|
|
+ border-right: none
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .voltagePanel,
|
|
|
+ .frequencyPanel,
|
|
|
+ .powerPanel {
|
|
|
+ height: 285px
|
|
|
+ }
|
|
|
+
|
|
|
+ .powerPanel {
|
|
|
+ .el-table--small th,
|
|
|
+ .el-table--small td {
|
|
|
+ padding: 15px 0
|
|
|
+ }
|
|
|
+ .uList p {
|
|
|
+ margin-right: 10px;
|
|
|
+ padding: 8px 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .harmonicCard {
|
|
|
+ height: calc(50% - 56px);
|
|
|
+ // border: 1px solid red;
|
|
|
+ }
|
ming