From 6ff09920c6b398a1547d76c1f01db8cf2dcb9639 Mon Sep 17 00:00:00 2001
From: Cindy Chang <cindy.chang@dsp.im>
Date: Thu, 30 May 2024 11:07:29 +0800
Subject: [PATCH] fix #288 missed "cycle time & efficiency" chart on Compare
 page

---
 src/views/Compare/Dashboard/index.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/views/Compare/Dashboard/index.vue b/src/views/Compare/Dashboard/index.vue
index 199ad59..cadc537 100644
--- a/src/views/Compare/Dashboard/index.vue
+++ b/src/views/Compare/Dashboard/index.vue
@@ -27,6 +27,10 @@
               <li id="cycleTime" class="scroll-smooth">
                 <span class="inline-block py-4">Cycle Efficiency</span>
                 <ul>
+                  <li class="bg-neutral-10 mb-4 p-1 border border-neutral-300 rounded">
+                    <span class="block font-bold text-sm leading-loose text-center my-2">{{  contentData.avgCycleTime.title }}</span>
+                    <Chart type="line" :data="avgCycleTimeData" :options="avgCycleTimeOptions" class="h-96" />
+                  </li>
                   <li class="bg-neutral-10 p-1 border border-neutral-300 rounded">
                     <span class="block font-bold text-sm leading-loose text-center my-2">{{ contentData.avgCycleEfficiency.title }}<span class="material-symbols-outlined align-middle ml-2 cursor-pointer !text-base" v-tooltip.bottom="tooltip.avgCycleEfficiency">info</span></span>
                     <Chart type="bar" :data="avgCycleEfficiencyData" :options="avgCycleEfficiencyOptions" class="h-96" />
@@ -133,6 +137,7 @@ export default {
         // {tagId: '#resource', label: 'Resource'},
       ],
       contentData: {
+        avgCycleTime: {title: 'Average Cycle Time', x: 'Date', y: 'Cycle time'},
         avgCycleEfficiency: {title: 'Cycle Efficiency', x: 'Date', y: 'Cycle efficiency (%)'},
         avgProcessTime: {title: 'Average Processing Time', x: 'Date', y: 'Processing time'},
         avgProcessTimeByTask: {title: 'Average Processing Time by Activity', x: 'Processing time', y: 'Activity'},
@@ -745,6 +750,7 @@ export default {
     };
     this.casesByTaskHeight = await this.getHorizontalBarHeight(this.compareDashboardData.freq.cases_by_task);
     // create chart
+    [this.avgCycleTimeData, this.avgCycleTimeOptions] = this.getLineChart(this.compareDashboardData.time.avg_cycle_time, this.contentData.avgCycleTime, 'date');
     [this.avgCycleEfficiencyData, this.avgCycleEfficiencyOptions] = this.getBarChart(this.compareDashboardData.time.avg_cycle_efficiency, this.contentData.avgCycleEfficiency);
     [this.avgProcessTimeData, this.avgProcessTimeOptions] = this.getLineChart(this.compareDashboardData.time.avg_process_time, this.contentData.avgProcessTime, 'date');
     [this.avgProcessTimeByTaskData, this.avgProcessTimeByTaskOptions] = this.getHorizontalBarChart(this.compareDashboardData.time.avg_process_time_by_task, this.contentData.avgProcessTimeByTask, true, 'date');