{"remainingRequest":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\HealthAnalysis.vue?vue&type=style&index=0&id=618dcb94&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\src\\views\\Device\\performanceAnalysis\\HealthAnalysis.vue","mtime":1685419311204},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bzzgj-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n.wrap-header {\r\n  width: 100%;\r\n  height: 150px;\r\n  margin-bottom: 10px;\r\n  display: flex;\r\n  gap: 10px;\r\n  justify-content: space-between;\r\n\r\n  .header-item {\r\n    width: 307px;\r\n    height: 150px;\r\n    background: #ffffff;\r\n    box-shadow: 0px 0px 7px 0px rgba(193, 211, 255, 0.66);\r\n    border-radius: 10px;\r\n    .title {\r\n      //   text-align: center;\r\n      padding-left: 20px;\r\n      height: 40px;\r\n      line-height: 40px;\r\n      border-top-left-radius: 10px;\r\n      border-top-right-radius: 10px;\r\n      img {\r\n        width: 28px;\r\n        height: 28px;\r\n        vertical-align: middle;\r\n        margin-right: 10px;\r\n      }\r\n      span {\r\n        font-size: 18px;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n    .content {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      height: calc(100% - 40px);\r\n      width: 100%;\r\n    }\r\n    .peichart,\r\n    #pieEchartOne,\r\n    #pieEchartTwo,\r\n    #pieEchartThree,\r\n    #pieEchartFour,\r\n    #pieEchartFive,\r\n    #pieEchartSix {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    .peichart {\r\n      position: relative;\r\n      .pendants {\r\n        position: absolute;\r\n        top: 40%;\r\n        left: 30%;\r\n        width: 100px;\r\n        line-height: 20px;\r\n        text-align: center;\r\n        background-color: #ffffff;\r\n        border-radius: 4px;\r\n        border: 1px solid #ffa284;\r\n        color: #ffa284;\r\n        box-shadow: 0 0 3px 1px #ffa284;\r\n        font-size: 8px;\r\n      }\r\n    }\r\n  }\r\n  .header-left {\r\n    border-radius: 5px;\r\n    border: 1px solid #d9d9d9;\r\n    width: 35%;\r\n    background-color: #fff;\r\n    text-align: center;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-evenly;\r\n\r\n    .leftItem {\r\n      border: 1px solid #d9d9d9;\r\n      width: 110px;\r\n      height: 130px;\r\n      border-radius: 20px;\r\n      background-color: #f2f6fc;\r\n      line-height: 30px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-evenly;\r\n\r\n      div {\r\n        font-size: 20px;\r\n        line-height: 25px;\r\n        font-weight: bold;\r\n      }\r\n\r\n      span {\r\n        font-size: 20px;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n  }\r\n\r\n  .header-right {\r\n    width: 65%;\r\n    background-color: #ebeef5;\r\n    margin-left: 10px;\r\n    display: flex;\r\n    box-sizing: border-box;\r\n    justify-content: space-between;\r\n\r\n    .rightItem {\r\n      border: 1px solid #d9d9d9;\r\n      width: 200px;\r\n      height: 150px;\r\n      padding: 2px 0;\r\n      box-sizing: border-box;\r\n      background-color: #fff;\r\n      border-radius: 5px;\r\n    }\r\n  }\r\n}\r\n\r\n.warp-content {\r\n  width: 100%;\r\n  height: calc(100% - 160px);\r\n  display: flex;\r\n\r\n  .content-left {\r\n    height: 100%;\r\n    width: 100%;\r\n\r\n    .leftTop {\r\n      width: 100%;\r\n      height: calc(50% - 5px);\r\n      padding: 10px;\r\n      box-sizing: border-box;\r\n      background-color: #fff;\r\n      border-radius: 10px;\r\n      margin-bottom: 10px;\r\n      .current-region {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n  }\r\n  .content-right {\r\n    border-radius: 10px;\r\n    // border: 1px solid #d9d9d9;\r\n    width: 100%;\r\n    height: calc(50% - 5px);\r\n    background-color: #fff;\r\n    .device-status {\r\n      width: 100%;\r\n      height: 100%;\r\n      .region-btn {\r\n        padding: 20px;\r\n      }\r\n    }\r\n    .rightTop {\r\n      text-align: left;\r\n      font-size: 14px;\r\n      line-height: 47px;\r\n      margin-bottom: 10px;\r\n      border-bottom: 1px solid #e5efff;\r\n      margin: 0 10px;\r\n      box-sizing: border-box;\r\n      font-weight: bold;\r\n      color: #0080ff;\r\n      position: relative;\r\n    }\r\n    .right-top-icon {\r\n      width: 18px;\r\n      height: 20px;\r\n      vertical-align: middle;\r\n      margin-right: 8px;\r\n    }\r\n    .rightTop:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: -2px;\r\n      height: 4px;\r\n      width: 124px;\r\n      background: linear-gradient(0deg, #0080ff, #b2d9ff);\r\n      box-shadow: 0px 1px 5px 0px rgba(83, 136, 255, 0.4);\r\n      border-radius: 2px;\r\n    }\r\n  }\r\n\r\n  .infinite-list {\r\n    padding: 10px 10px 0px 10px;\r\n    box-sizing: border-box;\r\n    height: 615px;\r\n\r\n    p {\r\n      color: #999999;\r\n      text-align: center;\r\n    }\r\n\r\n    .infinite-list-item {\r\n      width: 100%;\r\n    }\r\n\r\n    .itembox {\r\n      padding: 0 5px;\r\n      box-sizing: border-box;\r\n      border-radius: 10px;\r\n\r\n      .boxheader {\r\n        position: relative;\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        div:nth-child(1) {\r\n          width: 70%;\r\n          font-weight: 900;\r\n          overflow: hidden;\r\n          text-overflow: ellipsis;\r\n          white-space: nowrap;\r\n          -webkit-line-clamp: 1;\r\n          -webkit-box-orient: vertical;\r\n          // font-family: PingFangSC-Semibold;\r\n          font-size: 14px;\r\n          color: rgba(0, 0, 0, 0.85);\r\n          span:nth-child(1) {\r\n            display: inline-block;\r\n            width: 5px;\r\n            height: 18px;\r\n            border-radius: 3px;\r\n            vertical-align: middle;\r\n            margin-right: 4px;\r\n          }\r\n        }\r\n\r\n        div:nth-child(2) {\r\n          padding: 0 7px;\r\n          box-sizing: border-box;\r\n          border-radius: 3px;\r\n          color: #fff;\r\n        }\r\n      }\r\n\r\n      .boxcontent {\r\n        margin: 10px 0;\r\n      }\r\n\r\n      .boxbottom {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        color: rgba(0, 0, 0, 0.45);\r\n        // span:nth-child(3) {\r\n        // \tcolor: #999999;\r\n        // \t}\r\n      }\r\n    }\r\n  }\r\n\r\n  /deep/.el-divider--horizontal {\r\n    margin: 10px;\r\n  }\r\n  /deep/ .el-tabs__active-bar {\r\n    height: 4px;\r\n    border-radius: 2px;\r\n    background: linear-gradient(0deg, #0080ff, #b2d9ff);\r\n    box-shadow: 0px 1px 5px 0px rgba(83, 136, 255, 0.4);\r\n  }\r\n  /deep/.el-tabs__nav-wrap::after {\r\n    height: 1px;\r\n    background-color: #e5efff;\r\n  }\r\n  .tab-img {\r\n    width: 16px;\r\n    height: 16px;\r\n    vertical-align: middle;\r\n    margin-right: 10px;\r\n  }\r\n  .tab-label {\r\n    color: #666;\r\n    font-size: 16px;\r\n  }\r\n  .tab-label.active {\r\n    color: #0080ff;\r\n    font-weight: bold;\r\n  }\r\n\r\n  /deep/.el-tabs__content {\r\n    height: calc(100% - 54px);\r\n  }\r\n  /deep/.el-tab-pane {\r\n    height: 100%;\r\n  }\r\n}\r\n",null]}