From ce49422a86b5a2794f1084a9ceb6342288b7e2a2 Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Tue, 12 Sep 2023 16:59:20 +0800
Subject: [PATCH] Issue #94: done.

---
 .../Conformance/ConformanceResults.vue         | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index bafe91c..1bfdca5 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -26,7 +26,7 @@
         </div>
         <span class="text-2xl font-bold">{{ data.charts.rate.rate }}%</span>
       </p>
-      <Chart type="line" :data="rateChartData" :options="rateChartOptions" class=""/>
+      <Chart type="line" :data="rateChartData" :options="rateChartOptions" class="w-[99%]"/>
     </div>
     <div class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
       <p class="p-2 flex justify-between items-center">
@@ -36,7 +36,7 @@
         </div>
         <span class="text-2xl font-bold"><span class="text-cfm-primary">{{ data.charts.cases.conforming }}</span>&nbsp/&nbsp{{ data.charts.cases.total }}</span>
       </p>
-      <Chart type="bar" :data="casesChartData" :options="casesChartOptions" class=""/>
+      <Chart type="bar" :data="casesChartData" :options="casesChartOptions" class="w-[99%]"/>
     </div>
     <!-- Fitness 暫時不做 basis-1/3 → basis-1/2  -->
     <!-- <div class="border rounded border-neutral-300 p-2 bg-neutral-10 basis-1/3">
@@ -50,9 +50,9 @@
   <section>
     <p class="h2 text-base">Effect</p>
     <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>
-        <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">
             <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>
@@ -73,7 +73,7 @@
           </p>
         </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>
         <div v-if="data.effect.tasks !== 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>
       <div class="flex gap-4 w-full">
         <!-- Issues chart -->
-        <div v-if="data.timeTrend.chart !== null" class="border rounded border-neutral-300 p-2 bg-neutral-10 w-full" >
-          <!-- v-if="data.timeTrend.chart == null" -->
+        <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'">
           <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 class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>/{{ data.timeTrend.total }}</span>
           </p>
-          <Chart type="line" :data="timeChartData" :options="timeChartOptions" class=""/>
+          <Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/>
         </div>
         <!-- 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>
             <table class="text-sm min-w-full table-fixed" v-if="data.issues !== 'reset'">
               <tbody>