added notif 2

2026-07-23 22:24:26 +03:30
parent d505f3b5bd
commit bd441a0e8e
31 changed files with 2105 additions and 34 deletions
@@ -0,0 +1,46 @@
+<template>
+  <MobileCard clickable @click="$emit('open', item)">
+    <div class="space-y-1">
+      <div class="flex items-center justify-between gap-2">
+        <div class="truncate text-sm font-700 text-gray-900">{{ customerName }}</div>
+        <span class="shrink-0 rounded-full px-2 py-0.5 text-[11px] font-600" :class="statusClass">
+          {{ statusText }}
+        </span>
+      </div>
+      <div class="flex flex-wrap items-center gap-x-3 gap-y-0.5 text-xs text-gray-600">
+        <span>نوع: <span class="font-600 text-gray-900">{{ item.type || '-' }}</span></span>
+        <span>مقدار: <span class="font-600 text-gray-900">{{ item.amount ?? '-' }}</span></span>
+      </div>
+      <div class="text-xs text-gray-400">{{ createdAtLabel }}</div>
+    </div>
+  </MobileCard>
+</template>
+
+<script setup lang="ts">
+import type { ZarinRecord } from '@/api/zarin'
+import MobileCard from '@/components/mobile/MobileCard.vue'
+import { toJalali } from '@core/utils/useDataTime'
+import { zarinStatusLabel } from '@/pages/menuPages/accounting/utils/zarinStatus'
+
+const props = defineProps<{
+  item: ZarinRecord
+}>()
+
+defineEmits<{
+  (e: 'open', item: ZarinRecord): void
+}>()
+
+const customerName = computed(() => props.item.customer?.name || '-')
+const createdAtLabel = computed(() =>
+  props.item.created_at ? toJalali(props.item.created_at) : '-'
+)
+const statusText = computed(() =>
+  zarinStatusLabel(props.item.sync_status, props.item.zarin_id)
+)
+const statusClass = computed(() => {
+  const text = statusText.value
+  if (text === 'موفق') return 'bg-green-100 text-green-700'
+  if (text === 'ناموفق') return 'bg-red-100 text-red-700'
+  return 'bg-amber-100 text-amber-700'
+})
+</script>