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

Conformance: Time Range show after Apply time done.

Browse Source
This commit is contained in:
chiayin
2023-09-05 14:59:30 +08:00
parent e3b8153a8e
commit 72ec78ab0e
2 changed files with 136 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -39,12 +39,29 @@
:isSubmitCfmCtEteEnd="isSubmitCfmCtEteEnd" :isSubmitCfmCtEteEnd="isSubmitCfmCtEteEnd"
:isSubmitCfmCtEteSE="isSubmitCfmCtEteSE" :isSubmitCfmCtEteSE="isSubmitCfmCtEteSE"
></ConformanceSelectResult> ></ConformanceSelectResult>
<!-- time range -->
<!-- <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> -->
<ConformanceTimeRange <ConformanceTimeRange
@min-total-seconds="minTotalSeconds" @min-total-seconds="minTotalSeconds"
@max-total-seconds="maxTotalSeconds" @max-total-seconds="maxTotalSeconds"
:isSubmitDurationTime="isSubmitDurationTime" ></ConformanceTimeRange> :isSubmitDurationTime="isSubmitDurationTime"
:isSubmitTimeCfmPtEteAll="isSubmitTimeCfmPtEteAll"
:isSubmitTimeCfmPtEteStart="isSubmitTimeCfmPtEteStart"
:isSubmitTimeCfmPtEteEnd="isSubmitTimeCfmPtEteEnd"
:isSubmitTimeCfmPtEteSE="isSubmitTimeCfmPtEteSE"
:isSubmitTimeCfmPtPStart="isSubmitTimeCfmPtPStart"
:isSubmitTimeCfmPtPEnd="isSubmitTimeCfmPtPEnd"
:isSubmitTimeCfmPtPSE="isSubmitTimeCfmPtPSE"
:isSubmitTimeCfmWtEteAll="isSubmitTimeCfmWtEteAll"
:isSubmitTimeCfmWtEteStart="isSubmitTimeCfmWtEteStart"
:isSubmitTimeCfmWtEteEnd="isSubmitTimeCfmWtEteEnd"
:isSubmitTimeCfmWtEteSE="isSubmitTimeCfmWtEteSE"
:isSubmitTimeCfmWtPStart="isSubmitTimeCfmWtPStart"
:isSubmitTimeCfmWtPEnd="isSubmitTimeCfmWtPEnd"
:isSubmitTimeCfmWtPSE="isSubmitTimeCfmWtPSE"
:isSubmitTimeCfmCtEteAll="isSubmitTimeCfmCtEteAll"
:isSubmitTimeCfmCtEteStart="isSubmitTimeCfmCtEteStart"
:isSubmitTimeCfmCtEteEnd="isSubmitTimeCfmCtEteEnd"
:isSubmitTimeCfmCtEteSE="isSubmitTimeCfmCtEteSE"
></ConformanceTimeRange>
</div> </div>
<!-- button --> <!-- button -->
<div class="space-x-4 p-4 flex justify-center items-content border-t border-neutral-300"> <div class="space-x-4 p-4 flex justify-center items-content border-t border-neutral-300">
@@ -136,8 +153,7 @@ export default {
isSubmitTask: null, isSubmitTask: null,
isSubmitStartAndEnd: null, isSubmitStartAndEnd: null,
isSubmitListSeq: [], isSubmitListSeq: [],
isSubmitDurationData: null, isSubmitDurationData: null, // Activity duration
isSubmitDurationTime: null,
isSubmitCfmPtEteStart: null, // Processing time isSubmitCfmPtEteStart: null, // Processing time
isSubmitCfmPtEteEnd: null, isSubmitCfmPtEteEnd: null,
isSubmitCfmPtEteSE: null, isSubmitCfmPtEteSE: null,
@@ -153,6 +169,25 @@ export default {
isSubmitCfmCtEteStart: null, // Cycle time isSubmitCfmCtEteStart: null, // Cycle time
isSubmitCfmCtEteEnd: null, isSubmitCfmCtEteEnd: null,
isSubmitCfmCtEteSE: 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,
} }
}, },
components: { components: {
@@ -162,38 +197,6 @@ export default {
ConformanceSelectResult, ConformanceSelectResult,
}, },
methods: { methods: {
/**
* get Time Range(duration)
* @param {array} data API data
* @param {string} category act | single | double
* @param {string} task select Radio task or start
* @param {string} taskTwo end
* @returns {object} {min:12, max:345}
*/
// getDurationTime(data, category, task, taskTwo) {
// switch (category) {
// case 'act':
// data.forEach(i => {
// if(i.label === task) this.selectDurationTime = i.duration;
// });
// break;
// case 'single':
// data.forEach(i => {
// if(i.task === task) this.selectDurationTime = i.time;
// });
// break;
// case 'double':
// data.forEach(i => {
// if(i.start === task && i.end === taskTwo) this.selectDurationTime = i.time;
// });
// break;
// case 'all':
// this.selectDurationTime = data;
// break
// default:
// break;
// };
// },
/** /**
* get min total seconds * get min total seconds
* @param {Number} e * @param {Number} e
@@ -268,6 +271,25 @@ export default {
this.isSubmitCfmCtEteStart = null; // Cycle time this.isSubmitCfmCtEteStart = null; // Cycle time
this.isSubmitCfmCtEteEnd = null; this.isSubmitCfmCtEteEnd = null;
this.isSubmitCfmCtEteSE = 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;
}, },
/** /**
* @param {boolean} massage true | false 清空選單選項, 選擇的結果 * @param {boolean} massage true | false 清空選單選項, 選擇的結果
@@ -295,8 +317,6 @@ export default {
min: this.selectTimeRangeMin, min: this.selectTimeRangeMin,
max: this.selectTimeRangeMax max: this.selectTimeRangeMax
}; };
// this.selectDurationTime.min = this.selectTimeRangeMin;
// this.selectDurationTime.max = this.selectTimeRangeMax;
this.$emitter.emit('timeRangeMaxMin', this.selectDurationTime); this.$emitter.emit('timeRangeMaxMin', this.selectDurationTime);
switch (this.selectedRuleType) { switch (this.selectedRuleType) {
@@ -388,6 +408,8 @@ export default {
max: this.selectDurationTime.max, max: this.selectDurationTime.max,
type: 'processing-time-end-to-end-whole', type: 'processing-time-end-to-end-whole',
}; };
this.isSubmitReset();
this.isSubmitTimeCfmPtEteAll = this.selectDurationTime;
break; break;
case 'Start': case 'Start':
if(!this.selectCfmPtEteStart) return this.$toast.error('Not selected.'); if(!this.selectCfmPtEteStart) return this.$toast.error('Not selected.');
@@ -402,6 +424,7 @@ export default {
this.isSubmitCfmPtEteStart = [ this.isSubmitCfmPtEteStart = [
{category: 'Start', task: this.selectCfmPtEteStart}, {category: 'Start', task: this.selectCfmPtEteStart},
]; ];
this.isSubmitTimeCfmPtEteStart = this.selectDurationTime;
} }
break; break;
case 'End': case 'End':
@@ -417,6 +440,7 @@ export default {
this.isSubmitCfmPtEteEnd = [ this.isSubmitCfmPtEteEnd = [
{category: 'End', task: this.selectCfmPtEteEnd}, {category: 'End', task: this.selectCfmPtEteEnd},
]; ];
this.isSubmitTimeCfmPtEteEnd = this.selectDurationTime;
} }
break; break;
case 'Start & End': case 'Start & End':
@@ -434,6 +458,7 @@ export default {
{category: 'Start', task: this.selectCfmPtEteStart}, {category: 'Start', task: this.selectCfmPtEteStart},
{category: 'End', task: this.selectCfmPtEteSEEnd}, {category: 'End', task: this.selectCfmPtEteSEEnd},
]; ];
this.isSubmitTimeCfmPtEteSE = this.selectDurationTime;
} }
break; break;
default: default:
@@ -455,6 +480,7 @@ export default {
this.isSubmitCfmPtPStart = [ this.isSubmitCfmPtPStart = [
{category: 'From', task: this.selectCfmPtPStart}, {category: 'From', task: this.selectCfmPtPStart},
]; ];
this.isSubmitTimeCfmPtPStart = this.selectDurationTime;
} }
break; break;
case 'To': case 'To':
@@ -470,6 +496,7 @@ export default {
this.isSubmitCfmPtPEnd = [ this.isSubmitCfmPtPEnd = [
{category: 'To', task: this.selectCfmPtPEnd}, {category: 'To', task: this.selectCfmPtPEnd},
]; ];
this.isSubmitTimeCfmPtPEnd = this.selectDurationTime;
} }
break; break;
case 'From & To': case 'From & To':
@@ -487,6 +514,7 @@ export default {
{category: 'From', task: this.selectCfmPtPSEStart}, {category: 'From', task: this.selectCfmPtPSEStart},
{category: 'To', task: this.selectCfmPtPSEEnd}, {category: 'To', task: this.selectCfmPtPSEEnd},
]; ];
this.isSubmitTimeCfmPtPSEd = this.selectDurationTime;
} }
break; break;
default: default:
@@ -507,6 +535,8 @@ export default {
max: this.selectDurationTime.max, max: this.selectDurationTime.max,
type: 'waiting-time-end-to-end-whole', type: 'waiting-time-end-to-end-whole',
}; };
this.isSubmitReset();
this.isSubmitTimeCfmWtEteAll = this.selectDurationTime;
break; break;
case 'Start': case 'Start':
if(!this.selectCfmWtEteStart) return this.$toast.error('Not selected.'); if(!this.selectCfmWtEteStart) return this.$toast.error('Not selected.');
@@ -521,6 +551,7 @@ export default {
this.isSubmitCfmWtEteStart = [ this.isSubmitCfmWtEteStart = [
{category: 'Start', task: this.selectCfmWtEteStart}, {category: 'Start', task: this.selectCfmWtEteStart},
]; ];
this.isSubmitTimeCfmWtEteStart = this.selectDurationTime;
} }
break; break;
case 'End': case 'End':
@@ -536,6 +567,7 @@ export default {
this.isSubmitCfmWtEteEnd = [ this.isSubmitCfmWtEteEnd = [
{category: 'End', task: this.selectCfmWtEteEnd}, {category: 'End', task: this.selectCfmWtEteEnd},
]; ];
this.isSubmitTimeCfmWtEteEnd = this.selectDurationTime;
} }
break; break;
case 'Start & End': case 'Start & End':
@@ -553,6 +585,7 @@ export default {
{category: 'Start', task: this.selectCfmWtEteSEStart}, {category: 'Start', task: this.selectCfmWtEteSEStart},
{category: 'End', task: this.selectCfmWtEteSEEnd}, {category: 'End', task: this.selectCfmWtEteSEEnd},
]; ];
this.isSubmitTimeCfmWtEteSE = this.selectDurationTime;
} }
break; break;
default: default:
@@ -574,6 +607,7 @@ export default {
this.isSubmitCfmWtPStart = [ this.isSubmitCfmWtPStart = [
{category: 'From', task: this.selectCfmWtPStart}, {category: 'From', task: this.selectCfmWtPStart},
]; ];
this.isSubmitTimeCfmWtPStart = this.selectDurationTime;
} }
break; break;
case 'To': case 'To':
@@ -589,6 +623,7 @@ export default {
this.isSubmitCfmWtPEnd = [ this.isSubmitCfmWtPEnd = [
{category: 'To', task: this.selectCfmWtPEnd}, {category: 'To', task: this.selectCfmWtPEnd},
]; ];
this.isSubmitTimeCfmWtPEnd = this.selectDurationTime;
} }
break; break;
case 'From & To': case 'From & To':
@@ -606,6 +641,7 @@ export default {
{category: 'From', task: this.selectCfmWtPSEStart}, {category: 'From', task: this.selectCfmWtPSEStart},
{category: 'To', task: this.selectCfmWtPSEEnd}, {category: 'To', task: this.selectCfmWtPSEEnd},
]; ];
this.isSubmitTimeCfmWtPSE = this.selectDurationTime;
} }
break; break;
default: default:
@@ -624,6 +660,8 @@ export default {
max: this.selectDurationTime.max, max: this.selectDurationTime.max,
type: 'cycle-time-end-to-end-whole', type: 'cycle-time-end-to-end-whole',
}; };
this.isSubmitReset();
this.isSubmitTimeCfmCtEteAll = this.selectDurationTime;
break; break;
case 'Start': case 'Start':
if(!this.selectCfmCtEteStart) return this.$toast.error('Not selected.'); if(!this.selectCfmCtEteStart) return this.$toast.error('Not selected.');
@@ -637,6 +675,7 @@ export default {
this.isSubmitCfmCtEteStart = [ this.isSubmitCfmCtEteStart = [
{category: 'Start', task: this.selectCfmCtEteStart}, {category: 'Start', task: this.selectCfmCtEteStart},
]; ];
this.isSubmitTimeCfmCtEteStart = this.selectDurationTime;
break; break;
case 'End': case 'End':
if(!this.selectCfmCtEteEnd) return this.$toast.error('Not selected.'); if(!this.selectCfmCtEteEnd) return this.$toast.error('Not selected.');
@@ -651,6 +690,7 @@ export default {
this.isSubmitCfmCtEteEnd = [ this.isSubmitCfmCtEteEnd = [
{category: 'End', task: this.selectCfmCtEteEnd}, {category: 'End', task: this.selectCfmCtEteEnd},
]; ];
this.isSubmitTimeCfmCtEteEnd = this.selectDurationTime;
} }
break; break;
case 'Start & End': case 'Start & End':
@@ -668,6 +708,7 @@ export default {
{category: 'Start', task: this.selectCfmCtEteSEStart}, {category: 'Start', task: this.selectCfmCtEteSEStart},
{category: 'End', task: this.selectCfmCtEteSEEnd}, {category: 'End', task: this.selectCfmCtEteSEEnd},
]; ];
this.isSubmitTimeCfmCtEteSE = this.selectDurationTime;
} }
break; break;
default: default:
@@ -706,91 +747,70 @@ export default {
// Processing time // Processing time
case 'cfmPtEteStart': case 'cfmPtEteStart':
this.selectCfmPtEteStart = data.task; this.selectCfmPtEteStart = data.task;
// this.getDurationTime(this.cfmPtEteStart, 'single', data.task);
break; break;
case 'cfmPtEteEnd': case 'cfmPtEteEnd':
this.selectCfmPtEteEnd = data.task; this.selectCfmPtEteEnd = data.task;
// this.getDurationTime(this.cfmPtEteEnd, 'single', data.task);
break; break;
case 'cfmPtEteSEStart': case 'cfmPtEteSEStart':
this.selectCfmPtEteSEStart = data.task; this.selectCfmPtEteSEStart = data.task;
// if(this.selectCfmPtEteSEEnd)this.getDurationTime(this.cfmPtEteSE, 'double', data.task, this.selectCfmPtEteSEEnd);
break; break;
case 'cfmPtEteSEEnd': case 'cfmPtEteSEEnd':
this.selectCfmPtEteSEEnd = data.task; this.selectCfmPtEteSEEnd = data.task;
// if(this.selectCfmPtEteSEStart)this.getDurationTime(this.cfmPtEteSE, 'double', this.selectCfmPtEteSEStart, data.task);
break; break;
case 'cfmPtPStart': case 'cfmPtPStart':
this.selectCfmPtPStart = data.task; this.selectCfmPtPStart = data.task;
// this.getDurationTime(this.cfmPtPStart, 'single', data.task);
break; break;
case 'cfmPtPEnd': case 'cfmPtPEnd':
this.selectCfmPtPEnd = data.task; this.selectCfmPtPEnd = data.task;
// this.getDurationTime(this.cfmPtPEnd, 'single', data.task);
break; break;
case 'cfmPtPSEStart': case 'cfmPtPSEStart':
this.selectCfmPtPSEStart = data.task; this.selectCfmPtPSEStart = data.task;
// if(this.selectCfmPtPSEEnd)this.getDurationTime(this.cfmPtPSE, 'double', data.task, this.selectCfmPtPSEEnd);
break; break;
case 'cfmPtPSEEnd': case 'cfmPtPSEEnd':
this.selectCfmPtPSEEnd = data.task; this.selectCfmPtPSEEnd = data.task;
// if(this.selectCfmPtPSEStart)this.getDurationTime(this.cfmPtPSE, 'double', this.selectCfmPtPSEStart, data.task);
break; break;
// Waiting time // Waiting time
case 'cfmWtEteStart': case 'cfmWtEteStart':
this.selectCfmWtEteStart = data.task; this.selectCfmWtEteStart = data.task;
// this.getDurationTime(this.cfmWtEteStart, 'single', data.task);
break; break;
case 'cfmWtEteEnd': case 'cfmWtEteEnd':
this.selectCfmWtEteEnd = data.task; this.selectCfmWtEteEnd = data.task;
// this.getDurationTime(this.cfmWtEteEnd, 'single', data.task);
break; break;
case 'cfmWtEteSEStart': case 'cfmWtEteSEStart':
this.selectCfmWtEteSEStart = data.task; this.selectCfmWtEteSEStart = data.task;
// if(this.selectCfmWtEteSEEnd)this.getDurationTime(this.cfmWtEteSE, 'double', data.task, this.selectCfmWtEteSEEnd);
break; break;
case 'cfmWtEteSEEnd': case 'cfmWtEteSEEnd':
this.selectCfmWtEteSEEnd = data.task; this.selectCfmWtEteSEEnd = data.task;
// if(this.selectCfmWtEteSEStart)this.getDurationTime(this.cfmWtEteSE, 'double', this.selectCfmWtEteSEStart, data.task);
break; break;
case 'cfmWtPStart': case 'cfmWtPStart':
this.selectCfmWtPStart = data.task; this.selectCfmWtPStart = data.task;
// this.getDurationTime(this.cfmWtPStart, 'single', data.task);
break; break;
case 'cfmWtPEnd': case 'cfmWtPEnd':
this.selectCfmWtPEnd = data.task; this.selectCfmWtPEnd = data.task;
// this.getDurationTime(this.cfmWtPEnd, 'single', data.task);
break; break;
case 'cfmWtPSEStart': case 'cfmWtPSEStart':
this.selectCfmWtPSEStart = data.task; this.selectCfmWtPSEStart = data.task;
// if(this.selectCfmWtPSEEnd)this.getDurationTime(this.cfmWtPSE, 'double', data.task, this.selectCfmWtPSEEnd);
break; break;
case 'cfmWtPSEEnd': case 'cfmWtPSEEnd':
this.selectCfmWtPSEEnd = data.task; this.selectCfmWtPSEEnd = data.task;
// if(this.selectCfmWtPSEStart)this.getDurationTime(this.cfmWtPSE, 'double', this.selectCfmWtPSEStart, data.task);
break; break;
// Cycle time // Cycle time
case 'cfmCtEteStart': case 'cfmCtEteStart':
this.selectCfmCtEteStart = data.task; this.selectCfmCtEteStart = data.task;
// this.getDurationTime(this.cfmPtEteStart, 'single', data.task);
break; break;
case 'cfmCtEteEnd': case 'cfmCtEteEnd':
this.selectCfmCtEteEnd = data.task; this.selectCfmCtEteEnd = data.task;
// this.getDurationTime(this.cfmCtEteEnd, 'single', data.task);
break; break;
case 'cfmCtEteSEStart': case 'cfmCtEteSEStart':
this.selectCfmCtEteSEStart = data.task; this.selectCfmCtEteSEStart = data.task;
// if(this.selectCfmCtEteSEEnd)this.getDurationTime(this.cfmCtEteSE, 'double', data.task, this.selectCfmCtEteSEEnd);
break; break;
case 'cfmCtEteSEEnd': case 'cfmCtEteSEEnd':
this.selectCfmCtEteSEEnd = data.task; this.selectCfmCtEteSEEnd = data.task;
// if(this.selectCfmCtEteSEStart)this.getDurationTime(this.cfmCtEteSE, 'double', this.selectCfmCtEteSEStart, data.task);
break; break;
default: default:
if(this.selectedRuleType === 'Activity sequence') this.listSequence = [data.task]; if(this.selectedRuleType === 'Activity sequence') this.listSequence = [data.task];
else if(this.selectedRuleType === 'Activity duration') { else if(this.selectedRuleType === 'Activity duration') {
this.selectDurationData = [data.task]; this.selectDurationData = [data.task];
// this.getDurationTime(this.conformanceAllTasks, 'act', data.task);
}; };
break; break;
}; };
@@ -804,19 +824,6 @@ export default {
this.selectTimeReset(); this.selectTimeReset();
this.selectDurationTime = { min: 0, max: 0}; this.selectDurationTime = { min: 0, max: 0};
}; };
// switch (this.selectedRuleType) {
// case 'Processing time':
// this.getDurationTime(this.cfmPtEteWhole, 'all');
// break;
// case 'Waiting time':
// this.getDurationTime(this.cfmWtEteWhole, 'all');
// break;
// case 'Cycle time':
// this.getDurationTime(this.cfmCtEteWhole, 'all');
// break;
// default:
// break;
// };
}); });
this.$emitter.on('isRadioSeqChange', (data) => { this.$emitter.on('isRadioSeqChange', (data) => {
if(data) { if(data) {

77
src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
View File

@@ -6,26 +6,26 @@
<TimeRangeDuration <TimeRangeDuration
v-if="selectedRuleType === 'Activity duration'" :time="timeDuration" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> v-if="selectedRuleType === 'Activity duration'" :time="timeDuration" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<!-- Processing time --> <!-- Processing time -->
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'All'" :time="timeCfmPtEteAll" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'All'" :time="timeCfmPtEteAll" :select="isSubmitTimeCfmPtEteAll" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :time="timeCfmPtEteStart" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :time="timeCfmPtEteStart" :select="isSubmitTimeCfmPtEteStart" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :time="timeCfmPtEteEnd" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :time="timeCfmPtEteEnd" :select="isSubmitTimeCfmPtEteEnd" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" :time="timeCfmPtEteSE" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" :time="timeCfmPtEteSE" :select="isSubmitTimeCfmPtEteSE" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :time="timeCfmPtPStart" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :time="timeCfmPtPStart" :select="isSubmitTimeCfmPtPStart" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :time="timeCfmPtPEnd" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :time="timeCfmPtPEnd" :select="isSubmitTimeCfmPtPEnd" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" :time="timeCfmPtPSE" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Processing time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" :time="timeCfmPtPSE" :select="isSubmitTimeCfmPtPSE" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<!-- Waiting time --> <!-- Waiting time -->
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'All'" :time="timeCfmWtEteAll" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'All'" :time="timeCfmWtEteAll" :select="isSubmitTimeCfmWtEteAll" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :time="timeCfmWtEteStart" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :time="timeCfmWtEteStart" :select="isSubmitTimeCfmWtEteStart" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :time="timeCfmWtEteEnd" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :time="timeCfmWtEteEnd" :select="isSubmitTimeCfmWtEteEnd" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" :time="timeCfmWtEteSE" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" :time="timeCfmWtEteSE" :select="isSubmitTimeCfmWtEteSE" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :time="timeCfmWtPStart" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From'" :time="timeCfmWtPStart" :select="isSubmitTimeCfmWtPStart" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :time="timeCfmWtPEnd" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'To'" :time="timeCfmWtPEnd" :select="isSubmitTimeCfmWtPEnd" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" :time="timeCfmWtPSE" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Waiting time' && selectedProcessScope === 'Partial' && selectedActSeqFromTo === 'From & To'" :time="timeCfmWtPSE" :select="isSubmitTimeCfmWtPSE" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<!-- Cycle time --> <!-- Cycle time -->
<TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'All'" :time="timeCfmCtEteAll" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'All'" :time="timeCfmCtEteAll" :select="isSubmitTimeCfmCtEteAll" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :time="timeCfmCtEteStart" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start'" :time="timeCfmCtEteStart" :select="isSubmitTimeCfmCtEteStart" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :time="timeCfmCtEteEnd" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'End'" :time="timeCfmCtEteEnd" :select="isSubmitTimeCfmCtEteEnd" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
<TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" :time="timeCfmCtEteSE" :select="isSubmitDurationTime" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" /> <TimeRangeDuration v-if="selectedRuleType === 'Cycle time' && selectedProcessScope === 'End to end' && selectedActSeqMore === 'Start & End'" :time="timeCfmCtEteSE" :select="isSubmitTimeCfmCtEteSE" @min-total-seconds="minTotalSeconds" @max-total-seconds="maxTotalSeconds" />
</div> </div>
</div> </div>
</template> </template>
@@ -41,11 +41,12 @@ export default {
return { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceAllTasks, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE, cfmPtEteWhole, cfmWtEteWhole, cfmCtEteWhole } return { selectedRuleType, selectedActivitySequence, selectedMode, selectedProcessScope, selectedActSeqMore, selectedActSeqFromTo, conformanceAllTasks, conformanceTask, cfmSeqStart, cfmSeqEnd, cfmPtEteStart, cfmPtEteEnd, cfmPtEteSE, cfmPtPStart, cfmPtPEnd, cfmPtPSE, cfmWtEteStart, cfmWtEteEnd, cfmWtEteSE, cfmWtPStart, cfmWtPEnd, cfmWtPSE, cfmCtEteStart, cfmCtEteEnd, cfmCtEteSE, cfmPtEteWhole, cfmWtEteWhole, cfmCtEteWhole }
}, },
props: ['isSubmitDurationTime'], props: ['isSubmitDurationTime', 'isSubmitTimeCfmPtEteAll', 'isSubmitTimeCfmPtEteStart', 'isSubmitTimeCfmPtEteEnd', 'isSubmitTimeCfmPtEteSE', 'isSubmitTimeCfmPtPStart', 'isSubmitTimeCfmPtPEnd', 'isSubmitTimeCfmPtPSE', 'isSubmitTimeCfmWtEteAll', 'isSubmitTimeCfmWtEteStart', 'isSubmitTimeCfmWtEteEnd', 'isSubmitTimeCfmWtEteSE', 'isSubmitTimeCfmWtPStart', 'isSubmitTimeCfmWtPEnd', 'isSubmitTimeCfmWtPSE', 'isSubmitTimeCfmCtEteAll', 'isSubmitTimeCfmCtEteStart', 'isSubmitTimeCfmCtEteEnd', 'isSubmitTimeCfmCtEteSE'],
data() { data() {
return { return {
timeDuration: null, // Activity duration timeDuration: null, // Activity duration
timeCfmPtEteAll: null, // Processing time timeCfmPtEteAll: null, // Processing time
timeCfmPtEteAllDefault: null,
timeCfmPtEteStart: null, timeCfmPtEteStart: null,
timeCfmPtEteEnd: null, timeCfmPtEteEnd: null,
timeCfmPtEteSE: null, timeCfmPtEteSE: null,
@@ -53,6 +54,7 @@ export default {
timeCfmPtPEnd: null, timeCfmPtPEnd: null,
timeCfmPtPSE: null, timeCfmPtPSE: null,
timeCfmWtEteAll: null, // Waiting time timeCfmWtEteAll: null, // Waiting time
timeCfmWtEteAllDefault: null,
timeCfmWtEteStart: null, timeCfmWtEteStart: null,
timeCfmWtEteEnd: null, timeCfmWtEteEnd: null,
timeCfmWtEteSE: null, timeCfmWtEteSE: null,
@@ -60,6 +62,7 @@ export default {
timeCfmWtPEnd: null, timeCfmWtPEnd: null,
timeCfmWtPSE: null, timeCfmWtPSE: null,
timeCfmCtEteAll: null, // Cycle time timeCfmCtEteAll: null, // Cycle time
timeCfmCtEteAllDefault: null,
timeCfmCtEteStart: null, timeCfmCtEteStart: null,
timeCfmCtEteEnd: null, timeCfmCtEteEnd: null,
timeCfmCtEteSE: null, timeCfmCtEteSE: null,
@@ -73,8 +76,6 @@ export default {
selectCfmWtPSEEnd: null, selectCfmWtPSEEnd: null,
selectCfmCtEteSEStart: null, selectCfmCtEteSEStart: null,
selectCfmCtEteSEEnd: null, selectCfmCtEteSEEnd: null,
timeCfmPtEteSE:null
} }
}, },
components: { components: {
@@ -134,6 +135,34 @@ export default {
*/ */
reset() { reset() {
this.timeDuration = null; // Activity duration this.timeDuration = null; // Activity duration
this.timeCfmPtEteAll = this.timeCfmPtEteAllDefault; // Processing time
this.timeCfmPtEteStart = null;
this.timeCfmPtEteEnd = null;
this.timeCfmPtEteSE = null;
this.timeCfmPtPStart = null;
this.timeCfmPtPEnd = null;
this.timeCfmPtPSE = null;
this.timeCfmWtEteAll = this.timeCfmWtEteAllDefault; // Waiting time
this.timeCfmWtEteStart = null;
this.timeCfmWtEteEnd = null;
this.timeCfmWtEteSE = null;
this.timeCfmWtPStart = null;
this.timeCfmWtPEnd = null;
this.timeCfmWtPSE = null;
this.timeCfmCtEteAll = this.timeCfmCtEteAllDefault; // Cycle time
this.timeCfmCtEteStart = null;
this.timeCfmCtEteEnd = null;
this.timeCfmCtEteSE = null;
this.selectCfmPtEteSEStart = null;
this.selectCfmPtEteSEEnd = null;
this.selectCfmPtPSEStart = null;
this.selectCfmPtPSEEnd = null;
this.selectCfmWtEteSEStart = null;
this.selectCfmWtEteSEEnd = null;
this.selectCfmWtPSEStart = null;
this.selectCfmWtPSEEnd = null;
this.selectCfmCtEteSEStart = null;
this.selectCfmCtEteSEEnd = null;
}, },
}, },
created() { created() {
@@ -229,12 +258,15 @@ export default {
switch (this.selectedRuleType) { switch (this.selectedRuleType) {
case 'Processing time': case 'Processing time':
this.timeCfmPtEteAll = this.getDurationTime(this.cfmPtEteWhole, 'all'); this.timeCfmPtEteAll = this.getDurationTime(this.cfmPtEteWhole, 'all');
this.timeCfmPtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmPtEteAll));
break; break;
case 'Waiting time': case 'Waiting time':
this.timeCfmWtEteAll = this.getDurationTime(this.cfmWtEteWhole, 'all'); this.timeCfmWtEteAll = this.getDurationTime(this.cfmWtEteWhole, 'all');
this.timeCfmWtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmWtEteAll));
break; break;
case 'Cycle time': case 'Cycle time':
this.timeCfmCtEteAll = this.getDurationTime(this.cfmCtEteWhole, 'all'); this.timeCfmCtEteAll = this.getDurationTime(this.cfmCtEteWhole, 'all');
this.timeCfmCtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmCtEteAll));
break; break;
default: default:
break; break;
@@ -252,12 +284,15 @@ export default {
switch (this.selectedRuleType) { switch (this.selectedRuleType) {
case 'Processing time': case 'Processing time':
this.timeCfmPtEteAll = this.getDurationTime(this.cfmPtEteWhole, 'all'); this.timeCfmPtEteAll = this.getDurationTime(this.cfmPtEteWhole, 'all');
this.timeCfmPtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmPtEteAll));
break; break;
case 'Waiting time': case 'Waiting time':
this.timeCfmWtEteAll = this.getDurationTime(this.cfmWtEteWhole, 'all'); this.timeCfmWtEteAll = this.getDurationTime(this.cfmWtEteWhole, 'all');
this.timeCfmWtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmWtEteAll));
break; break;
case 'Cycle time': case 'Cycle time':
this.timeCfmCtEteAll = this.getDurationTime(this.cfmCtEteWhole, 'all'); this.timeCfmCtEteAll = this.getDurationTime(this.cfmCtEteWhole, 'all');
this.timeCfmCtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmCtEteAll));
break; break;
default: default:
break; break;