Conformance: Time Range done.

src/components/Discover/Conformance/ConformanceSidebar.vue

@@ -25,7 +25,7 @@
         :isSubmitDurationData="isSubmitDurationData"
         ></ConformanceSelectResult>
         <!-- time range -->
-        <ConformanceTimeRange v-if="selectedRuleType === 'Activity duration' || selectedRuleType === 'Processing time' || selectedRuleType === 'Waiting time' || selectedRuleType === 'Cycle time'" :time="selectDurationTime"></ConformanceTimeRange>
+        <ConformanceTimeRange v-if="selectedRuleType === 'Activity duration' || selectedRuleType === 'Processing time' || selectedRuleType === 'Waiting time' || selectedRuleType === 'Cycle time'" :time="selectDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" ></ConformanceTimeRange>
       </div>
       <!-- button -->
       <div class="space-x-4 p-4 flex justify-center items-content border-t border-neutral-300">
@@ -76,6 +76,8 @@ export default {
       listSeq: [],
       selectDurationData: null,
       selectDurationTime: null,
+      selectTimeRangeMin: 0, // Time Range min
+      selectTimeRangeMax: 0, // Time Range max
       selectCfmPtEteStart: null, // Processing time
       selectCfmPtEteEnd: null,
       selectCfmPtEteSEStart: null,
@@ -142,6 +144,20 @@ export default {
           break;
       };
     },
+    /**
+     * get min total seconds
+     * @param {Number} e
+     */
+     minTotalSeconds(e) {
+      this.selectTimeRangeMin = e;
+    },
+    /**
+     * get min total seconds
+     * @param {Number} e
+     */
+    maxTotalSeconds(e) {
+      this.selectTimeRangeMax = e;
+    },
     /**
      * select Time Reset
      */
@@ -154,7 +170,9 @@ export default {
       this.selectConformanceFrom = null;
       this.selectConformanceTo = null;
       this.listSeq = [];
-      this.selectDurationData = null; // Activity duration
+      this.selectDurationData = null; // Activity durations
+      this.selectTimeRangeMin = 0; // Time Range min
+      this.selectTimeRangeMax = 0; // Time Range max
       this.selectCfmPtEteStart = null; // Processing time
       this.selectCfmPtEteEnd = null;
       this.selectCfmPtEteSEStart = null;
@@ -229,6 +247,8 @@ export default {
         default:
           break;
       };
+      this.selectDurationTime.min = this.selectTimeRangeMin;
+      this.selectDurationTime.max = this.selectTimeRangeMax;
 
       switch (this.selectedRuleType) {
         case 'Have activity': // Rule Type 選 Have activity 的行為

src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue

@@ -70,6 +70,7 @@ export default {
      */
     minTotalSeconds(e) {
       this.timeRangeMin = e;
+      this.$emit('min-total-seconds', e);
     },
     /**
      * get min total seconds
@@ -78,6 +79,7 @@ export default {
     maxTotalSeconds(e) {
       this.timeRangeMax = e;
       this.updateMax = e;
+      this.$emit('max-total-seconds', e);
     },
   },
 }