From 0397e2fb15fbccc77d6da16196d30ae54114aa2f Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Mon, 06 Sep 2021 16:52:47 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.0.105:10010/r/zhba_regulatory

---
 src/views/securityUnitOperation/operationAnalysis.vue |  345 ++++++++++++++++++++++++++++++++++++++++++++-------------
 1 files changed, 266 insertions(+), 79 deletions(-)

diff --git a/src/views/securityUnitOperation/operationAnalysis.vue b/src/views/securityUnitOperation/operationAnalysis.vue
index 3da4c0b..defe937 100644
--- a/src/views/securityUnitOperation/operationAnalysis.vue
+++ b/src/views/securityUnitOperation/operationAnalysis.vue
@@ -414,6 +414,271 @@
 };
 </script>
 <style lang="scss" scoped>
+@media screen and (max-width: 1280px) {
+  .box-card {
+    font-size: 15px;
+    width: 128px;
+    background: #00aaf1;
+    height: 117px;
+    text-align: center;
+    margin-right: 28px;
+    box-shadow: 5px 5px 5px rgba($color: #000, $alpha: 0.35);
+    line-height: 36px;
+    span:nth-child(2) {
+      color: #06ffff;
+      font-size: 31px;
+    }
+  }
+  .col-content {
+    margin-top: 39px !important;
+  }
+  .leftEchartTitle.qing {
+    right: 10px;
+    margin-top: 42px;
+    .block1 {
+      background: #73c0de;
+      margin-top: 11px;
+      width: 10px;
+      height: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 12px;
+      margin: 0px 3px 0px 3px;
+    }
+    span:nth-child(3) {
+      color: #73c0de;
+      font-size: 15px;
+      width: 45px;
+    }
+    span:nth-child(4) {
+      font-size: 12px;
+      color: #73c0de;
+    }
+  }
+  .leftEchartTitle.zhong {
+    right: 10px;
+    margin-top: 83px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      border-radius: 100%;
+      background: #fac858;
+      margin-top: 11px;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 12px;
+      margin: 0px 3px 0px 3px;
+    }
+    span:nth-child(3) {
+      color: #fac858;
+      font-size: 15px;
+      width: 45px;
+    }
+    span:nth-child(4) {
+      font-size: 12px;
+      color: #fac858;
+    }
+  }
+  .leftEchartTitle.lao {
+    right: 10px;
+    margin-top: 125px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      border-radius: 100%;
+      background: #91cc75;
+      margin-top: 11px;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 12px;
+      margin: 0px 3px 0px 3px;
+    }
+    span:nth-child(3) {
+      color: #91cc75;
+      font-size: 15px;
+      width: 45px;
+    }
+    span:nth-child(4) {
+      font-size: 12px;
+      color: #91cc75;
+    }
+  }
+}
+// 适配分辨率1600*900
+@media screen and (min-width: 1281px)and (max-width: 1600px)  {
+  .box-card {
+    font-size: 15px;
+    width: 128px;
+    background: #00aaf1;
+    height: 117px;
+    text-align: center;
+    margin-right: 66px;
+    box-shadow: 5px 5px 5px rgba($color: #000, $alpha: 0.35);
+    line-height: 36px;
+    span:nth-child(2) {
+      color: #06ffff;
+      font-size: 31px;
+    }
+  }
+  .leftEchartTitle.qing {
+    right: 37px;
+    margin-top: 42px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      background: #73c0de;
+      margin-top: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 13px;
+    }
+    span:nth-child(3) {
+      color: #73c0de;
+      font-size: 17px;
+    }
+    span:nth-child(4) {
+      font-size: 13px;
+      color: #73c0de;
+    }
+  }
+  .leftEchartTitle.zhong {
+    right: 37px;
+    margin-top: 83px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      background: #fac858;
+      margin-top: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 13px;
+    }
+    span:nth-child(3) {
+      color: #fac858;
+      font-size: 17px;
+    }
+    span:nth-child(4) {
+      font-size: 13px;
+      color: #fac858;
+    }
+  }
+  .leftEchartTitle.lao {
+    right: 37px;
+    margin-top: 125px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      background: #91cc75;
+      margin-top: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 13px;
+    }
+    span:nth-child(3) {
+      color: #91cc75;
+      font-size: 17px;
+    }
+    span:nth-child(4) {
+      font-size: 13px;
+      color: #91cc75;
+    }
+  }
+}
+@media screen and (min-width: 1601px)and (max-width: 1920px) {
+  .box-card {
+    width: 150px;
+    background: #00aaf1;
+    height: 135px;
+    text-align: center;
+    margin-right: 66px;
+    box-shadow: 5px 5px 5px rgba($color: #000, $alpha: 0.35);
+    line-height: 40px;
+    span:nth-child(2) {
+      color: #06ffff;
+      font-size: 34px;
+    }
+  }
+  .leftEchartTitle.qing {
+    right: 37px;
+    margin-top: 42px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      background: #73c0de;
+      margin-top: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 13px;
+    }
+    span:nth-child(3) {
+      color: #73c0de;
+      font-size: 17px;
+    }
+    span:nth-child(4) {
+      font-size: 13px;
+      color: #73c0de;
+    }
+  }
+  .leftEchartTitle.zhong {
+    right: 37px;
+    margin-top: 83px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      background: #fac858;
+      margin-top: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 13px;
+    }
+    span:nth-child(3) {
+      color: #fac858;
+      font-size: 17px;
+    }
+    span:nth-child(4) {
+      font-size: 13px;
+      color: #fac858;
+    }
+  }
+  .leftEchartTitle.lao {
+    right: 37px;
+    margin-top: 125px;
+    .block1 {
+      width: 10px;
+      height: 10px;
+      background: #91cc75;
+      margin-top: 10px;
+      border-radius: 100%;
+    }
+    span:nth-child(2) {
+      color: #fff;
+      font-size: 13px;
+    }
+    span:nth-child(3) {
+      color: #91cc75;
+      font-size: 17px;
+    }
+    span:nth-child(4) {
+      font-size: 13px;
+      color: #91cc75;
+    }
+  }
+}
+
 .page1 {
   height: 100%;
   width: 100%;
@@ -452,23 +717,11 @@
     font-weight: 600;
   }
 }
