feat(tahesab): sales report snapshot with org-module gate
Sync linked asnad into CRM, filter by group/kind/metal, and require the tahesab superadmin module plus reports role access.
This commit is contained in:
@@ -1139,6 +1139,14 @@ const activityMax = computed(() =>
|
||||
lead="نمای جامع عملکرد فروش، مشتریان، فعالیتها و تیم"
|
||||
>
|
||||
<template #actions>
|
||||
<UiButton
|
||||
v-if="auth.user?.enabledModules?.includes('tahesab')"
|
||||
variant="secondary"
|
||||
@click="router.push({ name: 'tahesab-sales-report' })"
|
||||
>
|
||||
<UiIcon name="chart" :size="16" />
|
||||
فروش تهحساب
|
||||
</UiButton>
|
||||
<UiButton variant="secondary" @click="openSaveModal">
|
||||
<UiIcon name="layers" :size="16" />
|
||||
ذخیره نما
|
||||
|
||||
@@ -0,0 +1,502 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user