Conformance: feature task clear but after apply need to trued.

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

@@ -4,7 +4,7 @@
     <div>
       <p class="h2">Rule Type</p>
       <div v-for="rule in ruleType" :key="rule.id" class="ml-4 mb-2">
-        <RadioButton v-model="selectedRuleType" :inputId="rule.id + rule.name" name="ruleType" :value="rule.name" @change="changeRadio($event)"/>
+        <RadioButton v-model="selectedRuleType" :inputId="rule.id + rule.name" name="ruleType" :value="rule.name" @change="changeRadio"/>
         <label :for="rule.id + rule.name" class="ml-2">{{ rule.name }}</label>
       </div>
     </div>
@@ -12,7 +12,7 @@
     <div v-show="selectedRuleType === 'Activity sequence'">
       <p class="h2">Activity Sequence</p>
       <div v-for="act in activitySequence" :key="act.id" class="ml-4 mb-2">
-        <RadioButton v-model="selectedActivitySequence" :inputId="act.id + act.name" name="activitySequence" :value="act.name" />
+        <RadioButton v-model="selectedActivitySequence" :inputId="act.id + act.name" name="activitySequence" :value="act.name" @change="changeSeqRadio"/>
         <label :for="act.id + act.name" class="ml-2">{{ act.name }}</label>
       </div>
     </div>
@@ -63,7 +63,6 @@ export default {
   },
   data() {
     return {
-      // selectedRuleType: '',
       ruleType: [
         {id: 1, name: 'Have activity'},
         {id: 2, name: 'Activity sequence'},
@@ -72,31 +71,26 @@ export default {
         {id: 5, name: 'Waiting time'},
         {id: 6, name: 'Cycle time'},
       ],
-      // selectedActivitySequence: '',
       activitySequence: [
         {id: 1, name: 'Start & End'},
         {id: 2, name: 'Sequence'},
       ],
-      // selectedMode: '',
       mode: [
         {id: 1, name: 'Directly follows'},
         {id: 2, name: 'Eventually follows'},
         {id: 3, name: 'Short loop(s)'},
         {id: 4, name: 'Self loop(s)'},
       ],
-      // selectedProcessScope: '',
       processScope: [
         {id: 1, name: 'End to end'},
         {id: 2, name: 'Partial'},
       ],
-      // selectedActSeqMore: '',
       actSeqMore: [
         {id: 1, name: 'All'},
         {id: 2, name: 'Start'},
         {id: 3, name: 'End'},
         {id: 4, name: 'Start & End'},
       ],
-      // selectedActSeqFromTo: '',
       actSeqFromTo: [
         {id: 1, name: 'From'},
         {id: 2, name: 'To'},
@@ -105,13 +99,17 @@ export default {
     }
   },
   methods: {
-    changeRadio(event) {
+    changeRadio() {
       this.selectedActivitySequence = 'Start & End';
       this.selectedMode = 'Directly follows';
       this.selectedProcessScope = 'End to end';
       this.selectedActSeqMore = 'All';
       this.selectedActSeqFromTo = 'From';
+      this.$emitter.emit('isRadioChange', true); // Radio 切換時，資料要清空
     },
+    changeSeqRadio() {
+      this.$emitter.emit('isRadioSeqChange',true);
+    }
   }
 }
 </script>