代码提交

src/App.vue

@@ -158,6 +158,7 @@ import {getData} from './api/index.js'
           this.$router.push('court')
       }else if (index == 2) {
         this.menuBtn[index].icon = require("./assets/images/jieNengAc.png")
+        this.$router.push('energy')
       }else if (index == 3) {
         this.menuBtn[index].icon = require("./assets/images/anFangAc.png")
       }else if (index == 4) {

src/router.js

@@ -29,5 +29,10 @@ export default new Router({
       name: 'court',
       component: () => import ('./views/court.vue'),
     },
+    {
+      path: '/energy',
+      name: 'energy',
+      component: () => import ('./views/energy.vue'),
+    },
   ]
 })

src/views/court.vue

@@ -555,7 +555,7 @@ export default {
           textAlign: "center",
           text: "当月统计",
           textStyle: {
-            fontSize: "0.8rem",
+            fontSize: "0.6rem",
             color: "#fff",
           },
         },
@@ -668,7 +668,7 @@ export default {
           textAlign: "center",
           text: "第一季度统计",
           textStyle: {
-            fontSize: "0.8rem",
+            fontSize: "0.6rem",
             color: "#fff",
           },
         },
@@ -937,7 +937,7 @@ export default {
             color: #fff;
           }
           /deep/ .el-select-dropdown {
-            background: transparent;
+            background: rgba(0,23,28,0.3);
             border: 1px solid rgb(1, 176, 202);
             border-radius: 5px;
             // left: -3px !important;

src/views/energy.vue

@@ -0,0 +1,62 @@
+<template>
+  <div class="energy">
+    <div class="left">
+        <div class="leftOne"></div>
+        <div class="leftTwo"></div>
+    </div>
+    <div class="right"></div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "energy",
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {},
+  components: {},
+};
+</script>
+
+<style lang="less" scoped>
+.energy {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: space-between;
+  padding: 0 0.3% 0 0.3%;
+  box-sizing: border-box;
+  .left {
+    width: 24.7%;
+    height: 95%;
+    padding: 0.5% 0.3% 1% 0.3%;
+    box-sizing: border-box;
+    display: flex;
+    flex-wrap: wrap;
+    background: url(../assets/images/leftKuang.png) no-repeat;
+    background-size: 100% 100%;
+    .leftOne{
+        width: 100%;
+        height: 35%;
+        border: 1px solid red;
+    }
+    .leftTwo{
+        width: 100%;
+        height: calc(100% - 35%);
+        border: 1px solid green;
+    }
+  }
+  .right {
+    width: 24.7%;
+    height: 95%;
+    padding: 0.5% 0.3% 1% 0.3%;
+    box-sizing: border-box;
+    display: flex;
+    flex-wrap: wrap;
+    background: url(../assets/images/leftKuang.png) no-repeat;
+    background-size: 100% 100%;
+  }
+}
+</style>

src/views/index.vue

@@ -555,8 +555,8 @@ export default {
       );
       var data = [
         { value: "25", name: "报警" },
-        { value: "25", name: "派单" },
         { value: "25", name: "已完成" },
+        { value: "25", name: "派单" },
         { value: "25", name: "未完成" },
       ];
       var color = ["#146de0", "#27ef5e", "#ffc140", "#d151d8"];
@@ -568,7 +568,7 @@ export default {
           textAlign: "center",
           text: "当月次数统计",
           textStyle: {
-            fontSize: "0.65rem",
+            fontSize: "0.60rem",
             color: "#fff",
           },
         },
@@ -664,8 +664,8 @@ export default {
       );
       var data = [
         { value: "25", name: "报警" },
-        { value: "25", name: "派单" },
         { value: "25", name: "已完成" },
+        { value: "25", name: "派单" },
         { value: "25", name: "未完成" },
       ];
       var color = ["#146de0", "#27ef5e", "#ffc140", "#d151d8"];