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 = ""
|
||
},
|
||
|
||
|
||
}
|
||
} |