121 lines
3.9 KiB
JavaScript
121 lines
3.9 KiB
JavaScript
|
|
|||
|
|
export default {
|
|||
|
|
data(){
|
|||
|
|
return {
|
|||
|
|
ethTopAddrMonitorListLoading:false,
|
|||
|
|
params:{
|
|||
|
|
req:"ethTopAddrMonitorList",
|
|||
|
|
radius:"ETH",
|
|||
|
|
},
|
|||
|
|
tabelData:[],
|
|||
|
|
page:1,
|
|||
|
|
limit:50,
|
|||
|
|
currentPage4:1,
|
|||
|
|
totalPage:0,
|
|||
|
|
value:"",
|
|||
|
|
valueList: [
|
|||
|
|
{
|
|||
|
|
value: 50000,
|
|||
|
|
label: "value > 5W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 100000,
|
|||
|
|
label: "value > 10W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 150000,
|
|||
|
|
label: "value > 15W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 250000,
|
|||
|
|
label: "value > 25W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 500000,
|
|||
|
|
label: "value > 50W",
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: 1000000,
|
|||
|
|
label: "value > 100W",
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
state:"",
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
mounted(){
|
|||
|
|
|
|||
|
|
//不显示时间框
|
|||
|
|
this.$addStorageEvent(1, "timeShow", false);
|
|||
|
|
this.fetchMonitorList(this.params.req,this.params.radius,this.page,this.limit)
|
|||
|
|
},
|
|||
|
|
methods:{
|
|||
|
|
|
|||
|
|
async fetchMonitorList(req, radius, page,limit,total){
|
|||
|
|
this.ethTopAddrMonitorListLoading = true
|
|||
|
|
const { data } = await this.$API.getNewContract(req, radius, page,limit,total)
|
|||
|
|
this.tabelData = data.data.data
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
this.tabelData.forEach(item=>{
|
|||
|
|
item.amount = Number(parseInt(item.amount*100)/100)
|
|||
|
|
if (item.fromAbbr) {
|
|||
|
|
item.fromAddress = `${item.fromAddress}(${item.fromAbbr})`
|
|||
|
|
}
|
|||
|
|
if (item.toAbbr) {
|
|||
|
|
item.toAddress = `${item.toAddress}(${item.toAbbr})`
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
this.totalPage=data.data.totalPage
|
|||
|
|
this.currentPage4 =page
|
|||
|
|
|
|||
|
|
this.ethTopAddrMonitorListLoading = false
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
formatTime(time){
|
|||
|
|
let date = time.split("T")[0]
|
|||
|
|
let hour = time.split("T")[1].split(".")[0]
|
|||
|
|
return `${date} ${hour}`
|
|||
|
|
},
|
|||
|
|
//点击的改变页数
|
|||
|
|
handleCurrentChange(value) {
|
|||
|
|
this.page = value;
|
|||
|
|
this.fetchMonitorList(this.params.req,this.params.radius,this.page,this.limit)
|
|||
|
|
},
|
|||
|
|
//改变每页条数
|
|||
|
|
handleSizeChange(val) {
|
|||
|
|
this.page = 1;
|
|||
|
|
this.limit = val;
|
|||
|
|
this.fetchMonitorList(this.params.req,this.params.radius,this.page,this.limit)
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
//双击表格单元格复制
|
|||
|
|
cellDblclick(row, column, cell, event) {
|
|||
|
|
if (event.type === "dblclick") {
|
|||
|
|
var save = (e) => {
|
|||
|
|
e.clipboardData.setData("text/plain", event.target.innerText);
|
|||
|
|
e.preventDefault(); //阻止默认行为
|
|||
|
|
};
|
|||
|
|
document.addEventListener("copy", save);
|
|||
|
|
document.execCommand("copy");
|
|||
|
|
document.removeEventListener("copy", save);
|
|||
|
|
}
|
|||
|
|
this.$message({ message: this.$t(`home.copy`), type: "success" }); //加提示
|
|||
|
|
},
|
|||
|
|
//下拉框选择
|
|||
|
|
handelChang(e) {
|
|||
|
|
// this.fetchEthTopAddrList(this.value,this.params.page,this.params.limit)
|
|||
|
|
this.fetchMonitorList(this.params.req,this.params.radius,this.page,this.limit,this.value)
|
|||
|
|
this.state = ""
|
|||
|
|
},
|
|||
|
|
//搜索框输入参数
|
|||
|
|
handelSearch() {
|
|||
|
|
this.fetchMonitorList(this.params.req,this.params.radius,this.page,this.limit,this.state)
|
|||
|
|
this.value = ""
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|