diff --git a/src/components/Discover/Conformance/ConformanceSidebar.vue b/src/components/Discover/Conformance/ConformanceSidebar.vue index dcfd963..8780b33 100644 --- a/src/components/Discover/Conformance/ConformanceSidebar.vue +++ b/src/components/Discover/Conformance/ConformanceSidebar.vue @@ -39,12 +39,29 @@ :isSubmitCfmCtEteEnd="isSubmitCfmCtEteEnd" :isSubmitCfmCtEteSE="isSubmitCfmCtEteSE" > - - + :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" + >
@@ -136,8 +153,7 @@ export default { isSubmitTask: null, isSubmitStartAndEnd: null, isSubmitListSeq: [], - isSubmitDurationData: null, - isSubmitDurationTime: null, + isSubmitDurationData: null, // Activity duration isSubmitCfmPtEteStart: null, // Processing time isSubmitCfmPtEteEnd: null, isSubmitCfmPtEteSE: null, @@ -153,6 +169,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, } }, components: { @@ -162,38 +197,6 @@ export default { ConformanceSelectResult, }, 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 * @param {Number} e @@ -268,6 +271,25 @@ 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; + }, /** * @param {boolean} massage true | false 清空選單選項, 選擇的結果 @@ -295,8 +317,6 @@ export default { min: this.selectTimeRangeMin, max: this.selectTimeRangeMax }; - // this.selectDurationTime.min = this.selectTimeRangeMin; - // this.selectDurationTime.max = this.selectTimeRangeMax; this.$emitter.emit('timeRangeMaxMin', this.selectDurationTime); switch (this.selectedRuleType) { @@ -388,6 +408,8 @@ export default { max: this.selectDurationTime.max, type: 'processing-time-end-to-end-whole', }; + this.isSubmitReset(); + this.isSubmitTimeCfmPtEteAll = this.selectDurationTime; break; case 'Start': if(!this.selectCfmPtEteStart) return this.$toast.error('Not selected.'); @@ -402,6 +424,7 @@ export default { this.isSubmitCfmPtEteStart = [ {category: 'Start', task: this.selectCfmPtEteStart}, ]; + this.isSubmitTimeCfmPtEteStart = this.selectDurationTime; } break; case 'End': @@ -417,6 +440,7 @@ export default { this.isSubmitCfmPtEteEnd = [ {category: 'End', task: this.selectCfmPtEteEnd}, ]; + this.isSubmitTimeCfmPtEteEnd = this.selectDurationTime; } break; case 'Start & End': @@ -434,6 +458,7 @@ export default { {category: 'Start', task: this.selectCfmPtEteStart}, {category: 'End', task: this.selectCfmPtEteSEEnd}, ]; + this.isSubmitTimeCfmPtEteSE = this.selectDurationTime; } break; default: @@ -455,6 +480,7 @@ export default { this.isSubmitCfmPtPStart = [ {category: 'From', task: this.selectCfmPtPStart}, ]; + this.isSubmitTimeCfmPtPStart = this.selectDurationTime; } break; case 'To': @@ -470,6 +496,7 @@ export default { this.isSubmitCfmPtPEnd = [ {category: 'To', task: this.selectCfmPtPEnd}, ]; + this.isSubmitTimeCfmPtPEnd = this.selectDurationTime; } break; case 'From & To': @@ -487,6 +514,7 @@ export default { {category: 'From', task: this.selectCfmPtPSEStart}, {category: 'To', task: this.selectCfmPtPSEEnd}, ]; + this.isSubmitTimeCfmPtPSEd = this.selectDurationTime; } break; default: @@ -507,6 +535,8 @@ export default { max: this.selectDurationTime.max, type: 'waiting-time-end-to-end-whole', }; + this.isSubmitReset(); + this.isSubmitTimeCfmWtEteAll = this.selectDurationTime; break; case 'Start': if(!this.selectCfmWtEteStart) return this.$toast.error('Not selected.'); @@ -521,6 +551,7 @@ export default { this.isSubmitCfmWtEteStart = [ {category: 'Start', task: this.selectCfmWtEteStart}, ]; + this.isSubmitTimeCfmWtEteStart = this.selectDurationTime; } break; case 'End': @@ -536,6 +567,7 @@ export default { this.isSubmitCfmWtEteEnd = [ {category: 'End', task: this.selectCfmWtEteEnd}, ]; + this.isSubmitTimeCfmWtEteEnd = this.selectDurationTime; } break; case 'Start & End': @@ -553,6 +585,7 @@ export default { {category: 'Start', task: this.selectCfmWtEteSEStart}, {category: 'End', task: this.selectCfmWtEteSEEnd}, ]; + this.isSubmitTimeCfmWtEteSE = this.selectDurationTime; } break; default: @@ -574,6 +607,7 @@ export default { this.isSubmitCfmWtPStart = [ {category: 'From', task: this.selectCfmWtPStart}, ]; + this.isSubmitTimeCfmWtPStart = this.selectDurationTime; } break; case 'To': @@ -589,6 +623,7 @@ export default { this.isSubmitCfmWtPEnd = [ {category: 'To', task: this.selectCfmWtPEnd}, ]; + this.isSubmitTimeCfmWtPEnd = this.selectDurationTime; } break; case 'From & To': @@ -606,6 +641,7 @@ export default { {category: 'From', task: this.selectCfmWtPSEStart}, {category: 'To', task: this.selectCfmWtPSEEnd}, ]; + this.isSubmitTimeCfmWtPSE = this.selectDurationTime; } break; default: @@ -624,6 +660,8 @@ export default { max: this.selectDurationTime.max, type: 'cycle-time-end-to-end-whole', }; + this.isSubmitReset(); + this.isSubmitTimeCfmCtEteAll = this.selectDurationTime; break; case 'Start': if(!this.selectCfmCtEteStart) return this.$toast.error('Not selected.'); @@ -637,6 +675,7 @@ export default { this.isSubmitCfmCtEteStart = [ {category: 'Start', task: this.selectCfmCtEteStart}, ]; + this.isSubmitTimeCfmCtEteStart = this.selectDurationTime; break; case 'End': if(!this.selectCfmCtEteEnd) return this.$toast.error('Not selected.'); @@ -651,6 +690,7 @@ export default { this.isSubmitCfmCtEteEnd = [ {category: 'End', task: this.selectCfmCtEteEnd}, ]; + this.isSubmitTimeCfmCtEteEnd = this.selectDurationTime; } break; case 'Start & End': @@ -668,6 +708,7 @@ export default { {category: 'Start', task: this.selectCfmCtEteSEStart}, {category: 'End', task: this.selectCfmCtEteSEEnd}, ]; + this.isSubmitTimeCfmCtEteSE = this.selectDurationTime; } break; default: @@ -706,91 +747,70 @@ export default { // Processing time case 'cfmPtEteStart': this.selectCfmPtEteStart = data.task; - // this.getDurationTime(this.cfmPtEteStart, 'single', data.task); break; case 'cfmPtEteEnd': this.selectCfmPtEteEnd = data.task; - // this.getDurationTime(this.cfmPtEteEnd, 'single', data.task); break; case 'cfmPtEteSEStart': this.selectCfmPtEteSEStart = data.task; - // if(this.selectCfmPtEteSEEnd)this.getDurationTime(this.cfmPtEteSE, 'double', data.task, this.selectCfmPtEteSEEnd); break; case 'cfmPtEteSEEnd': this.selectCfmPtEteSEEnd = data.task; - // if(this.selectCfmPtEteSEStart)this.getDurationTime(this.cfmPtEteSE, 'double', this.selectCfmPtEteSEStart, data.task); break; case 'cfmPtPStart': this.selectCfmPtPStart = data.task; - // this.getDurationTime(this.cfmPtPStart, 'single', data.task); break; case 'cfmPtPEnd': this.selectCfmPtPEnd = data.task; - // this.getDurationTime(this.cfmPtPEnd, 'single', data.task); break; case 'cfmPtPSEStart': this.selectCfmPtPSEStart = data.task; - // if(this.selectCfmPtPSEEnd)this.getDurationTime(this.cfmPtPSE, 'double', data.task, this.selectCfmPtPSEEnd); break; case 'cfmPtPSEEnd': this.selectCfmPtPSEEnd = data.task; - // if(this.selectCfmPtPSEStart)this.getDurationTime(this.cfmPtPSE, 'double', this.selectCfmPtPSEStart, data.task); break; // Waiting time case 'cfmWtEteStart': this.selectCfmWtEteStart = data.task; - // this.getDurationTime(this.cfmWtEteStart, 'single', data.task); break; case 'cfmWtEteEnd': this.selectCfmWtEteEnd = data.task; - // this.getDurationTime(this.cfmWtEteEnd, 'single', data.task); break; case 'cfmWtEteSEStart': this.selectCfmWtEteSEStart = data.task; - // if(this.selectCfmWtEteSEEnd)this.getDurationTime(this.cfmWtEteSE, 'double', data.task, this.selectCfmWtEteSEEnd); break; case 'cfmWtEteSEEnd': this.selectCfmWtEteSEEnd = data.task; - // if(this.selectCfmWtEteSEStart)this.getDurationTime(this.cfmWtEteSE, 'double', this.selectCfmWtEteSEStart, data.task); break; case 'cfmWtPStart': this.selectCfmWtPStart = data.task; - // this.getDurationTime(this.cfmWtPStart, 'single', data.task); break; case 'cfmWtPEnd': this.selectCfmWtPEnd = data.task; - // this.getDurationTime(this.cfmWtPEnd, 'single', data.task); break; case 'cfmWtPSEStart': this.selectCfmWtPSEStart = data.task; - // if(this.selectCfmWtPSEEnd)this.getDurationTime(this.cfmWtPSE, 'double', data.task, this.selectCfmWtPSEEnd); break; case 'cfmWtPSEEnd': this.selectCfmWtPSEEnd = data.task; - // if(this.selectCfmWtPSEStart)this.getDurationTime(this.cfmWtPSE, 'double', this.selectCfmWtPSEStart, data.task); break; // Cycle time case 'cfmCtEteStart': this.selectCfmCtEteStart = data.task; - // this.getDurationTime(this.cfmPtEteStart, 'single', data.task); break; case 'cfmCtEteEnd': this.selectCfmCtEteEnd = data.task; - // this.getDurationTime(this.cfmCtEteEnd, 'single', data.task); break; case 'cfmCtEteSEStart': this.selectCfmCtEteSEStart = data.task; - // if(this.selectCfmCtEteSEEnd)this.getDurationTime(this.cfmCtEteSE, 'double', data.task, this.selectCfmCtEteSEEnd); break; case 'cfmCtEteSEEnd': this.selectCfmCtEteSEEnd = data.task; - // if(this.selectCfmCtEteSEStart)this.getDurationTime(this.cfmCtEteSE, 'double', this.selectCfmCtEteSEStart, data.task); break; default: if(this.selectedRuleType === 'Activity sequence') this.listSequence = [data.task]; else if(this.selectedRuleType === 'Activity duration') { this.selectDurationData = [data.task]; - // this.getDurationTime(this.conformanceAllTasks, 'act', data.task); }; break; }; @@ -804,19 +824,6 @@ export default { this.selectTimeReset(); 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) => { if(data) { diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue index a21c7de..ca0b966 100644 --- a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue +++ b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue @@ -6,26 +6,26 @@ - - - - - - - + + + + + + + - - - - - - - + + + + + + + - - - - + + + +
@@ -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 } }, - props: ['isSubmitDurationTime'], + props: ['isSubmitDurationTime', 'isSubmitTimeCfmPtEteAll', 'isSubmitTimeCfmPtEteStart', 'isSubmitTimeCfmPtEteEnd', 'isSubmitTimeCfmPtEteSE', 'isSubmitTimeCfmPtPStart', 'isSubmitTimeCfmPtPEnd', 'isSubmitTimeCfmPtPSE', 'isSubmitTimeCfmWtEteAll', 'isSubmitTimeCfmWtEteStart', 'isSubmitTimeCfmWtEteEnd', 'isSubmitTimeCfmWtEteSE', 'isSubmitTimeCfmWtPStart', 'isSubmitTimeCfmWtPEnd', 'isSubmitTimeCfmWtPSE', 'isSubmitTimeCfmCtEteAll', 'isSubmitTimeCfmCtEteStart', 'isSubmitTimeCfmCtEteEnd', 'isSubmitTimeCfmCtEteSE'], data() { return { timeDuration: null, // Activity duration timeCfmPtEteAll: null, // Processing time + timeCfmPtEteAllDefault: null, timeCfmPtEteStart: null, timeCfmPtEteEnd: null, timeCfmPtEteSE: null, @@ -53,6 +54,7 @@ export default { timeCfmPtPEnd: null, timeCfmPtPSE: null, timeCfmWtEteAll: null, // Waiting time + timeCfmWtEteAllDefault: null, timeCfmWtEteStart: null, timeCfmWtEteEnd: null, timeCfmWtEteSE: null, @@ -60,6 +62,7 @@ export default { timeCfmWtPEnd: null, timeCfmWtPSE: null, timeCfmCtEteAll: null, // Cycle time + timeCfmCtEteAllDefault: null, timeCfmCtEteStart: null, timeCfmCtEteEnd: null, timeCfmCtEteSE: null, @@ -73,8 +76,6 @@ export default { selectCfmWtPSEEnd: null, selectCfmCtEteSEStart: null, selectCfmCtEteSEEnd: null, - - timeCfmPtEteSE:null } }, components: { @@ -134,6 +135,34 @@ export default { */ reset() { 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() { @@ -229,12 +258,15 @@ export default { switch (this.selectedRuleType) { case 'Processing time': this.timeCfmPtEteAll = this.getDurationTime(this.cfmPtEteWhole, 'all'); + this.timeCfmPtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmPtEteAll)); break; case 'Waiting time': this.timeCfmWtEteAll = this.getDurationTime(this.cfmWtEteWhole, 'all'); + this.timeCfmWtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmWtEteAll)); break; case 'Cycle time': this.timeCfmCtEteAll = this.getDurationTime(this.cfmCtEteWhole, 'all'); + this.timeCfmCtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmCtEteAll)); break; default: break; @@ -252,12 +284,15 @@ export default { switch (this.selectedRuleType) { case 'Processing time': this.timeCfmPtEteAll = this.getDurationTime(this.cfmPtEteWhole, 'all'); + this.timeCfmPtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmPtEteAll)); break; case 'Waiting time': this.timeCfmWtEteAll = this.getDurationTime(this.cfmWtEteWhole, 'all'); + this.timeCfmWtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmWtEteAll)); break; case 'Cycle time': this.timeCfmCtEteAll = this.getDurationTime(this.cfmCtEteWhole, 'all'); + this.timeCfmCtEteAllDefault = JSON.parse(JSON.stringify(this.timeCfmCtEteAll)); break; default: break;