fix pargar bugs

src/pages/menuPages/accounting/components/PargarMobileDetailSheet.vue

@@ -24,17 +24,40 @@
 
       <MobileInfoGrid>
         <MobileDetailRow label="شناسه" :value="row.id" />
-        <MobileDetailRow label="مشتری" :value="row.customer?.name || '-'" />
+        <MobileDetailRow label="مشتری" :value="pargarCustomerLabel(row)" />
         <MobileDetailRow label="موبایل" :value="row.customer?.mobile || '-'" />
-        <MobileDetailRow label="نوع" :value="row.type || '-'" />
-        <MobileDetailRow label="مقدار" :value="row.amount ?? '-'" />
-        <MobileDetailRow label="شرح" full-width :value="row.desc || '-'" />
+        <MobileDetailRow label="نوع" :value="pargarTypeLabel(row.type)" />
+        <MobileDetailRow label="مقدار" :value="pargarAmountLabel(row)" />
+        <MobileDetailRow label="شرح" full-width :value="pargarDescLabel(row)" />
         <MobileDetailRow label="وضعیت" :value="pargarStatusLabel(row.sync_status, row.pargar_ref, row.desc)" />
+        <MobileDetailRow v-if="parsedPayload?.accountId" label="کد حساب پرگار" :value="parsedPayload.accountId" />
+        <MobileDetailRow
+          v-if="parsedPayload?.transactions.length"
+          label="تعداد سطر"
+          :value="String(parsedPayload.transactions.length)"
+        />
         <MobileDetailRow label="کد پرگار" :value="row.pargar_ref || '-'" />
         <MobileDetailRow label="زمان" :value="row.created_at ? toJalali(row.created_at) : '-'" />
         <MobileDetailRow v-if="row.res" label="پاسخ API" full-width :value="row.res" />
       </MobileInfoGrid>
 
+      <div
+        v-if="parsedPayload?.transactions.length"
+        class="mt-3 space-y-2"
+      >
+        <div class="text-sm font-600 text-gray-700">جزئیات اسناد</div>
+        <div
+          v-for="(tx, idx) in parsedPayload.transactions"
+          :key="idx"
+          class="rounded-lg border border-gray-100 bg-gray-50 p-3 text-xs space-y-1"
+        >
+          <MobileDetailRow label="شرح" full-width :value="tx.desc || tx.docType || '-'" />
+          <MobileDetailRow label="تاریخ" :value="tx.date || '-'" />
+          <MobileDetailRow label="شماره سند" :value="tx.docId || '-'" />
+          <MobileDetailRow label="مبالغ" full-width :value="formatTransactionAmount(tx)" />
+        </div>
+      </div>
+
       <div
         v-if="row.sync_log"
         class="mt-3 rounded-lg bg-red-50 p-3 text-sm text-red-700 whitespace-pre-wrap"
@@ -53,6 +76,14 @@ import MobileIconButton from '@/components/mobile/MobileIconButton.vue'
 import MobileInfoGrid from '@/components/mobile/MobileInfoGrid.vue'
 import MobileSheetHeader from '@/components/mobile/MobileSheetHeader.vue'
 import { canRetryPargar, pargarStatusLabel } from '@/pages/menuPages/accounting/utils/pargarStatus'
+import {
+  formatTransactionAmount,
+  parsePargarPayload,
+  pargarAmountLabel,
+  pargarCustomerLabel,
+  pargarDescLabel,
+  pargarTypeLabel
+} from '@/pages/menuPages/accounting/utils/pargarDisplay'
 import { isMobile } from '@core/utils/is'
 import { toJalali } from '@core/utils/useDataTime'
 
@@ -72,7 +103,11 @@ const visibleProxy = computed({
   set: (value: boolean) => emit('update:visible', value)
 })
 
-const sheetTitle = computed(() => props.item?.customer?.name || 'سند پرگار')
+const sheetTitle = computed(() =>
+  props.item ? pargarCustomerLabel(props.item) : 'سند پرگار'
+)
+
+const parsedPayload = computed(() => parsePargarPayload(props.item?.data))
 
 function canRetry(row: PargarRecord) {
   return canRetryPargar(row)