lfqian commited on
Commit
c390572
·
1 Parent(s): 92dfe14

Add visual debug info to show data count in sparkline area

Browse files
Files changed (1) hide show
  1. src/views/RequestView.vue +5 -1
src/views/RequestView.vue CHANGED
@@ -27,6 +27,10 @@
27
  <div class="asset-body">
28
  <div class="spark-wrap">
29
  <MiniEchart :data="a.month" :color="a.sparkColor" />
 
 
 
 
30
  </div>
31
 
32
  <div class="asset-stats">
@@ -478,7 +482,7 @@ export default {
478
  .type-stock { background:#f6fffb; border-color:#d9fbe6; color:#064e3b; }
479
 
480
  .asset-body{ display:flex; flex-direction:column; gap:10px; }
481
- .spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; background:#F6F8FB; border:1px solid #E7ECF3; }
482
  .asset-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
483
  .stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:10px; padding:8px; min-width:0; }
484
  .stat-label{ font-size:11px; color:#6b7280; margin-bottom:2px; }
 
27
  <div class="asset-body">
28
  <div class="spark-wrap">
29
  <MiniEchart :data="a.month" :color="a.sparkColor" />
30
+ <!-- Debug info -->
31
+ <div style="position:absolute; top:5px; left:5px; font-size:10px; color:#666;">
32
+ Data: {{ a.month?.length || 0 }} items
33
+ </div>
34
  </div>
35
 
36
  <div class="asset-stats">
 
482
  .type-stock { background:#f6fffb; border-color:#d9fbe6; color:#064e3b; }
483
 
484
  .asset-body{ display:flex; flex-direction:column; gap:10px; }
485
+ .spark-wrap{ width:100%; height:90px; overflow:hidden; border-radius:8px; background:#F6F8FB; border:1px solid #E7ECF3; position:relative; }
486
  .asset-stats{ display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
487
  .stat{ background:#F6F8FB; border:1px solid #E7ECF3; border-radius:10px; padding:8px; min-width:0; }
488
  .stat-label{ font-size:11px; color:#6b7280; margin-bottom:2px; }