From c2592a6bc4f2f919e190cadc59774a5b0098e2cb Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Mon, 11 Sep 2023 09:53:45 +0800
Subject: [PATCH] Issues #44: done.

---
 src/components/Discover/Conformance/ConformanceResults.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index 6bb7f39..65f4830 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -3,7 +3,8 @@
   <div v-show="isCoverPlate" class="w-[calc(100vw_-_300px)] h-screen-main fixed bottom-0 right-0 bg-gradient-to-tr from-neutral-500/50 to-neutral-900/50 z-[1]">
   </div>
   <!-- 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>
+  {{ conformanceTempReportData }}
+  <p class="h2 text-base">Conformance Checking Results ({{ data.total }})<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">
@@ -190,6 +191,7 @@ export default {
   data() {
     return {
       data: {
+        total: '--',
         counts: {
           conforming: '--',
           not_conforming: '--',
@@ -310,6 +312,7 @@ export default {
      * @param   {object} data new watch's value
      */
     setConformanceTempReportData(data){
+      let total = getNumberLabel(Object.values(data.counts).reduce((acc, val) => acc + val, 0));
       let sum = data.counts.conforming + data.counts.not_conforming;
       let rate = ((data.counts.conforming / sum) * 100).toFixed(1);
       let isNullTime = value => value === null ? null : getNumberLabel((value / 86400).toFixed(1));
@@ -336,6 +339,7 @@ export default {
       let isNullIsssue = value => value === null ? null : setIssueData(value);
 
       let result = {
+        total: `Total ${total}`,
         counts: {
           conforming: getNumberLabel(data.counts.conforming),
           not_conforming: getNumberLabel(data.counts.not_conforming),