1404/10/28-base

src/views/base/earnMoney/components/GiftCard.vue

@@ -0,0 +1,41 @@
+<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>