Issue #102: done.

src/components/Discover/Conformance/ConformanceResults.vue

@@ -64,11 +64,11 @@
             <span>days.</span>
           </p>
           <p class="pl-2 space-x-2 max-w-full" v-else>
-            <span class="text-cfm-primary text-2xl font-medium">{{ data.effect.time.conforming }}</span>
+            <span class="text-cfm-primary text-2xl font-medium inline-block">{{ data.effect.time.conforming }}</span>
             <span>vs</span>
-            <span class="text-cfm-secondary text-2xl font-medium">{{ data.effect.time.not_conforming }}</span>
+            <span class="text-cfm-secondary text-2xl font-medium inline-block">{{ data.effect.time.not_conforming }}</span>
             <span>days,</span>
-            <span class="text-2xl font-medium">{{ data.effect.time.difference }}</span>
+            <span class="text-2xl font-medium inline-block">{{ data.effect.time.difference }}</span>
             <span>days of difference.</span>
           </p>
         </div>
@@ -85,11 +85,11 @@
             <span class="text-cfm-secondary text-2xl font-medium">{{ data.effect.tasks.not_conforming }}</span> .
           </p>
           <p class="pl-2 space-x-2 max-w-full" v-else>
-            <span class="text-cfm-primary text-2xl font-medium">{{ data.effect.tasks.conforming }}</span>
+            <span class="text-cfm-primary text-2xl font-medium inline-block">{{ data.effect.tasks.conforming }}</span>
             <span>vs</span>
-            <span class="text-cfm-secondary text-2xl font-medium">{{ data.effect.tasks.not_conforming }}</span>
+            <span class="text-cfm-secondary text-2xl font-medium inline-block">{{ data.effect.tasks.not_conforming }}</span>
             <span>activities,</span>
-            <span class="text-2xl font-medium">{{ data.effect.tasks.difference }}</span>
+            <span class="text-2xl font-medium inline-block">{{ data.effect.tasks.difference }}</span>
             <span>activities of difference.</span>
           </p>
         </div>

src/components/Discover/Conformance/ConformanceSidebar.vue

@@ -150,6 +150,7 @@ export default {
       selectCfmCtEteSEStart: null,
       selectCfmCtEteSEEnd: null,
       isSubmit: false,
+      isSubmitData: null, // 已 Apply 後，沒有重新改變規則的 Data
       isSubmitTask: null,
       isSubmitStartAndEnd: null,
       isSubmitListSeq: [],
@@ -201,6 +202,11 @@ export default {
       return (this.selectedRuleType === 'Activity sequence' && this.selectedActivitySequence === 'Sequence' && (this.selectedMode === 'Short loop(s)' || this.selectedMode === 'Self loop(s)')) || (this.selectedRuleType === 'Processing time' && this.selectedProcessScope === 'End to end' && this.selectedActSeqMore === 'All') || (this.selectedRuleType === 'Waiting time' && this.selectedProcessScope === 'End to end' && this.selectedActSeqMore === 'All') || (this.selectedRuleType === 'Cycle time' && this.selectedProcessScope === 'End to end' && this.selectedActSeqMore === 'All')
     }
   },
+  watch: {
+    isSubmitData: function(newValue) {
+      this.isSubmitData = newValue;
+    }
+  },
   methods: {
     /**
      * get min total seconds
@@ -256,6 +262,7 @@ export default {
      * is submit select Reset
      */
     isSubmitReset() {
+      // 沒有 isSubmitData
       this.isSubmitTask = null;
       this.isSubmitStartAndEnd = null;
       this.isSubmitListSeq = [];
@@ -294,7 +301,6 @@ export default {
       this.isSubmitTimeCfmCtEteStart = null;
       this.isSubmitTimeCfmCtEteEnd = null;
       this.isSubmitTimeCfmCtEteSE = null;
-
     },
     /**
      * @param {boolean} massage true | false 清空選單選項, 選擇的結果
@@ -304,6 +310,7 @@ export default {
       this.$emitter.emit('coverPlate', true);
       // is submit select Reset
       this.isSubmitReset();
+      this.isSubmitData = null; // 已 Apply 後，沒有重新改變規則的 Data
       this.isSubmit = false;
 
       // 其他子元件 reset
@@ -723,9 +730,11 @@ export default {
         default:
           break;
       };
+      if(JSON.stringify(data) === JSON.stringify(this.isSubmitData)) return this.$toast.error('Please set the new rule.');
 
       this.isLoading = true;
       this.isSubmit = true;
+      this.isSubmitData = data; // 已 Apply 後，沒有重新改變規則的 Data
       await this.conformanceStore.addLogConformanceTempCheckerId(data);
       await this.conformanceStore.getLogConformanceTempReport();
       this.isShowBar = false;