diff --git a/src/components/Discover/Conformance/ConformanceSidebar.vue b/src/components/Discover/Conformance/ConformanceSidebar.vue
index ee975e1..5c24a5b 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar.vue
@@ -180,25 +180,25 @@ export default {
       isSubmitCfmCtEteStart: null, // Cycle time
       isSubmitCfmCtEteEnd: null,
       isSubmitCfmCtEteSE: null,
-      isSubmitDurationTime: null, // Activity duration Time Range
-      isSubmitTimeCfmPtEteAll: null, // Processing time Time Range
-      isSubmitTimeCfmPtEteStart: null,
-      isSubmitTimeCfmPtEteEnd: null,
-      isSubmitTimeCfmPtEteSE: null,
-      isSubmitTimeCfmPtPStart: null,
-      isSubmitTimeCfmPtPEnd: null,
-      isSubmitTimeCfmPtPSE: null,
-      isSubmitTimeCfmWtEteAll: null, // Waiting time Time Range
-      isSubmitTimeCfmWtEteStart: null,
-      isSubmitTimeCfmWtEteEnd: null,
-      isSubmitTimeCfmWtEteSE: null,
-      isSubmitTimeCfmWtPStart: null,
-      isSubmitTimeCfmWtPEnd: null,
-      isSubmitTimeCfmWtPSE: null,
-      isSubmitTimeCfmCtEteAll: null, // Cycle time Time Range
-      isSubmitTimeCfmCtEteStart: null,
-      isSubmitTimeCfmCtEteEnd: null,
-      isSubmitTimeCfmCtEteSE: null,
+      isSubmitDurationTime: { base: {}, rule: {}}, // Activity duration Time Range
+      isSubmitTimeCfmPtEteAll: { base: {}, rule: {}}, // Processing time Time Range
+      isSubmitTimeCfmPtEteStart: { base: {}, rule: {}},
+      isSubmitTimeCfmPtEteEnd: { base: {}, rule: {}},
+      isSubmitTimeCfmPtEteSE: { base: {}, rule: {}},
+      isSubmitTimeCfmPtPStart: { base: {}, rule: {}},
+      isSubmitTimeCfmPtPEnd: { base: {}, rule: {}},
+      isSubmitTimeCfmPtPSE: { base: {}, rule: {}},
+      isSubmitTimeCfmWtEteAll: { base: {}, rule: {}}, // Waiting time Time Range
+      isSubmitTimeCfmWtEteStart: { base: {}, rule: {}},
+      isSubmitTimeCfmWtEteEnd: { base: {}, rule: {}},
+      isSubmitTimeCfmWtEteSE: { base: {}, rule: {}},
+      isSubmitTimeCfmWtPStart: { base: {}, rule: {}},
+      isSubmitTimeCfmWtPEnd: { base: {}, rule: {}},
+      isSubmitTimeCfmWtPSE: { base: {}, rule: {}},
+      isSubmitTimeCfmCtEteAll: { base: {}, rule: {}}, // Cycle time Time Range
+      isSubmitTimeCfmCtEteStart: { base: {}, rule: {}},
+      isSubmitTimeCfmCtEteEnd: { base: {}, rule: {}},
+      isSubmitTimeCfmCtEteSE: { base: {}, rule: {}},
       isSubmitShowDataSeq: {
         task: null,
         taskStart: null,
@@ -405,7 +405,6 @@ export default {
     // 打開 rule 檔要顯示儲存的選項、規則、時間
     conformanceTempReportData: {
       handler: function(newValue) {
-        console.log('conformanceTempReportData', newValue);
         setTimeout(() => {
           if(newValue !== null) {
             const rule = newValue.rule;
@@ -451,13 +450,19 @@ export default {
                 this.selectedRuleType = 'Activity duration';
                 this.selectDurationData = [rule.task];
                 this.isSubmitDurationData = [rule.task];
-                this.isSubmitDurationTime = { min: rule.min, max: rule.max};
+                this.isSubmitDurationTime = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'processing-time-end-to-end-whole': // Rule Type 選 Processing time 的行為
                 this.selectedRuleType = 'Processing time';
                 this.selectedProcessScope = 'End to end';
                 this.selectedActSeqMore = 'All';
-                this.isSubmitTimeCfmPtEteAll = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtEteAll = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'processing-time-end-to-end-starts-with':
                 this.selectedRuleType = 'Processing time';
@@ -467,7 +472,10 @@ export default {
                 this.isSubmitCfmPtEteStart = [
                   {category: 'Start', task: rule.task}
                 ];
-                this.isSubmitTimeCfmPtEteStart = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtEteStart = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'processing-time-end-to-end-ends-with':
                 this.selectedRuleType = 'Processing time';
@@ -477,7 +485,10 @@ export default {
                 this.isSubmitCfmPtEteEnd = [
                   {category: 'End', task: rule.task}
                 ];
-                this.isSubmitTimeCfmPtEteEnd = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtEteEnd = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'processing-time-end-to-end-start-end':
                 this.selectedRuleType = 'Processing time';
@@ -487,7 +498,11 @@ export default {
                   {category: 'Start', task: rule.start},
                   {category: 'End', task: rule.end}
                 ];
-                this.isSubmitTimeCfmPtEteSE = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtEteSE = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
+                this.isSubmitShowDataPtEte = this.setSubmitShowData(rule.start, rule.end);
                 break;
               case 'processing-time-partial-starts-with':
                 this.selectedRuleType = 'Processing time';
@@ -497,7 +512,10 @@ export default {
                 this.isSubmitCfmPtPStart = [
                   {category: 'From', task: rule.task}
                 ];
-                this.isSubmitTimeCfmPtPStart = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtPStart = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'processing-time-partial-ends-with':
                 this.selectedRuleType = 'Processing time';
@@ -507,7 +525,10 @@ export default {
                 this.isSubmitCfmPtPEnd = [
                   {category: 'To', task: rule.task}
                 ];
-                this.isSubmitTimeCfmPtPEnd = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtPEnd = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'processing-time-partial-start-end':
                 this.selectedRuleType = 'Processing time';
@@ -517,14 +538,20 @@ export default {
                   {category: 'From', task: rule.start},
                   {category: 'To', task: rule.end}
                 ];
-                this.isSubmitTimeCfmPtPSE = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmPtPSE = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 this.isSubmitShowDataPtP = this.setSubmitShowData(rule.start, rule.end);
                 break;
               case 'waiting-time-end-to-end-whole': // Rule Type 選 Waiting time 的行為
                 this.selectedRuleType = 'Waiting time';
                 this.selectedProcessScope = 'End to end';
                 this.selectedActSeqMore = 'All';
-                this.isSubmitTimeCfmWtEteAll = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtEteAll = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'waiting-time-end-to-end-starts-with':
                 this.selectedRuleType = 'Waiting time';
@@ -534,7 +561,10 @@ export default {
                 this.isSubmitCfmWtEteStart = [
                   {category: 'Start', task: rule.task}
                 ];
-                this.isSubmitTimeCfmWtEteStart = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtEteStart = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'waiting-time-end-to-end-ends-with':
                 this.selectedRuleType = 'Waiting time';
@@ -544,7 +574,10 @@ export default {
                 this.isSubmitCfmWtEteEnd = [
                   {category: 'End', task: rule.task}
                 ];
-                this.isSubmitTimeCfmWtEteEnd = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtEteEnd = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'waiting-time-end-to-end-start-end':
                 this.selectedRuleType = 'Waiting time';
@@ -554,7 +587,10 @@ export default {
                   {category: 'Start', task: rule.start},
                   {category: 'End', task: rule.end}
                 ];
-                this.isSubmitTimeCfmWtEteSE = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtEteSE = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 this.isSubmitShowDataWtEte = this.setSubmitShowData(rule.start, rule.end);
                 break;
               case 'waiting-time-partial-starts-with':
@@ -565,7 +601,10 @@ export default {
                 this.isSubmitCfmWtPStart = [
                   {category: 'From', task: rule.task}
                 ];
-                this.isSubmitTimeCfmWtPStart = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtPStart = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'waiting-time-partial-ends-with':
                 this.selectedRuleType = 'Waiting time';
@@ -575,7 +614,10 @@ export default {
                 this.isSubmitCfmWtPEnd = [
                   {category: 'To', task: rule.task}
                 ];
-                this.isSubmitTimeCfmWtPEnd = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtPEnd = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'waiting-time-partial-start-end':
                 this.selectedRuleType = 'Waiting time';
@@ -585,14 +627,20 @@ export default {
                   {category: 'From', task: rule.start},
                   {category: 'To', task: rule.end}
                 ];
-                this.isSubmitTimeCfmWtPSE = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmWtPSE = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 this.isSubmitShowDataWtP = this.setSubmitShowData(rule.start, rule.end);
                 break;
               case 'cycle-time-end-to-end-whole': // Rule Type 選 Cycle time 的行為
                 this.selectedRuleType = 'Cycle time';
                 this.selectedProcessScope = 'End to end';
                 this.selectedActSeqMore = 'All';
-                this.isSubmitTimeCfmCtEteAll = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmCtEteAll = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'cycle-time-end-to-end-starts-with':
                 this.selectedRuleType = 'Cycle time';
@@ -602,7 +650,10 @@ export default {
                 this.isSubmitCfmCtEteStart = [
                   {category: 'Start', task: rule.task}
                 ];
-                this.isSubmitTimeCfmCtEteStart = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmCtEteStart = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'cycle-time-end-to-end-ends-with':
                 this.selectedRuleType = 'Cycle time';
@@ -612,7 +663,10 @@ export default {
                 this.isSubmitCfmCtEteEnd = [
                   {category: 'End', task: rule.task}
                 ];
-                this.isSubmitTimeCfmCtEteEnd = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmCtEteEnd = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 break;
               case 'cycle-time-end-to-end-start-end':
                 this.selectedRuleType = 'Cycle time';
@@ -622,7 +676,10 @@ export default {
                   {category: 'Start', task: rule.start},
                   {category: 'End', task: rule.end}
                 ];
-                this.isSubmitTimeCfmCtEteSE = { min: rule.min, max: rule.max};
+                this.isSubmitTimeCfmCtEteSE = {
+                  base: newValue.charts.time.x_axis,
+                  rule: { min: rule.min, max: rule.max},
+                };
                 this.isSubmitShowDataCt = this.setSubmitShowData(rule.start, rule.end);
                 break;
             }
@@ -691,7 +748,7 @@ export default {
       this.isSubmitCfmSeqDirectly = [];
       this.isSubmitCfmSeqEventually = [];
       this.isSubmitDurationData = null;
-      this.isSubmitDurationTime = null;
+      this.isSubmitDurationTime = { base: {}, rule: {}};
       this.isSubmitCfmPtEteStart = null; // Processing time
       this.isSubmitCfmPtEteEnd = null;
       this.isSubmitCfmPtEteSE = null;
@@ -707,24 +764,24 @@ export default {
       this.isSubmitCfmCtEteStart = null; // Cycle time
       this.isSubmitCfmCtEteEnd = null;
       this.isSubmitCfmCtEteSE = null;
-      this.isSubmitTimeCfmPtEteAll = null; // Processing time Time Range
-      this.isSubmitTimeCfmPtEteStart = null;
-      this.isSubmitTimeCfmPtEteEnd = null;
-      this.isSubmitTimeCfmPtEteSE = null;
-      this.isSubmitTimeCfmPtPStart = null;
-      this.isSubmitTimeCfmPtPEnd = null;
-      this.isSubmitTimeCfmPtPSE = null;
-      this.isSubmitTimeCfmWtEteAll = null; // Waiting time Time Range
-      this.isSubmitTimeCfmWtEteStart = null;
-      this.isSubmitTimeCfmWtEteEnd = null;
-      this.isSubmitTimeCfmWtEteSE = null;
-      this.isSubmitTimeCfmWtPStart = null;
-      this.isSubmitTimeCfmWtPEnd = null;
-      this.isSubmitTimeCfmWtPSE = null;
-      this.isSubmitTimeCfmCtEteAll = null; // Cycle time Time Range
-      this.isSubmitTimeCfmCtEteStart = null;
-      this.isSubmitTimeCfmCtEteEnd = null;
-      this.isSubmitTimeCfmCtEteSE = null;
+      this.isSubmitTimeCfmPtEteAll = { base: {}, rule: {}}; // Processing time Time Range
+      this.isSubmitTimeCfmPtEteStart = { base: {}, rule: {}};
+      this.isSubmitTimeCfmPtEteEnd = { base: {}, rule: {}};
+      this.isSubmitTimeCfmPtEteSE = { base: {}, rule: {}};
+      this.isSubmitTimeCfmPtPStart = { base: {}, rule: {}};
+      this.isSubmitTimeCfmPtPEnd = { base: {}, rule: {}};
+      this.isSubmitTimeCfmPtPSE = { base: {}, rule: {}};
+      this.isSubmitTimeCfmWtEteAll = { base: {}, rule: {}}; // Waiting time Time Range
+      this.isSubmitTimeCfmWtEteStart = { base: {}, rule: {}};
+      this.isSubmitTimeCfmWtEteEnd = { base: {}, rule: {}};
+      this.isSubmitTimeCfmWtEteSE = { base: {}, rule: {}};
+      this.isSubmitTimeCfmWtPStart = { base: {}, rule: {}};
+      this.isSubmitTimeCfmWtPEnd = { base: {}, rule: {}};
+      this.isSubmitTimeCfmWtPSE = { base: {}, rule: {}};
+      this.isSubmitTimeCfmCtEteAll = { base: {}, rule: {}}; // Cycle time Time Range
+      this.isSubmitTimeCfmCtEteStart = { base: {}, rule: {}};
+      this.isSubmitTimeCfmCtEteEnd = { base: {}, rule: {}};
+      this.isSubmitTimeCfmCtEteSE = { base: {}, rule: {}};
     },
     /**
      * @param {boolean} massage true | false 清空選單選項, 選擇的結果
@@ -851,7 +908,7 @@ export default {
           };
           this.isSubmitReset();
           this.isSubmitDurationData = this.selectDurationData;
-          this.isSubmitDurationTime = this.selectDurationTime;
+          this.isSubmitDurationTime.rule = this.selectDurationTime;
           break;
         case 'Processing time': // Rule Type 選 Processing time 的行為
           switch (this.selectedProcessScope) {
@@ -864,7 +921,7 @@ export default {
                     type: 'processing-time-end-to-end-whole',
                   };
                   this.isSubmitReset();
-                  this.isSubmitTimeCfmPtEteAll = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtEteAll.rule = this.selectDurationTime;
                   break;
                 case 'Start':
                   data = {
@@ -877,7 +934,7 @@ export default {
                   this.isSubmitCfmPtEteStart =  [
                     {category: 'Start', task: this.selectCfmPtEteStart},
                   ];
-                  this.isSubmitTimeCfmPtEteStart = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtEteStart.rule = this.selectDurationTime;
                   break;
                 case 'End':
                   data = {
@@ -890,7 +947,7 @@ export default {
                   this.isSubmitCfmPtEteEnd =  [
                     {category: 'End', task: this.selectCfmPtEteEnd},
                   ];
-                  this.isSubmitTimeCfmPtEteEnd = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtEteEnd.rule = this.selectDurationTime;
                   break;
                 case 'Start & End':
                   data = {
@@ -905,7 +962,7 @@ export default {
                     {category: 'Start', task: this.selectCfmPtEteSEStart},
                     {category: 'End', task: this.selectCfmPtEteSEEnd},
                   ];
-                  this.isSubmitTimeCfmPtEteSE = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtEteSE.rule = this.selectDurationTime;
                   this.isSubmitShowDataPtEte = this.setSubmitShowData(this.selectCfmPtEteSEStart, this.selectCfmPtEteSEEnd);
                 break;
               };
@@ -923,7 +980,7 @@ export default {
                   this.isSubmitCfmPtPStart =  [
                     {category: 'From', task: this.selectCfmPtPStart},
                   ];
-                  this.isSubmitTimeCfmPtPStart = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtPStart.rule = this.selectDurationTime;
                   break;
                 case 'To':
                   data = {
@@ -936,7 +993,7 @@ export default {
                   this.isSubmitCfmPtPEnd =  [
                     {category: 'To', task: this.selectCfmPtPEnd},
                   ];
-                  this.isSubmitTimeCfmPtPEnd = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtPEnd.rule = this.selectDurationTime;
                   break;
                 case 'From & To':
                   data = {
@@ -951,7 +1008,7 @@ export default {
                     {category: 'From', task: this.selectCfmPtPSEStart},
                     {category: 'To', task: this.selectCfmPtPSEEnd},
                   ];
-                  this.isSubmitTimeCfmPtPSE = this.selectDurationTime;
+                  this.isSubmitTimeCfmPtPSE.rule = this.selectDurationTime;
                   this.isSubmitShowDataPtP = this.setSubmitShowData(this.selectCfmPtPSEStart, this.selectCfmPtPSEEnd);
                 break;
                 default:
@@ -973,7 +1030,7 @@ export default {
                     type: 'waiting-time-end-to-end-whole',
                   };
                   this.isSubmitReset();
-                  this.isSubmitTimeCfmWtEteAll = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtEteAll.rule = this.selectDurationTime;
                   break;
                 case 'Start':
                   data = {
@@ -986,7 +1043,7 @@ export default {
                   this.isSubmitCfmWtEteStart =  [
                     {category: 'Start', task: this.selectCfmWtEteStart},
                   ];
-                  this.isSubmitTimeCfmWtEteStart = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtEteStart.rule = this.selectDurationTime;
                   break;
                 case 'End':
                   data = {
@@ -999,7 +1056,7 @@ export default {
                   this.isSubmitCfmWtEteEnd =  [
                     {category: 'End', task: this.selectCfmWtEteEnd},
                   ];
-                  this.isSubmitTimeCfmWtEteEnd = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtEteEnd.rule = this.selectDurationTime;
                   break;
                 case 'Start & End':
                   data = {
@@ -1014,7 +1071,7 @@ export default {
                     {category: 'Start', task: this.selectCfmWtEteSEStart},
                     {category: 'End', task: this.selectCfmWtEteSEEnd},
                   ];
-                  this.isSubmitTimeCfmWtEteSE = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtEteSE.rule = this.selectDurationTime;
                   this.isSubmitShowDataWtEte = this.setSubmitShowData(this.selectCfmWtEteSEStart, this.selectCfmWtEteSEEnd);
                   break;
                 default:
@@ -1034,7 +1091,7 @@ export default {
                   this.isSubmitCfmWtPStart =  [
                     {category: 'From', task: this.selectCfmWtPStart},
                   ];
-                  this.isSubmitTimeCfmWtPStart = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtPStart.rule = this.selectDurationTime;
                   break;
                 case 'To':
                   data = {
@@ -1047,7 +1104,7 @@ export default {
                   this.isSubmitCfmWtPEnd =  [
                     {category: 'To', task: this.selectCfmWtPEnd},
                   ];
-                  this.isSubmitTimeCfmWtPEnd = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtPEnd.rule = this.selectDurationTime;
                   break;
                 case 'From & To':
                   data = {
@@ -1062,7 +1119,7 @@ export default {
                     {category: 'From', task: this.selectCfmWtPSEStart},
                     {category: 'To', task: this.selectCfmWtPSEEnd},
                   ];
-                  this.isSubmitTimeCfmWtPSE = this.selectDurationTime;
+                  this.isSubmitTimeCfmWtPSE.rule = this.selectDurationTime;
                   this.isSubmitShowDataWtP = this.setSubmitShowData(this.selectCfmWtPSEStart, this.selectCfmWtPSEEnd);
                   break;
                 default:
@@ -1082,7 +1139,7 @@ export default {
                 type: 'cycle-time-end-to-end-whole',
               };
               this.isSubmitReset();
-              this.isSubmitTimeCfmCtEteAll = this.selectDurationTime;
+              this.isSubmitTimeCfmCtEteAll.rule = this.selectDurationTime;
               break;
             case 'Start':
               data = {
@@ -1095,7 +1152,7 @@ export default {
               this.isSubmitCfmCtEteStart =  [
                 {category: 'Start', task: this.selectCfmCtEteStart},
               ];
-              this.isSubmitTimeCfmCtEteStart = this.selectDurationTime;
+              this.isSubmitTimeCfmCtEteStart.rule = this.selectDurationTime;
               break;
             case 'End':
               data = {
@@ -1108,7 +1165,7 @@ export default {
               this.isSubmitCfmCtEteEnd =  [
                 {category: 'End', task: this.selectCfmCtEteEnd},
               ];
-              this.isSubmitTimeCfmCtEteEnd = this.selectDurationTime;
+              this.isSubmitTimeCfmCtEteEnd.rule = this.selectDurationTime;
               break;
             case 'Start & End':
               data = {
@@ -1123,7 +1180,7 @@ export default {
                 {category: 'Start', task: this.selectCfmCtEteSEStart},
                 {category: 'End', task: this.selectCfmCtEteSEEnd},
               ];
-              this.isSubmitTimeCfmCtEteSE = this.selectDurationTime;
+              this.isSubmitTimeCfmCtEteSE.rule = this.selectDurationTime;
               this.isSubmitShowDataCt = this.setSubmitShowData(this.selectCfmCtEteSEStart, this.selectCfmCtEteSEEnd);
               break;
             default:
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
index 5f1fcff..3b14705 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
@@ -181,10 +181,12 @@ export default {
           break;
         case 'cfmPtEteSEStart':
           this.selectCfmPtEteSEStart = data.task;
+          this.timeCfmPtEteSE = {min: 0, max: 0};
           if(this.selectCfmPtEteSEEnd) this.timeCfmPtEteSE = this.getDurationTime(this.cfmPtEteSE, 'double', data.task, this.selectCfmPtEteSEEnd);
           break;
         case 'cfmPtEteSEEnd':
           this.selectCfmPtEteSEEnd = data.task;
+          this.timeCfmPtEteSE = {min: 0, max: 0};
           if(this.selectCfmPtEteSEStart) this.timeCfmPtEteSE = this.getDurationTime(this.cfmPtEteSE, 'double', this.selectCfmPtEteSEStart, data.task);
           break;
         case 'cfmPtPStart':
@@ -195,10 +197,12 @@ export default {
           break;
         case 'cfmPtPSEStart':
           this.selectCfmPtPSEStart = data.task;
+          this.timeCfmPtPSE = {min: 0, max: 0};
           if(this.selectCfmPtPSEEnd) this.timeCfmPtPSE = this.getDurationTime(this.cfmPtPSE, 'double', data.task, this.selectCfmPtPSEEnd);
           break;
         case 'cfmPtPSEEnd':
           this.selectCfmPtPSEEnd = data.task;
+          this.timeCfmPtPSE = {min: 0, max: 0};
           if(this.selectCfmPtPSEStart) this.timeCfmPtPSE = this.getDurationTime(this.cfmPtPSE, 'double', this.selectCfmPtPSEStart, data.task);
           break;
         // Waiting time
@@ -210,10 +214,12 @@ export default {
           break;
         case 'cfmWtEteSEStart':
           this.selectCfmWtEteSEStart = data.task;
+          this.timeCfmWtEteSE = {min: 0, max: 0};
           if(this.selectCfmWtEteSEEnd) this.timeCfmWtEteSE = this.getDurationTime(this.cfmWtEteSE, 'double', data.task, this.selectCfmWtEteSEEnd);
           break;
         case 'cfmWtEteSEEnd':
           this.selectCfmWtEteSEEnd = data.task;
+          this.timeCfmWtEteSE = {min: 0, max: 0};
           if(this.selectCfmWtEteSEStart) this.timeCfmWtEteSE = this.getDurationTime(this.cfmWtEteSE, 'double', this.selectCfmWtEteSEStart, data.task);
           break;
         case 'cfmWtPStart':
@@ -224,10 +230,12 @@ export default {
           break;
         case 'cfmWtPSEStart':
           this.selectCfmWtPSEStart = data.task;
+          this.timeCfmWtPSE = {min: 0, max: 0};
           if(this.selectCfmWtPSEEnd) this.timeCfmWtPSE = this.getDurationTime(this.cfmWtPSE, 'double', data.task, this.selectCfmWtPSEEnd);
           break;
         case 'cfmWtPSEEnd':
           this.selectCfmWtPSEEnd = data.task;
+          this.timeCfmWtPSE = {min: 0, max: 0};
           if(this.selectCfmWtPSEStart) this.timeCfmWtPSE = this.getDurationTime(this.cfmWtPSE, 'double', this.selectCfmWtPSEStart, data.task);
           break;
         // Cycle time
@@ -239,10 +247,12 @@ export default {
           break;
         case 'cfmCtEteSEStart':
           this.selectCfmCtEteSEStart = data.task;
+          this.timeCfmCtEteSEE = {min: 0, max: 0};
           if(this.selectCfmCtEteSEEnd) this.timeCfmCtEteSE = this.getDurationTime(this.cfmCtEteSE, 'double', data.task, this.selectCfmCtEteSEEnd);
           break;
         case 'cfmCtEteSEEnd':
           this.selectCfmCtEteSEEnd = data.task;
+          this.timeCfmCtEteSEE = {min: 0, max: 0};
           if(this.selectCfmCtEteSEStart) this.timeCfmCtEteSE = this.getDurationTime(this.cfmCtEteSE, 'double', this.selectCfmCtEteSEStart, data.task);
           break;
         default:
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue b/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
index ed0196a..27211ed 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue
@@ -1,9 +1,8 @@
 <template>
-  <!-- select:{{ select }} -->
   <div class="flex justify-between items-center" id="cyp-timerange">
     <Durationjs :max="minVuemax" :min="minVuemin" :size="'min'" :updateMax="updateMax" @total-seconds="minTotalSeconds" :value="durationMin"></Durationjs>
       <span>~</span>
-    <Durationjs :max="maxVuemax" :min="maxVuemin" :size="'max'"  @total-seconds="maxTotalSeconds" :value="durationMax"></Durationjs>
+    <Durationjs :max="maxVuemax" :min="maxVuemin" :size="'max'" :updateMin="updateMin" @total-seconds="maxTotalSeconds" :value="durationMax"></Durationjs>
   </div>
 </template>
 <script>
@@ -24,6 +23,7 @@ export default {
       maxVuemin: 0,
       maxVuemax: 0,
       updateMax: null,
+      updateMin: null,
       durationMin: null,
       durationMax: null,
     }
@@ -34,6 +34,8 @@ export default {
   watch: {
     time: {
       handler: function(newValue, oldValue) {
+        this.durationMax = null
+        this.durationMin = null
         if(newValue == null) {
           this.timeData = {
             min: 0,
@@ -70,6 +72,7 @@ export default {
      */
     minTotalSeconds(e) {
       this.timeRangeMin = e;
+      this.updateMin = e;
       this.$emit('min-total-seconds', e);
     },
     /**
@@ -84,15 +87,14 @@ export default {
   },
   created() {
     if(this.select){
-      // 缺:
-      // 1. 外面傳入的原始資料最大最小值
-      // 2. isSubmit 的值
-      // this.timeData = {min: 63320, max: 1489525};
-      this.timeData = this.select;
-      this.setTimeValue();
-      // console.log('select',this.select);
-      // this.durationMin = 70000;
-      // this.durationMax = 84700;
+      if(Object.keys(this.select.base).length !== 0) {
+        this.timeData = this.select.base;
+        this.setTimeValue();
+      }
+      if(Object.keys(this.select.rule).length !== 0) {
+        this.durationMin = this.select.rule.min;
+        this.durationMax = this.select.rule.max;
+      }
     }
   }
 }
diff --git a/src/components/durationjs.vue b/src/components/durationjs.vue
index 12d8b9d..66a29d0 100644
--- a/src/components/durationjs.vue
+++ b/src/components/durationjs.vue
@@ -58,6 +58,13 @@ export default {
         return value >= 0;
       },
     },
+    updateMin: {
+      type: Number,
+      required: false,
+      validator(value) {
+        return value >= 0;
+      },
+    },
     size: {
       type: String,
       default: false,
@@ -133,6 +140,12 @@ export default {
         this.calculateTotalSeconds();
       },
     },
+    updateMin: {
+      handler: function(newValue, oldValue) {
+        this.minTotal = newValue;
+        this.calculateTotalSeconds();
+      },
+    },
   },
   methods: {
     onClose () {
@@ -235,12 +248,17 @@ export default {
         // 箭頭向上，數字加一
         newVal += this.tUnits[tUnit].inc;
         if(newVal > this.tUnits[tUnit].max) {
-          // 超過該單位最大值時要進位為零
-          newVal = newVal % (this.tUnits[tUnit].max + 1);
-          // 前一個更大的單位要進位
-          if(input.dataset.index > 0) {
-            const prevUnit = document.querySelector(`input[data-index="${parseInt(input.dataset.index) - 1}"]`);
-            this.actionUpDown(prevUnit, true);
+          if(this.tUnits[tUnit].dsp === 'd'){
+            // 超過 maxDays 要等於最大值
+            this.totalSeconds = this.maxTotal;
+          } else {
+            // 超過該單位最大值時要進位為零
+            newVal = newVal % (this.tUnits[tUnit].max + 1);
+            // 前一個更大的單位要進位
+            if(input.dataset.index > 0) {
+              const prevUnit = document.querySelector(`input[data-index="${parseInt(input.dataset.index) - 1}"]`);
+              this.actionUpDown(prevUnit, true);
+            }
           }
         }
       } else {
@@ -309,6 +327,9 @@ export default {
         totalSeconds = this.minTotal;
         this.secondToDate(this.minTotal, 'min');
         this.totalSeconds = totalSeconds;
+      } else if((this.size === 'min' && totalSeconds <= this.maxTotal)) {
+        this.maxDays = Math.floor(this.maxTotal / (3600 * 24));
+        this.totalSeconds = totalSeconds;
       } else {
         this.totalSeconds = totalSeconds;
       };