12

src/views/KHC.vue

@@ -93,8 +93,8 @@
         <div class="qyydlpm">
           <p class="title">企业用电量排名</p>
           <ul class="list">
-            <li v-for="(item, index) in list" :style="listClass(index)">
-              <p>{{ index + 1 }}</p>
+            <li v-for="(item, index) in list">
+              <p :style="listClass(index)">{{ index + 1 }}</p>
               <p>{{ item.name }}</p>
               <p>{{ item.value }}</p>
             </li>
@@ -408,11 +408,11 @@ export default {
   methods: {
     listClass(index) {
       if (index == 0) {
-        return 'background: url("../assets/客户侧总体用能情况分析/矩形.png");color: #ffdd34;';
+        return 'background: url("../assets/客户侧总体用能情况分析/矩形.png");color: #ffdd34;backgroundColor:#6A6847;';
       } else if (index == 1) {
-        return 'background: url("../assets/客户侧总体用能情况分析/矩形(1).png");color: #fdc;';
+        return 'background: url("../assets/客户侧总体用能情况分析/矩形(1).png");color: #fdc;backgroundColor:#4C4D6A;';
       } else if (index == 2) {
-        return 'background: url("../assets/客户侧总体用能情况分析/矩形(2).png");color: #FF7734;';
+        return 'background: url("../assets/客户侧总体用能情况分析/矩形(2).png");color: #FF7734;backgroundColor:#202450;';
       }
     },
     defineEcharts(dom, option) {
@@ -425,7 +425,6 @@ export default {
         myChart.resize();
       });
     },
-
     //用户行业占比
     initYhhyzb() {
       let color = ["#0098FA", "#0CD9B5", "#3B72AD", "#FDCC00", "#F27629"];
@@ -488,7 +487,7 @@ export default {
         legend: {
           orient: "vertical",
           icon: "circle",
-          x: "70%",
+          x: "65%",
           y: "center",
           itemWidth: 12,
           itemHeight: 12,
@@ -556,21 +555,21 @@ export default {
           name: "楼宇",
           value: 60,
           itemStyle: {
-            color: "#37FFC9",
+            color: "#91DAFF",
           },
         },
         {
           name: "工业",
           value: 44,
           itemStyle: {
-            color: "#31A1FF",
+            color: "#4466E1",
           },
         },
         {
           name: "其他",
           value: 32,
           itemStyle: {
-            color: "#FFF777",
+            color: "#83E7BA",
           },
         },
       ];
@@ -1598,6 +1597,7 @@ export default {
               text-align: center;
               border: 1px solid #b1b1b1;
               background-size: cover;
+              background-color: #203265;
             }
 
             p:nth-of-type(2) {