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:
parent
2ea72ef24e
commit
afc709282f
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue