feat: interept

resources/views/admin/transfers/index.blade.php

@@ -20,10 +20,28 @@
   .tx-chain-eth, .tx-chain-ethereum { background: #627eea; }
   .tx-chain-btc, .tx-chain-bitcoin { background: #f7931a; }
   .tx-chain-trx, .tx-chain-tron { background: #ff0013; }
+  .tx-summary {
+    margin: 0 0 12px;
+    padding: 10px 14px;
+    background: #f8fafc;
+    border: 1px solid #eef2f6;
+    border-radius: 2px;
+    font-size: 14px;
+    color: #334155;
+  }
+  .tx-summary b { color: #0f172a; }
+  .tx-summary .tx-sum-asset { margin-left: 16px; font-weight: 600; color: #0f766e; }
+  .tx-summary .tx-sum-asset:first-child { margin-left: 0; }
 </style>
 <div class="layui-card">
   <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="LAY-tx-search">
     <div class="layui-form-item">
+      <div class="layui-inline">
+        <label class="layui-form-label">时间范围</label>
+        <div class="layui-input-block">
+          <input type="text" name="date_range" id="LAY-tx-date-range" class="layui-input" placeholder="开始日期 - 结束日期" autocomplete="off" style="width: 230px;">
+        </div>
+      </div>
       <div class="layui-inline">
         <label class="layui-form-label">From</label>
         <div class="layui-input-block">
@@ -86,6 +104,7 @@
     </div>
   </form>
   <div class="layui-card-body">
+    <div class="tx-summary" id="LAY-tx-summary">成功归集金额： —</div>
     <table id="LAY-tx-list" lay-filter="LAY-tx-list"></table>
     <script type="text/html" id="LAY-tx-ops">
       <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">详情</a>
@@ -96,8 +115,43 @@
 
 @push('scripts')
 <script>
-layui.use(['table', 'form', 'layer'], function () {
+layui.use(['table', 'form', 'laydate', 'layer'], function () {
   var table = layui.table, form = layui.form, layer = layui.layer;
+  var laydate = layui.laydate;
+  var $ = layui.$;
+
+  laydate.render({
+    elem: '#LAY-tx-date-range',
+    type: 'date',
+    range: true
+  });
+
+  function parseRange(value) {
+    var m = String(value || '').match(/^(\d{4}-\d{2}-\d{2})\s*-\s*(\d{4}-\d{2}-\d{2})$/);
+    if (!m) return { date_from: '', date_to: '', date_range: '' };
+    return { date_from: m[1], date_to: m[2], date_range: m[1] + ' - ' + m[2] };
+  }
+
+  function searchWhere(field) {
+    var parsed = parseRange(field.date_range || $('#LAY-tx-date-range').val());
+    return Object.assign({}, field, parsed);
+  }
+
+  function amountParts(totals) {
+    var parts = (totals || []).filter(function (row) { return parseFloat(row.amount) > 0; });
+    if (!parts.length) return '<span class="tx-sum-asset">0 USDT</span>';
+    return parts.map(function (row) {
+      return '<span class="tx-sum-asset">' + row.amount + ' ' + row.asset + '</span>';
+    }).join('');
+  }
+
+  function renderSummary(summary) {
+    summary = summary || {};
+    $('#LAY-tx-summary').html(
+      '<div><b>成功归集金额：</b> ' + amountParts(summary.totals) + '</div>' +
+      '<div style="margin-top:6px;"><b>手续费补足金额：</b> ' + amountParts(summary.fee_totals) + '</div>'
+    );
+  }
 
   function chainTag(chain) {
     var raw = String(chain || '—');
@@ -140,11 +194,14 @@ layui.use(['table', 'form', 'layer'], function () {
     ]],
     page: true, limit: 20, limits: [10, 20, 30, 50],
     request: { pageName: 'page', limitName: 'limit' },
-    response: { statusName: 'code', statusCode: 0, msgName: 'msg', countName: 'count', dataName: 'data' }
+    response: { statusName: 'code', statusCode: 0, msgName: 'msg', countName: 'count', dataName: 'data' },
+    done: function (res) {
+      renderSummary(res.summary);
+    }
   });
 
   form.on('submit(LAY-tx-search)', function (data) {
-    table.reload('LAY-tx-list', { where: data.field, page: { curr: 1 } });
+    table.reload('LAY-tx-list', { where: searchWhere(data.field), page: { curr: 1 } });
     return false;
   });