2241 lines
60 KiB
JavaScript
2241 lines
60 KiB
JavaScript
|
|
|||
|
|
import * as echarts from "echarts";
|
|||
|
|
import { getMinerAccountPower, getMinerAccountInfo, getMinerList, getMinerPower, getHistoryIncome, getHistoryOutcome, getAccountPowerDistribution } from "../../api/miningAccount"
|
|||
|
|
import { Debounce,throttle }from "../../utils/publicMethods";
|
|||
|
|
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
activeName: "power",
|
|||
|
|
option: {
|
|||
|
|
legend: {
|
|||
|
|
right: 100,
|
|||
|
|
show: true,
|
|||
|
|
formatter: function (name) {
|
|||
|
|
return name;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
// grid: {//解决Y轴显示不全
|
|||
|
|
// left: "2%",
|
|||
|
|
// containLabel: true
|
|||
|
|
// },
|
|||
|
|
grid:{},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: "axis",
|
|||
|
|
textStyle: {
|
|||
|
|
align: "left",
|
|||
|
|
},
|
|||
|
|
animation: false,
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var res
|
|||
|
|
res = params[0].axisValueLabel;
|
|||
|
|
|
|||
|
|
|
|||
|
|
for (let i = 0; i <= params.length - 1; i++) {
|
|||
|
|
|
|||
|
|
if (params[i].seriesName == "Rejection rate" || params[i].seriesName == "拒绝率") {
|
|||
|
|
res += `</br>${params[i].marker} ${params[i].seriesName}      <span style="font-weight: bold">${params[i].value}%</span>`
|
|||
|
|
}else{
|
|||
|
|
res += `</br>${params[i].marker} ${params[i].seriesName}      <span style="font-weight: bold">${params[i].value}</span>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
return res;
|
|||
|
|
},
|
|||
|
|
axisPointer: {
|
|||
|
|
animation: false,
|
|||
|
|
snap: true,
|
|||
|
|
label: {
|
|||
|
|
precision: 2, //坐标轴保留的位数
|
|||
|
|
},
|
|||
|
|
type: "cross", //cross shadow
|
|||
|
|
crossStyle: {
|
|||
|
|
//十字轴横线
|
|||
|
|
// opacity: "0",
|
|||
|
|
width: 0.5,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
// opacity: 0,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
xAxis: {
|
|||
|
|
// type: "time",
|
|||
|
|
boundaryGap: false,
|
|||
|
|
|
|||
|
|
axisTick: {
|
|||
|
|
//去除刻度
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
//去除轴线
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
data: []
|
|||
|
|
},
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
position: "left",
|
|||
|
|
type: "value",
|
|||
|
|
name:"GH/s",
|
|||
|
|
nameTextStyle:{
|
|||
|
|
padding: [0, 0, 0,-40],
|
|||
|
|
}
|
|||
|
|
// min: `dataMin`,
|
|||
|
|
// max: `dataMax`,
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: true,
|
|||
|
|
min:0,
|
|||
|
|
max:100,
|
|||
|
|
splitLine:{//不显示右侧Y轴横线
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
dataZoom: [
|
|||
|
|
{
|
|||
|
|
type: "inside",
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
maxSpan: 100,
|
|||
|
|
minSpan: 2,
|
|||
|
|
// animation: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: "inside",//slider
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
// showDetail: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: "总算力",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#5721E4",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#5721E4",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(210,195,234)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "Refusal rate",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(252,220,233)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [],
|
|||
|
|
yAxisIndex: 1,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
barOption: {
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '8%',
|
|||
|
|
bottom: '3%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: [
|
|||
|
|
{
|
|||
|
|
name:"MH/s",
|
|||
|
|
type: 'category',
|
|||
|
|
data: [],
|
|||
|
|
axisTick: {
|
|||
|
|
alignWithLabel: true
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
type: 'value',
|
|||
|
|
show: true,
|
|||
|
|
name:"Pcs",
|
|||
|
|
nameTextStyle:{
|
|||
|
|
padding: [0, 0, 0,-25],
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
dataZoom: [
|
|||
|
|
{
|
|||
|
|
type: "inside",
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
maxSpan: 100,
|
|||
|
|
minSpan: 2,
|
|||
|
|
animation: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: "inside",//slider
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
// showDetail: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: 'count',
|
|||
|
|
type: 'bar',
|
|||
|
|
barWidth: '60%',
|
|||
|
|
data: [],
|
|||
|
|
itemStyle: {
|
|||
|
|
borderRadius: [100, 100, 0, 0],
|
|||
|
|
color: "#7645EE",
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
miniOption: {
|
|||
|
|
legend: {
|
|||
|
|
right: 100,
|
|||
|
|
show:false,
|
|||
|
|
formatter: function (name) {
|
|||
|
|
return name;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
grid: {//解决Y轴显示不全
|
|||
|
|
left: "5%",
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: "axis",
|
|||
|
|
textStyle: {
|
|||
|
|
align: "left",
|
|||
|
|
},
|
|||
|
|
animation: false,
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var res
|
|||
|
|
res = params[0].axisValueLabel;
|
|||
|
|
|
|||
|
|
|
|||
|
|
for (let i = 0; i <= params.length - 1; i++) {
|
|||
|
|
|
|||
|
|
if (params[i].seriesName == "Rejection rate" || params[i].seriesName == "拒绝率") {
|
|||
|
|
res += `</br>${params[i].marker} ${params[i].seriesName}      <span style="font-weight: bold">${params[i].value}%</span>`
|
|||
|
|
}else{
|
|||
|
|
res += `</br>${params[i].marker} ${params[i].seriesName}      <span style="font-weight: bold">${params[i].value}</span>`
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
return res;
|
|||
|
|
},
|
|||
|
|
axisPointer: {
|
|||
|
|
animation: false,
|
|||
|
|
snap: true,
|
|||
|
|
label: {
|
|||
|
|
precision: 2, //坐标轴保留的位数
|
|||
|
|
},
|
|||
|
|
type: "cross", //cross shadow
|
|||
|
|
crossStyle: {
|
|||
|
|
//十字轴横线
|
|||
|
|
// opacity: "0",
|
|||
|
|
width: 0.5,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
// opacity: 0,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
xAxis: {
|
|||
|
|
// type: "time",
|
|||
|
|
boundaryGap: false,
|
|||
|
|
|
|||
|
|
axisTick: {
|
|||
|
|
//去除刻度
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
//去除轴线
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLabel:{},
|
|||
|
|
|
|||
|
|
data: ["07-1","07-1","07-1","07-1","07-1","07-1","07-1","07-1","07-1"]
|
|||
|
|
},
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
position: "left",
|
|||
|
|
type: "value",
|
|||
|
|
name:"MH/s",
|
|||
|
|
nameTextStyle:{
|
|||
|
|
|
|||
|
|
padding: [0, 0, 0,-40],
|
|||
|
|
}
|
|||
|
|
// min: `dataMin`,
|
|||
|
|
// max: `dataMax`,
|
|||
|
|
// axisLabel: {
|
|||
|
|
// formatter: function (value) {
|
|||
|
|
// let data
|
|||
|
|
// if (value > 10000000) {
|
|||
|
|
// data = `${(value / 10000000)} KW`
|
|||
|
|
// } else if (value > 1000000) {
|
|||
|
|
// data = `${(value / 1000000)} M`
|
|||
|
|
// } else if (value / 10000) {
|
|||
|
|
// data = `${(value / 10000)} W`
|
|||
|
|
// }
|
|||
|
|
// return data
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: true,
|
|||
|
|
splitLine:{//不显示右侧Y轴横线
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
dataZoom: [
|
|||
|
|
{
|
|||
|
|
type: "inside",
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
maxSpan: 100,
|
|||
|
|
minSpan: 2,
|
|||
|
|
animation: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: "inside",//slider
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
// showDetail: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: "Computational power",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#5721E4",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#5721E4",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(210,195,234)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [12,15,8,3,6,9,78,12,63],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "Refusal rate",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(252,220,233)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [12,15,8,3,6,9,78,12,63],
|
|||
|
|
yAxisIndex: 1,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
onLineOption: {
|
|||
|
|
legend: {
|
|||
|
|
right: 100,
|
|||
|
|
show:false,
|
|||
|
|
formatter: function (name) {
|
|||
|
|
return name;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
grid: {//解决Y轴显示不全
|
|||
|
|
left: "5%",
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: "axis",
|
|||
|
|
textStyle: {
|
|||
|
|
align: "left",
|
|||
|
|
},
|
|||
|
|
animation: false,
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var res
|
|||
|
|
res = params[0].axisValueLabel;
|
|||
|
|
res += `</br>${params[0].marker} <span style="font-weight: bold">${params[0].seriesName}</span>\u00A0\u00A0\u00A0\u00A0 ${params[0].value}
|
|||
|
|
</br>${params[1].marker} <span style="font-weight: bold">${params[1].seriesName}</span>\u00A0\u00A0\u00A0\u00A0 ${params[1].value}%
|
|||
|
|
`;
|
|||
|
|
return res;
|
|||
|
|
},
|
|||
|
|
axisPointer: {
|
|||
|
|
animation: false,
|
|||
|
|
snap: true,
|
|||
|
|
label: {
|
|||
|
|
precision: 2, //坐标轴保留的位数
|
|||
|
|
},
|
|||
|
|
type: "cross", //cross shadow
|
|||
|
|
crossStyle: {
|
|||
|
|
//十字轴横线
|
|||
|
|
// opacity: "0",
|
|||
|
|
width: 0.5,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
// opacity: 0,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
xAxis: {
|
|||
|
|
// type: "time",
|
|||
|
|
boundaryGap: false,
|
|||
|
|
|
|||
|
|
axisTick: {
|
|||
|
|
//去除刻度
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
//去除轴线
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
data: ["07-1","07-1","07-1","07-1","07-1","07-1","07-1","07-1","07-1"]
|
|||
|
|
},
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
position: "left",
|
|||
|
|
type: "value",
|
|||
|
|
name:"MH/s",
|
|||
|
|
nameTextStyle:{
|
|||
|
|
|
|||
|
|
padding: [0, 0, 0,-40],
|
|||
|
|
}
|
|||
|
|
// min: `dataMin`,
|
|||
|
|
// max: `dataMax`,
|
|||
|
|
// axisLabel: {
|
|||
|
|
// formatter: function (value) {
|
|||
|
|
// let data
|
|||
|
|
// if (value > 10000000) {
|
|||
|
|
// data = `${(value / 10000000)} KW`
|
|||
|
|
// } else if (value > 1000000) {
|
|||
|
|
// data = `${(value / 1000000)} M`
|
|||
|
|
// } else if (value / 10000) {
|
|||
|
|
// data = `${(value / 10000)} W`
|
|||
|
|
// }
|
|||
|
|
// return data
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: true,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
dataZoom: [
|
|||
|
|
{
|
|||
|
|
type: "inside",
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
maxSpan: 100,
|
|||
|
|
minSpan: 2,
|
|||
|
|
animation: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: "inside",//slider
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
// showDetail: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: "Computational power",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#5721E4",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#5721E4",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(210,195,234)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [12,15,8,3,6,9,78,12,63],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "Refusal rate",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(252,220,233)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [12,15,8,3,6,9,78,12,63],
|
|||
|
|
yAxisIndex: 1,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
OffLineOption: {
|
|||
|
|
legend: {
|
|||
|
|
right: 100,
|
|||
|
|
show:false,
|
|||
|
|
formatter: function (name) {
|
|||
|
|
return name;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
grid: {//解决Y轴显示不全
|
|||
|
|
left: "5%",
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: "axis",
|
|||
|
|
textStyle: {
|
|||
|
|
align: "left",
|
|||
|
|
},
|
|||
|
|
animation: false,
|
|||
|
|
formatter: function (params) {
|
|||
|
|
var res
|
|||
|
|
res = params[0].axisValueLabel;
|
|||
|
|
res += `</br>${params[0].marker} <span style="font-weight: bold">${params[0].seriesName}</span>\u00A0\u00A0\u00A0\u00A0 ${params[0].value}
|
|||
|
|
</br>${params[1].marker} <span style="font-weight: bold">${params[1].seriesName}</span>\u00A0\u00A0\u00A0\u00A0 ${params[1].value}%
|
|||
|
|
`;
|
|||
|
|
return res;
|
|||
|
|
},
|
|||
|
|
axisPointer: {
|
|||
|
|
animation: false,
|
|||
|
|
snap: true,
|
|||
|
|
label: {
|
|||
|
|
precision: 2, //坐标轴保留的位数
|
|||
|
|
},
|
|||
|
|
type: "cross", //cross shadow
|
|||
|
|
crossStyle: {
|
|||
|
|
//十字轴横线
|
|||
|
|
// opacity: "0",
|
|||
|
|
width: 0.5,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
// opacity: 0,
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
xAxis: {
|
|||
|
|
// type: "time",
|
|||
|
|
boundaryGap: false,
|
|||
|
|
|
|||
|
|
axisTick: {
|
|||
|
|
//去除刻度
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
//去除轴线
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
data: ["07-1","07-1","07-1","07-1","07-1","07-1","07-1","07-1","07-1"]
|
|||
|
|
},
|
|||
|
|
yAxis: [
|
|||
|
|
{
|
|||
|
|
position: "left",
|
|||
|
|
type: "value",
|
|||
|
|
name:"MH/s",
|
|||
|
|
nameTextStyle:{
|
|||
|
|
|
|||
|
|
padding: [0, 0, 0,-40],
|
|||
|
|
}
|
|||
|
|
// min: `dataMin`,
|
|||
|
|
// max: `dataMax`,
|
|||
|
|
// axisLabel: {
|
|||
|
|
// formatter: function (value) {
|
|||
|
|
// let data
|
|||
|
|
// if (value > 10000000) {
|
|||
|
|
// data = `${(value / 10000000)} KW`
|
|||
|
|
// } else if (value > 1000000) {
|
|||
|
|
// data = `${(value / 1000000)} M`
|
|||
|
|
// } else if (value / 10000) {
|
|||
|
|
// data = `${(value / 10000)} W`
|
|||
|
|
// }
|
|||
|
|
// return data
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
position: "right",
|
|||
|
|
// type: "log",
|
|||
|
|
splitNumber: "5",
|
|||
|
|
show: true,
|
|||
|
|
splitLine:{//不显示右侧Y轴横线
|
|||
|
|
show: false
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
dataZoom: [
|
|||
|
|
{
|
|||
|
|
type: "inside",
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
maxSpan: 100,
|
|||
|
|
minSpan: 2,
|
|||
|
|
animation: false,
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
type: "inside",//slider
|
|||
|
|
start: 0,
|
|||
|
|
end: 100,
|
|||
|
|
// showDetail: false,
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: "Computational power",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#5721E4",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#5721E4",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(210,195,234)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [12,15,8,3,6,9,78,12,63],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: "Refusal rate",
|
|||
|
|
type: "line",
|
|||
|
|
smooth: false, //线条是否圆滑
|
|||
|
|
symbol: "circle",
|
|||
|
|
symbolSize: 5,
|
|||
|
|
showSymbol: false,
|
|||
|
|
itemStyle: {
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
borderColor: "rgba(221,220,107,0.1)",
|
|||
|
|
borderWidth: 12,
|
|||
|
|
},
|
|||
|
|
lineStyle: {
|
|||
|
|
//线条样式
|
|||
|
|
color: "#FE2E74",
|
|||
|
|
width: "2",
|
|||
|
|
},
|
|||
|
|
areaStyle: {
|
|||
|
|
origin: 'start',//颜色始终显示在线条下
|
|||
|
|
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
|
|||
|
|
{
|
|||
|
|
offset: 0,
|
|||
|
|
color: 'rgb(252,220,233)'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
offset: 1,
|
|||
|
|
color: 'rgb(255, 255, 255)'
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
},
|
|||
|
|
data: [12,15,8,3,6,9,78,12,63],
|
|||
|
|
yAxisIndex: 1,
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
sunTabActiveName: "all",
|
|||
|
|
Accordion: "",
|
|||
|
|
currentPage: 1,
|
|||
|
|
params: {
|
|||
|
|
account: "lx888",
|
|||
|
|
coin: "grs",
|
|||
|
|
},
|
|||
|
|
PowerParams: {
|
|||
|
|
account: "lx888",
|
|||
|
|
coin: "grs",
|
|||
|
|
interval: "rt",
|
|||
|
|
},
|
|||
|
|
PowerDistribution: {
|
|||
|
|
account: "lx888",
|
|||
|
|
coin: "grs",
|
|||
|
|
interval: "rt",
|
|||
|
|
},
|
|||
|
|
MinerListParams: {
|
|||
|
|
account: "lx888",
|
|||
|
|
coin: "grs",
|
|||
|
|
type: "0",
|
|||
|
|
filter: "",
|
|||
|
|
limit: 50,
|
|||
|
|
page: 1,
|
|||
|
|
sort:`30m`,
|
|||
|
|
collation:`asc`,
|
|||
|
|
},
|
|||
|
|
activeName2: "power", //power
|
|||
|
|
IncomeParams: {
|
|||
|
|
account: "lx888",
|
|||
|
|
coin: "grs",
|
|||
|
|
limit: 10,
|
|||
|
|
page: 1,
|
|||
|
|
},
|
|||
|
|
OutcomeParams: {
|
|||
|
|
account: "lx888",
|
|||
|
|
coin: "grs",
|
|||
|
|
limit: 10,
|
|||
|
|
page: 1,
|
|||
|
|
},
|
|||
|
|
MinerAccountData: {
|
|||
|
|
// totalProfit: "78678862.96791889",
|
|||
|
|
// expend: "78678862.96791889",
|
|||
|
|
// preProfit: "78678862.96791889",
|
|||
|
|
// todayPorfit: "78678862.96791889",
|
|||
|
|
// balance: "78678862.96791889",
|
|||
|
|
},
|
|||
|
|
MinerListData: {
|
|||
|
|
// all: "100",
|
|||
|
|
// online: "99",
|
|||
|
|
// offline: "1",
|
|||
|
|
// miner: "",
|
|||
|
|
// rate: "55656",
|
|||
|
|
// dailyRate: "5656",
|
|||
|
|
// reject: "",
|
|||
|
|
},
|
|||
|
|
intervalList: [
|
|||
|
|
// {
|
|||
|
|
// value: "1h",
|
|||
|
|
// label: "home.hour",
|
|||
|
|
// },
|
|||
|
|
{
|
|||
|
|
value: "rt",
|
|||
|
|
label: "home.realTime",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: "1d",
|
|||
|
|
label: "home.day",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
HistoryIncomeData: [
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "565S656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "56G5656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "565Y656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// coin: "ETH",
|
|||
|
|
// amount: "5645656",
|
|||
|
|
// comment: "挖矿收益",
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
HistoryOutcomeData: [
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56D5656",
|
|||
|
|
// txid: "12345678d90",
|
|||
|
|
// status: 0,
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56G5656",
|
|||
|
|
// txid: "123456f7890",
|
|||
|
|
// status: 0,
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "565T656",
|
|||
|
|
// txid: "123sf4567890",
|
|||
|
|
// status: 0,
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56D5656",
|
|||
|
|
// txid: "12345678d90",
|
|||
|
|
// status: 0,
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56G5656",
|
|||
|
|
// txid: "123456f7890",
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "565T656",
|
|||
|
|
// txid: "123sf4567890",
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56D5656",
|
|||
|
|
// txid: "12345678d90",
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56G5656",
|
|||
|
|
// txid: "123456f7890",
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "565T656",
|
|||
|
|
// txid: "123sf4567890",
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56D5656",
|
|||
|
|
// txid: "12345678d90",
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "56G5656",
|
|||
|
|
// txid: "123456f7890",
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// date: "2021-09-21",
|
|||
|
|
// address: "0x1234567890",
|
|||
|
|
// comment: "mona",
|
|||
|
|
// amount: "565T656",
|
|||
|
|
// txid: "123sf4567890",
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
currentPageIncome: 1,
|
|||
|
|
MinerListTableData: [
|
|||
|
|
// {
|
|||
|
|
// miner: "107fx61",
|
|||
|
|
// rate: "0.0066666 ",
|
|||
|
|
// dailyRate: "0.019999 ",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:1442,
|
|||
|
|
// status:1
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107dfx62",
|
|||
|
|
// rate: "0.407777 ",
|
|||
|
|
// dailyRate: "0.016666 ",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:82,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107dfsx63",
|
|||
|
|
// rate: "0.9635656 ",
|
|||
|
|
// dailyRate: "0.018888",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:78,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf6",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:1
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf666",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf678",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:1
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf6",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf6",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf6",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
// {
|
|||
|
|
// miner: "107xsf6",
|
|||
|
|
// rate: "0.00 H/s",
|
|||
|
|
// dailyRate: "0.01 TH/s",
|
|||
|
|
// reject: "0.01 TH/s",
|
|||
|
|
// offline:61,
|
|||
|
|
// status:2
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
AccountPowerDistributionintervalList: [
|
|||
|
|
{
|
|||
|
|
value: "rt",
|
|||
|
|
label: "home.realTime",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: "1d",
|
|||
|
|
label: "home.day",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
miniLoading:false,
|
|||
|
|
search: "",
|
|||
|
|
input2: "",
|
|||
|
|
timeActive: "rt",
|
|||
|
|
barActive: "rt",
|
|||
|
|
powerChartLoading: false,
|
|||
|
|
barChartLoading: false,
|
|||
|
|
miniChartParams: {
|
|||
|
|
miner: "",
|
|||
|
|
coin: "grs",
|
|||
|
|
},
|
|||
|
|
ids: "smallChart107fx61",
|
|||
|
|
activeMiner:"",
|
|||
|
|
miniId:"",
|
|||
|
|
MinerListLoading:false,
|
|||
|
|
miner:"miner",
|
|||
|
|
accountId:"",
|
|||
|
|
currentPageMiner: 1,
|
|||
|
|
minerTotal:0,
|
|||
|
|
accountItem:{},
|
|||
|
|
HistoryIncomeTotal:0,
|
|||
|
|
HistoryOutcomeTotal:0,
|
|||
|
|
stateList:[{
|
|||
|
|
value: "1",
|
|||
|
|
label: "mining.onLine"
|
|||
|
|
},{
|
|||
|
|
value: "2",
|
|||
|
|
label: "mining.offLine"
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
Sort30:"asc",
|
|||
|
|
Sort1h:"asc",
|
|||
|
|
paymentStatusList:[
|
|||
|
|
{
|
|||
|
|
value: 0,
|
|||
|
|
label: "mining.paymentInProgress"
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 1,
|
|||
|
|
label: "mining.paymentCompleted"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
],
|
|||
|
|
lang: 'zh',
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
sortedMinerListTableData() { //离线旷工靠前
|
|||
|
|
if (!this.MinerListTableData) return [];
|
|||
|
|
|
|||
|
|
return [...this.MinerListTableData].sort((a, b) => {
|
|||
|
|
// 确保 status 是字符串类型
|
|||
|
|
const statusA = String(a.status);
|
|||
|
|
const statusB = String(b.status);
|
|||
|
|
|
|||
|
|
// 离线（status='2'）的排在前面
|
|||
|
|
if (statusA === '2' && statusB !== '2') return -1;
|
|||
|
|
if (statusA !== '2' && statusB === '2') return 1;
|
|||
|
|
|
|||
|
|
// status 相同时保持原有顺序
|
|||
|
|
return 0;
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
watch: {
|
|||
|
|
'$route' (to, from) {
|
|||
|
|
this.accountItem = JSON.parse(localStorage.getItem(`accountItem`))
|
|||
|
|
this.accountId = this.accountItem .id
|
|||
|
|
this.params.account = this.accountItem .ma
|
|||
|
|
this.params.coin = this.accountItem .coin
|
|||
|
|
this.PowerParams.account = this.accountItem .ma
|
|||
|
|
this.PowerParams.coin = this.accountItem .coin
|
|||
|
|
this.PowerDistribution.account = this.accountItem .ma
|
|||
|
|
this.PowerDistribution.coin = this.accountItem .coin
|
|||
|
|
this.MinerListParams.account = this.accountItem .ma
|
|||
|
|
this.MinerListParams.coin = this.accountItem .coin
|
|||
|
|
this.OutcomeParams.account = this.accountItem .ma
|
|||
|
|
this.OutcomeParams.coin = this.accountItem .coin
|
|||
|
|
this.IncomeParams.account = this.accountItem .ma
|
|||
|
|
this.IncomeParams.coin = this.accountItem .coin
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.getMinerAccountInfoData(this.params)
|
|||
|
|
this.getMinerAccountPowerData(this.PowerParams)
|
|||
|
|
this.getAccountPowerDistributionData(this.PowerDistribution)
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
this.getHistoryIncomeData(this.IncomeParams)
|
|||
|
|
this.getHistoryOutcomeData(this.OutcomeParams)
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
"$i18n.locale":{
|
|||
|
|
|
|||
|
|
handler(val) {
|
|||
|
|
// this.lang = val;
|
|||
|
|
location.reload();//刷新页面 刷新echarts
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted() {
|
|||
|
|
this.lang = this.$i18n.locale;
|
|||
|
|
this.accountItem = JSON.parse(localStorage.getItem(`accountItem`))
|
|||
|
|
this.accountId = this.accountItem .id
|
|||
|
|
this.params.account = this.accountItem .ma
|
|||
|
|
this.params.coin = this.accountItem .coin
|
|||
|
|
this.PowerParams.account = this.accountItem .ma
|
|||
|
|
this.PowerParams.coin = this.accountItem .coin
|
|||
|
|
this.PowerDistribution.account = this.accountItem .ma
|
|||
|
|
this.PowerDistribution.coin = this.accountItem .coin
|
|||
|
|
this.MinerListParams.account = this.accountItem .ma
|
|||
|
|
this.MinerListParams.coin = this.accountItem .coin
|
|||
|
|
this.OutcomeParams.account = this.accountItem .ma
|
|||
|
|
this.OutcomeParams.coin = this.accountItem .coin
|
|||
|
|
this.IncomeParams.account = this.accountItem .ma
|
|||
|
|
this.IncomeParams.coin = this.accountItem .coin
|
|||
|
|
|
|||
|
|
if (this.$isMobile) {
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.option.yAxis[1].show =false
|
|||
|
|
this.option.grid.left="16%"
|
|||
|
|
this.option.grid.right="5%"
|
|||
|
|
this.option.grid.top="10%"
|
|||
|
|
this.option.grid.bottom="45%"
|
|||
|
|
|
|||
|
|
this.option.legend.bottom=18
|
|||
|
|
this.option.legend.right="30%"
|
|||
|
|
this.option.xAxis.axisLabel= {
|
|||
|
|
interval: 8,
|
|||
|
|
rotate: 70
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.barOption.grid.right="16%"
|
|||
|
|
|
|||
|
|
this.miniOption.yAxis[1].show =false
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.getMinerAccountInfoData(this.params)
|
|||
|
|
this.getMinerAccountPowerData(this.PowerParams)
|
|||
|
|
this.getAccountPowerDistributionData(this.PowerDistribution)
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
this.getHistoryIncomeData(this.IncomeParams)
|
|||
|
|
this.getHistoryOutcomeData(this.OutcomeParams)
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
|
|||
|
|
//初始化图表
|
|||
|
|
inCharts() {
|
|||
|
|
this.myChart = echarts.init(document.getElementById("powerChart"));
|
|||
|
|
this.option.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
this.option.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
this.myChart.setOption(this.option);
|
|||
|
|
|
|||
|
|
window.addEventListener('resize', throttle(() => {
|
|||
|
|
if (this.myChart) this.myChart.resize();
|
|||
|
|
}, 200));
|
|||
|
|
},
|
|||
|
|
//初始化小图表
|
|||
|
|
smallInCharts(option) {
|
|||
|
|
|
|||
|
|
// if (this.miniChart == null) {
|
|||
|
|
// this.miniChart = echarts.init(document.getElementById("smallChart"));
|
|||
|
|
// }
|
|||
|
|
// this.miniChart.setOption(this.miniOption,true);
|
|||
|
|
|
|||
|
|
if (this.$isMobile) {
|
|||
|
|
this.miniOption.yAxis[1].show =false
|
|||
|
|
}
|
|||
|
|
option.series[0].name= this.$t(`home.minerSComputingPower`)
|
|||
|
|
option.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
this.miniChart.setOption(option,true);
|
|||
|
|
|
|||
|
|
window.addEventListener('resize', throttle(() => {
|
|||
|
|
if (this.miniChart) this.miniChart.resize();
|
|||
|
|
}, 200));
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
barInCharts() {
|
|||
|
|
if (this.barChart == null) {
|
|||
|
|
this.barChart = echarts.init(document.getElementById("barChart"));
|
|||
|
|
}
|
|||
|
|
this.barOption.series[0].name = this.$t(`home.numberOfMiningMachines`);
|
|||
|
|
this.barChart.setOption(this.barOption);
|
|||
|
|
|
|||
|
|
|
|||
|
|
window.addEventListener('resize', throttle(() => {
|
|||
|
|
if (this.barChart) this.barChart.resize();
|
|||
|
|
}, 200));
|
|||
|
|
},
|
|||
|
|
//获取当前挖矿账号信息(包含收益、余额)
|
|||
|
|
async getMinerAccountInfoData(params) {
|
|||
|
|
const data = await getMinerAccountInfo(params)
|
|||
|
|
this.MinerAccountData = data.data
|
|||
|
|
// console.log(data,"获取币种信息");
|
|||
|
|
},
|
|||
|
|
async getMinerAccountPowerData(params) {
|
|||
|
|
this.powerChartLoading = true
|
|||
|
|
const data = await getMinerAccountPower(params)
|
|||
|
|
|
|||
|
|
if (!data) {
|
|||
|
|
this.powerChartLoading = false
|
|||
|
|
if (this.myChart) {
|
|||
|
|
this.myChart.dispose()//销毁图表实列
|
|||
|
|
}
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let chartData = data.data
|
|||
|
|
let xData = []
|
|||
|
|
let pvData = []
|
|||
|
|
let rejectRate = []
|
|||
|
|
chartData.forEach(item => {
|
|||
|
|
|
|||
|
|
if (item.date.includes(`T`) && params.interval == `rt`) {
|
|||
|
|
item.date= `${item.date.split("T")[0]} ${item.date.split("T")[1].split(`.`)[0]}`
|
|||
|
|
} else if(item.date.includes(`T`) && params.interval == `1d`){
|
|||
|
|
item.date= item.date.split("T")[0]
|
|||
|
|
}
|
|||
|
|
xData.push(item.date)
|
|||
|
|
pvData.push(item.pv.toFixed(2))
|
|||
|
|
rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
});
|
|||
|
|
let maxValue = Math.max(...rejectRate)
|
|||
|
|
maxValue= Math.round(maxValue*3)
|
|||
|
|
if (maxValue>0) {
|
|||
|
|
|
|||
|
|
this.option.yAxis[1].max=maxValue
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.option.xAxis.data = xData
|
|||
|
|
this.option.series[0].data = pvData
|
|||
|
|
this.option.series[1].data = rejectRate
|
|||
|
|
|
|||
|
|
this.inCharts()
|
|||
|
|
this.powerChartLoading = false
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
async getAccountPowerDistributionData(params) {
|
|||
|
|
this.barChartLoading = true
|
|||
|
|
const data = await getAccountPowerDistribution(params)
|
|||
|
|
let barData = data.data
|
|||
|
|
let xData = []
|
|||
|
|
let barValueList = []
|
|||
|
|
barData.forEach(item => {
|
|||
|
|
xData.push(`${item.low}-${item.high}`)
|
|||
|
|
barValueList.push(item.count)
|
|||
|
|
})
|
|||
|
|
this.barOption.xAxis[0].data = xData
|
|||
|
|
this.barOption.series[0].data = barValueList
|
|||
|
|
this.barInCharts()
|
|||
|
|
this.barChartLoading = false
|
|||
|
|
},
|
|||
|
|
formatNumber(num) {//保留两位小数并补0
|
|||
|
|
const intPart = Math.floor(num);
|
|||
|
|
const decimalPart = Math.floor((num - intPart) * 100);
|
|||
|
|
return `${intPart}.${String(decimalPart).padStart(2, '0')}`;
|
|||
|
|
},
|
|||
|
|
async getMinerListData(params) {
|
|||
|
|
this.MinerListLoading = true
|
|||
|
|
const data = await getMinerList(params)
|
|||
|
|
if (data && data.code == 200) {
|
|||
|
|
this.MinerListData = data.data
|
|||
|
|
if (this.MinerListData.submit && this.MinerListData.submit.includes(`T`)) {
|
|||
|
|
this.MinerListData.submit =`${this.MinerListData.submit.split(`T`)[0]} ${this.MinerListData.submit.split(`T`)[1].split(`.`)[0]}`
|
|||
|
|
}
|
|||
|
|
this.MinerListTableData = data.data.rows
|
|||
|
|
|
|||
|
|
this.MinerListData.rate = this.formatNumber(this.MinerListData.rate)
|
|||
|
|
this.MinerListData.dailyRate = this.formatNumber(this.MinerListData.dailyRate)
|
|||
|
|
|
|||
|
|
this.MinerListTableData.forEach(item=>{
|
|||
|
|
if (item.submit.includes(`T`)) {
|
|||
|
|
item.submit = `${item.submit.split(`T`)[0]} ${item.submit.split(`T`)[1].split(`.`)[0]}`
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
item.rate= this.formatNumber(item.rate)
|
|||
|
|
item.dailyRate= this.formatNumber(item.dailyRate)
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
this.minerTotal= data.data.total
|
|||
|
|
// switch (this.sunTabActiveName) {
|
|||
|
|
// case "all":
|
|||
|
|
// this.minerTotal=data.data.all
|
|||
|
|
// break;
|
|||
|
|
// case "onLine":
|
|||
|
|
// this.minerTotal=data.data.online
|
|||
|
|
// break;
|
|||
|
|
// case "off-line":
|
|||
|
|
// this.minerTotal=data.data.offline
|
|||
|
|
// break;
|
|||
|
|
|
|||
|
|
// default:
|
|||
|
|
// break;
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.MinerListLoading = false
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
//小图
|
|||
|
|
// async getMinerPowerData(params) {
|
|||
|
|
// this.miniLoading=true
|
|||
|
|
// const data = await getMinerPower(params)
|
|||
|
|
|
|||
|
|
// if (!data) {
|
|||
|
|
// this.miniLoading=false
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// let miniData = data.data
|
|||
|
|
// let xData = []
|
|||
|
|
// let pv = []
|
|||
|
|
// let rejectRate = []
|
|||
|
|
|
|||
|
|
// miniData.forEach(item => {
|
|||
|
|
|
|||
|
|
// if (item.date.includes(`T`) && params.interval == `1h`) {
|
|||
|
|
// item.date= `${item.date.split("T")[0]} ${item.date.split("T")[1].split(`.`)[0]}`
|
|||
|
|
// } else if(item.date.includes(`T`) && params.interval == `1d`){
|
|||
|
|
// item.date= item.date.split("T")[0]
|
|||
|
|
// }
|
|||
|
|
// item.date= `${item.date.split("T")[0]} ${item.date.split("T")[1].split(`.`)[0]}`
|
|||
|
|
// xData.push(item.date)
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// pv.push(item.pv.toFixed(2))
|
|||
|
|
// rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
// this.miniOption.xAxis.data = xData
|
|||
|
|
// this.miniOption.series[0].data = pv
|
|||
|
|
// this.miniOption.series[1].data = rejectRate
|
|||
|
|
|
|||
|
|
// this.miniOption.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
// this.miniOption.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
|
|||
|
|
// this.ids = `SmallChart${this.miniId}`
|
|||
|
|
// this.miniChart = echarts.init(document.getElementById(this.ids))
|
|||
|
|
// let maxValue = Math.max(...rejectRate)
|
|||
|
|
// maxValue= Math.round(maxValue*3)
|
|||
|
|
// if (maxValue>0) {
|
|||
|
|
// this.miniOption.yAxis[1].max=maxValue
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// this.$nextTick(() => {
|
|||
|
|
// this.smallInCharts(this.miniOption)
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// this.miniLoading=false
|
|||
|
|
// },
|
|||
|
|
getMinerPowerData:Debounce(async function(params){
|
|||
|
|
this.miniLoading=true
|
|||
|
|
const data = await getMinerPower(params)
|
|||
|
|
|
|||
|
|
if (!data) {
|
|||
|
|
this.miniLoading=false
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let miniData = data.data
|
|||
|
|
let xData = []
|
|||
|
|
let pv = []
|
|||
|
|
let rejectRate = []
|
|||
|
|
|
|||
|
|
miniData.forEach(item => {
|
|||
|
|
|
|||
|
|
if (item.date.includes(`T`) && params.interval == `1h`) {
|
|||
|
|
item.date= `${item.date.split("T")[0]} ${item.date.split("T")[1].split(`.`)[0]}`
|
|||
|
|
} else if(item.date.includes(`T`) && params.interval == `1d`){
|
|||
|
|
item.date= item.date.split("T")[0]
|
|||
|
|
}
|
|||
|
|
item.date= `${item.date.split("T")[0]} ${item.date.split("T")[1].split(`.`)[0]}`
|
|||
|
|
xData.push(item.date)
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
pv.push(item.pv.toFixed(2))
|
|||
|
|
rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
this.miniOption.xAxis.data = xData
|
|||
|
|
this.miniOption.series[0].data = pv
|
|||
|
|
this.miniOption.series[1].data = rejectRate
|
|||
|
|
|
|||
|
|
this.miniOption.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
this.miniOption.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
|
|||
|
|
this.ids = `SmallChart${this.miniId}`
|
|||
|
|
this.miniChart = echarts.init(document.getElementById(this.ids))
|
|||
|
|
let maxValue = Math.max(...rejectRate)
|
|||
|
|
maxValue= Math.round(maxValue*3)
|
|||
|
|
if (maxValue>0) {
|
|||
|
|
this.miniOption.yAxis[1].max=maxValue
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.smallInCharts(this.miniOption)
|
|||
|
|
});
|
|||
|
|
console.log(this.miniOption,5656565);
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.miniLoading=false
|
|||
|
|
},200),
|
|||
|
|
//小图
|
|||
|
|
// async getMinerPowerOnLine(params) {
|
|||
|
|
// this.miniLoading=true
|
|||
|
|
// const data = await getMinerPower(params)
|
|||
|
|
|
|||
|
|
// if (!data) {
|
|||
|
|
// this.miniLoading=false
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// let miniData = data.data
|
|||
|
|
// let xData = []
|
|||
|
|
// let pv = []
|
|||
|
|
// let rejectRate = []
|
|||
|
|
|
|||
|
|
// miniData.forEach(item => {
|
|||
|
|
// if (item.date.includes(`T`)) {
|
|||
|
|
// xData.push(`${item.date.split("T")[0]} ${item.date.split("T")[1].split(".")[0]}` )
|
|||
|
|
|
|||
|
|
// } else {
|
|||
|
|
// xData.push(item.date)
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// pv.push(item.pv.toFixed(2))
|
|||
|
|
// rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
|
|||
|
|
// this.onLineOption.xAxis.data = xData
|
|||
|
|
// this.onLineOption.series[0].data = pv
|
|||
|
|
// this.onLineOption.series[1].data = rejectRate
|
|||
|
|
// this.onLineOption.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
// this.onLineOption.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
|
|||
|
|
// this.ids = `Small${this.miniId}`
|
|||
|
|
// this.miniChartOnLine = echarts.init(document.getElementById(this.ids))
|
|||
|
|
|
|||
|
|
// this.$nextTick(() => {
|
|||
|
|
// this.miniChartOnLine.setOption(this.onLineOption,true);
|
|||
|
|
// window.addEventListener("resize", () => {
|
|||
|
|
// if (this.miniChartOnLine) this.miniChartOnLine.resize();
|
|||
|
|
// });
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// this.miniLoading=false
|
|||
|
|
// },
|
|||
|
|
getMinerPowerOnLine:Debounce(async function(params){
|
|||
|
|
|
|||
|
|
this.miniLoading=true
|
|||
|
|
const data = await getMinerPower(params)
|
|||
|
|
|
|||
|
|
if (!data) {
|
|||
|
|
this.miniLoading=false
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let miniData = data.data
|
|||
|
|
let xData = []
|
|||
|
|
let pv = []
|
|||
|
|
let rejectRate = []
|
|||
|
|
|
|||
|
|
miniData.forEach(item => {
|
|||
|
|
if (item.date.includes(`T`)) {
|
|||
|
|
xData.push(`${item.date.split("T")[0]} ${item.date.split("T")[1].split(".")[0]}` )
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
xData.push(item.date)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pv.push(item.pv.toFixed(2))
|
|||
|
|
rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.onLineOption.xAxis.data = xData
|
|||
|
|
this.onLineOption.series[0].data = pv
|
|||
|
|
this.onLineOption.series[1].data = rejectRate
|
|||
|
|
this.onLineOption.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
this.onLineOption.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
|
|||
|
|
this.ids = `Small${this.miniId}`
|
|||
|
|
this.miniChartOnLine = echarts.init(document.getElementById(this.ids))
|
|||
|
|
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.miniChartOnLine.setOption(this.onLineOption,true);
|
|||
|
|
// window.addEventListener("resize", () => {
|
|||
|
|
// if (this.miniChartOnLine) this.miniChartOnLine.resize();
|
|||
|
|
// });
|
|||
|
|
window.addEventListener('resize', throttle(() => {
|
|||
|
|
if (this.miniChartOnLine) this.miniChartOnLine.resize();
|
|||
|
|
}, 200));
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.miniLoading=false
|
|||
|
|
|
|||
|
|
|
|||
|
|
},200),
|
|||
|
|
//小图
|
|||
|
|
// async getMinerPowerOffLine(params) {
|
|||
|
|
// this.miniLoading=true
|
|||
|
|
// const data = await getMinerPower(params)
|
|||
|
|
// if (!data) {
|
|||
|
|
// this.miniLoading=false
|
|||
|
|
// return
|
|||
|
|
// }
|
|||
|
|
// let miniData = data.data
|
|||
|
|
// let xData = []
|
|||
|
|
// let pv = []
|
|||
|
|
// let rejectRate = []
|
|||
|
|
|
|||
|
|
// miniData.forEach(item => {
|
|||
|
|
// if (item.date.includes(`T`)) {
|
|||
|
|
// xData.push(`${item.date.split("T")[0]} ${item.date.split("T")[1].split(".")[0]}` )
|
|||
|
|
|
|||
|
|
// } else {
|
|||
|
|
// xData.push(item.date)
|
|||
|
|
// }
|
|||
|
|
|
|||
|
|
// pv.push(item.pv.toFixed(2))
|
|||
|
|
// rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
// })
|
|||
|
|
|
|||
|
|
|
|||
|
|
// this.OffLineOption.xAxis.data = xData
|
|||
|
|
// this.OffLineOption.series[0].data = pv
|
|||
|
|
// this.OffLineOption.series[1].data = rejectRate
|
|||
|
|
// this.OffLineOption.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
// this.OffLineOption.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
|
|||
|
|
|
|||
|
|
// this.ids = `SmallOff${this.miniId}`
|
|||
|
|
// this.miniChartOff = echarts.init(document.getElementById(this.ids))
|
|||
|
|
|
|||
|
|
// this.$nextTick(() => {
|
|||
|
|
// this.miniChartOff.setOption(this.OffLineOption,true);
|
|||
|
|
// window.addEventListener("resize", () => {
|
|||
|
|
// if (this.miniChartOff) this.miniChartOff.resize();
|
|||
|
|
// });
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// this.miniLoading=false
|
|||
|
|
// },
|
|||
|
|
getMinerPowerOffLine:Debounce(async function(params){
|
|||
|
|
this.miniLoading=true
|
|||
|
|
const data = await getMinerPower(params)
|
|||
|
|
if (!data) {
|
|||
|
|
this.miniLoading=false
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
let miniData = data.data
|
|||
|
|
let xData = []
|
|||
|
|
let pv = []
|
|||
|
|
let rejectRate = []
|
|||
|
|
|
|||
|
|
miniData.forEach(item => {
|
|||
|
|
if (item.date.includes(`T`)) {
|
|||
|
|
xData.push(`${item.date.split("T")[0]} ${item.date.split("T")[1].split(".")[0]}` )
|
|||
|
|
|
|||
|
|
} else {
|
|||
|
|
xData.push(item.date)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
pv.push(item.pv.toFixed(2))
|
|||
|
|
rejectRate.push((item.rejectRate * 100).toFixed(4))
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.OffLineOption.xAxis.data = xData
|
|||
|
|
this.OffLineOption.series[0].data = pv
|
|||
|
|
this.OffLineOption.series[1].data = rejectRate
|
|||
|
|
this.OffLineOption.series[0].name= this.$t(`home.finallyPower`)
|
|||
|
|
this.OffLineOption.series[1].name= this.$t(`home.rejectionRate`)
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.ids = `SmallOff${this.miniId}`
|
|||
|
|
this.miniChartOff = echarts.init(document.getElementById(this.ids))
|
|||
|
|
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.miniChartOff.setOption(this.OffLineOption,true);
|
|||
|
|
// window.addEventListener("resize", () => {
|
|||
|
|
// if (this.miniChartOff) this.miniChartOff.resize();
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
window.addEventListener('resize', throttle(() => {
|
|||
|
|
if (this.miniChartOff) this.miniChartOff.resize();
|
|||
|
|
}, 200))
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.miniLoading=false
|
|||
|
|
|
|||
|
|
|
|||
|
|
},200),
|
|||
|
|
async getHistoryIncomeData(params) {
|
|||
|
|
const data = await getHistoryIncome(params)
|
|||
|
|
|
|||
|
|
if (data && data.code == 200) {
|
|||
|
|
this.HistoryIncomeData = data.rows
|
|||
|
|
this.HistoryIncomeTotal=data.total
|
|||
|
|
this.HistoryIncomeData.forEach(item=>{
|
|||
|
|
if (item.date.includes(`T`)) {
|
|||
|
|
item.date =item.date.split(`T`)[0]
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
async getHistoryOutcomeData(params) {
|
|||
|
|
const data = await getHistoryOutcome(params)
|
|||
|
|
if (data && data.code == 200) {
|
|||
|
|
this.HistoryOutcomeData = data.rows
|
|||
|
|
this.HistoryOutcomeTotal=data.total
|
|||
|
|
|
|||
|
|
this.HistoryOutcomeData.forEach(item=>{
|
|||
|
|
if (item.date.includes(`T`)) {
|
|||
|
|
item.date =`${item.date.split(`T`)[0]} `
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
// handelMiniChart(id, miner) {
|
|||
|
|
|
|||
|
|
// if (!this.Accordion) return
|
|||
|
|
// this.miniId = id
|
|||
|
|
// this.miner = miner
|
|||
|
|
// this.$nextTick(() => {
|
|||
|
|
// this.getMinerPowerData({ miner:miner, coin: this.params.coin, account: this.params.account })
|
|||
|
|
// });
|
|||
|
|
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
handelMiniChart: throttle(function(id, miner) {
|
|||
|
|
if (!this.Accordion) return
|
|||
|
|
this.miniId = id
|
|||
|
|
this.miner = miner
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.getMinerPowerData({ miner:miner, coin: this.params.coin, account: this.params.account })
|
|||
|
|
});
|
|||
|
|
}, 1000),
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
// handelOnLineMiniChart(id, miner){
|
|||
|
|
// if (!this.Accordion) return
|
|||
|
|
// this.miniId = id
|
|||
|
|
// this.$nextTick(() => {
|
|||
|
|
// this.getMinerPowerOnLine({ miner:miner, coin: this.params.coin, account: this.params.account })
|
|||
|
|
// });
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
|
|||
|
|
handelOnLineMiniChart: throttle(function(id, miner) {
|
|||
|
|
if (!this.Accordion) return
|
|||
|
|
this.miniId = id
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.getMinerPowerOnLine({ miner:miner, coin: this.params.coin, account: this.params.account })
|
|||
|
|
});
|
|||
|
|
}, 1000),
|
|||
|
|
// handelMiniOffLine(id, miner){
|
|||
|
|
// if (!this.Accordion) return
|
|||
|
|
// this.miniId = id
|
|||
|
|
// this.$nextTick(() => {
|
|||
|
|
// this.getMinerPowerOffLine({ miner:miner, coin: this.params.coin, account: this.params.account })
|
|||
|
|
// });
|
|||
|
|
// },
|
|||
|
|
|
|||
|
|
handelMiniOffLine: throttle(function(id, miner) {
|
|||
|
|
if (!this.Accordion) return
|
|||
|
|
this.miniId = id
|
|||
|
|
this.$nextTick(() => {
|
|||
|
|
this.getMinerPowerOffLine({ miner:miner, coin: this.params.coin, account: this.params.account })
|
|||
|
|
});
|
|||
|
|
}, 1000),
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
handleClick() {
|
|||
|
|
switch (this.activeName) {
|
|||
|
|
case "power":
|
|||
|
|
this.inCharts()
|
|||
|
|
// this.getMinerAccountPowerData(this.PowerParams)
|
|||
|
|
break;
|
|||
|
|
case "miningMachineDistribution":
|
|||
|
|
this.distributionInCharts()
|
|||
|
|
// this.getAccountPowerDistributionData(this.PowerDistribution)
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handleClick2(activeName2) {
|
|||
|
|
this.activeName2 = activeName2;
|
|||
|
|
this.search=""
|
|||
|
|
this.MinerListParams.filter=""
|
|||
|
|
this.Accordion=""
|
|||
|
|
this.IncomeParams.limit=10
|
|||
|
|
this.MinerListParams.limit=50
|
|||
|
|
this.OutcomeParams.limit =10
|
|||
|
|
switch (this.activeName2) {
|
|||
|
|
case "power":
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
break;
|
|||
|
|
case "miningMachine":
|
|||
|
|
this.getHistoryIncomeData(this.IncomeParams)
|
|||
|
|
break;
|
|||
|
|
case "payment":
|
|||
|
|
this.getHistoryOutcomeData(this.OutcomeParams)
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
onlineStatus(sunTabActiveName) {
|
|||
|
|
this.Accordion=""
|
|||
|
|
this.search=""
|
|||
|
|
this.MinerListParams.filter=""
|
|||
|
|
this.sunTabActiveName = sunTabActiveName
|
|||
|
|
switch (this.sunTabActiveName) {
|
|||
|
|
case "all":
|
|||
|
|
this.MinerListParams.type = 0
|
|||
|
|
break;
|
|||
|
|
case "onLine":
|
|||
|
|
this.MinerListParams.type = 1
|
|||
|
|
break;
|
|||
|
|
case "off-line":
|
|||
|
|
this.MinerListParams.type = 2
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
},
|
|||
|
|
handleInterval(value) {
|
|||
|
|
this.PowerParams.interval = value
|
|||
|
|
this.timeActive = value
|
|||
|
|
this.getMinerAccountPowerData(this.PowerParams)
|
|||
|
|
},
|
|||
|
|
distributionInterval(value) {
|
|||
|
|
this.PowerDistribution.interval = value
|
|||
|
|
this.barActive = value
|
|||
|
|
this.getAccountPowerDistributionData(this.PowerDistribution)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handelSearch() {
|
|||
|
|
this.MinerListParams.filter = this.search
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
},
|
|||
|
|
handleSizeChange(val) {
|
|||
|
|
console.log(`每页 ${val} 条`);
|
|||
|
|
this.OutcomeParams.limit = val
|
|||
|
|
this.OutcomeParams.page = 1
|
|||
|
|
this.getHistoryOutcomeData(this.OutcomeParams)
|
|||
|
|
this.currentPage = 1
|
|||
|
|
},
|
|||
|
|
handleCurrentChange(val) {
|
|||
|
|
console.log(`当前页: ${val}`);
|
|||
|
|
this.OutcomeParams.page = val
|
|||
|
|
this.getHistoryOutcomeData(this.OutcomeParams)
|
|||
|
|
},
|
|||
|
|
handleSizeChangeIncome(val) {
|
|||
|
|
console.log(`每页 ${val} 条`);
|
|||
|
|
this.IncomeParams.limit = val
|
|||
|
|
this.IncomeParams.page = 1
|
|||
|
|
this.getHistoryIncomeData(this.IncomeParams)
|
|||
|
|
this.currentPageIncome = 1
|
|||
|
|
},
|
|||
|
|
handleCurrentChangeIncome(val) {
|
|||
|
|
console.log(`当前页: ${val}`);
|
|||
|
|
this.IncomeParams.page = val
|
|||
|
|
this.getHistoryIncomeData(this.IncomeParams)
|
|||
|
|
},
|
|||
|
|
handleSizeMiner(val) {
|
|||
|
|
console.log(`每页 ${val} 条`);
|
|||
|
|
this.MinerListParams.limit = val
|
|||
|
|
this.MinerListParams.page = 1
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
this.currentPageMiner = 1
|
|||
|
|
},
|
|||
|
|
handleCurrentMiner(val) {
|
|||
|
|
console.log(`当前页: ${val}`);
|
|||
|
|
this.MinerListParams.page = val
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handelStateList(value ){
|
|||
|
|
return this.stateList.find(item => item.value == value).label || ""
|
|||
|
|
},
|
|||
|
|
handleSort(sort){
|
|||
|
|
this.MinerListParams.sort = sort
|
|||
|
|
if ( this.MinerListParams.collation == "asc") {
|
|||
|
|
this.MinerListParams.collation = "desc"
|
|||
|
|
}else{
|
|||
|
|
this.MinerListParams.collation = "asc"
|
|||
|
|
}
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
},
|
|||
|
|
handleSort30(){
|
|||
|
|
if ( this.MinerListParams.collation[0] == "asc") {
|
|||
|
|
this.MinerListParams.collation[0] = "desc"
|
|||
|
|
}else{
|
|||
|
|
this.MinerListParams.collation[0] = "asc"
|
|||
|
|
}
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
},
|
|||
|
|
handleSort1h(){
|
|||
|
|
if ( this.MinerListParams.collation[1] == "asc") {
|
|||
|
|
this.MinerListParams.collation[1] = "desc"
|
|||
|
|
}else{
|
|||
|
|
this.MinerListParams.collation[1] = "asc"
|
|||
|
|
}
|
|||
|
|
this.getMinerListData(this.MinerListParams)
|
|||
|
|
},
|
|||
|
|
handelTimeInterval(time){
|
|||
|
|
if (time) {
|
|||
|
|
|
|||
|
|
var seconds = time * 60;
|
|||
|
|
var days = Math.floor(seconds / (3600 * 24));
|
|||
|
|
var hours = Math.floor((seconds % (3600 * 24)) / 3600);
|
|||
|
|
var minutes = Math.floor((seconds % 3600) / 60);
|
|||
|
|
var secs = seconds % 60;
|
|||
|
|
|
|||
|
|
|
|||
|
|
// var hours = Math.floor(minutes / 60);
|
|||
|
|
// var remainingMinutes = minutes % 60;
|
|||
|
|
// return hours + "时" + remainingMinutes + "分";
|
|||
|
|
|
|||
|
|
if (days) {
|
|||
|
|
return `(${days}${this.$t(`personal.day`)} ${hours}${this.$t(`personal.hour`)} ${minutes}${this.$t(`personal.minute`)} ${this.$t(`personal.front`)})`
|
|||
|
|
}else if (hours) {
|
|||
|
|
return `(${hours}${this.$t(`personal.hour`)} ${minutes}${this.$t(`personal.minute`)} ${this.$t(`personal.front`)})`
|
|||
|
|
}else if(minutes){
|
|||
|
|
return `( ${minutes}${this.$t(`personal.minute`)} ${this.$t(`personal.front`)})`
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
jumpPage() {
|
|||
|
|
|
|||
|
|
this.$router.push({
|
|||
|
|
path: `/${this.lang}/personalCenter/personalMining`,
|
|||
|
|
query: {
|
|||
|
|
id: this.accountId,
|
|||
|
|
coin: this.params.coin,
|
|||
|
|
ma: this.params.account
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
async copyTxid(ID) {
|
|||
|
|
let id = `id${ID}`
|
|||
|
|
let d= document.getElementById(id)
|
|||
|
|
// d.select() //选中
|
|||
|
|
// document.execCommand("copy") //直接复制
|
|||
|
|
try {
|
|||
|
|
await navigator.clipboard.writeText(d.textContent);
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copySuccessful`),
|
|||
|
|
type: 'success'
|
|||
|
|
});
|
|||
|
|
} catch (err) {
|
|||
|
|
console.log(err);
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copyFailed`),
|
|||
|
|
type: 'error'
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
handelPayment(val){
|
|||
|
|
if (val || val == 0) {
|
|||
|
|
let obj= this.paymentStatusList.find(item=>item.value ==val)
|
|||
|
|
|
|||
|
|
return obj.label
|
|||
|
|
}else{
|
|||
|
|
return ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
clickCopyAddress(item){
|
|||
|
|
// 创建临时输入框
|
|||
|
|
var tempInput = document.createElement('input');
|
|||
|
|
tempInput.value = item.address;
|
|||
|
|
document.body.appendChild(tempInput);
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
tempInput.select();
|
|||
|
|
const isCopySuccessful = document.execCommand('copy');
|
|||
|
|
if (isCopySuccessful) {
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copySuccessful`),
|
|||
|
|
type: 'success',
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copyFailed`),
|
|||
|
|
type: 'success',
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copyFailed`),
|
|||
|
|
type: 'success',
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
} finally {
|
|||
|
|
if (document.body.contains(tempInput)) {
|
|||
|
|
document.body.removeChild(tempInput);
|
|||
|
|
} else {
|
|||
|
|
console.log('临时输入框不是 body 的子节点，无法移除。');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
clickCopyTxid(item){
|
|||
|
|
// 创建临时输入框
|
|||
|
|
var tempInput = document.createElement('input');
|
|||
|
|
tempInput.value = item.txid;
|
|||
|
|
document.body.appendChild(tempInput);
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
tempInput.select();
|
|||
|
|
const isCopySuccessful = document.execCommand('copy');
|
|||
|
|
if (isCopySuccessful) {
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copySuccessful`),
|
|||
|
|
type: 'success',
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
} else {
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copyFailed`),
|
|||
|
|
type: 'success',
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} catch (error) {
|
|||
|
|
this.$message({
|
|||
|
|
showClose: true,
|
|||
|
|
message: this.$t(`personal.copyFailed`),
|
|||
|
|
type: 'success',
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
} finally {
|
|||
|
|
if (document.body.contains(tempInput)) {
|
|||
|
|
document.body.removeChild(tempInput);
|
|||
|
|
} else {
|
|||
|
|
console.log('临时输入框不是 body 的子节点，无法移除。');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
handelTxid(txid){
|
|||
|
|
if (this.accountItem.coin.includes(`dgb`)) {
|
|||
|
|
window.open(`https://chainz.cryptoid.info/dgb/tx.dws?${txid}.htm`)
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
switch (this.accountItem.coin) {
|
|||
|
|
case `nexa`:
|
|||
|
|
window.open(`https://explorer.nexa.org/tx/${txid}`)
|
|||
|
|
break;
|
|||
|
|
case `mona`:
|
|||
|
|
window.open(`https://mona.insight.monaco-ex.org/insight/tx/${txid}`)
|
|||
|
|
break;
|
|||
|
|
case `grs`:
|
|||
|
|
window.open(`https://chainz.cryptoid.info/grs/tx.dws?${txid}.htm`)
|
|||
|
|
break;
|
|||
|
|
case `rxd`:
|
|||
|
|
window.open(`https://explorer.radiantblockchain.org/tx/${txid}`)
|
|||
|
|
break;
|
|||
|
|
case `enx`:
|
|||
|
|
window.open(`https://explorer.entropyx.org/txs/${txid}`)
|
|||
|
|
break;
|
|||
|
|
case `alph`:
|
|||
|
|
window.open(`https://explorer.alephium.org/transactions/${txid}`)
|
|||
|
|
break;
|
|||
|
|
|
|||
|
|
default:
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|