41 lines
1.4 KiB
Vue
41 lines
1.4 KiB
Vue
<template>
|
|
<div class="border-solid border-1 border-[#E5E7EB] p-2 mt-3 rounded-[8px]">
|
|
<div>
|
|
<div class="flex items-center justify-between">
|
|
<div class="font-bold">{{item.customer.name}}</div>
|
|
<div class="flex text-[#9CA3AF]">
|
|
<div>{{toJalaliNotime(item.created_at)}}</div>
|
|
<BasicIcon icon="vuesax-linear:calendar" class="w-4 h-4 content-center mr-1" />
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex items-center">
|
|
<div>مبلغ پاداش :</div>
|
|
<div class="mr-4">{{item.gold}}</div>
|
|
</div>
|
|
<!-- <div class="mt-2 rounded-[8px] p-2 text-xs" :class="item.is_legal === 0? 'bg-red-100 text-red-600':'bg-green-100 test-green-600'">{{item.is_legal === 0? 'احراز هویت نشده':'احراز هویت شده'}}</div>-->
|
|
<div class="flex text-[#9CA3AF]">
|
|
<div>{{toJalali(item.created_at, 'HH:mm')}}</div>
|
|
<BasicIcon icon="vuesax-linear:clock" class="w-4 h-4 mr-1" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
|
|
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
|
|
import { toJalali, toJalaliNotime } from '../../../../utils/useDateTime'
|
|
import type { Gifts } from '@/models/gifts'
|
|
|
|
interface Prop {
|
|
item: Gifts
|
|
}
|
|
const props = defineProps<Prop>()
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |