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

Issue #89: done.

Browse Source
This commit is contained in:
chiayin
2023-09-12 17:43:31 +08:00
parent ce49422a86
commit 7e48007e4e
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/components/Discover/Conformance/ConformanceResults.vue
View File

@@ -132,7 +132,7 @@
<p class="h2 text-base">Non-conformance Issues</p> <p class="h2 text-base">Non-conformance Issues</p>
<div class="flex gap-4 w-full"> <div class="flex gap-4 w-full">
<!-- Issues chart --> <!-- Issues chart -->
<div v-if="data.timeTrend.chart !== null" class="border rounded border-neutral-300 p-2 bg-neutral-10" :class="data.issues.length === 0 ? 'w-1/2' : 'w-full'"> <div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
<p class="h2 pl-2 flex justify-between items-center"> <p class="h2 pl-2 flex justify-between items-center">
<span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2">info</span></span> <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2">info</span></span>
<span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>/{{ data.timeTrend.total }}</span> <span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>/{{ data.timeTrend.total }}</span>
@@ -141,27 +141,27 @@
</div> </div>
<!-- Issues list --> <!-- Issues list -->
<div v-if="data.issues.length === 0" class="w-1/2"></div> <div v-if="data.issues.length === 0" class="w-1/2"></div>
<div v-else class="border rounded border-neutral-300 p-2 bg-neutral-10 w-full"> <div v-else class="border rounded border-neutral-300 p-2 bg-neutral-10 " :class="data.timeTrend.chart !== null ? 'w-1/2' : 'w-full'">
<p class="h2 pl-2 mb-2">Issue List</p> <p class="h2 pl-2 mb-2">Issue List</p>
<table class="text-sm min-w-full table-fixed" v-if="data.issues !== 'reset'"> <table class="text-sm min-w-full table-fixed" v-if="data.issues !== 'reset'">
<tbody> <tbody>
<tr v-for="(trace, key) in data.issues" :key="key"> <tr v-for="(trace, key) in data.issues" :key="key">
<td class="p-2 pl-6 truncate max-w-0 w-1/3"> <td class="p-2 pl-6 truncate max-w-0 w-1/3">
<span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.label }} <span class="material-symbols-outlined disc text-sm align-middle mr-1">fiber_manual_record</span>{{ trace.label }}
</td> </td>
<td class="p-2 min-w-[96px] w-2/5"> <td class="p-2 min-w-[96px] w-2/5">
<div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden"> <div class="h-4 w-full bg-neutral-300 rounded-sm overflow-hidden">
<div class="h-full bg-cfm-secondary" :style="trace.value"></div> <div class="h-full bg-cfm-secondary" :style="trace.value"></div>
</div> </div>
</td> </td>
<td class="p-2 text-right truncate">{{ trace.count }}</td> <td class="p-2 text-right truncate">{{ trace.count }}</td>
<td class="p-2 text-center">{{ trace.ratio }}%</td> <td class="p-2 text-center">{{ trace.ratio }}%</td>
<td class="p-2 text-center"> <td class="p-2 text-center">
<div class="btn btn-sm btn-cfm-secondary cursor-pointer" @click="openMore(trace.no)">More</div> <div class="btn btn-sm btn-cfm-secondary cursor-pointer" @click="openMore(trace.no)">More</div>
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
</div> </div>