Enhance sales process level selector with colored chips

- Add colored chip display to dropdown items for better visual clarity
- Apply consistent base color to list items based on sales level
- Change progress bar to use static blue color instead of dynamic coloring
- Improve visual hierarchy and readability of sales process levels
This commit is contained in:
Matt 2025-06-04 20:05:49 +02:00
parent 2ea72ef24e
commit afc709282f
1 changed files with 14 additions and 2 deletions

View File

@ -386,12 +386,24 @@
</v-chip>
</template>
<template v-slot:item="{ item, props }">
<v-list-item v-bind="props">
<v-list-item
v-bind="props"
:base-color="getSalesLevelColor(item.value)"
>
<template v-slot:prepend>
<v-icon :color="getSalesLevelColor(item.value)">
mdi-circle
</v-icon>
</template>
<v-list-item-title>
<v-chip
:color="getSalesLevelColor(item.value)"
size="small"
class="text-white"
>
{{ item.value }}
</v-chip>
</v-list-item-title>
</v-list-item>
</template>
</v-select>
@ -400,7 +412,7 @@
:model-value="(currentStep + 1) / InterestSalesProcessLevelFlow.length * 100"
height="10"
rounded
:color="getSalesLevelColor(interest['Sales Process Level'])"
color="blue"
/>
<div class="text-caption text-center mt-2">
Progress: {{ currentStep + 1 }} of {{ InterestSalesProcessLevelFlow.length }} stages