191 lines
8.2 KiB
HTML
191 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>USDTMan - USDT Monitor</title>
|
|
<style>
|
|
body { font-family: Arial; max-width: 1000px; margin: 20px auto; padding: 20px; }
|
|
h1 { color: #333; }
|
|
.section { margin: 20px 0; padding: 15px; border: 1px solid #ddd; border-radius: 5px; }
|
|
button { padding: 8px 15px; margin: 5px; cursor: pointer; }
|
|
input { padding: 8px; margin: 5px; width: 400px; }
|
|
.success { color: green; }
|
|
.error { color: red; }
|
|
#log { max-height: 300px; overflow-y: auto; background: #f5f5f5; padding: 10px; }
|
|
table { width: 100%; border-collapse: collapse; }
|
|
th, td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>🚀 USDTMan - USDT Monitor</h1>
|
|
|
|
<div class="section">
|
|
<h3>监听控制</h3>
|
|
<button onclick="startMonitor()">启动监听</button>
|
|
<button onclick="stopMonitor()">停止监听</button>
|
|
<div id="status"></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>地址管理</h3>
|
|
<input type="text" id="address" placeholder="输入 TRON 地址">
|
|
<button onclick="addAddress()">添加地址</button>
|
|
<button onclick="listAddresses()">刷新列表</button>
|
|
<div id="addresses"></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>收款记录（监听缓存）</h3>
|
|
<button onclick="getPayments()">刷新</button>
|
|
<div id="payments"></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>主动查询交易记录</h3>
|
|
<input type="text" id="queryAddress" placeholder="TRON 地址">
|
|
<input type="datetime-local" id="startTime" placeholder="开始时间">
|
|
<input type="datetime-local" id="endTime" placeholder="结束时间">
|
|
<input type="number" id="minAmount" placeholder="最小金额 (USDT)" step="0.01">
|
|
<input type="number" id="minConfirmations" placeholder="最小确认数" value="6">
|
|
<input type="number" id="queryLimit" placeholder="查询数量" value="50">
|
|
<button onclick="queryTransactions()">查询</button>
|
|
<div id="queryResults"></div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>实时日志 (WebSocket)</h3>
|
|
<div id="log"></div>
|
|
</div>
|
|
|
|
<script>
|
|
const ws = new WebSocket('ws://' + location.host + '/ws');
|
|
|
|
ws.onmessage = (event) => {
|
|
const data = JSON.parse(event.data);
|
|
if (data.type === 'usdt_payment') {
|
|
addLog('💰 收到 USDT: ' + data.from.substring(0, 10) + '... -> ' + data.amount.toFixed(6) + ' USDT (确认数: ' + data.confirmations + ')');
|
|
getPayments();
|
|
}
|
|
};
|
|
|
|
function addLog(msg) {
|
|
const log = document.getElementById('log');
|
|
const time = new Date().toLocaleTimeString();
|
|
log.innerHTML = '[' + time + '] ' + msg + '<br>' + log.innerHTML;
|
|
}
|
|
|
|
async function startMonitor() {
|
|
const res = await fetch('/start', { method: 'POST' });
|
|
const data = await res.json();
|
|
document.getElementById('status').innerHTML = '<span class="success">' + data.message + '</span>';
|
|
}
|
|
|
|
async function stopMonitor() {
|
|
const res = await fetch('/stop', { method: 'POST' });
|
|
const data = await res.json();
|
|
document.getElementById('status').innerHTML = '<span class="error">' + data.message + '</span>';
|
|
}
|
|
|
|
async function addAddress() {
|
|
const address = document.getElementById('address').value;
|
|
if (!address) return alert('请输入地址');
|
|
|
|
const res = await fetch('/add-address', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ address })
|
|
});
|
|
const data = await res.json();
|
|
alert(data.message);
|
|
listAddresses();
|
|
}
|
|
|
|
async function listAddresses() {
|
|
const res = await fetch('/list-addresses');
|
|
const data = await res.json();
|
|
const html = data.data.addresses.map(addr =>
|
|
'<div>' + addr + ' <button onclick="removeAddress(\'' + addr + '\')">移除</button></div>'
|
|
).join('');
|
|
document.getElementById('addresses').innerHTML = html || '暂无地址';
|
|
}
|
|
|
|
async function removeAddress(addr) {
|
|
const res = await fetch('/remove-address', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ address: addr })
|
|
});
|
|
listAddresses();
|
|
}
|
|
|
|
async function getPayments() {
|
|
const res = await fetch('/payments');
|
|
const data = await res.json();
|
|
if (data.data.payments && data.data.payments.length > 0) {
|
|
const html = '<table><tr><th>时间</th><th>地址</th><th>金额</th><th>来源</th><th>确认数</th><th>TxID</th></tr>' +
|
|
data.data.payments.map(p =>
|
|
'<tr><td>' + new Date(p.Timestamp).toLocaleString() + '</td>' +
|
|
'<td>' + p.Address.substring(0, 10) + '...</td>' +
|
|
'<td>' + p.Amount.toFixed(6) + ' USDT</td>' +
|
|
'<td>' + p.From.substring(0, 10) + '...</td>' +
|
|
'<td>' + p.Confirmations + '</td>' +
|
|
'<td><a href="https://tronscan.org/#/transaction/' + p.TxID + '" target="_blank">' +
|
|
p.TxID.substring(0, 10) + '...</a></td></tr>'
|
|
).join('') + '</table>';
|
|
document.getElementById('payments').innerHTML = html;
|
|
} else {
|
|
document.getElementById('payments').innerHTML = '暂无记录';
|
|
}
|
|
}
|
|
|
|
async function queryTransactions() {
|
|
const address = document.getElementById('queryAddress').value.trim();
|
|
if (!address) {
|
|
alert('请输入地址');
|
|
return;
|
|
}
|
|
|
|
const startTime = document.getElementById('startTime').value;
|
|
const endTime = document.getElementById('endTime').value;
|
|
const minAmount = document.getElementById('minAmount').value;
|
|
const minConfirmations = document.getElementById('minConfirmations').value;
|
|
const limit = document.getElementById('queryLimit').value;
|
|
|
|
const body = {
|
|
address: address,
|
|
startTime: startTime ? new Date(startTime).getTime() : 0,
|
|
endTime: endTime ? new Date(endTime).getTime() : 0,
|
|
minAmount: minAmount ? (parseFloat(minAmount) * 1000000).toString() : '',
|
|
minConfirmations: parseInt(minConfirmations) || 0,
|
|
limit: parseInt(limit) || 50,
|
|
};
|
|
|
|
const res = await fetch('/query', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(body)
|
|
});
|
|
|
|
const data = await res.json();
|
|
if (data.success && data.data.payments && data.data.payments.length > 0) {
|
|
const html = '<div class="success">找到 ' + data.data.count + ' 条记录</div>' +
|
|
'<table><tr><th>时间</th><th>金额</th><th>来源</th><th>确认数</th><th>TxID</th></tr>' +
|
|
data.data.payments.map(p =>
|
|
'<tr><td>' + new Date(p.Timestamp).toLocaleString() + '</td>' +
|
|
'<td>' + p.Amount.toFixed(6) + ' USDT</td>' +
|
|
'<td>' + p.From.substring(0, 10) + '...</td>' +
|
|
'<td>' + p.Confirmations + '</td>' +
|
|
'<td><a href="https://tronscan.org/#/transaction/' + p.TxID + '" target="_blank">' +
|
|
p.TxID.substring(0, 10) + '...</a></td></tr>'
|
|
).join('') + '</table>';
|
|
document.getElementById('queryResults').innerHTML = html;
|
|
} else {
|
|
document.getElementById('queryResults').innerHTML = '<div class="error">' + (data.message || '未找到记录') + '</div>';
|
|
}
|
|
}
|
|
|
|
listAddresses();
|
|
getPayments();
|
|
</script>
|
|
</body>
|
|
</html>
|