CRM_Montzar/apps/web/src/views/TahesabSalesReportView.vue

<script setup lang="ts">
import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
import { useRouter } from 'vue-router';
import type { TableColumnsType, TablePaginationConfig } from 'ant-design-vue';
import { ReloadOutlined, SyncOutlined } from '@ant-design/icons-vue';
import {
  TAHESAB_ASNAD_KIND_LABELS,
  TAHESAB_ASNAD_KINDS,
  TAHESAB_JENS_FELEZ_LABELS,
  type CustomerGroupDto,
  type PersonDto,
  type TahesabAsnadKind,
  type TahesabAsnadLineDto,
  type TahesabAsnadReportPageDto,
  type TahesabAsnadSummaryDto,
  type TahesabAsnadSyncJobDto,
  type TahesabConnectionDto,
} from '@mento/shared';
import { api } from '@/lib/api';
import {
  dateToJalali,
  formatLocalDateInput,
  parseLocalInput,
  toFaDigits,
} from '@/lib/jalali';
import { formatMoney } from '@/lib/money';
import { useCustomerGroups } from '@/lib/customer-groups';
import JalaliDateInput from '@/components/JalaliDateInput.vue';

const router = useRouter();
const { groups: customerGroups, load: loadCustomerGroups } = useCustomerGroups();

const connections = ref<TahesabConnectionDto[]>([]);
const connectionId = ref<string | undefined>();
const fromDate = ref('');
const toDate = ref('');
const groupIds = ref<string[]>([]);
const personId = ref<string | undefined>();
const personOptions = ref<Array<{ value: string; label: string }>>([]);
const kinds = ref<TahesabAsnadKind[]>(['sale', 'return']);
const jensFelez = ref<number | undefined>();

const loading = ref(false);
const syncing = ref(false);
const error = ref('');
const syncHint = ref('');
const page = ref(1);
const pageSize = ref(50);
const report = ref<TahesabAsnadReportPageDto | null>(null);
const summary = ref<TahesabAsnadSummaryDto | null>(null);
let pollTimer: ReturnType<typeof setInterval> | null = null;

const kindOptions = TAHESAB_ASNAD_KINDS.map((k) => ({
  value: k,
  label: TAHESAB_ASNAD_KIND_LABELS[k],
}));

const metalOptions = [
  { value: 0, label: TAHESAB_JENS_FELEZ_LABELS[0] },
  { value: 1, label: TAHESAB_JENS_FELEZ_LABELS[1] },
  { value: 2, label: TAHESAB_JENS_FELEZ_LABELS[2] },
];

function toShamsiYmd(localIso: string): string | null {
  const d = parseLocalInput(localIso);
  if (!d) return null;
  const { jy, jm, jd } = dateToJalali(d);
  return `${jy}-${String(jm).padStart(2, '0')}-${String(jd).padStart(2, '0')}`;
}

function defaultRange() {
  const now = new Date();
  const from = new Date(now);
  from.setDate(from.getDate() - 30);
  fromDate.value = formatLocalDateInput(from);
  toDate.value = formatLocalDateInput(now);
}

function kindLabel(k: string) {
  return TAHESAB_ASNAD_KIND_LABELS[k as TahesabAsnadKind] ?? k;
}

function metalLabel(v: number | null) {
  if (v == null) return '—';
  return TAHESAB_JENS_FELEZ_LABELS[v] ?? String(v);
}

function formatNum(n: number | null | undefined) {
  if (n == null) return '—';
  return toFaDigits(new Intl.NumberFormat('fa-IR', { maximumFractionDigits: 3 }).format(n));
}

function formatMali(n: number | null | undefined) {
  if (n == null) return '—';
  return formatMoney(n, 'IRR');
}

