zhouyonghang
/
zhuzhansheji
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

12

This commit is contained in:
lll 2023-12-05 10:39:37 +08:00
parent efde66960f
commit 0a8f46e8f9
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/KHC.vue
View File

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