-.box-card {
-  width: 150px;
-  background: #00aaf1;
-  height: 135px;
-  text-align: center;
-  margin-right: 66px;
-  box-shadow: 5px 5px 5px rgba($color: #000, $alpha: 0.35);
-  line-height: 40px;
-}
+
 .box-card span {
   display: block;
   width: 100%;
   color: #fff;
-}
-.box-card span:nth-child(2) {
-  color: #06ffff;
-  font-size: 34px;
 }
 .rowTitle {
   height: 40px;
@@ -540,72 +793,6 @@
   span:nth-child(4) {
     font-size: 13px;
     color: #2ec7c9;
-  }
-}
-.leftEchartTitle.qing {
-  right: 37px;
-  margin-top: 42px;
-  .block1 {
-    width: 30px;
-    height: 15px;
-    background: #73c0de;
-    margin-top: 7px;
-  }
-  span:nth-child(2) {
-    color: #fff;
-    font-size: 13px;
-  }
-  span:nth-child(3) {
-    color: #73c0de;
-    font-size: 17px;
-  }
-  span:nth-child(4) {
-    font-size: 13px;
-    color: #73c0de;
-  }
-}
-.leftEchartTitle.zhong {
-  right: 37px;
-  margin-top: 83px;
-  .block1 {
-    width: 30px;
-    height: 15px;
-    background: #fac858;
-    margin-top: 7px;
-  }
-  span:nth-child(2) {
-    color: #fff;
-    font-size: 13px;
-  }
-  span:nth-child(3) {
-    color: #fac858;
-    font-size: 17px;
-  }
-  span:nth-child(4) {
-    font-size: 13px;
-    color: #fac858;
-  }
-}
-.leftEchartTitle.lao {
-  right: 37px;
-  margin-top: 125px;
-  .block1 {
-    width: 30px;
-    height: 15px;
-    background: #91cc75;
-    margin-top: 7px;
-  }
-  span:nth-child(2) {
-    color: #fff;
-    font-size: 13px;
-  }
-  span:nth-child(3) {
-    color: #91cc75;
-    font-size: 17px;
-  }
-  span:nth-child(4) {
-    font-size: 13px;
-    color: #91cc75;
   }
 }
 </style>

--
Gitblit v1.9.3