Merge remote-tracking branch 'origin/master'
This commit is contained in:
M_Kececi
@@ -303,6 +303,14 @@ body {
|
||||
margin-left: 0; width: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.body--drawer-left-open .q-page-container,
|
||||
.body--drawer-left-closed .q-page-container {
|
||||
margin-left: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* 🔸 Yatay scroll sadece grid alanında */
|
||||
.order-scroll-x {
|
||||
flex: 1;
|
||||
|
||||
@@ -129,9 +129,9 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, computed, onMounted } from 'vue'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { Dialog } from 'quasar'
|
||||
import { ref, computed, onMounted, watch } from 'vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { Dialog, useQuasar } from 'quasar'
|
||||
|
||||
import { useAuthStore } from 'stores/authStore'
|
||||
import { usePermissionStore } from 'stores/permissionStore'
|
||||
@@ -140,13 +140,15 @@ import { usePermissionStore } from 'stores/permissionStore'
|
||||
/* ================= STORES ================= */
|
||||
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
const $q = useQuasar()
|
||||
const auth = useAuthStore()
|
||||
const perm = usePermissionStore()
|
||||
|
||||
|
||||
/* ================= UI ================= */
|
||||
|
||||
const leftDrawerOpen = ref(true)
|
||||
const leftDrawerOpen = ref(!$q.screen.lt.md)
|
||||
|
||||
function toggleLeftDrawer () {
|
||||
leftDrawerOpen.value = !leftDrawerOpen.value
|
||||
@@ -172,8 +174,18 @@ onMounted(async () => {
|
||||
if (!perm.loaded) {
|
||||
await perm.fetchPermissions()
|
||||
}
|
||||
leftDrawerOpen.value = !$q.screen.lt.md
|
||||
})
|
||||
|
||||
watch(
|
||||
() => route.fullPath,
|
||||
() => {
|
||||
if ($q.screen.lt.md) {
|
||||
leftDrawerOpen.value = false
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
|
||||
/* ================= MENU CONFIG ================= */
|
||||
|
||||
|
||||
@@ -1,102 +1,454 @@
|
||||
<template>
|
||||
<q-page v-if="canReadFinance" class="q-px-md q-pb-md page-col statement-page">
|
||||
<div class="local-filter-bar compact-filter q-pa-sm q-mb-xs">
|
||||
<div class="row q-col-gutter-sm items-end">
|
||||
<div class="col-12 col-md-5">
|
||||
<q-select
|
||||
v-model="selectedCari"
|
||||
:options="filteredOptions"
|
||||
label="Cari kod / isim"
|
||||
filled
|
||||
dense
|
||||
clearable
|
||||
use-input
|
||||
input-debounce="300"
|
||||
@filter="filterCari"
|
||||
emit-value
|
||||
map-options
|
||||
:loading="accountStore.loading"
|
||||
option-value="value"
|
||||
option-label="label"
|
||||
behavior="menu"
|
||||
:keep-selected="true"
|
||||
/>
|
||||
</div>
|
||||
<q-page v-if="canReadFinance" class="q-pa-md page-layout">
|
||||
<div class="filter-sticky" :class="{ collapsed: filtersCollapsed }">
|
||||
<div class="top-actions row q-col-gutter-sm items-end q-mb-sm" :class="{ 'single-line': filtersCollapsed }">
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-input v-model="dateTo" label="Son tarih" filled dense clearable readonly>
|
||||
<template #append>
|
||||
<q-icon name="event" class="cursor-pointer">
|
||||
<q-popup-proxy cover transition-show="scale" transition-hide="scale">
|
||||
<q-date v-model="dateTo" mask="YYYY-MM-DD" locale="tr-TR" />
|
||||
</q-popup-proxy>
|
||||
</q-icon>
|
||||
</template>
|
||||
</q-input>
|
||||
</div>
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<q-select
|
||||
v-model="selectedMonType"
|
||||
:options="monetaryTypeOptions"
|
||||
label="Parasal İşlem Tipi"
|
||||
emit-value
|
||||
map-options
|
||||
<q-input
|
||||
v-model="store.filters.selectedDate"
|
||||
label="Tarih (Bugün)"
|
||||
filled
|
||||
dense
|
||||
readonly
|
||||
disable
|
||||
/>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<q-btn color="primary" icon="filter_alt" label="Filtrele" @click="onFilterClick" />
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<q-toggle
|
||||
v-model="store.filters.excludeZeroBalance12"
|
||||
dense
|
||||
label="1_2 Bakiyesi Sıfır Olanları Alma"
|
||||
@update:model-value="onToggle12Changed"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-3">
|
||||
<q-toggle
|
||||
v-model="store.filters.excludeZeroBalance13"
|
||||
dense
|
||||
label="1_3 Bakiyesi Sıfır Olanları Alma"
|
||||
@update:model-value="onToggle13Changed"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-auto">
|
||||
<q-btn flat color="grey-8" icon="restart_alt" label="Sıfırla" @click="resetFilters" />
|
||||
<q-btn
|
||||
color="primary"
|
||||
icon="download"
|
||||
label="Verileri Yenile"
|
||||
:loading="store.loading"
|
||||
@click="store.fetchBalances()"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-auto">
|
||||
<q-btn
|
||||
flat
|
||||
color="grey-8"
|
||||
icon="restart_alt"
|
||||
label="Sıfırla"
|
||||
@click="onReset"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-slide-transition>
|
||||
<div v-show="!filtersCollapsed" class="filters-panel q-pa-sm q-mb-md">
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<q-input
|
||||
v-model="store.filters.cariSearch"
|
||||
filled
|
||||
dense
|
||||
label="Cari Kodu / Cari Adı"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.cariIlkGrup"
|
||||
:options="store.cariIlkGrupOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="Cari İlk Grup"
|
||||
:display-value="selectionLabel(store.filters.cariIlkGrup, 'Cari İlk Grup')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('cariIlkGrup', store.cariIlkGrupOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('cariIlkGrup')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.piyasa"
|
||||
:options="store.piyasaOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="Piyasa"
|
||||
:display-value="selectionLabel(store.filters.piyasa, 'Piyasa')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('piyasa', store.piyasaOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('piyasa')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.temsilci"
|
||||
:options="store.temsilciOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="Temsilci"
|
||||
:display-value="selectionLabel(store.filters.temsilci, 'Temsilci')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('temsilci', store.temsilciOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('temsilci')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.riskDurumu"
|
||||
:options="store.riskDurumuOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="Risk Durumu"
|
||||
:display-value="selectionLabel(store.filters.riskDurumu, 'Risk Durumu')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('riskDurumu', store.riskDurumuOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('riskDurumu')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.islemTipi"
|
||||
:options="islemTipiOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="İşlem Tipi"
|
||||
:display-value="selectionLabel(store.filters.islemTipi, 'İşlem Tipi')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('islemTipi', islemTipiOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('islemTipi')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.ulke"
|
||||
:options="store.ulkeOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="Ülke"
|
||||
:display-value="selectionLabel(store.filters.ulke, 'Ülke')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('ulke', store.ulkeOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('ulke')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.il"
|
||||
:options="store.ilOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="İl"
|
||||
:display-value="selectionLabel(store.filters.il, 'İl')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('il', store.ilOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('il')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-select
|
||||
v-model="store.filters.ilce"
|
||||
:options="store.ilceOptions"
|
||||
multiple
|
||||
emit-value
|
||||
map-options
|
||||
filled
|
||||
dense
|
||||
options-dense
|
||||
class="compact-select"
|
||||
label="İlçe"
|
||||
:display-value="selectionLabel(store.filters.ilce, 'İlçe')"
|
||||
>
|
||||
<template #before-options>
|
||||
<q-item clickable dense @click.stop="store.selectAll('ilce', store.ilceOptions)">
|
||||
<q-item-section>Tümünü Seç</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable dense @click.stop="store.clearAll('ilce')">
|
||||
<q-item-section>Tümünü Temizle</q-item-section>
|
||||
</q-item>
|
||||
<q-separator />
|
||||
</template>
|
||||
<template #option="scope">
|
||||
<q-item v-bind="scope.itemProps">
|
||||
<q-item-section avatar>
|
||||
<q-checkbox :model-value="scope.selected" />
|
||||
</q-item-section>
|
||||
<q-item-section>
|
||||
<q-item-label>{{ scope.opt.label }}</q-item-label>
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</template>
|
||||
</q-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-slide-transition>
|
||||
|
||||
<q-banner v-if="store.error" class="bg-red-1 text-negative q-mb-md rounded-borders">
|
||||
{{ store.error }}
|
||||
</q-banner>
|
||||
|
||||
<q-banner v-if="!store.hasFetched && !store.loading" class="bg-blue-1 text-primary q-mb-md rounded-borders">
|
||||
Veriler bugünün cache tablosundan okunur. Verileri Yenile ile tekrar yükleyebilirsiniz.
|
||||
</q-banner>
|
||||
</div>
|
||||
|
||||
<div class="table-scroll">
|
||||
<div class="sticky-bar row justify-end items-center q-pa-sm bg-grey-1">
|
||||
<q-btn
|
||||
flat
|
||||
color="secondary"
|
||||
icon="list"
|
||||
:label="allDetailsOpen ? 'Tüm Detayları Kapat' : 'Tüm Detayları Aç'"
|
||||
@click="toggleAllDetails"
|
||||
/>
|
||||
<div class="table-area">
|
||||
<div class="sticky-bar row justify-between items-center q-pa-sm bg-grey-1">
|
||||
<div />
|
||||
<div class="row items-center q-gutter-sm">
|
||||
<q-btn
|
||||
flat
|
||||
color="secondary"
|
||||
icon="list"
|
||||
:label="allDetailsOpen ? 'Tüm Detayları Kapat' : 'Tüm Detayları Aç'"
|
||||
@click="toggleAllDetails"
|
||||
/>
|
||||
<q-btn-dropdown
|
||||
v-if="canExportFinance"
|
||||
flat
|
||||
color="red"
|
||||
icon="picture_as_pdf"
|
||||
label="Yazdır"
|
||||
>
|
||||
<q-list style="min-width: 240px">
|
||||
<q-item clickable v-close-popup @click="downloadAgingBalancePDF(true)">
|
||||
<q-item-section class="text-primary">
|
||||
Detaylı Cari Yaşlandırmalı Bakiye Listesi Yazdır
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
<q-item clickable v-close-popup @click="downloadAgingBalancePDF(false)">
|
||||
<q-item-section class="text-secondary">
|
||||
Detaysız Cari Yaşlandırmalı Bakiye Listesi Yazdır
|
||||
</q-item-section>
|
||||
</q-item>
|
||||
</q-list>
|
||||
</q-btn-dropdown>
|
||||
<q-btn
|
||||
v-if="canExportFinance"
|
||||
flat
|
||||
color="green-8"
|
||||
icon="table_view"
|
||||
label="Excel"
|
||||
@click="downloadAgingBalanceExcel"
|
||||
/>
|
||||
<q-btn
|
||||
flat
|
||||
color="primary"
|
||||
:icon="filtersCollapsed ? 'unfold_more' : 'unfold_less'"
|
||||
:label="filtersCollapsed ? 'Filtreleri Genişlet' : 'Filtreleri Daralt'"
|
||||
@click="toggleFiltersCollapsed"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<q-table
|
||||
class="sticky-table statement-table"
|
||||
title="Cari Yaşlandırmalı Ekstre"
|
||||
:rows="agingStore.masterRows"
|
||||
:columns="masterColumns"
|
||||
title="Cari Yaşlandırmalı Cari Bakiye Listesi"
|
||||
:rows="store.summaryRows"
|
||||
:columns="summaryColumns"
|
||||
row-key="group_key"
|
||||
:loading="store.loading"
|
||||
flat
|
||||
bordered
|
||||
dense
|
||||
hide-bottom
|
||||
wrap-cells
|
||||
separator="cell"
|
||||
hide-bottom
|
||||
:rows-per-page-options="[0]"
|
||||
:loading="agingStore.loading"
|
||||
:pagination="{ rowsPerPage: 0 }"
|
||||
:table-style="{ tableLayout: 'fixed', width: '100%' }"
|
||||
class="balance-table"
|
||||
>
|
||||
<template #top-right>
|
||||
<q-btn
|
||||
color="red"
|
||||
text-color="white"
|
||||
icon="picture_as_pdf"
|
||||
label="Detaylı PDF Yazdır"
|
||||
@click="downloadAgingPDF"
|
||||
/>
|
||||
</template>
|
||||
|
||||
<template #header="props">
|
||||
<q-tr :props="props" class="header-row">
|
||||
<q-th v-for="col in props.cols" :key="col.name" :props="props">{{ col.label }}</q-th>
|
||||
<q-th v-for="col in props.cols" :key="col.name" :props="props">
|
||||
{{ col.label }}
|
||||
</q-th>
|
||||
</q-tr>
|
||||
<q-tr class="totals-row">
|
||||
<q-th
|
||||
v-for="col in props.cols"
|
||||
:key="`tot-${col.name}`"
|
||||
:class="col.align === 'right' ? 'text-right' : ''"
|
||||
>
|
||||
{{ totalCellValue(col.name) }}
|
||||
</q-th>
|
||||
</q-tr>
|
||||
</template>
|
||||
|
||||
<template #body="props">
|
||||
<q-tr :props="props" class="master-row">
|
||||
<q-tr :props="props" class="sub-header-row">
|
||||
<q-td v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<q-btn
|
||||
v-if="col.name === 'expand'"
|
||||
@@ -104,319 +456,287 @@
|
||||
flat
|
||||
round
|
||||
size="sm"
|
||||
:icon="masterExpanded[props.row.group_key] ? 'expand_less' : 'expand_more'"
|
||||
@click="toggleMaster(props.row.group_key)"
|
||||
:icon="expanded[props.row.group_key] ? 'expand_less' : 'expand_more'"
|
||||
@click="toggleGroup(props.row.group_key)"
|
||||
/>
|
||||
<span
|
||||
v-else-if="masterNumericCols.includes(col.name)"
|
||||
:class="['block', masterCenteredCols.includes(col.name) ? 'text-center' : 'text-right']"
|
||||
>
|
||||
{{ masterDayCols.includes(col.name) ? formatDay(props.row[col.field]) : formatAmount(props.row[col.field]) }}
|
||||
<span v-else-if="col.name === 'prbr_1_2'" class="text-right block prbr-cell">
|
||||
{{ formatCurrencyMap(props.row.bakiye_1_2_map) }}
|
||||
</span>
|
||||
<span v-else>{{ props.row[col.field] ?? '-' }}</span>
|
||||
<span v-else-if="col.name === 'prbr_1_3'" class="text-right block prbr-cell">
|
||||
{{ formatCurrencyMap(props.row.bakiye_1_3_map) }}
|
||||
</span>
|
||||
<span v-else-if="staticMoneyFields.includes(col.name)" class="text-center block">
|
||||
{{ formatAmount(props.row[col.field]) }}
|
||||
</span>
|
||||
<span v-else-if="dayFields.includes(col.name)" class="text-center block">
|
||||
{{ formatDay(props.row[col.field]) }}
|
||||
</span>
|
||||
<span v-else>{{ props.row[col.field] || '-' }}</span>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
|
||||
<q-tr v-if="masterExpanded[props.row.group_key]" class="master-sub-row">
|
||||
<q-td colspan="100%" class="q-pa-none">
|
||||
<div class="currency-groups">
|
||||
<div class="currency-level-head">
|
||||
<div class="cgh-cell cgh-expand"></div>
|
||||
<div class="cgh-cell cgh-code">Ana Cari Kod</div>
|
||||
<div class="cgh-cell cgh-code">Ana Cari Detay</div>
|
||||
<div class="cgh-cell cgh-code">Döviz Cinsi</div>
|
||||
<div class="cgh-cell cgh-num">Açık Kalem Tutarı</div>
|
||||
<div class="cgh-cell cgh-num">Açık Kalem USD</div>
|
||||
<div class="cgh-cell cgh-num">Açık Kalem TRY</div>
|
||||
<div class="cgh-cell cgh-center">Ort Gün</div>
|
||||
<div class="cgh-cell cgh-center">Ort Belge Gün</div>
|
||||
</div>
|
||||
<div
|
||||
v-for="currRow in agingStore.getCurrenciesByMaster(props.row.group_key)"
|
||||
:key="currRow.group_key"
|
||||
class="currency-group"
|
||||
<q-tr v-if="expanded[props.row.group_key]" class="detail-host-row">
|
||||
<q-td colspan="100%">
|
||||
<div class="detail-wrap">
|
||||
<q-table
|
||||
:rows="store.getDetailsByGroup(props.row.group_key)"
|
||||
:columns="detailColumns"
|
||||
row-key="cari_kodu"
|
||||
dense
|
||||
flat
|
||||
bordered
|
||||
hide-bottom
|
||||
:table-style="{ tableLayout: 'fixed', width: '100%' }"
|
||||
class="detail-table"
|
||||
>
|
||||
<div class="currency-group-header">
|
||||
<div class="cgh-cell cgh-expand">
|
||||
<q-btn
|
||||
dense
|
||||
flat
|
||||
round
|
||||
size="sm"
|
||||
:icon="currencyExpanded[currRow.group_key] ? 'expand_less' : 'expand_more'"
|
||||
@click="toggleCurrency(currRow.group_key)"
|
||||
/>
|
||||
</div>
|
||||
<div class="cgh-cell cgh-code">{{ currRow.cari8 }}</div>
|
||||
<div class="cgh-cell cgh-code">{{ currRow.cari_detay || '-' }}</div>
|
||||
<div class="cgh-cell cgh-code">{{ currRow.doviz_cinsi }}</div>
|
||||
<div class="cgh-cell cgh-num">{{ formatAmount(currRow.acik_kalem_tutari) }}</div>
|
||||
<div class="cgh-cell cgh-num">{{ formatAmount(currRow.acik_kalem_usd) }}</div>
|
||||
<div class="cgh-cell cgh-num">{{ formatAmount(currRow.acik_kalem_try) }}</div>
|
||||
<div class="cgh-cell cgh-center">{{ formatDay(currRow.ort_gun) }}</div>
|
||||
<div class="cgh-cell cgh-center">{{ formatDay(currRow.ort_belge_gun) }}</div>
|
||||
</div>
|
||||
|
||||
<div v-if="currencyExpanded[currRow.group_key]" class="detail-host-row">
|
||||
<q-table
|
||||
:rows="agingStore.getDetailsByCurrency(currRow.group_key)"
|
||||
:columns="detailColumns"
|
||||
row-key="detail_key"
|
||||
flat
|
||||
dense
|
||||
bordered
|
||||
hide-bottom
|
||||
:rows-per-page-options="[0]"
|
||||
:pagination="{ rowsPerPage: 0 }"
|
||||
class="detail-subtable"
|
||||
:table-style="{ minWidth: '1500px' }"
|
||||
>
|
||||
<template #body-cell-eslesen_tutar="d">
|
||||
<q-td :props="d" class="text-right">{{ formatAmount(d.row.eslesen_tutar) }}</q-td>
|
||||
</template>
|
||||
<template #body-cell-usd_tutar="d">
|
||||
<q-td :props="d" class="text-right">{{ formatAmount(d.row.usd_tutar) }}</q-td>
|
||||
</template>
|
||||
<template #body-cell-try_tutar="d">
|
||||
<q-td :props="d" class="text-right">{{ formatAmount(d.row.try_tutar) }}</q-td>
|
||||
</template>
|
||||
<template #body-cell-gun_sayisi="d">
|
||||
<q-td :props="d" class="text-center">{{ formatDay(d.row.gun_sayisi) }}</q-td>
|
||||
</template>
|
||||
<template #body-cell-gun_sayisi_docdate="d">
|
||||
<q-td :props="d" class="text-center">{{ formatDay(d.row.gun_sayisi_docdate) }}</q-td>
|
||||
</template>
|
||||
<template #body-cell-gun_kur="d">
|
||||
<q-td :props="d" class="text-center">{{ formatAmount(d.row.gun_kur, 2) }}</q-td>
|
||||
</template>
|
||||
<template #body-cell-aciklama="d">
|
||||
<q-td :props="d" class="text-center">{{ d.row.aciklama || '-' }}</q-td>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
</div>
|
||||
<template #body-cell-prbr_1_2="scope">
|
||||
<q-td :props="scope" class="text-right prbr-cell">
|
||||
{{ formatRowPrBr(scope.row, '1_2') }}
|
||||
</q-td>
|
||||
</template>
|
||||
<template #body-cell-prbr_1_3="scope">
|
||||
<q-td :props="scope" class="text-right prbr-cell">
|
||||
{{ formatRowPrBr(scope.row, '1_3') }}
|
||||
</q-td>
|
||||
</template>
|
||||
<template #body-cell-vade_gun="scope">
|
||||
<q-td :props="scope" class="text-center">
|
||||
{{ formatDay(scope.row.vade_gun) }}
|
||||
</q-td>
|
||||
</template>
|
||||
<template #body-cell-vade_belge_tarihi_gun="scope">
|
||||
<q-td :props="scope" class="text-center">
|
||||
{{ formatDay(scope.row.vade_belge_tarihi_gun) }}
|
||||
</q-td>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
</q-td>
|
||||
</q-tr>
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
|
||||
</q-page>
|
||||
|
||||
<q-page v-else class="q-pa-md flex flex-center">
|
||||
<div class="text-negative text-subtitle1">Bu modüle erişim yetkiniz yok.</div>
|
||||
<div class="text-negative text-subtitle1">
|
||||
Bu modüle erişim yetkiniz yok.
|
||||
</div>
|
||||
</q-page>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { computed, ref } from 'vue'
|
||||
import { useQuasar } from 'quasar'
|
||||
import dayjs from 'dayjs'
|
||||
import { onMounted } from 'vue'
|
||||
import { useAccountAgingBalanceStore } from 'src/stores/accountAgingBalanceStore'
|
||||
import { usePermission } from 'src/composables/usePermission'
|
||||
import { useAccountStore } from 'src/stores/accountStore'
|
||||
import { useStatementAgingStore } from 'src/stores/statementAgingStore'
|
||||
import { download, extractApiErrorDetail } from 'src/services/api'
|
||||
|
||||
const store = useAccountAgingBalanceStore()
|
||||
const expanded = ref({})
|
||||
const allDetailsOpen = ref(false)
|
||||
const filtersCollapsed = ref(false)
|
||||
const $q = useQuasar()
|
||||
|
||||
const { canRead, canExport } = usePermission()
|
||||
const canReadFinance = canRead('finance')
|
||||
const canExportFinance = canExport('finance')
|
||||
|
||||
const $q = useQuasar()
|
||||
const accountStore = useAccountStore()
|
||||
const agingStore = useStatementAgingStore()
|
||||
|
||||
const selectedCari = ref(null)
|
||||
const filteredOptions = ref([])
|
||||
const dateTo = ref(dayjs().format('YYYY-MM-DD'))
|
||||
|
||||
const masterExpanded = ref({})
|
||||
const currencyExpanded = ref({})
|
||||
const allDetailsOpen = ref(false)
|
||||
|
||||
const monetaryTypeOptions = [
|
||||
{ label: '1-2 hesap', value: ['1', '2'] },
|
||||
{ label: '1-3 r hesap', value: ['1', '3'] }
|
||||
]
|
||||
const selectedMonType = ref(monetaryTypeOptions[0].value)
|
||||
|
||||
const masterColumns = [
|
||||
{ name: 'expand', label: '', field: 'expand', align: 'center' },
|
||||
{ name: 'cari8', label: 'Ana Cari Kod', field: 'cari8', align: 'left', sortable: true },
|
||||
{ name: 'cari_detay', label: 'Ana Cari Detay', field: 'cari_detay', align: 'left', sortable: true },
|
||||
{ name: 'acik_kalem_tutari_usd', label: 'Açık Kalem Tutarı USD', field: 'acik_kalem_tutari_usd', align: 'right', sortable: true },
|
||||
{ name: 'acik_kalem_tutari_try', label: 'Açık Kalem Tutarı TRY', field: 'acik_kalem_tutari_try', align: 'right', sortable: true },
|
||||
{ name: 'acik_kalem_ort_vade_gun', label: 'Açık Kalem Ort Vade Gün', field: 'acik_kalem_ort_vade_gun', align: 'center', sortable: true },
|
||||
{ name: 'acik_kalem_ort_belge_gun', label: 'Açık Kalem Ort Belge Gün', field: 'acik_kalem_ort_belge_gun', align: 'center', sortable: true },
|
||||
{ name: 'normal_usd_tutar', label: 'Normal USD Tutar', field: 'normal_usd_tutar', align: 'right', sortable: true },
|
||||
{ name: 'normal_try_tutar', label: 'Normal TRY Tutar', field: 'normal_try_tutar', align: 'right', sortable: true },
|
||||
{ name: 'ortalama_vade_gun', label: 'Ortalama Vade Gün', field: 'ortalama_vade_gun', align: 'center', sortable: true },
|
||||
{ name: 'ortalama_belge_gun', label: 'Ortalama Belge Gün', field: 'ortalama_belge_gun', align: 'center', sortable: true }
|
||||
const islemTipiOptions = [
|
||||
{ label: '1_2 Bakiye Pr.Br', value: 'prbr_1_2' },
|
||||
{ label: '1_3 Bakiye Pr.Br', value: 'prbr_1_3' },
|
||||
{ label: '1_2 USD Bakiye', value: 'usd_1_2' },
|
||||
{ label: '1_2 TRY Bakiye', value: 'try_1_2' },
|
||||
{ label: '1_3 USD Bakiye', value: 'usd_1_3' },
|
||||
{ label: '1_3 TRY Bakiye', value: 'try_1_3' }
|
||||
]
|
||||
|
||||
const detailColumns = [
|
||||
{ name: 'fatura_cari', label: 'Fatura Cari', field: 'fatura_cari', align: 'left' },
|
||||
{ name: 'odeme_cari', label: 'Ödeme Cari', field: 'odeme_cari', align: 'left' },
|
||||
{ name: 'doc_currency_code', label: 'Döviz Cinsi', field: 'doc_currency_code', align: 'left' },
|
||||
{ name: 'fatura_ref', label: 'Fatura Ref', field: 'fatura_ref', align: 'left' },
|
||||
{ name: 'odeme_ref', label: 'Ödeme Ref', field: 'odeme_ref', align: 'left' },
|
||||
{ name: 'fatura_tarihi', label: 'Fatura Tarihi', field: 'fatura_tarihi', align: 'left' },
|
||||
{ name: 'odeme_tarihi', label: 'Ödeme Vade', field: 'odeme_tarihi', align: 'left' },
|
||||
{ name: 'odeme_doc_date', label: 'Ödeme DocDate', field: 'odeme_doc_date', align: 'left' },
|
||||
{ name: 'eslesen_tutar', label: 'Eşleşen Tutar', field: 'eslesen_tutar', align: 'right' },
|
||||
{ name: 'usd_tutar', label: 'USD Tutar', field: 'usd_tutar', align: 'right' },
|
||||
{ name: 'try_tutar', label: 'TRY Tutar', field: 'try_tutar', align: 'right' },
|
||||
{ name: 'aciklama', label: 'Açıklama', field: 'aciklama', align: 'center' },
|
||||
{ name: 'gun_sayisi', label: 'Gün', field: 'gun_sayisi', align: 'center' },
|
||||
{ name: 'gun_sayisi_docdate', label: 'Gün (DocDate)', field: 'gun_sayisi_docdate', align: 'center' },
|
||||
{ name: 'gun_kur', label: 'Gün Kur', field: 'gun_kur', align: 'center' }
|
||||
]
|
||||
const staticMoneyFields = ['usd_bakiye_1_2', 'tl_bakiye_1_2', 'usd_bakiye_1_3', 'tl_bakiye_1_3']
|
||||
const dayFields = ['vade_gun', 'vade_belge_tarihi_gun']
|
||||
|
||||
const masterNumericCols = ['acik_kalem_tutari_usd', 'acik_kalem_tutari_try', 'acik_kalem_ort_vade_gun', 'acik_kalem_ort_belge_gun', 'normal_usd_tutar', 'normal_try_tutar', 'ortalama_vade_gun', 'ortalama_belge_gun']
|
||||
const masterDayCols = ['acik_kalem_ort_vade_gun', 'acik_kalem_ort_belge_gun', 'ortalama_vade_gun', 'ortalama_belge_gun']
|
||||
const masterCenteredCols = ['acik_kalem_ort_vade_gun', 'acik_kalem_ort_belge_gun', 'ortalama_vade_gun', 'ortalama_belge_gun']
|
||||
function toNumericSortValue (value) {
|
||||
if (typeof value === 'number') {
|
||||
return Number.isFinite(value) ? value : 0
|
||||
}
|
||||
|
||||
function normalizeText(str) {
|
||||
return (str || '')
|
||||
.toString()
|
||||
.toLocaleLowerCase('tr-TR')
|
||||
.normalize('NFD')
|
||||
.replace(/[\u0300-\u036f]/g, '')
|
||||
.trim()
|
||||
}
|
||||
const s = String(value ?? '').trim()
|
||||
if (!s) return 0
|
||||
|
||||
function filterCari(val, update) {
|
||||
const needle = normalizeText(val)
|
||||
const hasComma = s.includes(',')
|
||||
const hasDot = s.includes('.')
|
||||
|
||||
update(() => {
|
||||
if (!needle) {
|
||||
filteredOptions.value = accountStore.accountOptions
|
||||
return
|
||||
let normalized = s.replace(/\s+/g, '')
|
||||
|
||||
if (hasComma && hasDot) {
|
||||
const lastComma = normalized.lastIndexOf(',')
|
||||
const lastDot = normalized.lastIndexOf('.')
|
||||
if (lastComma > lastDot) {
|
||||
normalized = normalized.replace(/\./g, '').replace(',', '.')
|
||||
} else {
|
||||
normalized = normalized.replace(/,/g, '')
|
||||
}
|
||||
} else if (hasComma) {
|
||||
normalized = normalized.replace(/\./g, '').replace(',', '.')
|
||||
}
|
||||
|
||||
filteredOptions.value = accountStore.accountOptions.filter(o => {
|
||||
const label = normalizeText(o.label)
|
||||
const value = normalizeText(o.value)
|
||||
return label.includes(needle) || value.includes(needle)
|
||||
})
|
||||
})
|
||||
const n = Number.parseFloat(normalized)
|
||||
return Number.isFinite(n) ? n : 0
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
await accountStore.fetchAccounts()
|
||||
filteredOptions.value = accountStore.accountOptions
|
||||
function sortTextTr (a, b) {
|
||||
return String(a ?? '').localeCompare(String(b ?? ''), 'tr', { sensitivity: 'base' })
|
||||
}
|
||||
|
||||
const metricDefs = {
|
||||
prbr_1_2: { name: 'prbr_1_2', label: '1_2 Bakiye\nPr.Br', field: 'prbr_1_2', align: 'right', sortable: false },
|
||||
prbr_1_3: { name: 'prbr_1_3', label: '1_3 Bakiye\nPr.Br', field: 'prbr_1_3', align: 'right', sortable: false },
|
||||
usd_1_2: { name: 'usd_bakiye_1_2', label: '1_2 USD_BAKIYE', field: 'usd_bakiye_1_2', align: 'center', sortable: true, sort: (a, b) => toNumericSortValue(a) - toNumericSortValue(b) },
|
||||
try_1_2: { name: 'tl_bakiye_1_2', label: '1_2 TRY_BAKIYE', field: 'tl_bakiye_1_2', align: 'center', sortable: true, sort: (a, b) => toNumericSortValue(a) - toNumericSortValue(b) },
|
||||
usd_1_3: { name: 'usd_bakiye_1_3', label: '1_3 USD_BAKIYE', field: 'usd_bakiye_1_3', align: 'center', sortable: true, sort: (a, b) => toNumericSortValue(a) - toNumericSortValue(b) },
|
||||
try_1_3: { name: 'tl_bakiye_1_3', label: '1_3 TRY_BAKIYE', field: 'tl_bakiye_1_3', align: 'center', sortable: true, sort: (a, b) => toNumericSortValue(a) - toNumericSortValue(b) }
|
||||
}
|
||||
|
||||
const selectedMetricKeys = computed(() => {
|
||||
const selected = store.filters.islemTipi || []
|
||||
if (!selected.length) return [...Object.keys(metricDefs)]
|
||||
return selected.filter((k) => k in metricDefs)
|
||||
})
|
||||
|
||||
async function onFilterClick() {
|
||||
if (!selectedCari.value || !dateTo.value) {
|
||||
$q.notify({
|
||||
type: 'warning',
|
||||
message: 'Lütfen cari ve son tarih seçiniz.',
|
||||
position: 'top-right'
|
||||
})
|
||||
const summaryColumns = computed(() => ([
|
||||
{ name: 'expand', label: '', field: 'expand', align: 'center', sortable: false },
|
||||
{ name: 'ana_cari_kodu', label: 'Ana Cari Kodu', field: 'ana_cari_kodu', align: 'left', sortable: true, sort: sortTextTr },
|
||||
{ name: 'ana_cari_adi', label: 'Ana Cari Detay', field: 'ana_cari_adi', align: 'left', sortable: true, sort: sortTextTr },
|
||||
{ name: 'piyasa', label: 'Piyasa', field: 'piyasa', align: 'left', sortable: true, sort: sortTextTr },
|
||||
{ name: 'temsilci', label: 'Temsilci', field: 'temsilci', align: 'left', sortable: true, sort: sortTextTr },
|
||||
{ name: 'risk_durumu', label: 'Risk Durumu', field: 'risk_durumu', align: 'left', sortable: true, sort: sortTextTr },
|
||||
...selectedMetricKeys.value.map((k) => metricDefs[k]),
|
||||
{ name: 'vade_gun', label: 'Vade Gun', field: 'vade_gun', align: 'center', sortable: true, sort: (a, b) => toNumericSortValue(a) - toNumericSortValue(b) },
|
||||
{ name: 'vade_belge_tarihi_gun', label: 'Belge Tarihi Gun', field: 'vade_belge_tarihi_gun', align: 'center', sortable: true, sort: (a, b) => toNumericSortValue(a) - toNumericSortValue(b) }
|
||||
]))
|
||||
|
||||
const liveTotals = computed(() => {
|
||||
return store.filteredRows.reduce((acc, row) => {
|
||||
acc.usd_bakiye_1_2 += Number(row.usd_bakiye_1_2) || 0
|
||||
acc.tl_bakiye_1_2 += Number(row.tl_bakiye_1_2) || 0
|
||||
acc.usd_bakiye_1_3 += Number(row.usd_bakiye_1_3) || 0
|
||||
acc.tl_bakiye_1_3 += Number(row.tl_bakiye_1_3) || 0
|
||||
const vadeGun = Number(row.vade_gun) || 0
|
||||
const vadeBelge = Number(row.vade_belge_tarihi_gun) || 0
|
||||
if (vadeGun !== 0 || vadeBelge !== 0) {
|
||||
acc.vade_count += 1
|
||||
acc.vade_gun_sum += vadeGun
|
||||
acc.vade_belge_sum += vadeBelge
|
||||
}
|
||||
return acc
|
||||
}, {
|
||||
usd_bakiye_1_2: 0,
|
||||
tl_bakiye_1_2: 0,
|
||||
usd_bakiye_1_3: 0,
|
||||
tl_bakiye_1_3: 0,
|
||||
vade_gun_sum: 0,
|
||||
vade_belge_sum: 0,
|
||||
vade_count: 0
|
||||
})
|
||||
})
|
||||
|
||||
const detailColumns = computed(() => [
|
||||
{ name: 'cari_kodu', label: 'Cari Kodu', field: 'cari_kodu', align: 'left' },
|
||||
{ name: 'cari_detay', label: 'Cari Detay', field: 'cari_detay', align: 'left' },
|
||||
{ name: 'sirket', label: 'Şirket', field: 'sirket', align: 'left' },
|
||||
{ name: 'sirket_detay', label: 'Şirket Detayı', field: 'sirket_detay', align: 'left' },
|
||||
{ name: 'muhasebe_kodu', label: 'Muhasebe Kodu', field: 'muhasebe_kodu', align: 'left' },
|
||||
{ name: 'piyasa', label: 'Piyasa', field: 'piyasa', align: 'left' },
|
||||
{ name: 'temsilci', label: 'Temsilci', field: 'temsilci', align: 'left' },
|
||||
{ name: 'risk_durumu', label: 'Risk Durumu', field: 'risk_durumu', align: 'left' },
|
||||
{ name: 'ozellik05', label: 'Ülke', field: 'ozellik05', align: 'left' },
|
||||
{ name: 'il', label: 'İl', field: 'il', align: 'left' },
|
||||
{ name: 'ilce', label: 'İlçe', field: 'ilce', align: 'left' },
|
||||
{ name: 'cari_doviz', label: 'Döviz', field: 'cari_doviz', align: 'left' },
|
||||
...selectedMetricKeys.value.map((k) => metricDefs[k]),
|
||||
{ name: 'vade_gun', label: 'Vade Gun', field: 'vade_gun', align: 'center' },
|
||||
{ name: 'vade_belge_tarihi_gun', label: 'Belge Tarihi Gun', field: 'vade_belge_tarihi_gun', align: 'center' }
|
||||
])
|
||||
|
||||
|
||||
function onReset () {
|
||||
store.resetFilters()
|
||||
store.fetchBalances()
|
||||
}
|
||||
|
||||
function onToggle12Changed (val) {
|
||||
if (val) {
|
||||
store.filters.excludeZeroBalance13 = false
|
||||
}
|
||||
}
|
||||
|
||||
function onToggle13Changed (val) {
|
||||
if (val) {
|
||||
store.filters.excludeZeroBalance12 = false
|
||||
}
|
||||
}
|
||||
|
||||
function toggleFiltersCollapsed () {
|
||||
filtersCollapsed.value = !filtersCollapsed.value
|
||||
}
|
||||
|
||||
|
||||
function toggleGroup (key) {
|
||||
expanded.value[key] = !expanded.value[key]
|
||||
if (!expanded.value[key]) {
|
||||
allDetailsOpen.value = false
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
await agingStore.load({
|
||||
accountcode: selectedCari.value,
|
||||
enddate: dateTo.value,
|
||||
parislemler: selectedMonType.value
|
||||
})
|
||||
|
||||
const m = {}
|
||||
const c = {}
|
||||
for (const row of agingStore.masterRows) {
|
||||
m[row.group_key] = true
|
||||
for (const cr of agingStore.getCurrenciesByMaster(row.group_key)) {
|
||||
c[cr.group_key] = true
|
||||
}
|
||||
}
|
||||
masterExpanded.value = m
|
||||
currencyExpanded.value = c
|
||||
allDetailsOpen.value = agingStore.masterRows.length > 0
|
||||
} catch (err) {
|
||||
const msg = await extractApiErrorDetail(err)
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: msg || 'Veriler yüklenemedi',
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
allDetailsOpen.value =
|
||||
store.summaryRows.length > 0 &&
|
||||
store.summaryRows.every(r => expanded.value[r.group_key])
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
selectedCari.value = null
|
||||
dateTo.value = dayjs().format('YYYY-MM-DD')
|
||||
selectedMonType.value = monetaryTypeOptions[0].value
|
||||
masterExpanded.value = {}
|
||||
currencyExpanded.value = {}
|
||||
allDetailsOpen.value = false
|
||||
agingStore.reset()
|
||||
}
|
||||
|
||||
function toggleMaster(key) {
|
||||
masterExpanded.value[key] = !masterExpanded.value[key]
|
||||
}
|
||||
|
||||
function toggleCurrency(key) {
|
||||
currencyExpanded.value[key] = !currencyExpanded.value[key]
|
||||
}
|
||||
|
||||
function toggleAllDetails() {
|
||||
function toggleAllDetails () {
|
||||
allDetailsOpen.value = !allDetailsOpen.value
|
||||
|
||||
if (!allDetailsOpen.value) {
|
||||
masterExpanded.value = {}
|
||||
currencyExpanded.value = {}
|
||||
if (allDetailsOpen.value) {
|
||||
const next = {}
|
||||
for (const row of store.summaryRows) {
|
||||
next[row.group_key] = true
|
||||
}
|
||||
expanded.value = next
|
||||
return
|
||||
}
|
||||
|
||||
const m = {}
|
||||
const c = {}
|
||||
for (const row of agingStore.masterRows) {
|
||||
m[row.group_key] = true
|
||||
for (const cr of agingStore.getCurrenciesByMaster(row.group_key)) {
|
||||
c[cr.group_key] = true
|
||||
}
|
||||
}
|
||||
masterExpanded.value = m
|
||||
currencyExpanded.value = c
|
||||
expanded.value = {}
|
||||
}
|
||||
|
||||
function formatAmount(value, fraction = 2) {
|
||||
const n = Number(value || 0)
|
||||
return new Intl.NumberFormat('tr-TR', {
|
||||
minimumFractionDigits: fraction,
|
||||
maximumFractionDigits: fraction
|
||||
}).format(n)
|
||||
}
|
||||
|
||||
function formatDay(value) {
|
||||
const n = Number(value || 0)
|
||||
const v = Number.isFinite(n) ? Math.ceil(n) : 0
|
||||
return new Intl.NumberFormat('tr-TR', {
|
||||
minimumFractionDigits: 0,
|
||||
maximumFractionDigits: 0
|
||||
}).format(v)
|
||||
}
|
||||
|
||||
async function downloadAgingPDF () {
|
||||
async function downloadAgingBalancePDF (detailed) {
|
||||
if (!canExportFinance.value) {
|
||||
$q.notify({ type: 'negative', message: 'PDF export yetkiniz yok', position: 'top-right' })
|
||||
return
|
||||
}
|
||||
|
||||
if (!selectedCari.value || !dateTo.value) {
|
||||
$q.notify({ type: 'warning', message: 'Lütfen cari ve son tarih seçiniz.', position: 'top-right' })
|
||||
if (!store.hasFetched) {
|
||||
$q.notify({ type: 'warning', message: 'Önce Bakiyeleri Getir ile veri yükleyin.', position: 'top-right' })
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const blob = await download('/finance/account-aging-statement/export-pdf', {
|
||||
accountcode: selectedCari.value,
|
||||
enddate: dateTo.value,
|
||||
parislemler: selectedMonType.value
|
||||
})
|
||||
const params = {
|
||||
cari_search: String(store.filters.cariSearch || '').trim(),
|
||||
cari_ilk_grup: (store.filters.cariIlkGrup || []).join(','),
|
||||
piyasa: (store.filters.piyasa || []).join(','),
|
||||
temsilci: (store.filters.temsilci || []).join(','),
|
||||
risk_durumu: (store.filters.riskDurumu || []).join(','),
|
||||
islem_tipi: (store.filters.islemTipi || []).join(','),
|
||||
ulke: (store.filters.ulke || []).join(','),
|
||||
il: (store.filters.il || []).join(','),
|
||||
ilce: (store.filters.ilce || []).join(','),
|
||||
exclude_zero_12: store.filters.excludeZeroBalance12 ? '1' : '0',
|
||||
exclude_zero_13: store.filters.excludeZeroBalance13 ? '1' : '0',
|
||||
detailed: detailed ? '1' : '0'
|
||||
}
|
||||
|
||||
const blob = await download('/finance/account-aging-statement/export-pdf', params)
|
||||
const pdfUrl = window.URL.createObjectURL(new Blob([blob], { type: 'application/pdf' }))
|
||||
window.open(pdfUrl, '_blank')
|
||||
} catch (err) {
|
||||
@@ -428,245 +748,311 @@ async function downloadAgingPDF () {
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
async function downloadAgingBalanceExcel () {
|
||||
if (!canExportFinance.value) {
|
||||
$q.notify({ type: 'negative', message: 'Excel export yetkiniz yok', position: 'top-right' })
|
||||
return
|
||||
}
|
||||
|
||||
if (!store.hasFetched) {
|
||||
$q.notify({ type: 'warning', message: 'Önce Bakiyeleri Getir ile veri yükleyin.', position: 'top-right' })
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const params = {
|
||||
cari_search: String(store.filters.cariSearch || '').trim(),
|
||||
cari_ilk_grup: (store.filters.cariIlkGrup || []).join(','),
|
||||
piyasa: (store.filters.piyasa || []).join(','),
|
||||
temsilci: (store.filters.temsilci || []).join(','),
|
||||
risk_durumu: (store.filters.riskDurumu || []).join(','),
|
||||
islem_tipi: (store.filters.islemTipi || []).join(','),
|
||||
ulke: (store.filters.ulke || []).join(','),
|
||||
il: (store.filters.il || []).join(','),
|
||||
ilce: (store.filters.ilce || []).join(','),
|
||||
exclude_zero_12: store.filters.excludeZeroBalance12 ? '1' : '0',
|
||||
exclude_zero_13: store.filters.excludeZeroBalance13 ? '1' : '0'
|
||||
}
|
||||
|
||||
const file = await download('/finance/account-aging-statement/export-excel', params)
|
||||
const blob = new Blob(
|
||||
[file],
|
||||
{ type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }
|
||||
)
|
||||
const url = window.URL.createObjectURL(blob)
|
||||
const a = document.createElement('a')
|
||||
a.href = url
|
||||
a.download = 'cari_yaslandirmali_bakiye_listesi.xlsx'
|
||||
document.body.appendChild(a)
|
||||
a.click()
|
||||
a.remove()
|
||||
window.URL.revokeObjectURL(url)
|
||||
} catch (err) {
|
||||
const detail = await extractApiErrorDetail(err?.original || err)
|
||||
$q.notify({
|
||||
type: 'negative',
|
||||
message: detail || 'Excel oluşturulamadı',
|
||||
position: 'top-right'
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function formatAmount (value) {
|
||||
const n = Number(value || 0)
|
||||
return new Intl.NumberFormat('tr-TR', {
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2
|
||||
}).format(n)
|
||||
}
|
||||
|
||||
function formatDay (value) {
|
||||
const n = Number(value || 0)
|
||||
return new Intl.NumberFormat('tr-TR', {
|
||||
minimumFractionDigits: 2,
|
||||
maximumFractionDigits: 2
|
||||
}).format(n)
|
||||
}
|
||||
|
||||
function selectionLabel (arr, label) {
|
||||
const count = Array.isArray(arr) ? arr.length : 0
|
||||
if (count === 0) return `Tümü (${label})`
|
||||
if (count === 1) return '1 seçim'
|
||||
return `${count} seçim`
|
||||
}
|
||||
|
||||
function totalCellValue (colName) {
|
||||
if (colName === 'expand') return 'Toplam'
|
||||
if (colName === 'piyasa') return '-'
|
||||
if (colName === 'temsilci') return '-'
|
||||
if (colName === 'risk_durumu') return '-'
|
||||
if (colName === 'prbr_1_2') return formatCurrencyMap(totalByCurrency('1_2'))
|
||||
if (colName === 'prbr_1_3') return formatCurrencyMap(totalByCurrency('1_3'))
|
||||
if (colName === 'usd_bakiye_1_2') return formatAmount(liveTotals.value.usd_bakiye_1_2)
|
||||
if (colName === 'tl_bakiye_1_2') return formatAmount(liveTotals.value.tl_bakiye_1_2)
|
||||
if (colName === 'usd_bakiye_1_3') return formatAmount(liveTotals.value.usd_bakiye_1_3)
|
||||
if (colName === 'tl_bakiye_1_3') return formatAmount(liveTotals.value.tl_bakiye_1_3)
|
||||
if (colName === 'vade_gun') return formatDay(liveTotals.value.vade_count > 0 ? liveTotals.value.vade_gun_sum / liveTotals.value.vade_count : 0)
|
||||
if (colName === 'vade_belge_tarihi_gun') return formatDay(liveTotals.value.vade_count > 0 ? liveTotals.value.vade_belge_sum / liveTotals.value.vade_count : 0)
|
||||
return '-'
|
||||
}
|
||||
|
||||
function totalByCurrency (tip) {
|
||||
const key = tip === '1_2' ? 'bakiye_1_2_map' : 'bakiye_1_3_map'
|
||||
const out = {}
|
||||
|
||||
for (const r of store.summaryRows) {
|
||||
const m = r[key] || {}
|
||||
for (const [curr, val] of Object.entries(m)) {
|
||||
out[curr] = (Number(out[curr]) || 0) + (Number(val) || 0)
|
||||
}
|
||||
}
|
||||
|
||||
return out
|
||||
}
|
||||
|
||||
function formatCurrencyMap (mapObj) {
|
||||
const entries = Object.entries(mapObj || {})
|
||||
.filter(([, amount]) => Number(amount) !== 0)
|
||||
.sort((a, b) => a[0].localeCompare(b[0], 'en'))
|
||||
|
||||
if (!entries.length) return '-'
|
||||
return entries
|
||||
.map(([curr, amount]) => `${curr}: ${formatAmount(amount)}`)
|
||||
.join('\n')
|
||||
}
|
||||
|
||||
function formatRowPrBr (row, tip) {
|
||||
const curr = String(row.cari_doviz || '').trim().toUpperCase() || 'N/A'
|
||||
|
||||
const amount = tip === '1_2'
|
||||
? (Number(row.bakiye_1_2) || 0)
|
||||
: (Number(row.bakiye_1_3) || 0)
|
||||
|
||||
if (amount === 0) return '-'
|
||||
return `${curr} ${formatAmount(amount)}`
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
store.filters.selectedDate = new Date().toISOString().slice(0, 10)
|
||||
await store.fetchBalances()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.statement-page {
|
||||
--master-head-h: 34px;
|
||||
--lvl2-head-h: 34px;
|
||||
--lvl3-head-h: 34px;
|
||||
height: calc(100vh - 56px);
|
||||
.page-layout {
|
||||
height: calc(100vh - 110px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
margin-top: 0 !important;
|
||||
padding-top: 56px !important;
|
||||
}
|
||||
|
||||
.table-scroll {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.filter-sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 20;
|
||||
background: #fff;
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.statement-page .local-filter-bar {
|
||||
position: sticky !important;
|
||||
top: 0 !important;
|
||||
z-index: 980 !important;
|
||||
margin-top: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
.filter-sticky.collapsed {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.compact-filter {
|
||||
.top-actions.single-line {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
scrollbar-width: thin;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.top-actions.single-line > [class*='col-'],
|
||||
.top-actions.single-line > .col-auto {
|
||||
flex: 0 0 auto;
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.top-actions.single-line > .col-auto {
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
.filters-panel {
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-radius: 8px;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.compact-select :deep(.q-field__control) {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.compact-select :deep(.q-field__native),
|
||||
.compact-select :deep(.q-field__input) {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.table-area {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.sticky-bar {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 30;
|
||||
flex: 0 0 auto;
|
||||
background: var(--q-secondary);
|
||||
color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.08);
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.statement-table {
|
||||
.balance-table {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.statement-table :deep(.q-table__container) {
|
||||
.balance-table :deep(.q-table__container) {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.statement-table :deep(.q-table__top) {
|
||||
flex: 0 0 auto;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.statement-table :deep(.q-table__middle) {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow: auto !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.statement-table :deep(.header-row th) {
|
||||
.balance-table :deep(.q-table__top) {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 30;
|
||||
height: var(--master-head-h);
|
||||
z-index: 6;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.balance-table :deep(.q-table__middle) {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.balance-table :deep(.header-row th) {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 8;
|
||||
background: var(--q-primary);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.22);
|
||||
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
.statement-table :deep(.master-row td) {
|
||||
background: color-mix(in srgb, var(--q-secondary) 12%, white);
|
||||
.balance-table :deep(.totals-row th) {
|
||||
position: sticky;
|
||||
top: 38px;
|
||||
z-index: 7;
|
||||
background: var(--q-secondary);
|
||||
color: var(--q-dark);
|
||||
font-weight: 700;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.detail-table :deep(.q-table__middle) {
|
||||
max-height: 320px;
|
||||
}
|
||||
|
||||
.balance-table :deep(.sub-header-row td) {
|
||||
background: #fff;
|
||||
border-bottom: 2px solid rgba(0, 0, 0, 0.18);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.statement-table :deep(.master-row td:first-child) {
|
||||
.balance-table :deep(.sub-header-row td:first-child) {
|
||||
border-left: 3px solid var(--q-primary);
|
||||
}
|
||||
|
||||
.statement-table :deep(.master-sub-row td) {
|
||||
background: #f4f6fb;
|
||||
border-bottom: 8px solid #fff;
|
||||
vertical-align: top;
|
||||
padding: 0 !important;
|
||||
.balance-table :deep(.detail-host-row td) {
|
||||
background: #f7f7f7;
|
||||
border-bottom: 10px solid #fff;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.currency-groups {
|
||||
padding: 6px;
|
||||
background: #f8faff;
|
||||
}
|
||||
|
||||
.currency-group {
|
||||
.detail-wrap {
|
||||
border: 1px solid rgba(0, 0, 0, 0.14);
|
||||
border-left: 4px solid var(--q-secondary);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
|
||||
margin-bottom: 8px;
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.currency-level-head {
|
||||
position: sticky;
|
||||
top: var(--master-head-h);
|
||||
z-index: 27;
|
||||
display: grid;
|
||||
grid-template-columns: 48px 120px 280px 110px 1fr 1fr 1fr 120px 150px;
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
background: var(--q-secondary);
|
||||
color: #fff;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
margin-bottom: 6px;
|
||||
min-height: var(--lvl2-head-h);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
|
||||
.balance-table :deep(.header-row th) {
|
||||
white-space: pre-line;
|
||||
line-height: 1.15;
|
||||
}
|
||||
|
||||
.currency-group-header {
|
||||
position: sticky;
|
||||
top: calc(var(--master-head-h) + var(--lvl2-head-h));
|
||||
z-index: 26;
|
||||
display: grid;
|
||||
grid-template-columns: 48px 120px 280px 110px 1fr 1fr 1fr 120px 150px;
|
||||
align-items: center;
|
||||
gap: 0;
|
||||
background: #4c5f7a;
|
||||
color: #fff;
|
||||
min-height: var(--lvl3-head-h);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18);
|
||||
.prbr-cell {
|
||||
white-space: pre-line;
|
||||
word-break: break-word;
|
||||
line-height: 1.25;
|
||||
}
|
||||
|
||||
.cgh-cell {
|
||||
padding: 6px 8px;
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.2);
|
||||
font-weight: 600;
|
||||
.balance-table :deep(th),
|
||||
.balance-table :deep(td),
|
||||
.detail-table :deep(th),
|
||||
.detail-table :deep(td) {
|
||||
white-space: normal !important;
|
||||
word-break: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
font-size: 11px;
|
||||
line-height: 1.2;
|
||||
padding: 4px 6px !important;
|
||||
}
|
||||
|
||||
.cgh-cell:last-child {
|
||||
border-right: none;
|
||||
.balance-table :deep(.q-table__table),
|
||||
.detail-table :deep(.q-table__table) {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.cgh-num {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.cgh-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cgh-expand {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.detail-host-row :deep(td) {
|
||||
background: #fdfdfd;
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
.detail-subtable {
|
||||
border-left: 4px solid var(--q-primary);
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.08);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.statement-table :deep(th),
|
||||
.statement-table :deep(td),
|
||||
.detail-subtable :deep(th),
|
||||
.detail-subtable :deep(td) {
|
||||
padding: 3px 6px !important;
|
||||
font-size: 11px !important;
|
||||
line-height: 1.2 !important;
|
||||
}
|
||||
|
||||
.detail-subtable :deep(.q-table__top) {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.detail-subtable :deep(.q-table__middle) {
|
||||
overflow: visible !important;
|
||||
max-height: none !important;
|
||||
}
|
||||
|
||||
.detail-subtable :deep(thead th) {
|
||||
position: sticky;
|
||||
top: calc(var(--master-head-h) + var(--lvl2-head-h) + var(--lvl3-head-h));
|
||||
z-index: 25;
|
||||
background: #1f3b5b;
|
||||
color: #fff;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.detail-subtable :deep(td[data-col="gun_sayisi"]),
|
||||
.detail-subtable :deep(td[data-col="gun_sayisi_docdate"]),
|
||||
.detail-subtable :deep(td[data-col="gun_kur"]),
|
||||
.detail-subtable :deep(td[data-col="aciklama"]),
|
||||
.detail-subtable :deep(th[data-col="gun_sayisi"]),
|
||||
.detail-subtable :deep(th[data-col="gun_sayisi_docdate"]),
|
||||
.detail-subtable :deep(th[data-col="gun_kur"]),
|
||||
.detail-subtable :deep(th[data-col="aciklama"]),
|
||||
.statement-table :deep(td[data-col="acik_kalem_ort_vade_gun"]),
|
||||
.statement-table :deep(td[data-col="acik_kalem_ort_belge_gun"]),
|
||||
.statement-table :deep(td[data-col="ortalama_vade_gun"]),
|
||||
.statement-table :deep(td[data-col="ortalama_belge_gun"]),
|
||||
.statement-table :deep(th[data-col="acik_kalem_ort_vade_gun"]),
|
||||
.statement-table :deep(th[data-col="acik_kalem_ort_belge_gun"]),
|
||||
.statement-table :deep(th[data-col="ortalama_vade_gun"]),
|
||||
.statement-table :deep(th[data-col="ortalama_belge_gun"]) {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1366px) {
|
||||
.statement-table :deep(th),
|
||||
.statement-table :deep(td),
|
||||
.detail-subtable :deep(th),
|
||||
.detail-subtable :deep(td) {
|
||||
font-size: 10px !important;
|
||||
padding: 2px 4px !important;
|
||||
}
|
||||
|
||||
.currency-group-header {
|
||||
grid-template-columns: 44px 100px 220px 90px 1fr 1fr 1fr 90px 120px;
|
||||
}
|
||||
.detail-table :deep(.q-table__middle) {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<q-page v-if="canReadFinance" class="q-pa-md page-layout">
|
||||
<div class="filter-sticky">
|
||||
<div class="top-actions row q-col-gutter-sm items-end q-mb-sm">
|
||||
<div class="filter-sticky" :class="{ collapsed: filtersCollapsed }">
|
||||
<div class="top-actions row q-col-gutter-sm items-end q-mb-sm" :class="{ 'single-line': filtersCollapsed }">
|
||||
<div class="col-12 col-sm-6 col-md-2">
|
||||
<q-input
|
||||
v-model="store.filters.selectedDate"
|
||||
@@ -59,7 +59,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="filters-panel q-pa-sm q-mb-md">
|
||||
<q-slide-transition>
|
||||
<div v-show="!filtersCollapsed" class="filters-panel q-pa-sm q-mb-md">
|
||||
<div class="row q-col-gutter-sm">
|
||||
<div class="col-12 col-sm-6 col-md-4">
|
||||
<q-input
|
||||
@@ -358,7 +359,8 @@
|
||||
</q-select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</q-slide-transition>
|
||||
|
||||
<q-banner v-if="store.error" class="bg-red-1 text-negative q-mb-md rounded-borders">
|
||||
{{ store.error }}
|
||||
@@ -408,6 +410,13 @@
|
||||
label="Excel"
|
||||
@click="downloadCustomerBalanceExcel"
|
||||
/>
|
||||
<q-btn
|
||||
flat
|
||||
color="primary"
|
||||
:icon="filtersCollapsed ? 'unfold_more' : 'unfold_less'"
|
||||
:label="filtersCollapsed ? 'Filtreleri Genişlet' : 'Filtreleri Daralt'"
|
||||
@click="toggleFiltersCollapsed"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -501,6 +510,7 @@
|
||||
</template>
|
||||
</q-table>
|
||||
</div>
|
||||
|
||||
</q-page>
|
||||
|
||||
<q-page v-else class="q-pa-md flex flex-center">
|
||||
@@ -520,6 +530,7 @@ import { download, extractApiErrorDetail } from 'src/services/api'
|
||||
const store = useCustomerBalanceListStore()
|
||||
const expanded = ref({})
|
||||
const allDetailsOpen = ref(false)
|
||||
const filtersCollapsed = ref(false)
|
||||
const $q = useQuasar()
|
||||
|
||||
const { canRead, canExport } = usePermission()
|
||||
@@ -643,6 +654,10 @@ function onToggle13Changed (val) {
|
||||
}
|
||||
}
|
||||
|
||||
function toggleFiltersCollapsed () {
|
||||
filtersCollapsed.value = !filtersCollapsed.value
|
||||
}
|
||||
|
||||
|
||||
function toggleGroup (key) {
|
||||
expanded.value[key] = !expanded.value[key]
|
||||
@@ -844,6 +859,28 @@ function formatRowPrBr (row, tip) {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
.filter-sticky.collapsed {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.top-actions.single-line {
|
||||
flex-wrap: nowrap;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
scrollbar-width: thin;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.top-actions.single-line > [class*='col-'],
|
||||
.top-actions.single-line > .col-auto {
|
||||
flex: 0 0 auto;
|
||||
min-width: 220px;
|
||||
}
|
||||
|
||||
.top-actions.single-line > .col-auto {
|
||||
min-width: auto;
|
||||
}
|
||||
|
||||
.filters-panel {
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -11,6 +11,14 @@
|
||||
:loading="store.loading"
|
||||
@click="refreshAll"
|
||||
/>
|
||||
<q-btn
|
||||
class="q-ml-sm"
|
||||
color="secondary"
|
||||
icon="save"
|
||||
label="Secili Degisiklikleri Kaydet"
|
||||
:loading="store.saving"
|
||||
@click="onBulkSubmit"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="filter-bar row q-col-gutter-md">
|
||||
@@ -76,6 +84,27 @@
|
||||
:rows-per-page-options="[0]"
|
||||
hide-bottom
|
||||
>
|
||||
<template #header-cell-select="props">
|
||||
<q-th :props="props" class="text-center" style="width: 44px">
|
||||
<q-checkbox
|
||||
size="sm"
|
||||
:model-value="allSelectedVisible"
|
||||
:indeterminate="someSelectedVisible && !allSelectedVisible"
|
||||
@update:model-value="toggleSelectAllVisible"
|
||||
/>
|
||||
</q-th>
|
||||
</template>
|
||||
|
||||
<template #body-cell-select="props">
|
||||
<q-td :props="props" class="text-center" style="width: 44px">
|
||||
<q-checkbox
|
||||
size="sm"
|
||||
:model-value="!!selectedMap[props.row.RowKey]"
|
||||
@update:model-value="(val) => toggleRowSelection(props.row.RowKey, val)"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
|
||||
<template #body-cell-actions="props">
|
||||
<q-td :props="props" class="text-center">
|
||||
<q-btn
|
||||
@@ -98,6 +127,7 @@
|
||||
v-model="props.row.NewItemCode"
|
||||
dense
|
||||
filled
|
||||
maxlength="13"
|
||||
label="Yeni Urun"
|
||||
@update:model-value="val => onNewItemChange(props.row, val)"
|
||||
>
|
||||
@@ -143,10 +173,12 @@
|
||||
emit-value
|
||||
map-options
|
||||
use-input
|
||||
new-value-mode="add-unique"
|
||||
dense
|
||||
filled
|
||||
label="Yeni Renk"
|
||||
@update:model-value="() => onNewColorChange(props.row)"
|
||||
@new-value="(val, done) => onCreateColorValue(props.row, val, done)"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
@@ -161,9 +193,11 @@
|
||||
emit-value
|
||||
map-options
|
||||
use-input
|
||||
new-value-mode="add-unique"
|
||||
dense
|
||||
filled
|
||||
label="Yeni 2. Renk"
|
||||
@new-value="(val, done) => onCreateSecondColorValue(props.row, val, done)"
|
||||
/>
|
||||
</q-td>
|
||||
</template>
|
||||
@@ -214,8 +248,10 @@ const descFilter = ref('')
|
||||
const productOptions = ref([])
|
||||
const productSearch = ref('')
|
||||
const rowSavingId = ref('')
|
||||
const selectedMap = ref({})
|
||||
|
||||
const columns = [
|
||||
{ name: 'select', label: '', field: 'select', align: 'center', sortable: false, style: 'width:44px;', headerStyle: 'width:44px;' },
|
||||
{ name: 'OldItemCode', label: 'Eski Urun Kodu', field: 'OldItemCode', align: 'left', sortable: true, style: 'min-width:120px;white-space:nowrap', headerStyle: 'min-width:120px;white-space:nowrap', headerClasses: 'col-old', classes: 'col-old' },
|
||||
{ name: 'OldColor', label: 'Eski Urun Rengi', field: 'OldColor', align: 'left', sortable: true, style: 'min-width:100px;white-space:nowrap', headerStyle: 'min-width:100px;white-space:nowrap', headerClasses: 'col-old', classes: 'col-old' },
|
||||
{ name: 'OldDim2', label: 'Eski 2. Renk', field: 'OldDim2', align: 'left', sortable: true, style: 'min-width:90px;white-space:nowrap', headerStyle: 'min-width:90px;white-space:nowrap', headerClasses: 'col-old', classes: 'col-old' },
|
||||
@@ -274,18 +310,21 @@ const filteredRows = computed(() => {
|
||||
)
|
||||
})
|
||||
|
||||
const visibleRowKeys = computed(() => filteredRows.value.map(r => r.RowKey))
|
||||
const selectedVisibleCount = computed(() => visibleRowKeys.value.filter(k => !!selectedMap.value[k]).length)
|
||||
const allSelectedVisible = computed(() => visibleRowKeys.value.length > 0 && selectedVisibleCount.value === visibleRowKeys.value.length)
|
||||
const someSelectedVisible = computed(() => selectedVisibleCount.value > 0)
|
||||
|
||||
function onSelectProduct (row, code) {
|
||||
productSearch.value = ''
|
||||
onNewItemChange(row, code)
|
||||
}
|
||||
|
||||
function onNewItemChange (row, val) {
|
||||
const next = String(val || '').trim()
|
||||
if (next && !isValidModelCode(next)) {
|
||||
$q.notify({ type: 'negative', message: 'Model kodu formati gecersiz. Ornek: S000-DMY00001' })
|
||||
row.NewItemCode = ''
|
||||
row.NewColor = ''
|
||||
row.NewDim2 = ''
|
||||
const next = String(val || '').trim().toUpperCase()
|
||||
if (next.length > 13) {
|
||||
$q.notify({ type: 'negative', message: 'Model kodu en fazla 13 karakter olabilir.' })
|
||||
row.NewItemCode = next.slice(0, 13)
|
||||
return
|
||||
}
|
||||
row.NewItemCode = next ? next.toUpperCase() : ''
|
||||
@@ -297,6 +336,7 @@ function onNewItemChange (row, val) {
|
||||
}
|
||||
|
||||
function onNewColorChange (row) {
|
||||
row.NewColor = normalizeShortCode(row.NewColor, 3)
|
||||
row.NewDim2 = ''
|
||||
if (row.NewItemCode && row.NewColor) {
|
||||
store.fetchSecondColors(row.NewItemCode, row.NewColor)
|
||||
@@ -319,9 +359,91 @@ function getSecondColorOptions (row) {
|
||||
return store.secondColorOptionsByKey[key] || []
|
||||
}
|
||||
|
||||
function isValidModelCode (value) {
|
||||
const text = String(value || '').trim().toUpperCase()
|
||||
return /^[A-Z][0-9]{3}-[A-Z]{3}[0-9]{5}$/.test(text)
|
||||
function toggleRowSelection (rowKey, checked) {
|
||||
const next = { ...selectedMap.value }
|
||||
if (checked) next[rowKey] = true
|
||||
else delete next[rowKey]
|
||||
selectedMap.value = next
|
||||
}
|
||||
|
||||
function toggleSelectAllVisible (checked) {
|
||||
const next = { ...selectedMap.value }
|
||||
for (const key of visibleRowKeys.value) {
|
||||
if (checked) next[key] = true
|
||||
else delete next[key]
|
||||
}
|
||||
selectedMap.value = next
|
||||
}
|
||||
|
||||
function onCreateColorValue (row, val, done) {
|
||||
const code = normalizeShortCode(val, 3)
|
||||
if (!code) {
|
||||
done(null)
|
||||
return
|
||||
}
|
||||
row.NewColor = code
|
||||
onNewColorChange(row)
|
||||
done(code, 'add-unique')
|
||||
}
|
||||
|
||||
function onCreateSecondColorValue (row, val, done) {
|
||||
const code = normalizeShortCode(val, 3)
|
||||
if (!code) {
|
||||
done(null)
|
||||
return
|
||||
}
|
||||
row.NewDim2 = code
|
||||
done(code, 'add-unique')
|
||||
}
|
||||
|
||||
function normalizeShortCode (value, maxLen) {
|
||||
return String(value || '').trim().toUpperCase().slice(0, maxLen)
|
||||
}
|
||||
|
||||
function validateRowInput (row) {
|
||||
const newItemCode = String(row.NewItemCode || '').trim().toUpperCase()
|
||||
const newColor = normalizeShortCode(row.NewColor, 3)
|
||||
const newDim2 = normalizeShortCode(row.NewDim2, 3)
|
||||
const oldColor = String(row.OldColor || '').trim()
|
||||
const oldDim2 = String(row.OldDim2 || '').trim()
|
||||
|
||||
if (!newItemCode) return 'Yeni model kodu zorunludur.'
|
||||
if (newItemCode.length !== 13) return 'Yeni model kodu 13 karakter olmalidir.'
|
||||
if (oldColor && !newColor) return 'Eski kayitta 1. renk oldugu icin yeni 1. renk zorunludur.'
|
||||
if (newColor && newColor.length !== 3) return 'Yeni 1. renk kodu 3 karakter olmalidir.'
|
||||
if (oldDim2 && !newDim2) return 'Eski kayitta 2. renk oldugu icin yeni 2. renk zorunludur.'
|
||||
if (newDim2 && newDim2.length !== 3) return 'Yeni 2. renk kodu 3 karakter olmalidir.'
|
||||
if (newDim2 && !newColor) return '2. renk girmek icin 1. renk zorunludur.'
|
||||
|
||||
row.NewItemCode = newItemCode
|
||||
row.NewColor = newColor
|
||||
row.NewDim2 = newDim2
|
||||
return ''
|
||||
}
|
||||
|
||||
function collectLinesFromRows (selectedRows) {
|
||||
const lines = []
|
||||
for (const row of selectedRows) {
|
||||
const errMsg = validateRowInput(row)
|
||||
if (errMsg) {
|
||||
return { errMsg, lines: [] }
|
||||
}
|
||||
|
||||
const baseLine = {
|
||||
NewItemCode: String(row.NewItemCode || '').trim().toUpperCase(),
|
||||
NewColor: normalizeShortCode(row.NewColor, 3),
|
||||
NewDim2: normalizeShortCode(row.NewDim2, 3),
|
||||
NewDesc: String((row.NewDesc || row.OldDesc) || '').trim()
|
||||
}
|
||||
|
||||
for (const id of (row.OrderLineIDs || [])) {
|
||||
lines.push({
|
||||
OrderLineID: id,
|
||||
...baseLine
|
||||
})
|
||||
}
|
||||
}
|
||||
return { errMsg: '', lines }
|
||||
}
|
||||
|
||||
function buildGroupKey (item) {
|
||||
@@ -416,23 +538,12 @@ async function refreshAll () {
|
||||
}
|
||||
|
||||
async function onRowSubmit (row) {
|
||||
const baseLine = {
|
||||
NewItemCode: String(row.NewItemCode || '').trim(),
|
||||
NewColor: String(row.NewColor || '').trim(),
|
||||
NewDim2: String(row.NewDim2 || '').trim(),
|
||||
NewDesc: String((row.NewDesc || row.OldDesc) || '').trim()
|
||||
}
|
||||
|
||||
if (!baseLine.NewItemCode || !baseLine.NewColor) {
|
||||
$q.notify({ type: 'negative', message: 'Yeni urun ve renk zorunludur.' })
|
||||
const { errMsg, lines } = collectLinesFromRows([row])
|
||||
if (errMsg) {
|
||||
$q.notify({ type: 'negative', message: errMsg })
|
||||
return
|
||||
}
|
||||
|
||||
const lines = (row.OrderLineIDs || []).map(id => ({
|
||||
OrderLineID: id,
|
||||
...baseLine
|
||||
}))
|
||||
|
||||
if (!lines.length) {
|
||||
$q.notify({ type: 'negative', message: 'Satir bulunamadi.' })
|
||||
return
|
||||
@@ -467,6 +578,52 @@ async function onRowSubmit (row) {
|
||||
rowSavingId.value = ''
|
||||
}
|
||||
}
|
||||
|
||||
async function onBulkSubmit () {
|
||||
const selectedRows = rows.value.filter(r => !!selectedMap.value[r.RowKey])
|
||||
if (!selectedRows.length) {
|
||||
$q.notify({ type: 'warning', message: 'Lutfen en az bir satir seciniz.' })
|
||||
return
|
||||
}
|
||||
|
||||
const { errMsg, lines } = collectLinesFromRows(selectedRows)
|
||||
if (errMsg) {
|
||||
$q.notify({ type: 'negative', message: errMsg })
|
||||
return
|
||||
}
|
||||
if (!lines.length) {
|
||||
$q.notify({ type: 'negative', message: 'Secili satirlarda guncellenecek kayit bulunamadi.' })
|
||||
return
|
||||
}
|
||||
|
||||
try {
|
||||
const validate = await store.validateUpdates(orderHeaderID.value, lines)
|
||||
const missingCount = validate?.missingCount || 0
|
||||
if (missingCount > 0) {
|
||||
const missingList = (validate?.missing || []).map(v => (
|
||||
`${v.ItemCode} / ${v.ColorCode} / ${v.ItemDim1Code} / ${v.ItemDim2Code}`
|
||||
))
|
||||
$q.dialog({
|
||||
title: 'Eksik Varyantlar',
|
||||
message: `Eksik varyant bulundu: ${missingCount}<br><br>${missingList.join('<br>')}`,
|
||||
html: true,
|
||||
ok: { label: 'Ekle ve Guncelle', color: 'primary' },
|
||||
cancel: { label: 'Vazgec', flat: true }
|
||||
}).onOk(async () => {
|
||||
await store.applyUpdates(orderHeaderID.value, lines, true)
|
||||
await store.fetchItems(orderHeaderID.value)
|
||||
selectedMap.value = {}
|
||||
})
|
||||
return
|
||||
}
|
||||
|
||||
await store.applyUpdates(orderHeaderID.value, lines, false)
|
||||
await store.fetchItems(orderHeaderID.value)
|
||||
selectedMap.value = {}
|
||||
} catch (err) {
|
||||
$q.notify({ type: 'negative', message: 'Toplu kayit islemi basarisiz.' })
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
@@ -149,7 +149,7 @@ const routes = [
|
||||
{
|
||||
path: 'aged-customer-balance-list',
|
||||
name: 'aged-customer-balance-list',
|
||||
component: () => import('pages/AgedCustomerBalanceListDummy.vue'),
|
||||
component: () => import('pages/AccountAgingStatement.vue'),
|
||||
meta: { permission: 'finance:view' }
|
||||
},
|
||||
|
||||
|
||||
263
ui/src/stores/accountAgingBalanceStore.js
Normal file
263
ui/src/stores/accountAgingBalanceStore.js
Normal file
@@ -0,0 +1,263 @@
|
||||
import { defineStore } from 'pinia'
|
||||
import api from 'src/services/api'
|
||||
|
||||
export const useAccountAgingBalanceStore = defineStore('accountAgingBalance', {
|
||||
state: () => ({
|
||||
filters: {
|
||||
selectedDate: new Date().toISOString().slice(0, 10),
|
||||
excludeZeroBalance12: false,
|
||||
excludeZeroBalance13: false,
|
||||
cariSearch: '',
|
||||
cariIlkGrup: [],
|
||||
piyasa: [],
|
||||
temsilci: [],
|
||||
riskDurumu: [],
|
||||
islemTipi: [],
|
||||
ulke: [],
|
||||
il: [],
|
||||
ilce: []
|
||||
},
|
||||
rows: [],
|
||||
loading: false,
|
||||
error: null,
|
||||
hasFetched: false,
|
||||
defaultsInitialized: false
|
||||
}),
|
||||
|
||||
getters: {
|
||||
cariIlkGrupOptions: (state) => uniqueOptions(state.rows, 'cari_ilk_grup'),
|
||||
piyasaOptions: (state) => uniqueOptions(state.rows, 'piyasa'),
|
||||
temsilciOptions: (state) => uniqueOptions(state.rows, 'temsilci'),
|
||||
riskDurumuOptions: (state) => uniqueOptions(state.rows, 'risk_durumu'),
|
||||
ulkeOptions: (state) => uniqueOptions(state.rows, 'ozellik05'),
|
||||
ilOptions: (state) => uniqueOptions(state.rows, 'il'),
|
||||
ilceOptions: (state) => uniqueOptions(state.rows, 'ilce'),
|
||||
|
||||
filteredRows: (state) => {
|
||||
const selectedCariIlkGrup = new Set((state.filters.cariIlkGrup || []).map(v => normalizeText(v)))
|
||||
const selectedPiyasa = new Set((state.filters.piyasa || []).map(v => normalizeText(v)))
|
||||
const selectedTemsilci = new Set((state.filters.temsilci || []).map(v => normalizeText(v)))
|
||||
const selectedRiskDurumu = new Set((state.filters.riskDurumu || []).map(v => normalizeText(v)))
|
||||
const selectedUlke = new Set((state.filters.ulke || []).map(v => normalizeText(v)))
|
||||
const selectedIl = new Set((state.filters.il || []).map(v => normalizeText(v)))
|
||||
const selectedIlce = new Set((state.filters.ilce || []).map(v => normalizeText(v)))
|
||||
|
||||
const matchMulti = (selectedSet, value) => {
|
||||
if (!selectedSet.size) return true
|
||||
const normalized = normalizeText(value)
|
||||
if (!normalized) return true
|
||||
return selectedSet.has(normalized)
|
||||
}
|
||||
|
||||
return state.rows.filter((row) => {
|
||||
const bak12 = Number(row.bakiye_1_2) || 0
|
||||
const bak13 = Number(row.bakiye_1_3) || 0
|
||||
const usd12 = Number(row.usd_bakiye_1_2) || 0
|
||||
const try12 = Number(row.tl_bakiye_1_2) || 0
|
||||
const usd13 = Number(row.usd_bakiye_1_3) || 0
|
||||
const try13 = Number(row.tl_bakiye_1_3) || 0
|
||||
const cariSearchNeedle = normalizeText(state.filters.cariSearch || '')
|
||||
|
||||
const cariIlkGrupOk = matchMulti(selectedCariIlkGrup, row.cari_ilk_grup)
|
||||
const piyasaOk = matchMulti(selectedPiyasa, row.piyasa)
|
||||
const temsilciOk = matchMulti(selectedTemsilci, row.temsilci)
|
||||
const riskDurumuOk = matchMulti(selectedRiskDurumu, row.risk_durumu)
|
||||
|
||||
const cariText = normalizeText([
|
||||
row.ana_cari_kodu || '',
|
||||
row.ana_cari_adi || '',
|
||||
row.cari_kodu || '',
|
||||
row.cari_detay || ''
|
||||
].join(' '))
|
||||
const cariSearchOk = !cariSearchNeedle || cariText.includes(cariSearchNeedle)
|
||||
|
||||
const ulkeOk = matchMulti(selectedUlke, row.ozellik05)
|
||||
const ilOk = matchMulti(selectedIl, row.il)
|
||||
const ilceOk = matchMulti(selectedIlce, row.ilce)
|
||||
|
||||
const islemTipiOk =
|
||||
!state.filters.islemTipi.length ||
|
||||
state.filters.islemTipi.some((t) => {
|
||||
if (t === 'prbr_1_2') return bak12 !== 0
|
||||
if (t === 'prbr_1_3') return bak13 !== 0
|
||||
if (t === 'usd_1_2') return usd12 !== 0
|
||||
if (t === 'try_1_2') return try12 !== 0
|
||||
if (t === 'usd_1_3') return usd13 !== 0
|
||||
if (t === 'try_1_3') return try13 !== 0
|
||||
return false
|
||||
})
|
||||
|
||||
const excludeZero12Ok = !state.filters.excludeZeroBalance12 || bak12 !== 0
|
||||
const excludeZero13Ok = !state.filters.excludeZeroBalance13 || bak13 !== 0
|
||||
|
||||
return cariIlkGrupOk && piyasaOk && temsilciOk && riskDurumuOk &&
|
||||
cariSearchOk && ulkeOk && ilOk && ilceOk && islemTipiOk &&
|
||||
excludeZero12Ok && excludeZero13Ok
|
||||
})
|
||||
},
|
||||
|
||||
summaryRows () {
|
||||
const grouped = new Map()
|
||||
|
||||
for (const row of this.filteredRows) {
|
||||
const key = String(row.ana_cari_kodu || '').trim()
|
||||
const current = grouped.get(key) || {
|
||||
group_key: key,
|
||||
ana_cari_kodu: key,
|
||||
ana_cari_adi: row.ana_cari_adi || '',
|
||||
piyasa: '',
|
||||
piyasa_set: new Set(),
|
||||
temsilci: '',
|
||||
temsilci_set: new Set(),
|
||||
risk_durumu: '',
|
||||
risk_set: new Set(),
|
||||
bakiye_1_2_map: {},
|
||||
bakiye_1_3_map: {},
|
||||
usd_bakiye_1_2: 0,
|
||||
tl_bakiye_1_2: 0,
|
||||
usd_bakiye_1_3: 0,
|
||||
tl_bakiye_1_3: 0,
|
||||
vade_gun_sum: 0,
|
||||
vade_belge_sum: 0,
|
||||
vade_count: 0
|
||||
}
|
||||
|
||||
current.usd_bakiye_1_2 += Number(row.usd_bakiye_1_2) || 0
|
||||
current.tl_bakiye_1_2 += Number(row.tl_bakiye_1_2) || 0
|
||||
current.usd_bakiye_1_3 += Number(row.usd_bakiye_1_3) || 0
|
||||
current.tl_bakiye_1_3 += Number(row.tl_bakiye_1_3) || 0
|
||||
|
||||
const vadeGun = Number(row.vade_gun) || 0
|
||||
const vadeBelge = Number(row.vade_belge_tarihi_gun) || 0
|
||||
if (vadeGun !== 0 || vadeBelge !== 0) {
|
||||
current.vade_gun_sum += vadeGun
|
||||
current.vade_belge_sum += vadeBelge
|
||||
current.vade_count += 1
|
||||
}
|
||||
|
||||
if (!String(current.ana_cari_adi || '').trim() && String(row.ana_cari_adi || '').trim()) {
|
||||
current.ana_cari_adi = row.ana_cari_adi
|
||||
}
|
||||
|
||||
const curr = String(row.cari_doviz || '').trim().toUpperCase() || 'N/A'
|
||||
current.bakiye_1_2_map[curr] =
|
||||
(Number(current.bakiye_1_2_map[curr]) || 0) + (Number(row.bakiye_1_2) || 0)
|
||||
current.bakiye_1_3_map[curr] =
|
||||
(Number(current.bakiye_1_3_map[curr]) || 0) + (Number(row.bakiye_1_3) || 0)
|
||||
|
||||
const piyasa = String(row.piyasa || '').trim()
|
||||
if (piyasa) current.piyasa_set.add(piyasa)
|
||||
const temsilci = String(row.temsilci || '').trim()
|
||||
if (temsilci) current.temsilci_set.add(temsilci)
|
||||
const risk = String(row.risk_durumu || row.ozellik03 || '').trim()
|
||||
if (risk) current.risk_set.add(risk)
|
||||
|
||||
const riskValues = Array.from(current.risk_set)
|
||||
current.risk_durumu = riskValues.length <= 1 ? (riskValues[0] || '-') : riskValues.join(', ')
|
||||
const piyasaValues = Array.from(current.piyasa_set)
|
||||
current.piyasa = piyasaValues.length <= 1 ? (piyasaValues[0] || '-') : piyasaValues.join(', ')
|
||||
const temsilciValues = Array.from(current.temsilci_set)
|
||||
current.temsilci = temsilciValues.length <= 1 ? (temsilciValues[0] || '-') : temsilciValues.join(', ')
|
||||
|
||||
grouped.set(key, current)
|
||||
}
|
||||
|
||||
return Array.from(grouped.values()).map((r) => {
|
||||
const { risk_set, piyasa_set, temsilci_set, vade_gun_sum, vade_belge_sum, vade_count, ...rest } = r
|
||||
return {
|
||||
...rest,
|
||||
vade_gun: vade_count > 0 ? vade_gun_sum / vade_count : 0,
|
||||
vade_belge_tarihi_gun: vade_count > 0 ? vade_belge_sum / vade_count : 0
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
|
||||
actions: {
|
||||
async fetchBalances () {
|
||||
this.loading = true
|
||||
this.error = null
|
||||
|
||||
try {
|
||||
this.filters.selectedDate = new Date().toISOString().slice(0, 10)
|
||||
const { data } = await api.get('/finance/account-aging-statement', {
|
||||
params: {
|
||||
cari_search: String(this.filters.cariSearch || '').trim(),
|
||||
cari_ilk_grup: (this.filters.cariIlkGrup || []).join(','),
|
||||
piyasa: (this.filters.piyasa || []).join(','),
|
||||
temsilci: (this.filters.temsilci || []).join(','),
|
||||
risk_durumu: (this.filters.riskDurumu || []).join(','),
|
||||
islem_tipi: (this.filters.islemTipi || []).join(','),
|
||||
ulke: (this.filters.ulke || []).join(','),
|
||||
il: (this.filters.il || []).join(','),
|
||||
ilce: (this.filters.ilce || []).join(',')
|
||||
}
|
||||
})
|
||||
this.rows = Array.isArray(data) ? data : []
|
||||
if (!this.defaultsInitialized) {
|
||||
this.applyInitialFilterDefaults()
|
||||
this.defaultsInitialized = true
|
||||
}
|
||||
this.hasFetched = true
|
||||
} catch (err) {
|
||||
this.rows = []
|
||||
this.hasFetched = false
|
||||
this.error = err?.response?.data?.message || err?.message || 'Cari yaşlandırmalı bakiye listesi getirilemedi.'
|
||||
} finally {
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
|
||||
getDetailsByGroup (groupKey) {
|
||||
return this.filteredRows.filter(r => String(r.ana_cari_kodu || '').trim() === String(groupKey || '').trim())
|
||||
},
|
||||
|
||||
resetFilters () {
|
||||
this.filters.excludeZeroBalance12 = false
|
||||
this.filters.excludeZeroBalance13 = false
|
||||
this.filters.cariSearch = ''
|
||||
this.filters.cariIlkGrup = []
|
||||
this.filters.piyasa = []
|
||||
this.filters.temsilci = []
|
||||
this.filters.riskDurumu = []
|
||||
this.filters.islemTipi = []
|
||||
this.filters.ulke = []
|
||||
this.filters.il = []
|
||||
this.filters.ilce = []
|
||||
this.defaultsInitialized = false
|
||||
},
|
||||
|
||||
selectAll (field, options) {
|
||||
this.filters[field] = options.map(o => o.value)
|
||||
},
|
||||
|
||||
clearAll (field) {
|
||||
this.filters[field] = []
|
||||
},
|
||||
|
||||
applyInitialFilterDefaults () {
|
||||
const excludedCariIlkGrup = new Set([normalizeText('transfer'), normalizeText('perakende'), normalizeText('dtf')])
|
||||
this.filters.cariIlkGrup = this.cariIlkGrupOptions.map(o => o.value).filter(v => !excludedCariIlkGrup.has(normalizeText(v)))
|
||||
|
||||
const excludedRisk = new Set([normalizeText('avukat'), normalizeText('orta risk'), normalizeText('yuksek risk')])
|
||||
this.filters.riskDurumu = this.riskDurumuOptions.map(o => o.value).filter(v => !excludedRisk.has(normalizeText(v)))
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
function uniqueOptions (rows, field) {
|
||||
const set = new Set()
|
||||
for (const r of rows) {
|
||||
const v = String(r[field] || '').trim()
|
||||
if (v) set.add(v)
|
||||
}
|
||||
return Array.from(set).sort((a, b) => a.localeCompare(b, 'tr')).map(v => ({ label: v, value: v }))
|
||||
}
|
||||
|
||||
function normalizeText (str) {
|
||||
return String(str || '')
|
||||
.toLocaleLowerCase('tr-TR')
|
||||
.normalize('NFD')
|
||||
.replace(/[\u0300-\u036f]/g, '')
|
||||
.trim()
|
||||
}
|
||||
Reference in New Issue
Block a user