xjs
/
payment-statistics
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 排名更新

master
xjs 2025-06-23 16:18:49 +08:00
parent e6c809fabd
commit 7dcd02966a
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/components/ChargingRanking.vue
View File

@ -44,10 +44,10 @@
header-class="modal-table-header" header-class="modal-table-header"
body-class="modal-table-body"> body-class="modal-table-body">
<template #rank="{ index }"> <template #rank="{ index }">
<img src="@/assets/svg-img/gold-medal.svg" class="w-[34px] h-[20px]" v-if="index === 0" alt="" /> <img src="@/assets/svg-img/gold-medal.svg" class="w-[34px] h-[20px]" v-if="page === 1 && index === 0" alt="" />
<img src="@/assets/svg-img/silver-medal.svg" class="w-[34px] h-[20px]" v-if="index === 1" alt="" /> <img src="@/assets/svg-img/silver-medal.svg" class="w-[34px] h-[20px]" v-else-if="page === 1 && index === 1" alt="" />
<img src="@/assets/svg-img/bronze-medal.svg" class="w-[34px] h-[20px]" v-if="index === 2" alt="" /> <img src="@/assets/svg-img/bronze-medal.svg" class="w-[34px] h-[20px]" v-else-if="page === 1 && index === 2" alt="" />
<span class="text-[14px] font-600" v-if="index > 2">{{ index + 1 }}</span> <span class="text-[14px] font-600" v-else>{{ (page - 1) * pageSize + index + 1 }}</span>
</template> </template>
<template #name="{ data }"> <template #name="{ data }">
<span class="text-[#C0EEFF] text-[14px]">{{ data.name }}</span> <span class="text-[#C0EEFF] text-[14px]">{{ data.name }}</span>

15
src/views/components/WinCustomer.vue
View File

@ -14,7 +14,7 @@
<SvgComponent :content="moreArrowSvg" class="w-[14px] h-[22px]" /> <SvgComponent :content="moreArrowSvg" class="w-[14px] h-[22px]" />
</div> </div>
<div class="mt-[26px] mx-[16px]"> <div class="mt-[26px] mx-[16px]">
<RankingTable :value="products.slice(0,5)" :columns="columns" header-class="custom-table-header" body-class="custom-table-body"> <RankingTable :value="products.slice(0, 5)" :columns="columns" header-class="custom-table-header" body-class="custom-table-body">
<template #rank="{ index }"> <template #rank="{ index }">
<SvgComponent :content="goldMedalSvg" class="w-[34px] h-[20px]" v-if="index === 0" /> <SvgComponent :content="goldMedalSvg" class="w-[34px] h-[20px]" v-if="index === 0" />
<SvgComponent :content="silverMedalSvg" class="w-[34px] h-[20px]" v-if="index === 1" /> <SvgComponent :content="silverMedalSvg" class="w-[34px] h-[20px]" v-if="index === 1" />
@ -44,10 +44,10 @@
header-class="modal-table-header" header-class="modal-table-header"
body-class="modal-table-body"> body-class="modal-table-body">
<template #rank="{ index }"> <template #rank="{ index }">
<img src="@/assets/svg-img/gold-medal.svg" class="w-[34px] h-[20px]" v-if="index === 0" alt="" /> <img src="@/assets/svg-img/gold-medal.svg" class="w-[34px] h-[20px]" v-if="page === 1 && index === 0" alt="" />
<img src="@/assets/svg-img/silver-medal.svg" class="w-[34px] h-[20px]" v-if="index === 1" alt="" /> <img src="@/assets/svg-img/silver-medal.svg" class="w-[34px] h-[20px]" v-else-if="page === 1 && index === 1" alt="" />
<img src="@/assets/svg-img/bronze-medal.svg" class="w-[34px] h-[20px]" v-if="index === 2" alt="" /> <img src="@/assets/svg-img/bronze-medal.svg" class="w-[34px] h-[20px]" v-else-if="page === 1 && index === 2" alt="" />
<span class="text-[14px] font-600" v-if="index > 2">{{ index + 1 }}</span> <span class="text-[14px] font-600" v-else>{{ (page - 1) * pageSize + index + 1 }}</span>
</template> </template>
<template #name="{ data }"> <template #name="{ data }">
<span class="text-[#C0EEFF] text-[14px]">{{ data.name }}</span> <span class="text-[#C0EEFF] text-[14px]">{{ data.name }}</span>
@ -173,7 +173,7 @@
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@use "@/styles/text-color.scss"; @use "@/styles/text-color.scss";
.custom-border { .custom-border {
border-image-slice: 27 27 27 27; border-image-slice: 27 27 27 27;
border-image-width: 1px 1px 2px 1px; border-image-width: 1px 1px 2px 1px;
@ -206,7 +206,6 @@
} }
} }
.modal-header { .modal-header {
background-image: url("/images/drawer-header.png"); background-image: url("/images/drawer-header.png");
background-position: center; background-position: center;
@ -245,4 +244,4 @@
background-color: #0d2744; background-color: #0d2744;
} }
} }
</style> </style>