const columns: TableColumnsType<TahesabAsnadLineDto> = [
  { title: 'تاریخ', dataIndex: 'tarikh', key: 'tarikh', width: 110 },
  {
    title: 'شخص',
    key: 'person',
    ellipsis: true,
    customRender: ({ record }) =>
      record.personName
        ? `${record.personName} (${toFaDigits(String(record.moshtariCode))})`
        : toFaDigits(String(record.moshtariCode)),
  },
  {
    title: 'گروه',
    key: 'groups',
    ellipsis: true,
    customRender: ({ record }) =>
      record.groups?.map((g) => g.name).join('، ') || '—',
  },
  { title: 'نوع سند (NO)', dataIndex: 'noRaw', key: 'noRaw', ellipsis: true },
  {
    title: 'طبقه‌بندی',
    key: 'kind',
    width: 100,
    customRender: ({ record }) => kindLabel(record.kind),
  },
  {
    title: 'فلز',
    key: 'jensFelez',
    width: 90,
    customRender: ({ record }) => metalLabel(record.jensFelez),
  },
  {
    title: 'وزن',
    key: 'vazn',
    width: 90,
    customRender: ({ record }) => formatNum(record.vazn),
  },
  {
    title: 'مبلغ',
    key: 'mali',
    width: 140,
    customRender: ({ record }) => formatMali(record.mali),
  },
  {
    title: 'ش. فاکتور',
    key: 'shFactor',
    width: 100,
    customRender: ({ record }) =>
      record.shFactor != null ? toFaDigits(String(record.shFactor)) : '—',
  },
];

const filterParams = computed(() => {
  const from = toShamsiYmd(fromDate.value);
  const to = toShamsiYmd(toDate.value);
  if (!from || !to) return null;
  return {
    connectionId: connectionId.value,
    from,
    to,
    groupIds: groupIds.value.length ? groupIds.value.join(',') : undefined,
    personId: personId.value,
    kinds: kinds.value.length ? kinds.value.join(',') : undefined,
    jensFelez: jensFelez.value,
  };
});

async function loadConnections() {
  const { data } = await api.get<TahesabConnectionDto[]>(
    '/integrations/tahesab/connections/public',
  );
  connections.value = data.filter((c) => c.enabled);
  const def =
    connections.value.find((c) => c.isDefault) ?? connections.value[0];
  if (!connectionId.value && def) connectionId.value = def.id;
}

async function searchPeople(q: string) {
  if (!q || q.trim().length < 2) {
    personOptions.value = [];
    return;
  }
  try {
    const { data } = await api.get<{ items: PersonDto[] }>('/people', {
      params: { q: q.trim(), limit: 20 },
    });
    const items = Array.isArray(data?.items) ? data.items : [];
    personOptions.value = items.map((p) => ({
      value: p.id,
      label: [p.firstName, p.lastName].filter(Boolean).join(' ') || p.id,
    }));
  } catch {
    personOptions.value = [];
  }
}

async function loadReport() {
  const params = filterParams.value;
  if (!params) {
    error.value = 'تاریخ از و تا را انتخاب کنید.';
    return;
  }
  loading.value = true;
  error.value = '';
  try {
    const [pageRes, sumRes] = await Promise.all([
      api.get<TahesabAsnadReportPageDto>('/integrations/tahesab/reports/asnad', {
        params: { ...params, page: page.value, pageSize: pageSize.value },
      }),
      api.get<TahesabAsnadSummaryDto>(
        '/integrations/tahesab/reports/asnad/summary',
        { params },
      ),
    ]);
    report.value = pageRes.data;
    summary.value = sumRes.data;
  } catch (e: unknown) {
    const msg =
      (e as { response?: { data?: { message?: string } } })?.response?.data
        ?.message ?? 'بارگذاری گزارش ناموفق بود.';
    error.value = String(msg);
    report.value = null;
    summary.value = null;
  } finally {
    loading.value = false;
  }
}

function stopPoll() {
  if (pollTimer) {
    clearInterval(pollTimer);
    pollTimer = null;
  }
}

