82 lines
2.6 KiB
Vue
82 lines
2.6 KiB
Vue
<template>
|
|
<div v-if="item" class="bg-white flex flex-col items-center p-3 rounded-xl">
|
|
<!-- <img v-lazy="{ src: itemImg, loading: logo,error: logo}" alt="" class="w-[87px] ">-->
|
|
<img v-if="props.item.group_type=='گوی'" :src="goyImg">
|
|
<img v-if="props.item.group_type=='مکعب'" :src="mokaabImg">
|
|
<img v-if="props.item.group_type=='سکه'" :src="sekkeImg">
|
|
<img v-if="props.item.group_type=='مس'" :src="mesImg">
|
|
<img v-if="props.item.group_type=='نقره'" :src="noghrehImg">
|
|
<!-- <img :src="props.item.img" alt="image">-->
|
|
<img v-if="props.item.group_type=='طلا'|| props.item.group_type=='آبشده'|| props.item.group_type== null" :src="defaultImg">
|
|
<div class="mt-3">{{props.item?.title?? '-'}}</div>
|
|
<div class="mt-1 flex gap-1"> <div class="font-bold"> {{props.item?.wallet?.gold?? '-'}} </div> {{props.item?.unit}} </div>
|
|
<!-- {{props.item?.wallet[0]?.cash}}-->
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import homeImg from '@/assets/img/cash_home.svg'
|
|
import giftImg from '@/assets/img/cash_gift.svg'
|
|
import circulationImg from '@/assets/img/cash_circulation.svg'
|
|
import loveImg from '@/assets/img/cash_love.svg'
|
|
import repairsImg from '@/assets/img/cash_repairs.svg'
|
|
import savingImg from '@/assets/img/cash_saving.svg'
|
|
import {computed} from "vue"
|
|
import type {Fund} from "@/models/fund"
|
|
import defaultImg from "@/assets/img/defaultAbshodeh.svg"
|
|
import goyImg from "@/assets/img/goyImg.svg"
|
|
import mokaabImg from "@/assets/img/mokaabImg.svg"
|
|
import sekkeImg from "@/assets/img/sekkeImg.svg"
|
|
import type { Product } from '@/models/products'
|
|
import mesImg from "@/assets/img/mesImg.jpg";
|
|
import noghrehImg from "@/assets/img/noghrehImg.webp";
|
|
/*function itemImg() {
|
|
|
|
}*/
|
|
interface Prop {
|
|
item: Product
|
|
}
|
|
|
|
const props = defineProps<Prop>()
|
|
|
|
const itemImg = computed(() => {
|
|
switch (props.item?.title) {
|
|
case 'خرید لوازم منزل':
|
|
return homeImg
|
|
case 'هدیه':
|
|
return giftImg
|
|
case 'گردش':
|
|
return circulationImg
|
|
case 'ازدواج':
|
|
return loveImg
|
|
case 'تعمیرات':
|
|
return repairsImg
|
|
case 'پس انداز':
|
|
return savingImg
|
|
default: return savingImg
|
|
}
|
|
})
|
|
|
|
/*const itemName = computed(() => {
|
|
switch (props.type) {
|
|
case 'home':
|
|
return 'خرید لوازم منزل'
|
|
case 'gift':
|
|
return 'هدیه'
|
|
case 'circulation':
|
|
return 'گردش'
|
|
case 'love':
|
|
return 'ازدواج'
|
|
case 'repairs':
|
|
return 'تعمیرات'
|
|
case 'saving':
|
|
return 'پس انداز'
|
|
default: return null
|
|
}
|
|
})*/
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |