Spaces:
Running
Running
Add visual debug info to show data count in sparkline area
Browse files
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; }
|