imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Issues #30 done.

Browse Source
This commit is contained in:
chiayin
2024-02-29 11:57:36 +08:00
parent bec8184620
commit b01937e491
1 changed files with 62 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/Discover/Map/SidebarState.vue
View File

@@ -61,13 +61,54 @@
<!-- Case Duration --> <!-- Case Duration -->
<div class="pt-1 pb-4"> <div class="pt-1 pb-4">
<p class="h2">Case Duration</p> <p class="h2">Case Duration</p>
<ul class="space-y-1 text-sm"> <table class="text-sm caseDurationTable">
<li><Tag value="MIN" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.min) }}</li> <tbody>
<li><Tag value="AVG" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.average) }}</li> <tr>
<li><Tag value="MED" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.median) }}</li> <td>
<li><Tag value="MAX" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>{{ timeLabel(stats.case_duration.max) }}</li> <Tag value="MIN" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>
</ul> </td>
<td>
{{ timeLabel(stats.case_duration.min)[1] }}
</td>
<td>
{{ timeLabel(stats.case_duration.min)[2] }}
</td>
</tr>
<tr>
<td>
<Tag value="AVG" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>
</td>
<td>
{{ timeLabel(stats.case_duration.average)[1] }}
</td>
<td>
{{ timeLabel(stats.case_duration.average)[2] }}
</td>
</tr>
<tr>
<td>
<Tag value="MED" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>
</td>
<td>
{{ timeLabel(stats.case_duration.median)[1] }}
</td>
<td>
{{ timeLabel(stats.case_duration.median)[2] }}
</td>
</tr>
<tr>
<td>
<Tag value="MAX" class="!text-neutral-900 !bg-neutral-200 mr-2 !w-10"></Tag>
</td>
<td>
{{ timeLabel(stats.case_duration.max)[1] }}
</td>
<td>
{{ timeLabel(stats.case_duration.max)[2] }}
</td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
<!-- header: insight --> <!-- header: insight -->
@@ -203,7 +244,8 @@ export default {
* @param {number} time use timeLabel.js * @param {number} time use timeLabel.js
*/ */
timeLabel(time){ timeLabel(time){
return getTimeLabel(time); let result = getTimeLabel(time).match(/(\d+)\s*([a-zA-Z]+)/);
return result;
}, },
/** /**
* @param {number} time use moment * @param {number} time use moment
@@ -255,4 +297,16 @@ export default {
:deep(.p-tabview-panel) { :deep(.p-tabview-panel) {
@apply animate-fadein @apply animate-fadein
} }
/* .caseDurationTable td:first-child {
@apply pr-1
} */
.caseDurationTable td {
@apply scroll-pb-12
}
.caseDurationTable td:nth-child(2) {
@apply text-right
}
.caseDurationTable td:last-child {
@apply pl-2
}
</style> </style>