async function pollJob(jobId: string) {
  stopPoll();
  pollTimer = setInterval(async () => {
    try {
      const { data } = await api.get<TahesabAsnadSyncJobDto>(
        `/integrations/tahesab/reports/asnad/sync/${jobId}`,
      );
      syncHint.value = `همگام‌سازی: ${toFaDigits(String(data.processed))} از ${toFaDigits(String(data.total))} · ${toFaDigits(String(data.linesUpserted))} ردیف`;
      if (data.status === 'done' || data.status === 'failed') {
        stopPoll();
        syncing.value = false;
        if (data.status === 'failed') {
          error.value = data.errorMessage || 'همگام‌سازی ناموفق بود.';
        } else {
          if (data.truncatedPersonIds?.length) {
            syncHint.value += ` · هشدار: برای ${toFaDigits(String(data.truncatedPersonIds.length))} مشتری ممکن است اسناد ناقص باشد (سقف ۲۰۰).`;
          } else {
            syncHint.value = `همگام‌سازی تمام شد · ${toFaDigits(String(data.linesUpserted))} ردیف`;
          }
          await loadReport();
        }
      }
    } catch {
      stopPoll();
      syncing.value = false;
      error.value = 'وضعیت همگام‌سازی دریافت نشد.';
    }
  }, 1500);
}

async function startSync() {
  const params = filterParams.value;
  if (!params) {
    error.value = 'تاریخ از و تا را انتخاب کنید.';
    return;
  }
  syncing.value = true;
  error.value = '';
  syncHint.value = 'شروع همگام‌سازی…';
  try {
    const { data } = await api.post<TahesabAsnadSyncJobDto>(
      '/integrations/tahesab/reports/asnad/sync',
      {
        connectionId: params.connectionId,
        from: params.from,
        to: params.to,
      },
      { timeout: 60_000 },
    );
    await pollJob(data.id);
  } catch (e: unknown) {
    syncing.value = false;
    const msg =
      (e as { response?: { data?: { message?: string } } })?.response?.data
        ?.message ?? 'شروع همگام‌سازی ناموفق بود.';
    error.value = String(msg);
  }
}

function onTableChange(pag: TablePaginationConfig) {
  page.value = pag.current ?? 1;
  pageSize.value = pag.pageSize ?? 50;
  void loadReport();
}

watch([connectionId, groupIds, kinds, jensFelez, personId], () => {
  page.value = 1;
});

onMounted(async () => {
  defaultRange();
  try {
    await Promise.all([loadConnections(), loadCustomerGroups()]);
    await loadReport();
  } catch {
    error.value = 'بارگذاری اولیه ناموفق بود.';
  }
});

onUnmounted(() => stopPoll());
</script>

