|
@@ -26,6 +26,7 @@
|
|
|
<centerChart class="percentNum" :id="rate[1].id" :tips="rate[1].tips" :colorObj="rate[1].colorData" />
|
|
|
<centerChart class="percentNum" :id="rate[2].id" :tips="rate[2].tips" :colorObj="rate[2].colorData" />
|
|
|
<centerChart class="percentNum" :id="rate[3].id" :tips="rate[3].tips" :colorObj="rate[3].colorData" />
|
|
|
+ <centerChart class="percentNum" :id="rate[4].id" :tips="rate[4].tips" :colorObj="rate[4].colorData" />
|
|
|
</div>
|
|
|
<div class="down">
|
|
|
<div class="ranking bg-color-black">
|
|
@@ -54,6 +55,7 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
numberData: [
|
|
|
+
|
|
|
{
|
|
|
number: {
|
|
|
number: [15],
|
|
@@ -85,7 +87,15 @@ export default {
|
|
|
content: "{nt}"
|
|
|
},
|
|
|
text: "STG"
|
|
|
- }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ number: {
|
|
|
+ number: [2000],
|
|
|
+ toFixed: 1,
|
|
|
+ content: "{nt}"
|
|
|
+ },
|
|
|
+ text: "发电量"
|
|
|
+ },
|
|
|
],
|
|
|
ranking: {
|
|
|
data: [
|
|
@@ -134,6 +144,20 @@ export default {
|
|
|
},
|
|
|
// 通过率和达标率的组件复用数据
|
|
|
rate: [
|
|
|
+ {
|
|
|
+ id: "centerRate0",
|
|
|
+ tips: 66,
|
|
|
+ colorData: {
|
|
|
+ textStyle: "#3fc0fb",
|
|
|
+ series: {
|
|
|
+ color: ["#00bcd44a", "transparent"],
|
|
|
+ dataColor: {
|
|
|
+ normal: "#03a9f4",
|
|
|
+ shadowColor: "#97e2f5"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
{
|
|
|
id: "centerRate1",
|
|
|
tips: 60,
|
|
@@ -294,7 +318,7 @@ export default {
|
|
|
.item-box {
|
|
|
float: right;
|
|
|
position: relative;
|
|
|
- width: 25%;
|
|
|
+ width: 20%;
|
|
|
color: #d3d6dd;
|
|
|
// 金币
|
|
|
.coin {
|
|
@@ -318,7 +342,7 @@ export default {
|
|
|
float: right;
|
|
|
position: relative;
|
|
|
.percentNum {
|
|
|
- width: 25%;
|
|
|
+ width: 19%;
|
|
|
}
|
|
|
}
|
|
|
.down {
|