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

Issue #94: done.

Browse Source
This commit is contained in:
chiayin
2023-09-12 16:59:20 +08:00
parent 83a6f072b4
commit ce49422a86
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -26,7 +26,7 @@
</div> </div>
<span class="text-2xl font-bold">{{ data.charts.rate.rate }}%</span> <span class="text-2xl font-bold">{{ data.charts.rate.rate }}%</span>
</p> </p>
<Chart type="line" :data="rateChartData" :options="rateChartOptions" class=""/> <Chart type="line" :data="rateChartData" :options="rateChartOptions" class="w-[99%]"/>
</div> </div>
<div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2"> <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
<p class="p-2 flex justify-between items-center"> <p class="p-2 flex justify-between items-center">
@@ -36,7 +36,7 @@
</div> </div>
<span class="text-2xl font-bold"><span class="text-cfm-primary">{{ data.charts.cases.conforming }}</span>&nbsp/&nbsp{{ data.charts.cases.total }}</span> <span class="text-2xl font-bold"><span class="text-cfm-primary">{{ data.charts.cases.conforming }}</span>&nbsp/&nbsp{{ data.charts.cases.total }}</span>
</p> </p>
<Chart type="bar" :data="casesChartData" :options="casesChartOptions" class=""/> <Chart type="bar" :data="casesChartData" :options="casesChartOptions" class="w-[99%]"/>
</div> </div>
<!-- Fitness 暫時不做 basis-1/3 → basis-1/2 --> <!-- Fitness 暫時不做 basis-1/3 → basis-1/2 -->
<!-- <div class="border rounded border-neutral-300 p-2 bg-neutral-10 basis-1/3"> <!-- <div class="border rounded border-neutral-300 p-2 bg-neutral-10 basis-1/3">
@@ -50,9 +50,9 @@
<section> <section>
<p class="h2 text-base">Effect</p> <p class="h2 text-base">Effect</p>
<div class="flex gap-4 w-full"> <div class="flex gap-4 w-full">
<div class="border rounded border-neutral-300 p-2 bg-neutral-10 basis-1/2"> <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
<p class="h2 pl-2 mb-2">Throughput Time</p> <p class="h2 pl-2 mb-2">Throughput Time</p>
<div v-if="data.effect.time !== null"> <div v-if="data.effect.time !== null">
<p class="pl-2 space-x-2" v-if="data.effect.time.not_conforming === null"> <p class="pl-2 space-x-2" v-if="data.effect.time.not_conforming === null">
<span>All cases are conforming to set rules. Average throughput time is</span> <span>All cases are conforming to set rules. Average throughput time is</span>
<span class="text-cfm-primary text-2xl font-medium">{{ data.effect.time.conforming }}</span> <span class="text-cfm-primary text-2xl font-medium">{{ data.effect.time.conforming }}</span>
@@ -73,7 +73,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="border rounded border-neutral-300 p-2 bg-neutral-10 basis-1/2"> <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
<p class="h2 pl-2 mb-2">Activities per Case</p> <p class="h2 pl-2 mb-2">Activities per Case</p>
<div v-if="data.effect.tasks !== null"> <div v-if="data.effect.tasks !== null">
<p class="pl-2 space-x-2" v-if="data.effect.tasks.not_conforming === null"> <p class="pl-2 space-x-2" v-if="data.effect.tasks.not_conforming === null">
@@ -132,16 +132,16 @@
<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 w-full" > <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'">
<!-- v-if="data.timeTrend.chart == null" -->
<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>
</p> </p>
<Chart type="line" :data="timeChartData" :options="timeChartOptions" class=""/> <Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/>
</div> </div>
<!-- Issues list --> <!-- Issues list -->
<div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-full"> <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">
<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>