<template>
  <a-flex vertical :gap="16">
    <a-row :gutter="[16, 16]" align="middle" justify="space-between">
      <a-col :xs="24" :md="14">
        <a-typography-title :level="3" style="margin: 0">
          گزارش فروش ته‌حساب
        </a-typography-title>
        <a-typography-text type="secondary">
          اسنپ‌شات اسناد مشتریان لینک‌شده — طبقه‌بندی فروش/مرجوعی تقریبی است و بعد از بازخورد کارفرما اصلاح می‌شود.
        </a-typography-text>
      </a-col>
      <a-col :xs="24" :md="10">
        <a-flex justify="flex-end" wrap="wrap" :gap="8">
          <a-button @click="router.push({ name: 'reports' })">بازگشت به گزارش‌ها</a-button>
          <a-button :loading="loading" @click="loadReport">
            <template #icon><ReloadOutlined /></template>
            نمایش
          </a-button>
          <a-button type="primary" :loading="syncing" @click="startSync">
            <template #icon><SyncOutlined /></template>
            به‌روزرسانی از ته‌حساب
          </a-button>
        </a-flex>
      </a-col>
    </a-row>

    <a-alert v-if="error" type="error" show-icon :message="error" closable @close="error = ''" />
    <a-alert v-if="syncHint" type="info" show-icon :message="syncHint" />

    <a-card :bordered="false" title="فیلترها">
      <a-form layout="vertical">
        <a-row :gutter="[16, 8]">
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="اتصال ته‌حساب">
              <a-select
                v-model:value="connectionId"
                :options="connections.map((c) => ({ value: c.id, label: c.label }))"
                placeholder="اتصال"
                allow-clear
              />
            </a-form-item>
          </a-col>
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="از تاریخ">
              <JalaliDateInput v-model="fromDate" placeholder="از" />
            </a-form-item>
          </a-col>
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="تا تاریخ">
              <JalaliDateInput v-model="toDate" placeholder="تا" />
            </a-form-item>
          </a-col>
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="گروه مشتری">
              <a-select
                v-model:value="groupIds"
                mode="multiple"
                allow-clear
                placeholder="همه گروه‌ها"
                :options="(customerGroups as CustomerGroupDto[]).map((g) => ({ value: g.id, label: g.name }))"
                :max-tag-count="2"
              />
            </a-form-item>
          </a-col>
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="نوع سند">
              <a-select
                v-model:value="kinds"
                mode="multiple"
                :options="kindOptions"
                placeholder="نوع"
                :max-tag-count="2"
              />
            </a-form-item>
          </a-col>
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="فلز">
              <a-select
                v-model:value="jensFelez"
                allow-clear
                placeholder="همه"
                :options="metalOptions"
              />
            </a-form-item>
          </a-col>
          <a-col :xs="24" :sm="12" :md="8" :lg="6">
            <a-form-item label="شخص">
              <a-select
                v-model:value="personId"
                show-search
                allow-clear
                placeholder="جستجوی نام…"
                :filter-option="false"
                :options="personOptions"
                @search="searchPeople"
              />
            </a-form-item>
          </a-col>
        </a-row>
      </a-form>
    </a-card>

    <a-row v-if="summary" :gutter="[16, 16]">
      <a-col :xs="24" :sm="8">
        <a-card :bordered="false">
          <a-statistic title="تعداد ردیف" :value="summary.totalLines" />
        </a-card>
      </a-col>
      <a-col :xs="24" :sm="8">
        <a-card :bordered="false">
          <a-statistic title="جمع مبلغ" :value="formatMali(summary.maliSum)" />
        </a-card>
      </a-col>
      <a-col :xs="24" :sm="8">
        <a-card :bordered="false">
          <a-statistic title="جمع وزن" :value="formatNum(summary.vaznSum)" />
        </a-card>
      </a-col>
    </a-row>

    <a-row v-if="summary?.byKind?.length" :gutter="[16, 16]">
      <a-col :xs="24" :lg="12">
        <a-card :bordered="false" title="به تفکیک نوع">
          <a-list
            :data-source="summary.byKind"
            item-layout="horizontal"
            size="small"
          >
            <template #renderItem="{ item }">
              <a-list-item>
                <a-list-item-meta :title="item.label">
                  <template #description>
                    {{ toFaDigits(String(item.lineCount)) }} ردیف ·
                    {{ formatMali(item.maliSum) }} · وزن {{ formatNum(item.vaznSum) }}
                  </template>
                </a-list-item-meta>
              </a-list-item>
            </template>
          </a-list>
        </a-card>
      </a-col>
      <a-col :xs="24" :lg="12">
        <a-card :bordered="false" title="به تفکیک گروه">
          <a-list
            :data-source="summary.byGroup.slice(0, 8)"
            item-layout="horizontal"
            size="small"
          >
            <template #renderItem="{ item }">
              <a-list-item>
                <a-list-item-meta :title="item.label">
                  <template #description>
                    {{ toFaDigits(String(item.lineCount)) }} ردیف ·
                    {{ formatMali(item.maliSum) }}
                  </template>
                </a-list-item-meta>
              </a-list-item>
            </template>
          </a-list>
        </a-card>
      </a-col>
    </a-row>

    <a-card v-if="summary?.distinctNos?.length" :bordered="false" title="مقادیر خام NO در این بازه">
      <a-space wrap>
        <a-tag v-for="no in summary.distinctNos" :key="no">{{ no }}</a-tag>
      </a-space>
    </a-card>

    <a-card :bordered="false" title="ردیف‌ها">
      <a-table
        :columns="columns"
        :data-source="report?.items ?? []"
        :loading="loading"
        :pagination="{
          current: page,
          pageSize,
          total: report?.total ?? 0,
          showSizeChanger: true,
          pageSizeOptions: ['20', '50', '100'],
        }"
        row-key="id"
        :scroll="{ x: 1100 }"
        @change="onTableChange"
      />
    </a-card>
  </a-flex>
</template>