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

Conformance: layout done.(not time range)

Browse Source
This commit is contained in:
chiayin
2023-07-12 09:56:23 +08:00
parent 466c6ea867
commit 9db7b73d2c
17 changed files with 805 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,14 +1,14 @@
<template>
<section class="p-4 space-y-2 h-full w-[calc(100vw_-_316px)] overflow-y-auto float-right">
<section class="p-4 mr-0.5 space-y-2 h-full w-[calc(100vw_-_316px)] overflow-y-auto scrollbar float-right">
<!-- title -->
<p class="h2 text-base">Conformance Checking Results<span class="material-symbols-outlined text-base align-middle ml-2" v-tooltip.bottom="tooltip.results" type="text">info</span></p>
<!-- total group -->
<ul class=" text-neutral-10 text-sm flex gap-2 py-2">
<li class=" bg-cfm-primary rounded-full px-4 py-1 space-x-2">
<span class="material-symbols-outlined text-base align-middle mr-2">check_circle</span>Conformance<span>3,890</span>
<span class="material-symbols-outlined text-base align-middle mr-2">check_circle</span>Conforming<span>3,890</span>
</li>
<li class=" bg-cfm-secondary rounded-full px-4 py-1 space-x-2">
<span class="material-symbols-outlined text-base align-middle mr-2">cancel</span>Non-Conformance<span>27,230</span>
<span class="material-symbols-outlined text-base align-middle mr-2">cancel</span>Not Conforming<span>27,230</span>
</li>
<li class=" bg-neutral-700 rounded-full px-4 py-1 space-x-2">
<iconNA class="inline-block mr-1"></iconNA>Not Applicable<span>7,780</span>
@@ -198,7 +198,7 @@
</div>
</div>
</section>
<MoreModal :issusModal="issusModal"></MoreModal>
<MoreModal :issusModal="issusModal" @update:visible="issusModal = $event"></MoreModal>
</section>
</template>
<script>