sonar medium
This commit is contained in:
@@ -2,8 +2,6 @@
|
|||||||
<div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 w-full h-full">
|
<div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 w-full h-full">
|
||||||
<div class="flex justify-between items-center my-2 flex-wrap">
|
<div class="flex justify-between items-center my-2 flex-wrap">
|
||||||
<p class="h2">{{ tableTitle }} ({{ tableData.length }})</p>
|
<p class="h2">{{ tableTitle }} ({{ tableData.length }})</p>
|
||||||
<!-- Search -->
|
|
||||||
<!-- <Search></Search> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- Table -->
|
<!-- Table -->
|
||||||
<div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
|
<div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
|
||||||
|
|||||||
@@ -2,8 +2,6 @@
|
|||||||
<div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 h-full">
|
<div class="bg-neutral-10 border border-neutral-300 rounded-xl px-4 h-full">
|
||||||
<div class="flex justify-between items-center my-2">
|
<div class="flex justify-between items-center my-2">
|
||||||
<p class="h2">{{ tableTitle }} ({{ data.length }})</p>
|
<p class="h2">{{ tableTitle }} ({{ data.length }})</p>
|
||||||
<!-- Search -->
|
|
||||||
<!-- <Search></Search> -->
|
|
||||||
</div>
|
</div>
|
||||||
<!-- Table -->
|
<!-- Table -->
|
||||||
<div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
|
<div class="overflow-y-auto overflow-x-auto scrollbar -mx-2 h-[calc(100%_-_64px)]">
|
||||||
|
|||||||
@@ -185,9 +185,12 @@ export default {
|
|||||||
attRangeTotal: function() {
|
attRangeTotal: function() {
|
||||||
const type = this.selectedAttName.type;
|
const type = this.selectedAttName.type;
|
||||||
|
|
||||||
return !this.classTypes.includes(type) ? null
|
let result = null; // Initialize the result variable with null
|
||||||
: this.attRangeData ? `(${this.attRangeData.length})`
|
|
||||||
: null;
|
if (this.classTypes.includes(type) && this.attRangeData) {
|
||||||
|
result = `(${this.attRangeData.length})`; // Assign the length of attRangeData if it exists
|
||||||
|
}
|
||||||
|
return result;
|
||||||
},
|
},
|
||||||
attRangeData: function() {
|
attRangeData: function() {
|
||||||
let data = [];
|
let data = [];
|
||||||
@@ -206,7 +209,12 @@ export default {
|
|||||||
occ_ratio: this.getPercentLabel(ratio),
|
occ_ratio: this.getPercentLabel(ratio),
|
||||||
freq: item.freq
|
freq: item.freq
|
||||||
};
|
};
|
||||||
result.label = type !== 'boolean' ? null : item.value ? 'Yes' : 'No';
|
result.label = null;
|
||||||
|
if (type === 'boolean') {
|
||||||
|
result.label = item.value ? 'Yes' : 'No';
|
||||||
|
} else {
|
||||||
|
result.label = null;
|
||||||
|
}
|
||||||
return result;
|
return result;
|
||||||
})
|
})
|
||||||
return data.sort((x, y) => y.freq - x.freq);
|
return data.sort((x, y) => y.freq - x.freq);
|
||||||
@@ -400,7 +408,7 @@ export default {
|
|||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
// 傳給後端
|
// 傳給後端
|
||||||
this.attValueTypeStartEnd;
|
// this.attValueTypeStartEnd; 是否有要呼叫函數? sonar-qube
|
||||||
// 建立圖表
|
// 建立圖表
|
||||||
this.createChart();
|
this.createChart();
|
||||||
}
|
}
|
||||||
@@ -476,9 +484,15 @@ export default {
|
|||||||
break;
|
break;
|
||||||
case 'float':
|
case 'float':
|
||||||
setLabels = data.map((item, index) => {
|
setLabels = data.map((item, index) => {
|
||||||
let x = index === 0 ? Math.floor(item.x * 100) / 100 :
|
let x;
|
||||||
index === data.length - 1 ? item.x = Math.ceil(item.x * 100) / 100 :
|
if (index === 0) {
|
||||||
Math.round(item.x * 100) / 100;
|
x = Math.floor(item.x * 100) / 100;
|
||||||
|
} else if (index === data.length - 1) {
|
||||||
|
item.x = Math.ceil(item.x * 100) / 100;
|
||||||
|
x = item.x;
|
||||||
|
} else {
|
||||||
|
x = Math.round(item.x * 100) / 100;
|
||||||
|
}
|
||||||
return x
|
return x
|
||||||
});
|
});
|
||||||
break;
|
break;
|
||||||
@@ -640,7 +654,7 @@ export default {
|
|||||||
// 重新算圖
|
// 重新算圖
|
||||||
this.resizeMask(this.chartComplete);
|
this.resizeMask(this.chartComplete);
|
||||||
// 執行 timeFrameStartEnd 才會改變數據
|
// 執行 timeFrameStartEnd 才會改變數據
|
||||||
this.attValueTypeStartEnd;
|
// this.attValueTypeStartEnd; 是否有要呼叫函數? sonar-qube
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* 選取開始或結束時間時,要改變滑塊跟圖表
|
* 選取開始或結束時間時,要改變滑塊跟圖表
|
||||||
@@ -668,7 +682,13 @@ export default {
|
|||||||
this.selectArea = closestIndexes;
|
this.selectArea = closestIndexes;
|
||||||
// 重新設定 start end 日曆選取範圍
|
// 重新設定 start end 日曆選取範圍
|
||||||
if(!isDateType) inputValue = Number(e.value.replace(/,/g, '')) ;
|
if(!isDateType) inputValue = Number(e.value.replace(/,/g, '')) ;
|
||||||
if(direction === 'start') isDateType ? this.endMinDate = e : this.valueEndMin = inputValue;
|
if(direction === 'start') {
|
||||||
|
if(isDateType){
|
||||||
|
this.endMinDate = e;
|
||||||
|
} else {
|
||||||
|
this.valueEndMin = inputValue;
|
||||||
|
}
|
||||||
|
}
|
||||||
else if(direction === 'end') isDateType ? this.startMaxDate = e : this.valueStartMax = inputValue;
|
else if(direction === 'end') isDateType ? this.startMaxDate = e : this.valueStartMax = inputValue;
|
||||||
// 重新算圖
|
// 重新算圖
|
||||||
if(!isNaN(closestIndexes[0]) && !isNaN(closestIndexes[1])) this.resizeMask(this.chartComplete);
|
if(!isNaN(closestIndexes[0]) && !isNaN(closestIndexes[1])) this.resizeMask(this.chartComplete);
|
||||||
|
|||||||
@@ -441,7 +441,7 @@ console.log("TODO:", datasetsPrimary, )
|
|||||||
let yDataPrimary;
|
let yDataPrimary;
|
||||||
let labelPrimary = chartData.data[0].label;
|
let labelPrimary = chartData.data[0].label;
|
||||||
let datasetsSecondary = chartData.data[1].data;
|
let datasetsSecondary = chartData.data[1].data;
|
||||||
let xDataSecondary;
|
// let xDataSecondary;
|
||||||
let yDataSecondary;
|
let yDataSecondary;
|
||||||
let labelSecondary = chartData.data[1].label;
|
let labelSecondary = chartData.data[1].label;
|
||||||
let primeVueSetData = {};
|
let primeVueSetData = {};
|
||||||
@@ -462,7 +462,7 @@ console.log("TODO:", datasetsPrimary, )
|
|||||||
y: value.y === null ? null : value.y * 100
|
y: value.y === null ? null : value.y * 100
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
xDataSecondary = datasetsSecondary.map(i => i.x);
|
// xDataSecondary = datasetsSecondary.map(i => i.x);
|
||||||
yDataSecondary = datasetsSecondary.map(i => i.y);
|
yDataSecondary = datasetsSecondary.map(i => i.y);
|
||||||
|
|
||||||
primeVueSetData = {
|
primeVueSetData = {
|
||||||
|
|||||||
Reference in New Issue
Block a user