wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

refactor: refs #6238 update getRate function and color logic

This commit is contained in:
Jorge Penadés 2024-06-12 16:46:14 +02:00
parent 19aa1bf01d
commit 7393b82008
1 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/pages/Travel/ExtraCommunity.vue
View File

@ -432,9 +432,14 @@ const handleDragScroll = (event) => {
}
};
const getKgPercentage = ({ kg, loadedKg, volumeKg }) => {
const getRate = ({ kg, loadedKg, volumeKg }) => {
return Math.round((Math.max(loadedKg || 0, volumeKg || 0) / kg) * 100);
};
const getColor = (percentage) => {
if (percentage >= 100) return 'red-10';
else if (percentage >= 80 && percentage < 100) return 'deep-orange-10';
};
</script>
<template>
@ -512,14 +517,9 @@ const getKgPercentage = ({ kg, loadedKg, volumeKg }) => {
>
<QChip
v-if="col.name === 'percentage'"
:label="getKgPercentage(props.row) + '%'"
:label="getRate(props.row) + '%'"
class="text-left q-py-xs q-px-sm"
:class="{
'bg-red-10': getKgPercentage(props.row) >= 100,
'bg-deep-orange-10':
getKgPercentage(props.row) >= 80 &&
getKgPercentage(props.row) < 100,
}"
:color="getColor(getRate(props.row))"
/>
<span
v-else-if="col.showValue"
@ -599,6 +599,7 @@ const getKgPercentage = ({ kg, loadedKg, volumeKg }) => {
</QTable>
</QPage>
</template>
<style scoped lang="scss">
.q-chip {
color: var(--vn-text-color);