00

src/components/index/jlMap.vue

@@ -305,6 +305,11 @@ export default {
       window.addEventListener("resize", function() {
         myChart.resize();
       });
+      // 点击触发
+      myChart.on("click", param => {
+        console.log(param,)
+      });
+
     }
   },
   mounted() {

src/pages/Home.vue

@@ -654,6 +654,18 @@
 
     }
 
+    .span1box {
+        width: 85%;
+        margin-left: 5%;
+        height: 12%;
+
+        border-bottom: 1px dashed #006273;
+    }
+
+    .progress .el-row {
+        height: 25%;
+        border-bottom: 1px dashed #006273;
+    }
 
     .topdatabox {
         width: 100%;
@@ -682,7 +694,42 @@
         color: rgba(247, 255, 63, 1);
     }
 
+    .dw {
+        color: #ffc809;
+    }
+
+    .name {
+        color: #fff;
+        font-size: 25px;
+    }
+
+    .sc0 {
+        background-color: #0d274c;
 
+    }
+
+    .span1 {
+        float: right;
+        color: #fff;
+        font-size: 1em;
+        /*font-size:13px;*/
+    }
+
+    .span2 {
+        float: right;
+        color: #fff;
+        font-size: 1em;
+        margin-right: 2%;
+    }
+
+    .p5box {
+        width: 45%;
+        height: 48%;
+        margin-top: 2%;
+        float: left;
+        position: relative;
+        top: -3%;
+    }
 
     .aa {
         opacity: 0.1;
@@ -736,9 +783,78 @@
     .item {
         font-size: 16px;
     }
-    .sc0 {
-        background-color: #0d274c;
 
+    .left-kaung {
+        float: right;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        background: url("../assets/index/leftkuang.png");
+        font-size: 16px;
+    }
+
+    .left-selectkaung {
+        float: right;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        background: url("../assets/index/leftselectkuang.png");
+        font-size: 16px;
+    }
+
+    .left-kaung2 {
+        float: right;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        background: url("../assets/index/leftkuang2.png");
+        font-size: 16px;
+    }
+
+    .left-selectkaung2 {
+        float: right;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        font-size: 16px;
+        background: url("../assets/index/leftselectkuang2.png");
+    }
+
+    .left-kaung3 {
+        float: right;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        background: url("../assets/index/leftkuang2.png");
+        font-size: 16px;
+    }
+
+    .left-selectkaung3 {
+        float: right;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        font-size: 16px;
+        background: url("../assets/index/leftselectkuang2.png");
     }
 
+    .kaung1 {
+        float: right;
+        margin-top: 2%;
+        cursor: pointer;
+        padding: 2px 5px;
+        display: inline-block;
+        background: url("../assets/index/biankuang2.png");
+    }
+
+    .kaung2 {
+        float: right;
+        margin-top: 2%;
+        background: url("../assets/index/biankuang1.png");
+        padding: 2px 5px;
+        display: inline-block;
+        cursor: pointer;
+    }
+
+
 </style>