sonnar
This commit is contained in:
Cindy Chang
@@ -470,164 +470,38 @@ export default {
|
|||||||
*/
|
*/
|
||||||
async submit() {
|
async submit() {
|
||||||
this.isLoading = true;
|
this.isLoading = true;
|
||||||
let data;
|
|
||||||
let sele = this.selectValue;
|
const sele = this.selectValue;
|
||||||
let isExclude = sele[5] === 'Exclude';
|
const isExclude = sele[5] === 'Exclude';
|
||||||
let containmentMap = {
|
const containmentMap = {
|
||||||
'Contained in': 'occurred-in',
|
'Contained in': 'occurred-in',
|
||||||
'Started in': 'started-in',
|
'Started in': 'started-in',
|
||||||
'Ended in': 'completed-in',
|
'Ended in': 'completed-in',
|
||||||
'Active in': 'occurred-around'
|
'Active in': 'occurred-around'
|
||||||
};
|
};
|
||||||
|
|
||||||
switch(sele[0]) {
|
const data = this.getFilterData(sele, isExclude, containmentMap);
|
||||||
case 'Sequence': // Filter Type 選 Sequence 的行為
|
|
||||||
switch(sele[1]) {
|
|
||||||
case 'Have activity(s)': // Activity Sequence 選 Have activity(s) 的行為
|
|
||||||
data = this.selectFilterTask.map(task => {
|
|
||||||
return {
|
|
||||||
type : 'contains-task',
|
|
||||||
task : task.label,
|
|
||||||
is_exclude : isExclude,
|
|
||||||
}
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case 'Start & End': // Activity Sequence 選 Start & End 的行為
|
|
||||||
switch(sele[2]) {
|
|
||||||
case 'Start':
|
|
||||||
data = {
|
|
||||||
type: 'starts-with',
|
|
||||||
task: this.selectFilterStart.label,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
case 'End':
|
|
||||||
data = {
|
|
||||||
type: 'ends-with',
|
|
||||||
task: this.selectFilterEnd.label,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
case 'Start & End':
|
|
||||||
data = {
|
|
||||||
type: 'start-end',
|
|
||||||
starts_with: this.selectFilterStartToEnd.label,
|
|
||||||
ends_with: this.selectFilterEndToStart.label,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'Sequence': // Activity Sequence 選 Sequence 的行為
|
|
||||||
data = {
|
|
||||||
type: sele[3] === 'Directly follows' ? 'directly-follows' : 'eventually-follows',
|
|
||||||
task_seq: this.listSeq.map(task => task.label),
|
|
||||||
is_exclude: isExclude,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'Attributes': // Activity Sequence 選 Attributes 的行為
|
|
||||||
switch (this.selectAttType) {
|
|
||||||
case 'string':
|
|
||||||
data = this.selectAttribute.map(task => {
|
|
||||||
return {
|
|
||||||
type: 'string-attr',
|
|
||||||
key: task.key,
|
|
||||||
value: task.value,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
}
|
|
||||||
})
|
|
||||||
break;
|
|
||||||
case 'boolean':
|
|
||||||
data = {
|
|
||||||
type: 'boolean-attr',
|
|
||||||
key: this.selectAttribute.key,
|
|
||||||
value: this.selectAttribute.value,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'int':
|
|
||||||
data = {
|
|
||||||
type: 'int-attr',
|
|
||||||
key: this.selectAttribute.key,
|
|
||||||
min: this.selectAttribute.min,
|
|
||||||
max: this.selectAttribute.max,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
}
|
|
||||||
break
|
|
||||||
case 'float':
|
|
||||||
data = {
|
|
||||||
type: 'float-attr',
|
|
||||||
key: this.selectAttribute.key,
|
|
||||||
min: this.selectAttribute.min,
|
|
||||||
max: this.selectAttribute.max,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
}
|
|
||||||
break
|
|
||||||
case 'date':
|
|
||||||
data = {
|
|
||||||
type: 'date-attr',
|
|
||||||
key: this.selectAttribute.key,
|
|
||||||
min: this.selectAttribute.min,
|
|
||||||
max: this.selectAttribute.max,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
}
|
|
||||||
break
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 'Trace': { // Filter Type 選 Trace 的行為
|
|
||||||
const lowerIndex = this.$refs.filterTraceView.selectArea[0];
|
|
||||||
const upperIndex = this.$refs.filterTraceView.selectArea[1]-1;
|
|
||||||
data = {
|
|
||||||
type: 'trace-freq',
|
|
||||||
lower: this.allMapDataStore.traces[lowerIndex].id,
|
|
||||||
upper: this.allMapDataStore.traces[upperIndex].id,
|
|
||||||
is_exclude: isExclude,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
case 'Timeframes': // Filter Type 選 Timeframes 的行為
|
|
||||||
data = {
|
|
||||||
type: containmentMap[sele[6]],
|
|
||||||
start: this.selectTimeFrame[0],
|
|
||||||
end: this.selectTimeFrame[1],
|
|
||||||
is_exclude: isExclude,
|
|
||||||
};
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
// 將資料指向 Vue data 雙向綁定
|
|
||||||
const postData = Array.isArray(data) ? data : [data];
|
const postData = Array.isArray(data) ? data : [data];
|
||||||
|
|
||||||
// 快速檢查每一 filter 規則是否為空集合
|
|
||||||
this.postRuleData = postData;
|
this.postRuleData = postData;
|
||||||
await this.allMapDataStore.checkHasResult();
|
await this.allMapDataStore.checkHasResult();
|
||||||
|
|
||||||
// 有 Data 就加進 Funnel，沒有 Data 不加進 Funnel 和跳錯誤訊息
|
|
||||||
if (this.hasResultRule === null) {
|
if (this.hasResultRule === null) {
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
return;
|
return;
|
||||||
}
|
} else if (this.hasResultRule) {
|
||||||
else if(this.hasResultRule) {
|
this.updateRules(postData);
|
||||||
if(!this.temporaryData?.length){
|
|
||||||
this.temporaryData.push(...postData);
|
|
||||||
this.isRuleData = Array.from(this.temporaryData);
|
|
||||||
this.ruleData = this.isRuleData.map(e => this.setRule(e));
|
|
||||||
}else {
|
|
||||||
this.temporaryData.push(...postData);
|
|
||||||
this.isRuleData.push(...postData);
|
|
||||||
this.ruleData.push(...postData.map(e => this.setRule(e)))
|
|
||||||
}
|
|
||||||
this.reset(false);
|
this.reset(false);
|
||||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
await this.delay(1000);
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
this.$toast.success('Filter applied. Go to Funnel to verify.');
|
this.$toast.success('Filter applied. Go to Funnel to verify.');
|
||||||
} else {
|
} else {
|
||||||
this.reset(false);
|
this.reset(false);
|
||||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
await this.delay(1000);
|
||||||
this.isLoading = false;
|
this.isLoading = false;
|
||||||
this.$toast.warning('No result.');
|
this.$toast.warning('No result.');
|
||||||
};
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* create map
|
* create map
|
||||||
@@ -707,6 +581,127 @@ export default {
|
|||||||
return `${e.key}, from ${getMoment(e.min).format('YYYY-MM-DD HH:mm')} to ${getMoment(e.max).format('YYYY-MM-DD HH:mm')}`;
|
return `${e.key}, from ${getMoment(e.min).format('YYYY-MM-DD HH:mm')} to ${getMoment(e.max).format('YYYY-MM-DD HH:mm')}`;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getFilterData(sele, isExclude, containmentMap) {
|
||||||
|
switch (sele[0]) {
|
||||||
|
case 'Sequence':
|
||||||
|
return this.getSequenceData(sele, isExclude);
|
||||||
|
case 'Attributes':
|
||||||
|
return this.getAttributesData(isExclude);
|
||||||
|
case 'Trace':
|
||||||
|
return this.getTraceData(isExclude);
|
||||||
|
case 'Timeframes':
|
||||||
|
return {
|
||||||
|
type: containmentMap[sele[6]],
|
||||||
|
start: this.selectTimeFrame[0],
|
||||||
|
end: this.selectTimeFrame[1],
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getSequenceData(sele, isExclude) {
|
||||||
|
switch (sele[1]) {
|
||||||
|
case 'Have activity(s)':
|
||||||
|
return this.selectFilterTask.map(task => ({
|
||||||
|
type: 'contains-task',
|
||||||
|
task: task.label,
|
||||||
|
is_exclude: isExclude
|
||||||
|
}));
|
||||||
|
case 'Start & End':
|
||||||
|
return this.getStartEndData(sele, isExclude);
|
||||||
|
case 'Sequence':
|
||||||
|
return {
|
||||||
|
type: sele[3] === 'Directly follows' ? 'directly-follows' : 'eventually-follows',
|
||||||
|
task_seq: this.listSeq.map(task => task.label),
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getStartEndData(sele, isExclude) {
|
||||||
|
switch (sele[2]) {
|
||||||
|
case 'Start':
|
||||||
|
return {
|
||||||
|
type: 'starts-with',
|
||||||
|
task: this.selectFilterStart.label,
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
case 'End':
|
||||||
|
return {
|
||||||
|
type: 'ends-with',
|
||||||
|
task: this.selectFilterEnd.label,
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
case 'Start & End':
|
||||||
|
return {
|
||||||
|
type: 'start-end',
|
||||||
|
starts_with: this.selectFilterStartToEnd.label,
|
||||||
|
ends_with: this.selectFilterEndToStart.label,
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getAttributesData(isExclude) {
|
||||||
|
const attrTypeMap = {
|
||||||
|
'string': 'string-attr',
|
||||||
|
'boolean': 'boolean-attr',
|
||||||
|
'int': 'int-attr',
|
||||||
|
'float': 'float-attr',
|
||||||
|
'date': 'date-attr'
|
||||||
|
};
|
||||||
|
|
||||||
|
switch (this.selectAttType) {
|
||||||
|
case 'string':
|
||||||
|
return this.selectAttribute.map(task => ({
|
||||||
|
type: attrTypeMap['string'],
|
||||||
|
key: task.key,
|
||||||
|
value: task.value,
|
||||||
|
is_exclude: isExclude
|
||||||
|
}));
|
||||||
|
case 'boolean':
|
||||||
|
case 'int':
|
||||||
|
case 'float':
|
||||||
|
case 'date':
|
||||||
|
return {
|
||||||
|
type: attrTypeMap[this.selectAttType],
|
||||||
|
key: this.selectAttribute.key,
|
||||||
|
value: this.selectAttribute.value,
|
||||||
|
min: this.selectAttribute.min,
|
||||||
|
max: this.selectAttribute.max,
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
default:
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getTraceData(isExclude) {
|
||||||
|
const lowerIndex = this.$refs.filterTraceView.selectArea[0];
|
||||||
|
const upperIndex = this.$refs.filterTraceView.selectArea[1] - 1;
|
||||||
|
return {
|
||||||
|
type: 'trace-freq',
|
||||||
|
lower: this.allMapDataStore.traces[lowerIndex].id,
|
||||||
|
upper: this.allMapDataStore.traces[upperIndex].id,
|
||||||
|
is_exclude: isExclude
|
||||||
|
};
|
||||||
|
},
|
||||||
|
updateRules(postData) {
|
||||||
|
if (!this.temporaryData?.length) {
|
||||||
|
this.temporaryData.push(...postData);
|
||||||
|
this.isRuleData = Array.from(this.temporaryData);
|
||||||
|
this.ruleData = this.isRuleData.map(e => this.setRule(e));
|
||||||
|
} else {
|
||||||
|
this.temporaryData.push(...postData);
|
||||||
|
this.isRuleData.push(...postData);
|
||||||
|
this.ruleData.push(...postData.map(e => this.setRule(e)));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
delay(ms) {
|
||||||
|
return new Promise(resolve => setTimeout(resolve, ms));
|
||||||
|
}
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user