imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Issue #53: done.

Browse Source
This commit is contained in:
chiayin
2023-09-14 21:01:09 +08:00
parent 47ca3d8f21
commit c00123ddcb
5 changed files with 263 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

99
src/components/Discover/Conformance/ConformanceSidebar.vue
View File

@@ -93,6 +93,12 @@
:isSubmitCfmCtEteStart="isSubmitCfmCtEteStart" :isSubmitCfmCtEteStart="isSubmitCfmCtEteStart"
:isSubmitCfmCtEteEnd="isSubmitCfmCtEteEnd" :isSubmitCfmCtEteEnd="isSubmitCfmCtEteEnd"
:isSubmitCfmCtEteSE="isSubmitCfmCtEteSE" :isSubmitCfmCtEteSE="isSubmitCfmCtEteSE"
:isSubmitShowDataSeq="isSubmitShowDataSeq"
:isSubmitShowDataPtEte="isSubmitShowDataPtEte"
:isSubmitShowDataPtP="isSubmitShowDataPtP"
:isSubmitShowDataWtEte="isSubmitShowDataWtEte"
:isSubmitShowDataWtP="isSubmitShowDataWtP"
:isSubmitShowDataCt="isSubmitShowDataCt"
></ConformanceShowBar> ></ConformanceShowBar>
</div> </div>
</section> </section>
@@ -112,9 +118,9 @@ export default {
const loadingStore = LoadingStore(); const loadingStore = LoadingStore();
const conformanceStore = ConformanceStore(); const conformanceStore = ConformanceStore();
const { isLoading } = storeToRefs(loadingStore); const { isLoading } = storeToRefs(loadingStore);
const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceAllTasks, cfmPtEteWhole, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteWhole, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteWhole, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE } = storeToRefs(conformanceStore); const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceAllTasks, cfmPtEteWhole, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteWhole, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteWhole, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE, isStartSelected, isEndSelected } = storeToRefs(conformanceStore);
return { isLoading, selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceStore, conformanceAllTasks, cfmPtEteWhole, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteWhole, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteWhole, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE } return { isLoading, selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceStore, conformanceAllTasks, cfmPtEteWhole, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteWhole, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteWhole, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE, isStartSelected, isEndSelected }
}, },
data() { data() {
return { return {
@@ -191,6 +197,48 @@ export default {
isSubmitTimeCfmCtEteStart: null, isSubmitTimeCfmCtEteStart: null,
isSubmitTimeCfmCtEteEnd: null, isSubmitTimeCfmCtEteEnd: null,
isSubmitTimeCfmCtEteSE: null, isSubmitTimeCfmCtEteSE: null,
isSubmitShowDataSeq: {
task: null,
taskStart: null,
taskEnd: null,
isStartSelected: null,
isEndSelected: null
}, // To Start & End 連動資料
isSubmitShowDataPtEte: {
task: null,
taskStart: null,
taskEnd: null,
isStartSelected: null,
isEndSelected: null
},
isSubmitShowDataPtP: {
task: null,
taskStart: null,
taskEnd: null,
isStartSelected: null,
isEndSelected: null
},
isSubmitShowDataWtEte: {
task: null,
taskStart: null,
taskEnd: null,
isStartSelected: null,
isEndSelected: null
},
isSubmitShowDataWtP: {
task: null,
taskStart: null,
taskEnd: null,
isStartSelected: null,
isEndSelected: null
},
isSubmitShowDataCt: {
task: null,
taskStart: null,
taskEnd: null,
isStartSelected: null,
isEndSelected: null
},
} }
}, },
components: { components: {
@@ -321,6 +369,32 @@ export default {
// reset 成功訊息 // reset 成功訊息
this.$toast.success('Reset Success.'); this.$toast.success('Reset Success.');
}, },
/**
* 設定 Start & End Data 連動資料
* @param {string} start task
* @param {string} end task
* @returns {object}
*/
setSubmitShowData(start, end) {
if(this.isStartSelected) {
return {
task: start,
taskStart: start,
taskEnd: end,
isStartSelected:true,
isEndSelected: false
};
}else {
return {
task: end,
taskStart: start,
taskEnd: end,
isStartSelected:false,
isEndSelected: true
};
}
},
/** /**
* Apply button 發送選項，取得 Checker Id. * Apply button 發送選項，取得 Checker Id.
*/ */
@@ -361,6 +435,7 @@ export default {
{category: 'Start', task: this.selectCfmSeqStart}, {category: 'Start', task: this.selectCfmSeqStart},
{category: 'End', task: this.selectCfmSeqEnd}, {category: 'End', task: this.selectCfmSeqEnd},
]; ];
this.isSubmitShowDataSeq = this.setSubmitShowData(this.selectCfmSeqStart, this.selectCfmSeqEnd);
}; };
break; break;
case 'Sequence': // Activity Sequence 選 Sequence 的行為 case 'Sequence': // Activity Sequence 選 Sequence 的行為
@@ -471,10 +546,11 @@ export default {
}; };
this.isSubmitReset(); this.isSubmitReset();
this.isSubmitCfmPtEteSE = [ this.isSubmitCfmPtEteSE = [
{category: 'Start', task: this.selectCfmPtEteStart}, {category: 'Start', task: this.selectCfmPtEteSEStart},
{category: 'End', task: this.selectCfmPtEteSEEnd}, {category: 'End', task: this.selectCfmPtEteSEEnd},
]; ];
this.isSubmitTimeCfmPtEteSE = this.selectDurationTime; this.isSubmitTimeCfmPtEteSE = this.selectDurationTime;
this.isSubmitShowDataPtEte = this.setSubmitShowData(this.selectCfmPtEteSEStart, this.selectCfmPtEteSEEnd);
} }
break; break;
default: default:
@@ -531,6 +607,7 @@ export default {
{category: 'To', task: this.selectCfmPtPSEEnd}, {category: 'To', task: this.selectCfmPtPSEEnd},
]; ];
this.isSubmitTimeCfmPtPSEd = this.selectDurationTime; this.isSubmitTimeCfmPtPSEd = this.selectDurationTime;
this.isSubmitShowDataPtP = this.setSubmitShowData(this.selectCfmPtPSEStart, this.selectCfmPtPSEEnd);
} }
break; break;
default: default:
@@ -602,6 +679,7 @@ export default {
{category: 'End', task: this.selectCfmWtEteSEEnd}, {category: 'End', task: this.selectCfmWtEteSEEnd},
]; ];
this.isSubmitTimeCfmWtEteSE = this.selectDurationTime; this.isSubmitTimeCfmWtEteSE = this.selectDurationTime;
this.isSubmitShowDataWtEte = this.setSubmitShowData(this.selectCfmWtEteSEStart, this.selectCfmWtEteSEEnd);
} }
break; break;
default: default:
@@ -658,6 +736,7 @@ export default {
{category: 'To', task: this.selectCfmWtPSEEnd}, {category: 'To', task: this.selectCfmWtPSEEnd},
]; ];
this.isSubmitTimeCfmWtPSE = this.selectDurationTime; this.isSubmitTimeCfmWtPSE = this.selectDurationTime;
this.isSubmitShowDataWtP = this.setSubmitShowData(this.selectCfmWtPSEStart, this.selectCfmWtPSEEnd);
} }
break; break;
default: default:
@@ -725,6 +804,7 @@ export default {
{category: 'End', task: this.selectCfmCtEteSEEnd}, {category: 'End', task: this.selectCfmCtEteSEEnd},
]; ];
this.isSubmitTimeCfmCtEteSE = this.selectDurationTime; this.isSubmitTimeCfmCtEteSE = this.selectDurationTime;
this.isSubmitShowDataCt = this.setSubmitShowData(this.selectCfmCtEteSEStart, this.selectCfmCtEteSEEnd);
} }
break; break;
default: default:
@@ -750,6 +830,7 @@ export default {
}, },
created() { created() {
this.isShowBar = true; this.isShowBar = true;
// 選取 list 的結果
this.$emitter.on('actListData', (data) => { this.$emitter.on('actListData', (data) => {
this.selectConformanceTask = data; this.selectConformanceTask = data;
}); });
@@ -757,9 +838,11 @@ export default {
switch (data.category) { switch (data.category) {
// Activity sequence // Activity sequence
case 'cfmSeqStart': case 'cfmSeqStart':
if(this.isStartSelected === true && data.task !== this.selectCfmSeqStart) this.selectCfmSeqEnd = null;
this.selectCfmSeqStart = data.task; this.selectCfmSeqStart = data.task;
break; break;
case 'cfmSeqEnd': case 'cfmSeqEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmSeqEnd) this.selectCfmSeqStart = null;
this.selectCfmSeqEnd = data.task; this.selectCfmSeqEnd = data.task;
break; break;
// Processing time // Processing time
@@ -770,9 +853,11 @@ export default {
this.selectCfmPtEteEnd = data.task; this.selectCfmPtEteEnd = data.task;
break; break;
case 'cfmPtEteSEStart': case 'cfmPtEteSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmPtEteSEStart) this.selectCfmPtEteSEEnd = null;
this.selectCfmPtEteSEStart = data.task; this.selectCfmPtEteSEStart = data.task;
break; break;
case 'cfmPtEteSEEnd': case 'cfmPtEteSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmPtEteSEEnd) this.selectCfmPtEteSEStart = null;
this.selectCfmPtEteSEEnd = data.task; this.selectCfmPtEteSEEnd = data.task;
break; break;
case 'cfmPtPStart': case 'cfmPtPStart':
@@ -782,9 +867,11 @@ export default {
this.selectCfmPtPEnd = data.task; this.selectCfmPtPEnd = data.task;
break; break;
case 'cfmPtPSEStart': case 'cfmPtPSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmPtPSEStart) this.selectCfmPtPSEEnd = null;
this.selectCfmPtPSEStart = data.task; this.selectCfmPtPSEStart = data.task;
break; break;
case 'cfmPtPSEEnd': case 'cfmPtPSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmPtPSEEnd) this.selectCfmPtPSEStart = null;
this.selectCfmPtPSEEnd = data.task; this.selectCfmPtPSEEnd = data.task;
break; break;
// Waiting time // Waiting time
@@ -795,9 +882,11 @@ export default {
this.selectCfmWtEteEnd = data.task; this.selectCfmWtEteEnd = data.task;
break; break;
case 'cfmWtEteSEStart': case 'cfmWtEteSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmWtEteSEStart) this.selectCfmWtEteSEEnd = null;
this.selectCfmWtEteSEStart = data.task; this.selectCfmWtEteSEStart = data.task;
break; break;
case 'cfmWtEteSEEnd': case 'cfmWtEteSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmWtEteSEEnd) this.selectCfmWtEteSEStart = null;
this.selectCfmWtEteSEEnd = data.task; this.selectCfmWtEteSEEnd = data.task;
break; break;
case 'cfmWtPStart': case 'cfmWtPStart':
@@ -807,9 +896,11 @@ export default {
this.selectCfmWtPEnd = data.task; this.selectCfmWtPEnd = data.task;
break; break;
case 'cfmWtPSEStart': case 'cfmWtPSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmWtPSEStart) this.selectCfmWtPSEEnd = null;
this.selectCfmWtPSEStart = data.task; this.selectCfmWtPSEStart = data.task;
break; break;
case 'cfmWtPSEEnd': case 'cfmWtPSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmWtPSEEnd) this.selectCfmWtPSEStart = null;
this.selectCfmWtPSEEnd = data.task; this.selectCfmWtPSEEnd = data.task;
break; break;
// Cycle time // Cycle time
@@ -820,9 +911,11 @@ export default {
this.selectCfmCtEteEnd = data.task; this.selectCfmCtEteEnd = data.task;
break; break;
case 'cfmCtEteSEStart': case 'cfmCtEteSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmCtEteSEStart) this.selectCfmCtEteSEEnd = null;
this.selectCfmCtEteSEStart = data.task; this.selectCfmCtEteSEStart = data.task;
break; break;
case 'cfmCtEteSEEnd': case 'cfmCtEteSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmCtEteSEEnd) this.selectCfmCtEteSEStart = null;
this.selectCfmCtEteSEEnd = data.task; this.selectCfmCtEteSEEnd = data.task;
break; break;
default: default:

13
src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
View File

@@ -14,14 +14,21 @@
</template> </template>
<script> <script>
export default { export default {
props: ['title', 'select', 'data', 'category'], props: ['title', 'select', 'data', 'category', 'task', 'isSubmit'],
data() { data() {
return { return {
selectedRadio: this.select, localSelect: null,
selectedRadio: null,
}
},
watch: {
task: function(newValue) {
this.selectedRadio = newValue;
} }
}, },
methods: { methods: {
actRadioData() { actRadioData() {
this.localSelect = null;
this.$emitter.emit('actRadioData', { this.$emitter.emit('actRadioData', {
category: this.category, category: this.category,
task: this.selectedRadio, task: this.selectedRadio,
@@ -30,6 +37,8 @@ export default {
} }
}, },
created() { created() {
this.localSelect = this.isSubmit ? this.select : null;
this.selectedRadio = this.localSelect;
this.$emitter.on('reset', (data) => { this.$emitter.on('reset', (data) => {
this.selectedRadio = data; this.selectedRadio = data;
}); });

16
src/components/Discover/Conformance/ConformanceSidebar/ConformanceSelectResult.vue
View File

@@ -38,9 +38,9 @@ import ResultDot from '@/components/Discover/Conformance/ConformanceSidebar/Resu
export default { export default {
setup() { setup() {
const conformanceStore = ConformanceStore(); const conformanceStore = ConformanceStore();
const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo } = storeToRefs(conformanceStore); const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, isStartSelected, isEndSelected } = storeToRefs(conformanceStore);
return { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo } return { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, isStartSelected, isEndSelected }
}, },
props: ['isSubmit', 'isSubmitTask', 'isSubmitStartAndEnd', 'isSubmitCfmSeqDirectly', 'isSubmitCfmSeqEventually', 'isSubmitDurationData', 'isSubmitCfmPtEteStart', 'isSubmitCfmPtEteEnd', 'isSubmitCfmPtEteSE', 'isSubmitCfmPtPStart', 'isSubmitCfmPtPEnd', 'isSubmitCfmPtPSE', 'isSubmitCfmWtEteStart', 'isSubmitCfmWtEteEnd', 'isSubmitCfmWtEteSE', 'isSubmitCfmWtPStart', 'isSubmitCfmWtPEnd', 'isSubmitCfmWtPSE', 'isSubmitCfmCtEteStart', 'isSubmitCfmCtEteEnd', 'isSubmitCfmCtEteSE'], props: ['isSubmit', 'isSubmitTask', 'isSubmitStartAndEnd', 'isSubmitCfmSeqDirectly', 'isSubmitCfmSeqEventually', 'isSubmitDurationData', 'isSubmitCfmPtEteStart', 'isSubmitCfmPtEteEnd', 'isSubmitCfmPtEteSE', 'isSubmitCfmPtPStart', 'isSubmitCfmPtPEnd', 'isSubmitCfmPtPSE', 'isSubmitCfmWtEteStart', 'isSubmitCfmWtEteEnd', 'isSubmitCfmWtEteSE', 'isSubmitCfmWtPStart', 'isSubmitCfmWtPEnd', 'isSubmitCfmWtPSE', 'isSubmitCfmCtEteStart', 'isSubmitCfmCtEteEnd', 'isSubmitCfmCtEteSE'],
components: { components: {
@@ -208,10 +208,12 @@ export default {
switch (data.category) { switch (data.category) {
// Activity sequence // Activity sequence
case 'cfmSeqStart': case 'cfmSeqStart':
if(this.isStartSelected === true && data.task !== this.selectCfmSeqStart) this.selectCfmSeqEnd = null;
data.category = 'Start'; data.category = 'Start';
this.selectCfmSeqStart = data; this.selectCfmSeqStart = data;
break; break;
case 'cfmSeqEnd': case 'cfmSeqEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmSeqEnd)this.selectCfmSeqStart = null;
data.category = 'End'; data.category = 'End';
this.selectCfmSeqEnd = data; this.selectCfmSeqEnd = data;
break; break;
@@ -225,10 +227,12 @@ export default {
this.selectCfmPtEteEnd = [data]; this.selectCfmPtEteEnd = [data];
break; break;
case 'cfmPtEteSEStart': case 'cfmPtEteSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmPtEteSEStart) this.selectCfmPtEteSEEnd = null;
data.category = 'Start'; data.category = 'Start';
this.selectCfmPtEteSEStart = data; this.selectCfmPtEteSEStart = data;
break; break;
case 'cfmPtEteSEEnd': case 'cfmPtEteSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmPtEteSEEnd)this.selectCfmPtEteSEStart = null;
data.category = 'End'; data.category = 'End';
this.selectCfmPtEteSEEnd = data; this.selectCfmPtEteSEEnd = data;
break; break;
@@ -241,10 +245,12 @@ export default {
this.selectCfmPtPEnd = [data]; this.selectCfmPtPEnd = [data];
break; break;
case 'cfmPtPSEStart': case 'cfmPtPSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmPtPSEStart) this.selectCfmPtPSEEnd = null;
data.category = 'From'; data.category = 'From';
this.selectCfmPtPSEStart = data; this.selectCfmPtPSEStart = data;
break; break;
case 'cfmPtPSEEnd': case 'cfmPtPSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmPtPSEEnd)this.selectCfmPtPSEStart = null;
data.category = 'To'; data.category = 'To';
this.selectCfmPtPSEEnd = data; this.selectCfmPtPSEEnd = data;
break; break;
@@ -258,10 +264,12 @@ export default {
this.selectCfmWtEteEnd = [data]; this.selectCfmWtEteEnd = [data];
break; break;
case 'cfmWtEteSEStart': case 'cfmWtEteSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmWtEteSEStart) this.selectCfmWtEteSEEnd = null;
data.category = 'Start'; data.category = 'Start';
this.selectCfmWtEteSEStart = data; this.selectCfmWtEteSEStart = data;
break; break;
case 'cfmWtEteSEEnd': case 'cfmWtEteSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmWtEteSEEnd)this.selectCfmWtEteSEStart = null;
data.category = 'End'; data.category = 'End';
this.selectCfmWtEteSEEnd = data; this.selectCfmWtEteSEEnd = data;
break; break;
@@ -274,10 +282,12 @@ export default {
this.selectCfmWtPEnd = [data]; this.selectCfmWtPEnd = [data];
break; break;
case 'cfmWtPSEStart': case 'cfmWtPSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmWtPSEStart) this.selectCfmWtPSEEnd = null;
data.category = 'From'; data.category = 'From';
this.selectCfmWtPSEStart = data; this.selectCfmWtPSEStart = data;
break; break;
case 'cfmWtPSEEnd': case 'cfmWtPSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmWtPSEEnd)this.selectCfmWtPSEStart = null;
data.category = 'To'; data.category = 'To';
this.selectCfmWtPSEEnd = data; this.selectCfmWtPSEEnd = data;
break; break;
@@ -291,10 +301,12 @@ export default {
this.selectCfmCtEteEnd = [data]; this.selectCfmCtEteEnd = [data];
break; break;
case 'cfmCtEteSEStart': case 'cfmCtEteSEStart':
if(this.isStartSelected === true && data.task !== this.selectCfmCtEteSEStart) this.selectCfmCtEteSEEnd = null;
data.category = 'Start'; data.category = 'Start';
this.selectCfmCtEteSEStart = data; this.selectCfmCtEteSEStart = data;
break; break;
case 'cfmCtEteSEEnd': case 'cfmCtEteSEEnd':
if(this.isEndSelected === true && data.task !== this.selectCfmCtEteSEEnd)this.selectCfmCtEteSEStart = null;
data.category = 'End'; data.category = 'End';
this.selectCfmCtEteSEEnd = data; this.selectCfmCtEteSEEnd = data;
break; break;

185
src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue
View File

@@ -4,46 +4,46 @@
<ActList v-if="selectedRuleType === 'Have activity'" :data="conformanceTask" :select="isSubmitTask"></ActList> <ActList v-if="selectedRuleType === 'Have activity'" :data="conformanceTask" :select="isSubmitTask"></ActList>
<!-- Activity sequence --> <!-- Activity sequence -->
<div v-if="selectedRuleType === 'Activity sequence' && selectedActivitySequence === 'Start & End'" class="flex justify-between items-center w-full h-full"> <div v-if="selectedRuleType === 'Activity sequence' && selectedActivitySequence === 'Start & End'" class="flex justify-between items-center w-full h-full">
<ActRadio :title="'Start activity'" :select="isSubmitStartAndEnd?.[0].task" :data="cfmSeqStartData" :category="'cfmSeqStart'" @selected-task="selectStart" class="w-1/2" /> <ActRadio :title="'Start activity'" :select="isSubmitStartAndEnd?.[0].task" :data="cfmSeqStartData" :category="'cfmSeqStart'" :task="taskStart" :isSubmit="isSubmit" @selected-task="selectStart" class="w-1/2" />
<ActRadio :title="'End activity'" :select="isSubmitStartAndEnd?.[1].task" :data="cfmSeqEndData" :category="'cfmSeqEnd'" @selected-task="selectEnd" class="w-1/2" /> <ActRadio :title="'End activity'" :select="isSubmitStartAndEnd?.[1].task" :data="cfmSeqEndData" :category="'cfmSeqEnd'" :task="taskEnd" :isSubmit="isSubmit" @selected-task="selectEnd" class="w-1/2" />
</div> </div>
<!-- actSeqDrag --> <!-- actSeqDrag -->
<ActSeqDrag v-if="selectedRuleType === 'Activity sequence' && selectedActivitySequence === 'Sequence' && selectedMode === 'Directly follows'" :data="conformanceTask" :listSeq="isSubmitCfmSeqDirectly" :isSubmit="isSubmit" :category="'cfmSeqDirectly'"></ActSeqDrag> <ActSeqDrag v-if="selectedRuleType === 'Activity sequence' && selectedActivitySequence === 'Sequence' && selectedMode === 'Directly follows'" :data="conformanceTask" :listSeq="isSubmitCfmSeqDirectly" :isSubmit="isSubmit" :category="'cfmSeqDirectly'"></ActSeqDrag>
<ActSeqDrag v-if="selectedRuleType === 'Activity sequence' && selectedActivitySequence === 'Sequence' && selectedMode === 'Eventually follows'" :data="conformanceTask" :listSeq="isSubmitCfmSeqEventually" :isSubmit="isSubmit" :category="'cfmSeqEventually'"></ActSeqDrag> <ActSeqDrag v-if="selectedRuleType === 'Activity sequence' && selectedActivitySequence === 'Sequence' && selectedMode === 'Eventually follows'" :data="conformanceTask" :listSeq="isSubmitCfmSeqEventually" :isSubmit="isSubmit" :category="'cfmSeqEventually'"></ActSeqDrag>
<!-- Activity duration --> <!-- Activity duration -->
<ActRadio v-if="selectedRuleType === 'Activity duration'" :title="'Activities include'" :select="isSubmitDurationData?.[0]" :data="conformanceTask" :category="'cfmDur'"/> <ActRadio v-if="selectedRuleType === 'Activity duration'" :title="'Activities include'" :select="isSubmitDurationData?.[0]" :data="conformanceTask" :category="'cfmDur'" :isSubmit="isSubmit"/>
<!-- Processing time --> <!-- Processing time -->
<ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :title="'Start'" :select="isSubmitCfmPtEteStart?.[0].task" :data="cfmPtEteStartData" :category="'cfmPtEteStart'" /> <ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :title="'Start'" :select="isSubmitCfmPtEteStart?.[0].task" :data="cfmPtEteStartData" :category="'cfmPtEteStart'" :isSubmit="isSubmit" />
<ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :title="'End'" :select="isSubmitCfmPtEteEnd?.[0].task" :data="cfmPtEteEndData" :category="'cfmPtEteEnd'" /> <ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :title="'End'" :select="isSubmitCfmPtEteEnd?.[0].task" :data="cfmPtEteEndData" :category="'cfmPtEteEnd'" :isSubmit="isSubmit" />
<div v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" class="flex justify-between items-center w-full h-full"> <div v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" class="flex justify-between items-center w-full h-full">
<ActRadio :title="'Start'" :select="isSubmitCfmPtEteSE?.[0].task" :data="cfmPtEteSEStartData" :category="'cfmPtEteSEStart'" @selected-task="selectStart" class="w-1/2" /> <ActRadio :title="'Start'" :select="isSubmitCfmPtEteSE?.[0].task" :data="cfmPtEteSEStartData" :category="'cfmPtEteSEStart'" :task="taskStart" :isSubmit="isSubmit" @selected-task="selectStart" class="w-1/2" />
<ActRadio :title="'End'" :select="isSubmitCfmPtEteSE?.[1].task" :data="cfmPtEteSEEndData" :category="'cfmPtEteSEEnd'" @selected-task="selectEnd" class="w-1/2" /> <ActRadio :title="'End'" :select="isSubmitCfmPtEteSE?.[1].task" :data="cfmPtEteSEEndData" :category="'cfmPtEteSEEnd'" :task="taskEnd" :isSubmit="isSubmit" @selected-task="selectEnd" class="w-1/2" />
</div> </div>
<ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :title="'From'" :select="isSubmitCfmPtPStart?.[0].task" :data="cfmPtPStartData" :category="'cfmPtPStart'"/> <ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :title="'From'" :select="isSubmitCfmPtPStart?.[0].task" :data="cfmPtPStartData" :category="'cfmPtPStart'" :isSubmit="isSubmit" />
<ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :title="'To'" :select="isSubmitCfmPtPEnd?.[0].task" :data="cfmPtPEndData" :category="'cfmPtPEnd'"/> <ActRadio v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :title="'To'" :select="isSubmitCfmPtPEnd?.[0].task" :data="cfmPtPEndData" :category="'cfmPtPEnd'" :isSubmit="isSubmit" />
<div v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" class="flex justify-between items-center w-full h-full"> <div v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" class="flex justify-between items-center w-full h-full">
<ActRadio :title="'From'" :select="isSubmitCfmPtPSE?.[0].task" :data="cfmPtPSEStartData" class="w-1/2" :category="'cfmPtPSEStart'" @selected-task="selectStart" /> <ActRadio :title="'From'" :select="isSubmitCfmPtPSE?.[0].task" :data="cfmPtPSEStartData" class="w-1/2" :category="'cfmPtPSEStart'" :task="taskStart" :isSubmit="isSubmit" @selected-task="selectStart" />
<ActRadio :title="'To'" :select="isSubmitCfmPtPSE?.[1].task" :data="cfmPtPSEEndData" class="w-1/2" :category="'cfmPtPSEEnd'" @selected-task="selectEnd" /> <ActRadio :title="'To'" :select="isSubmitCfmPtPSE?.[1].task" :data="cfmPtPSEEndData" class="w-1/2" :category="'cfmPtPSEEnd'" :task="taskEnd" :isSubmit="isSubmit" @selected-task="selectEnd" />
</div> </div>
<!-- Waiting time --> <!-- Waiting time -->
<ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :title="'Start'" :select="isSubmitCfmWtEteStart?.[0].task" :data="cfmWtEteStartData" :category="'cfmWtEteStart'"/> <ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :title="'Start'" :select="isSubmitCfmWtEteStart?.[0].task" :data="cfmWtEteStartData" :category="'cfmWtEteStart'" :isSubmit="isSubmit" />
<ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :title="'End'" :select="isSubmitCfmWtEteEnd?.[0].task" :data="cfmWtEteEndData" :category="'cfmWtEteEnd'"/> <ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :title="'End'" :select="isSubmitCfmWtEteEnd?.[0].task" :data="cfmWtEteEndData" :category="'cfmWtEteEnd'" :isSubmit="isSubmit" />
<div v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" class="flex justify-between items-center w-full h-full"> <div v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" class="flex justify-between items-center w-full h-full">
<ActRadio :title="'Start'" :select="isSubmitCfmWtEteSE?.[0].task" :data="cfmWtEteSEStartData" class="w-1/2" :category="'cfmWtEteSEStart'" @selected-task="selectStart" /> <ActRadio :title="'Start'" :select="isSubmitCfmWtEteSE?.[0].task" :data="cfmWtEteSEStartData" class="w-1/2" :category="'cfmWtEteSEStart'" :task="taskStart" :isSubmit="isSubmit" @selected-task="selectStart" />
<ActRadio :title="'End'" :select="isSubmitCfmWtEteSE?.[1].task" :data="cfmWtEteSEEndData" class="w-1/2" :category="'cfmWtEteSEEnd'" @selected-task="selectEnd" /> <ActRadio :title="'End'" :select="isSubmitCfmWtEteSE?.[1].task" :data="cfmWtEteSEEndData" class="w-1/2" :category="'cfmWtEteSEEnd'" :task="taskEnd" :isSubmit="isSubmit" @selected-task="selectEnd" />
</div> </div>
<ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :title="'From'" :select="isSubmitCfmWtPStart?.[0].task" :data="cfmWtPStartData" :category="'cfmWtPStart'"/> <ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :title="'From'" :select="isSubmitCfmWtPStart?.[0].task" :data="cfmWtPStartData" :category="'cfmWtPStart'" :isSubmit="isSubmit" />
<ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :title="'To'" :select="isSubmitCfmWtPEnd?.[0].task" :data="cfmWtPEndData" :category="'cfmWtPEnd'"/> <ActRadio v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :title="'To'" :select="isSubmitCfmWtPEnd?.[0].task" :data="cfmWtPEndData" :category="'cfmWtPEnd'" :isSubmit="isSubmit" />
<div v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" class="flex justify-between items-center w-full h-full"> <div v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" class="flex justify-between items-center w-full h-full">
<ActRadio :title="'From'" :select="isSubmitCfmWtPSE?.[0].task" :data="cfmWtPSEStartData" class="w-1/2" :category="'cfmWtPSEStart'" @selected-task="selectStart" /> <ActRadio :title="'From'" :select="isSubmitCfmWtPSE?.[0].task" :data="cfmWtPSEStartData" class="w-1/2" :category="'cfmWtPSEStart'" :task="taskStart" :isSubmit="isSubmit" @selected-task="selectStart" />
<ActRadio :title="'To'" :select="isSubmitCfmWtPSE?.[1].task" :data="cfmWtPSEEndData" class="w-1/2" :category="'cfmWtPSEEnd'" @selected-task="selectEnd" /> <ActRadio :title="'To'" :select="isSubmitCfmWtPSE?.[1].task" :data="cfmWtPSEEndData" class="w-1/2" :category="'cfmWtPSEEnd'" :task="taskEnd" :isSubmit="isSubmit" @selected-task="selectEnd" />
</div> </div>
<!-- Cycle time --> <!-- Cycle time -->
<ActRadio v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :title="'Start'" :select="isSubmitCfmCtEteStart?.[0].task" :data="cfmCtEteStartData" :category="'cfmCtEteStart'"/> <ActRadio v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :title="'Start'" :select="isSubmitCfmCtEteStart?.[0].task" :data="cfmCtEteStartData" :category="'cfmCtEteStart'" :isSubmit="isSubmit" />
<ActRadio v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :title="'End'" :select="isSubmitCfmCtEteEnd?.[0].task" :data="cfmCtEteEndData" :category="'cfmCtEteEnd'"/> <ActRadio v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :title="'End'" :select="isSubmitCfmCtEteEnd?.[0].task" :data="cfmCtEteEndData" :category="'cfmCtEteEnd'" :isSubmit="isSubmit" />
<div v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" class="flex justify-between items-center w-full h-full"> <div v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" class="flex justify-between items-center w-full h-full">
<ActRadio :title="'Start'" :select="isSubmitCfmCtEteSE?.[0].task" :data="cfmCtEteSEStartData" class="w-1/2" :category="'cfmCtEteSEStart'" @selected-task="selectStart" /> <ActRadio :title="'Start'" :select="isSubmitCfmCtEteSE?.[0].task" :data="cfmCtEteSEStartData" class="w-1/2" :category="'cfmCtEteSEStart'" :task="taskStart" :isSubmit="isSubmit" @selected-task="selectStart" />
<ActRadio :title="'End'" :select="isSubmitCfmCtEteSE?.[1].task" :data="cfmCtEteSEEndData" class="w-1/2" :category="'cfmCtEteSEEnd'" @selected-task="selectEnd" /> <ActRadio :title="'End'" :select="isSubmitCfmCtEteSE?.[1].task" :data="cfmCtEteSEEndData" class="w-1/2" :category="'cfmCtEteSEEnd'" :task="taskEnd" :isSubmit="isSubmit" @selected-task="selectEnd" />
</div> </div>
</section> </section>
</template> </template>
@@ -60,11 +60,11 @@ export default {
const loadingStore = LoadingStore(); const loadingStore = LoadingStore();
const conformanceStore = ConformanceStore(); const conformanceStore = ConformanceStore();
const { isLoading } = storeToRefs(loadingStore); const { isLoading } = storeToRefs(loadingStore);
const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE } = storeToRefs(conformanceStore); const { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE, isStartSelected, isEndSelected } = storeToRefs(conformanceStore);
return { isLoading, selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE } return { isLoading, selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE, isStartSelected, isEndSelected}
}, },
props: ['isSubmit', 'isSubmitTask', 'isSubmitStartAndEnd', 'isSubmitCfmSeqDirectly', 'isSubmitCfmSeqEventually', 'isSubmitDurationData', 'isSubmitCfmPtEteStart', 'isSubmitCfmPtEteEnd', 'isSubmitCfmPtEteSE', 'isSubmitCfmPtPStart', 'isSubmitCfmPtPEnd', 'isSubmitCfmPtPSE', 'isSubmitCfmWtEteStart', 'isSubmitCfmWtEteEnd', 'isSubmitCfmWtEteSE', 'isSubmitCfmWtPStart', 'isSubmitCfmWtPEnd', 'isSubmitCfmWtPSE', 'isSubmitCfmCtEteStart', 'isSubmitCfmCtEteEnd', 'isSubmitCfmCtEteSE'], props: ['isSubmit', 'isSubmitTask', 'isSubmitStartAndEnd', 'isSubmitCfmSeqDirectly', 'isSubmitCfmSeqEventually', 'isSubmitDurationData', 'isSubmitCfmPtEteStart', 'isSubmitCfmPtEteEnd', 'isSubmitCfmPtEteSE', 'isSubmitCfmPtPStart', 'isSubmitCfmPtPEnd', 'isSubmitCfmPtPSE', 'isSubmitCfmWtEteStart', 'isSubmitCfmWtEteEnd', 'isSubmitCfmWtEteSE', 'isSubmitCfmWtPStart', 'isSubmitCfmWtPEnd', 'isSubmitCfmWtPSE', 'isSubmitCfmCtEteStart', 'isSubmitCfmCtEteEnd', 'isSubmitCfmCtEteSE', 'isSubmitShowDataSeq', 'isSubmitShowDataPtEte', 'isSubmitShowDataPtP', 'isSubmitShowDataWtEte', 'isSubmitShowDataWtP', 'isSubmitShowDataCt'],
components: { components: {
ActList, ActList,
ActRadio, ActRadio,
@@ -73,16 +73,18 @@ export default {
data() { data() {
return { return {
task: null, task: null,
isStartSelected: null, taskStart: null,
isEndSelected: null, taskEnd: null,
} }
}, },
computed: { computed: {
// Activity sequence // Activity sequence
cfmSeqStartData: function() { cfmSeqStartData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataSeq.task;
return this.isEndSelected ? this.setSeqStartAndEndData(this.cfmSeqEnd, 'sources', this.task) : this.cfmSeqStart.map(i => i.label); return this.isEndSelected ? this.setSeqStartAndEndData(this.cfmSeqEnd, 'sources', this.task) : this.cfmSeqStart.map(i => i.label);
}, },
cfmSeqEndData: function() { cfmSeqEndData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataSeq.task;
return this.isStartSelected ? this.setSeqStartAndEndData(this.cfmSeqStart, 'sinks', this.task) : this.cfmSeqEnd.map(i => i.label); return this.isStartSelected ? this.setSeqStartAndEndData(this.cfmSeqStart, 'sinks', this.task) : this.cfmSeqEnd.map(i => i.label);
}, },
// Processing time // Processing time
@@ -93,9 +95,11 @@ export default {
return this.cfmPtEteEnd.map(i => i.task); return this.cfmPtEteEnd.map(i => i.task);
}, },
cfmPtEteSEStartData: function() { cfmPtEteSEStartData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataPtEte.task;
return this.isEndSelected ? this.setStartAndEndData(this.cfmPtEteSE, 'end', this.task) : this.setTaskData(this.cfmPtEteSE, 'start'); return this.isEndSelected ? this.setStartAndEndData(this.cfmPtEteSE, 'end', this.task) : this.setTaskData(this.cfmPtEteSE, 'start');
}, },
cfmPtEteSEEndData: function() { cfmPtEteSEEndData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataPtEte.task;
return this.isStartSelected ? this.setStartAndEndData(this.cfmPtEteSE, 'start', this.task) : this.setTaskData(this.cfmPtEteSE, 'end'); return this.isStartSelected ? this.setStartAndEndData(this.cfmPtEteSE, 'start', this.task) : this.setTaskData(this.cfmPtEteSE, 'end');
}, },
cfmPtPStartData: function() { cfmPtPStartData: function() {
@@ -105,9 +109,11 @@ export default {
return this.cfmPtPEnd.map(i => i.task); return this.cfmPtPEnd.map(i => i.task);
}, },
cfmPtPSEStartData: function() { cfmPtPSEStartData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataPtP.task;
return this.isEndSelected ? this.setStartAndEndData(this.cfmPtPSE, 'end', this.task) : this.setTaskData(this.cfmPtPSE, 'start'); return this.isEndSelected ? this.setStartAndEndData(this.cfmPtPSE, 'end', this.task) : this.setTaskData(this.cfmPtPSE, 'start');
}, },
cfmPtPSEEndData: function() { cfmPtPSEEndData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataPtP.task;
return this.isStartSelected ? this.setStartAndEndData(this.cfmPtPSE, 'start', this.task) : this.setTaskData(this.cfmPtPSE, 'end'); return this.isStartSelected ? this.setStartAndEndData(this.cfmPtPSE, 'start', this.task) : this.setTaskData(this.cfmPtPSE, 'end');
}, },
// Waiting time // Waiting time
@@ -118,9 +124,11 @@ export default {
return this.cfmWtEteEnd.map(i => i.task); return this.cfmWtEteEnd.map(i => i.task);
}, },
cfmWtEteSEStartData: function() { cfmWtEteSEStartData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataWtEte.task;
return this.isEndSelected ? this.setStartAndEndData(this.cfmWtEteSE, 'end', this.task) : this.setTaskData(this.cfmWtEteSE, 'start'); return this.isEndSelected ? this.setStartAndEndData(this.cfmWtEteSE, 'end', this.task) : this.setTaskData(this.cfmWtEteSE, 'start');
}, },
cfmWtEteSEEndData: function() { cfmWtEteSEEndData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataWtEte.task;
return this.isStartSelected ? this.setStartAndEndData(this.cfmWtEteSE, 'start', this.task) : this.setTaskData(this.cfmWtEteSE, 'end'); return this.isStartSelected ? this.setStartAndEndData(this.cfmWtEteSE, 'start', this.task) : this.setTaskData(this.cfmWtEteSE, 'end');
}, },
cfmWtPStartData: function() { cfmWtPStartData: function() {
@@ -130,9 +138,11 @@ export default {
return this.cfmWtPEnd.map(i => i.task); return this.cfmWtPEnd.map(i => i.task);
}, },
cfmWtPSEStartData: function() { cfmWtPSEStartData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataWtP.task;
return this.isEndSelected ? this.setStartAndEndData(this.cfmWtPSE, 'end', this.task) : this.setTaskData(this.cfmWtPSE, 'start'); return this.isEndSelected ? this.setStartAndEndData(this.cfmWtPSE, 'end', this.task) : this.setTaskData(this.cfmWtPSE, 'start');
}, },
cfmWtPSEEndData: function() { cfmWtPSEEndData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataWtP.task;
return this.isStartSelected ? this.setStartAndEndData(this.cfmWtPSE, 'start', this.task) : this.setTaskData(this.cfmWtPSE, 'end'); return this.isStartSelected ? this.setStartAndEndData(this.cfmWtPSE, 'start', this.task) : this.setTaskData(this.cfmWtPSE, 'end');
}, },
// Cycle time // Cycle time
@@ -143,9 +153,11 @@ export default {
return this.cfmCtEteEnd.map(i => i.task); return this.cfmCtEteEnd.map(i => i.task);
}, },
cfmCtEteSEStartData: function() { cfmCtEteSEStartData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataCt.task;
return this.isEndSelected ? this.setStartAndEndData(this.cfmCtEteSE, 'end', this.task) : this.setTaskData(this.cfmCtEteSE, 'start'); return this.isEndSelected ? this.setStartAndEndData(this.cfmCtEteSE, 'end', this.task) : this.setTaskData(this.cfmCtEteSE, 'start');
}, },
cfmCtEteSEEndData: function() { cfmCtEteSEEndData: function() {
if(this.isSubmit && this.task === null)this.task = this.isSubmitShowDataCt.task;
return this.isStartSelected ? this.setStartAndEndData(this.cfmCtEteSE, 'start', this.task) : this.setTaskData(this.cfmCtEteSE, 'end'); return this.isStartSelected ? this.setStartAndEndData(this.cfmCtEteSE, 'start', this.task) : this.setTaskData(this.cfmCtEteSE, 'end');
}, },
}, },
@@ -182,7 +194,7 @@ export default {
* @param {string} task task * @param {string} task task
* @returns {array} * @returns {array}
*/ */
setSeqStartAndEndData(data, category, task = 'a') { setSeqStartAndEndData(data, category, task) {
let newData = data.filter(i => i.label === task).map(i => i[category]); let newData = data.filter(i => i.label === task).map(i => i[category]);
newData = [...new Set(...newData)]; newData = [...new Set(...newData)];
return newData; return newData;
@@ -192,10 +204,16 @@ export default {
* @param {event} e * @param {event} e
*/ */
selectStart(e) { selectStart(e) {
this.taskStart = e;
if(this.isStartSelected === null || this.isStartSelected === true){ if(this.isStartSelected === null || this.isStartSelected === true){
this.isStartSelected = true; this.isStartSelected = true;
this.isEndSelected = false; this.isEndSelected = false;
this.task = e; this.task = e;
this.taskEnd = null;
this.$emitter.emit('sratrAndEndToStart', {
start: true,
end: false,
});
}; };
}, },
/** /**
@@ -203,45 +221,122 @@ export default {
* @param {event} e * @param {event} e
*/ */
selectEnd(e) { selectEnd(e) {
this.taskEnd = e;
if(this.isEndSelected === null || this.isEndSelected === true){ if(this.isEndSelected === null || this.isEndSelected === true){
this.isEndSelected = true; this.isEndSelected = true;
this.isStartSelected = false; this.isStartSelected = false;
this.task = e; this.task = e;
this.taskStart = null;
this.$emitter.emit('sratrAndEndToStart', {
start: false,
end: true,
});
} }
}, },
/**
* reset all data.
*/
reset() {
this.task = null;
this.isStartSelected = null;
this.isEndSelected = null;
this.taskStart = null;
this.taskEnd = null;
},
/**
* Radio 切換時，Start & End Data 連動改變
* @param {boolean} data true | false
*/
setResetData(data) {
if(data) {
if(this.isSubmit) {
switch (this.selectedRuleType) {
case 'Activity sequence':
this.task = this.isSubmitShowDataSeq.task;
this.isStartSelected = this.isSubmitShowDataSeq.isStartSelected;
this.isEndSelected = this.isSubmitShowDataSeq.isEndSelected;
// this.taskStart = this.isSubmitShowDataSeq.taskStart;
// this.taskEnd = this.isSubmitShowDataSeq.taskEnd;
break;
case 'Processing time':
switch (this.selectedProcessScope) {
case 'End to end':
this.task = this.isSubmitShowDataPtEte.task;
this.isStartSelected = this.isSubmitShowDataPtEte.isStartSelected;
this.isEndSelected = this.isSubmitShowDataPtEte.isEndSelected;
// this.taskStart = this.isSubmitShowDataPtEte.taskStart;
// this.taskEnd = this.isSubmitShowDataPtEte.taskEnd;
break;
case 'Partial':
this.task = this.isSubmitShowDataPtP.task;
this.isStartSelected = this.isSubmitShowDataPtP.isStartSelected;
this.isEndSelected = this.isSubmitShowDataPtP.isEndSelected;
// this.taskStart = this.isSubmitShowDataPtP.taskStart;
// this.taskEnd = this.isSubmitShowDataPtP.taskEnd;
break;
default:
break;
}
break;
case 'Waiting time':
switch (this.selectedProcessScope) {
case 'End to end':
this.task = this.isSubmitShowDataWtEte.task;
this.isStartSelected = this.isSubmitShowDataWtEte.isStartSelected;
this.isEndSelected = this.isSubmitShowDataWtEte.isEndSelected;
// this.taskStart = this.isSubmitShowDataWtEte.taskStart;
// this.taskEnd = this.isSubmitShowDataWtEte.taskEnd;
break;
case 'Partial':
this.task = this.isSubmitShowDataWtP.task;
this.isStartSelected = this.isSubmitShowDataWtP.isStartSelected;
this.isEndSelected = this.isSubmitShowDataWtP.isEndSelected;
// this.taskStart = this.isSubmitShowDataWtP.taskStart;
// this.taskEnd = this.isSubmitShowDataWtP.taskEnd;
break;
default:
break;
}
case 'Cycle time':
this.task = this.isSubmitShowDataCt.task;
this.isStartSelected = this.isSubmitShowDataCt.isStartSelected;
this.isEndSelected = this.isSubmitShowDataCt.isEndSelected;
// this.taskStart = this.isSubmitShowDataCt.taskStart;
// this.taskEnd = this.isSubmitShowDataCt.taskEnd;
break;
default:
break;
}
} else {
this.reset();
}
}
}
}, },
created() { created() {
this.$emitter.on('isRadioChange', (data) => { this.$emitter.on('isRadioChange', (data) => {
if(data) { this.setResetData(data);
this.task = null; });
this.isStartSelected = null; this.$emitter.on('isRadioSeqChange', (data) => {
this.isEndSelected = null; this.setResetData(data);
};
}); });
this.$emitter.on('isRadioProcessScopeChange', (data) => { this.$emitter.on('isRadioProcessScopeChange', (data) => {
if(data) { if(data) {
this.task = null; this.setResetData(data);
this.isStartSelected = null;
this.isEndSelected = null;
}; };
}); });
this.$emitter.on('isRadioActSeqMoreChange', (data) => { this.$emitter.on('isRadioActSeqMoreChange', (data) => {
if(data) { if(data) {
this.task = null; this.setResetData(data);
this.isStartSelected = null;
this.isEndSelected = null;
}; };
}); });
this.$emitter.on('isRadioActSeqFromToChange', (data) => { this.$emitter.on('isRadioActSeqFromToChange', (data) => {
if(data) { if(data) {
this.task = null; this.setResetData(data);
this.isStartSelected = null;
this.isEndSelected = null;
}; };
}); });
this.$emitter.on('reset', data => { this.$emitter.on('reset', data => {
this.isStartSelected = data; this.reset();
this.isEndSelected = data;
}); });
} }
} }

2
src/stores/conformance.js
View File

@@ -38,6 +38,8 @@ export default defineStore('conformanceStore', {
selectedActSeqMore: 'All', // radio selectedActSeqMore: 'All', // radio
selectedActSeqFromTo: 'From', // radio selectedActSeqFromTo: 'From', // radio
infinite404: null, infinite404: null,
isStartSelected: null, // start & end 連動先選擇 start
isEndSelected: null, // start & end 連動先選擇 end
}), }),
getters: { getters: {
conformanceAllTasks: state => { conformanceAllTasks: state => {